/* Eric Meyer's Reset CSS v2.0 - https://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* HUBSPOT INCLUDED STYLES */
/* @import url('https://example.com/example_style.css'); */
 /****************************************/
 /* HubSpot Style Boilerplate            */
 /****************************************/
 /* This responsive framework is required for all styles. */

 /* These includes are optional, but helpful. */
 
/*html, body {margin: 0px!important; padding: 0px!important; width: 100%; min-width: 100%; height: 100%;}*/
/* END HUBSPOT INCLUDED STYLES */


/* CORE STYLES */
/* Body and Page Styles ************************************/
html,body {margin: 0px!important; padding: 0px!important;position: relative;font-family:helvetica,arial,sans-serif;height:100%;-webkit-overflow-scrolling: touch;}
.body-container-wrapper{-webkit-overflow-scrolling: touch;}



.blog-body .main-nav li {margin:0;}

/*------------------------------------------------------------------INTERIOR PAGES------------------------------------------------------------------*/

    /*---BANNER---*/

    .banner{ overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative; height: auto; }
    .banner-bar{width: 100%; height: 24px; background: url(//cdn2.hubspot.net/hub/282504/file-238251672-jpg/images/banner-bar.jpg)center no-repeat; margin: 0 auto;}
    .hs-blog-listing .subscription-background h1 { line-height:20px; display: inline-block;  background: none;  color: #FFFFFF;  padding: 0;  font-size: 20px;  font-weight: normal;}
    .hs-blog-listing .subscription-background h1 span { font-weight: bold;}
    .hs-blog-post .subscription-background h1{display:none;}
    .hs-blog-post .subscription-background h3{display:inline-block;padding: 10px;}
    .subscribetextwrap {display:inline-block;text-align:left;  padding: 0 14px;}
    .banner-shadow{width: 100%; height: 10px; position: relative; z-index: 90; background: url(//cdn2.hubspot.net/hub/282504/file-237481939-png/images/banner-shadow.png)center repeat; margin: 0 auto;}
    .banner-texture{   width: 60%;  height: 418px; position: relative;  top: 0;  margin-top: -10px;    background-color: rgba(0,0,0,0.5) !important;  background: url(''); }
    .banner-title{display: block; position: absolute; z-index: 100; left: 20%; top: 80px; font-weight: bolder; color: #fff; font-size: 45px;}
    .subscription-background .widget-type-blog_subscribe{background-color: rgba(0,70,127,0.9);  position: absolute;  bottom: 0;  z-index: 99;  padding: 10px;  text-align: center;}
    .subscription-background h3 {color:white; font-size:20px; padding:0; line-height:20px; }
    .subscription-background label{display:none;}
    .subscription-background #hs_form_target_blog_subscription{display:inline-block;vertical-align:top;}
    .subscription-background .hs-form-field, .subscription-background .hs_submit{display:inline-block;}
    .subscription-background .actions .hs-button{  border: none; background-color: #ca1a35;  color: white;  text-transform: lowercase;  padding: 12px 20px;}
    .subscription-background .hs-input{width:250px;  background-color: rgba(253, 253, 253, 0.38);  border: none;padding: 12px;margin-top:0;}
    .subscription-background form>div{float:left;}
    
    .subscription-relative-wrapper{position:relative; width:100%; margin-top:0%;}
    .subscription-fixed-wrapper{position:fixed; width:100%; margin-top:-520px;z-index:9999;}
    
    /**Banner Texture**/
    .post-listing .post-item:first-child{display:none;}
    .banner-texture{color:white;}
    .blog-body .banner-texture h2 a {  color: #FEFEFE;  text-decoration: none!important;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
    .blog-body .banner-texture a {  color: #FFFFFF;}
    .banner-texture .hs-featured-image-wrapper{display:none;}
    .banner-texture .more-link {  border: 2px solid white;  background: transparent;  display: inline-block;  text-transform: lowercase;vertical-align:top;  margin: 25px 0;}
    .banner-texture .more-link:hover {  background: transparent;}
    .banner-text{   margin-left: 31%;  padding: 20px;}
    .blog-body .banner-texture h2 {  font-size: 53px;  font-weight: normal;  line-height: 58px;  text-shadow: 3px 3px 2px rgba(37, 32, 32, 0.5); padding:0; }
    .blog-body .banner-texture p { padding:0; }
    .hs-blog-post .banner-texture h1 {background:none;font-size: 64px;  font-weight: normal;  line-height: 70px;  cursor: default;  text-shadow: 3px 3px 2px rgba(37, 32, 32, 0.5);}
    .banner-text .hubspot-editable a, .banner-text .publishdate {bottom:19%;}
    .banner-text .publishdate {right:5%;}

    /**Blog Listing**/

    .content-section .post-body ul {padding-left:55px; list-style:initial;  }
    
    .blog-section .more-link { display: none;}
    .post-listing .hs-featured-image{  float: none; margin: 0;  max-width: 100%;}
    .post-listing{margin: 0 auto !important;max-width: 1160px; display:table; }
    .post-listing .post-item { max-width: 320px;  display: inline-block;  border-bottom: 1px solid #d6d7d8; padding: 30px;  vertical-align: top;  height: 400px; position:relative;} 
    .post-listing .post-item:nth-child(3n+0) {border-right: 1px solid #d6d7d8; border-left: 1px solid #d6d7d8;}
    
    .blog-body .banner-text .post-body p { margin: 0;}
    .blog-body .body-container-wrapper ul, .blog-body .body-container-wrapper ol{margin-left:55px;}
    .blog-body .body-container-wrapper ul{list-style:disc;}
    .blog-body .body-container-wrapper ol{list-style:decimal;}
    .blog-body .body-container-wrapper li{margin:0 0 20px 0;}
    .post-listing .post-body{  font-size: 15px;  line-height: 18px;  color: #7b7d7f;}
    .hs-featured-image-wrap {   position: relative; overflow: hidden; max-height: 216px;   width: auto; }
    .post-listing .hs-featured-image { margin: 0 !important;  max-width: 188%;  height: auto !important; width: auto !important; float: right }
    .blog-body .body-container-wrapper p{color:#7b7d7f;line-height: 25px!important;}
    .blog-body .body-container-wrapper p a {  color: #014780;  text-decoration: underline;}
    .blog-body .body-container-wrapper .banner-texture p,  .blog-body .body-container-wrapper .banner-texture a {  color: #FFF;  text-decoration: none;}
    .comment-reply-to {  cursor: pointer;  color: #939597;}
    .post-listing .post-item:hover{/*border-bottom: 8px solid #000;*/ box-shadow: inset 0px -8px 0px #000000; -moz-box-shadow:    inset 0px -8px 0px #000000;  -webkit-box-shadow: inset 0px -8px 0px #000000;}
    .post-listing .post-item:hover .post-header h2 a{  color: #E51937; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    .publishdate{ float:right;  position: absolute;  right: 20px;  bottom: 4px; }
    .hubspot-editable a{ text-decoration:none;   color: #014780;  position: absolute;  bottom: 4px;   font-style: italic;}
    .post-listing .post-item .post-body p:nth-child(2){ display:none; }
    .hsis_loader {   display: block; text-align: center;  padding-top: 3%; }
    
    
    .post-author-list-wrapper .hs-author-avatar{display:inline-block;  padding: 15px;}
    .post-author-list-wrapper .post-author-list-left-column{  display: inline-block; width:70%;  vertical-align: top;  text-align: left;  padding-top: 1%;}
    .post-author-list-wrapper {color: #7b7d7f;  max-width: 1160px;   margin: 0 auto;}
    .post-author-list-wrapper h2 { color: #014780;}
    .post-author-list-left-column .author-link {color: #7b7d7f; font-size: 26px;vertical-align: middle;}
    .post-author-list-left-column .hs-author-bio{  color: #7b7d7f;  line-height: 24px;}
    .post-author-list-wrapper .hs-author-social-section {   padding-top: 20px; }
    
    .blog-pagination { text-align: center;  display: block !important;padding-top:20px;}
    .all-posts-link { display:none; }
    .blog-pagination a {text-decoration:none; padding:10px;}
    
    /*.post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{ background: url('https://web.afflink.com/hs-fs/hub/282504/file-2501297112-png/Afflink_Blog_images/spritesmerge.png') no-repeat;}
    
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook{background-position: 0 0;    width: 29px;    height: 30px;}
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin{background-position: -36px 0;    width: 29px;	height: 30px;}
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter{background-position: -70px 0;    width: 30px;	height: 30px;}
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{background-position: -106px 0;    width: 29px;	height: 30px;}

    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover, 
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover{ background: url('https://web.afflink.com/hs-fs/hub/282504/file-2501297112-png/Afflink_Blog_images/spritesmerge.png') no-repeat;}
    
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover{background-position: -1px -32px;    width: 29px;	height: 30px;}
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover{background-position: -36px -32px;    width: 29px;	height: 30px;}
    .post-author-list-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover{background-position: -71px -32px;    width: 30px;	height: 30px;}
    .post-author-list-left-column.hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover{background-position: -106px -32px;    width: 29px;	height: 30px;}*/
 
    
    /**Blog Post**/
    .hs-blog-post .hubspot-editable a {  font-style: normal; }
    .hs-blog-post .widget-type-post_filter { display:none; }
    .hs-blog-post .hubspot-editable a{ position:initial; }
    blockquote, q {  quotes: none;  line-height: 28px;  font-size: 17px; padding: 10px 0;  font-style: italic;}
    .quoteimg img{  padding: 5px 20px 0px 0;}
    .quoteimg { float: left;}
    .body-container-wrapper ol, ul{  color: #7b7d7f;  padding-bottom: 15px;}
    .blog-body .click-here-wrapper a:hover{color:#004680;}
    .dividerwrapper {color:#E51937;}
    span#hs_cos_wrapper_post_body {  line-height: 18px;  font-size: 15px;color: #7b7d7f;}
    .blog-section .blog-body h2 {  margin: 15px 0;}
    .body-container-wrapper ul li{font-size:15px; line-height:23px;}
    .body-container-wrapper ol li{font-size:15px; line-height:23px;}
    .body-container-wrapper p{margin:0;}
    .hs-blog-post #hubSpotBlog .blog-section span p:first-child img {display: none !important;}
    .hs-blog-listing #banner-id .banner-text .more-link img {display: none !important;}
    .blog-section, .comment-wrapper{ margin:0 auto;}
    .post-author{background:url('https://web.afflink.com/hs-fs/hub/282504/file-2454482325-png/Afflink_Blog_images/author-background.png') no-repeat 6%; background-size:100% 100%;}
    .post-author .hs-author-social-section, .post-author .hs-author-avatar{display:inline-block;  padding: 15px;}
    .post-author .post-author-left-column{  display: inline-block; width: 35%;  vertical-align: top;  text-align: left;  padding-top: 1%;}
    .post-author {  text-align: center;padding-bottom: 30px;}
    .blog-section .post-body h2{ color: #004680;  padding-top: 2%;}
    .blog-section .blog-post-wrapper .post-body{    margin: 0 auto;  max-width: 770px;}
    .post-author-left-column .author-link {color: white;  font-size: 26px;vertical-align: middle;}
    .post-author-left-column .hs-author-bio{  color: white;  line-height: 24px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{ background: url('https://web.afflink.com/hs-fs/hub/282504/file-2501297112-png/Afflink_Blog_images/spritesmerge.png') no-repeat;}
    
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook{background-position: 0 0;	width: 29px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin{background-position: -36px 0;    width: 29px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter{background-position: -70px 0;    width: 30px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus{background-position: -106px 0;    width: 29px;	height: 30px;}

    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover, 
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover{ background: url('https://web.afflink.com/hs-fs/hub/282504/file-2501297112-png/Afflink_Blog_images/spritesmerge.png') no-repeat;}
    
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover{background-position: -1px -32px;    width: 29px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover{background-position: -36px -32px;    width: 29px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover{background-position: -71px -32px;    width: 30px;	height: 30px;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover{background-position: -106px -32px;    width: 29px;	height: 30px;}

    
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background: url('https://web.afflink.com/hs-fs/hub/282504/file-2440265726-png/Afflink_Blog_images/facebook.png') !important; background-size:cover !important;}
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-linkedin {background: none; background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2445811567-png/Afflink_Blog_images/linkedin.png") !important; background-size:cover !important;}
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-twitter {background: none; background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2444556414-png/Afflink_Blog_images/twitter.png") !important;  background-size:cover !important;} 
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-google-plus {background: none; background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2444556419-png/Afflink_Blog_images/google.png") !important;  background-size:cover !important;} 
    
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-facebook:hover { background: url('https://web.afflink.com/hs-fs/hub/282504/file-2444882179-png/Afflink_Blog_images/facebook_hover.png') !important; background-size:cover !important;}
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-linkedin:hover { background: none;background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2445816607-png/Afflink_Blog_images/linkedin_hover.png") !important;  background-size:cover !important;}
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-twitter:hover { background: none;background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2444882189-png/Afflink_Blog_images/twitter_hover.png") !important;  background-size:cover !important;} 
    .post-author-left-columnSafari .hs-author-social-links a.hs-author-social-link.hs-social-google-plus:hover { background: none;background-image: url("https://web.afflink.com/hs-fs/hub/282504/file-2438282798-png/Afflink_Blog_images/google_hover.png") !important;  background-size:cover !important;} 

    .blog-body .post-listing h2 { font-size: 22px;  font-weight: bold;  margin-bottom: 10px;  padding-top: 10px;  line-height: 26px;  font-family: helvetica,arial,sans-serif;}
    .blog-body .banner-text p { margin: 0 20px 0 0;  font-size: 16px;  display: inline-block;  max-width: 450px;}
    .blog-body .banner-text p, .post-body { line-height: 26px!important;}
    .post-author-left-column .hs-author-social-links a.hs-author-social-link { width: 32px;  height: 32px;}
    .blog-wrapper .blog-post-social-sharing { margin: 0px auto !important; max-width: 770px;  float: none;  position: relative; }
    .blog-post-social-sharing .layout-widget-wrapper{ position: absolute; left: -50px; }
    .blog-post-social-sharing a {display: inline-block;  font-size: 0%;}
    .blog-post-social-sharing #hs_cos_wrapper_module_14230970572854191{   display: block;  width: 40px;  font-size: 0; z-index:999;}
    .blog-post-social-sharing .social-fixed-wrapper{ position: fixed; margin-top:3%;}
    .blog-post-social-sharing .social-relative-wrapper{ position: fixed; margin-top:5%}
    
    span#hs_cos_wrapper_module_14230970572854191 a{width:33px !important;}
    span#hs_cos_wrapper_module_14230970572854191 a:hover{background-color: black;}
    img.hs-image-widget.hs-image-social-sharing-24:hover {  opacity: 0.8;}
    
    .blog-post-social-sharing img[alt="Share on Facebook"]
    {
    background: url('https://web.afflink.com/hs-fs/hub/282504/file-2442947198-png/Afflink_Blog_images/facebookicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on LinkedIn"]
    {
    background: url('https://web.afflink.com/hs-fs/hub/282504/file-2445115961-png/Afflink_Blog_images/linkedinicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on Twitter"]
    {
    background: url('https://web.afflink.com/hs-fs/hub/282504/file-2445121016-png/Afflink_Blog_images/twittericon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    .blog-post-social-sharing img[alt="Share on Google+"]
    {
    background: url('https://web.afflink.com/hs-fs/hub/282504/file-2445121011-png/Afflink_Blog_images/googleicon.png') no-repeat;
    width:0px; height:0px;padding: 17px;
    background-size: 100% 100%;
    }
    
    /**Comment**/
    
    .comment-from h4 a{  color: #939597;}
    .comment-from h4 a:hover{   color: #014780;}
    .imgfloat { float: left;  padding-right: 15px;  margin-left: -90px;}
    .imgfloat1 { float: left;  padding-right: 15px;  margin-left: -90px;}

    .comment-body p{  margin-bottom: 3px !important;}
    .comment h2 {  display: inline-block;  color: #004680;}
    .comment span{ display: inline-block;  border: 2px solid #E31A39;  border-radius: 7px;  padding: 8px 13px;  vertical-align: top;  margin: 0 10px;}
    .comment span a{color:#E31A39; font-weight:bold;}
    .comment-date {  color: #E31A39 !important;  font-weight: bold;}
    #hubSpotBlog .comment{  max-width: 640px;  margin: 0 auto;  padding: 3% 0 10px 0;  border-bottom: 2px solid #eee!important;}
    #comments-listing{ max-width: 640px;  margin: 0 auto; }
    .comment.depth-1 {   padding: 10px 0 20px 90px!important; margin: 0 !important;}
    .comment.depth-0:first-child {  margin-top: 0 !important;  border-top: none !important;}
    .comment.depth-0:first-child {padding-top: 21px!important;}
    .comment.depth-0 {border:none !important; padding: 21px 0 10px 90px !important;   margin: 0 !important;}
    .comment-from h4 { color: #939597;  font-size: 1.6em !important;  font-weight: normal !important;  padding-right: 10px;  padding-bottom: 5px;}
    /*.comment.depth-0:nth-child(2n+0), .comment.depth-0:nth-child(3n+0) {  margin-top: 0px!important;    padding-top: 0px !important;  border-top: none !important;}*/
    
    /**Placeholder styling**/
    ::-webkit-input-placeholder {   color: black;}
    :-moz-placeholder {   color: black; }/* Firefox 18- */
    ::-moz-placeholder {    color: black;} /* Firefox 19+ */
    :-ms-input-placeholder {   color: black;    }


    /** afflink blog revisions **/
    .blog-wrapper .widget-type-post_filter {border-bottom:1px solid #B8BABC;    margin: 1em 0;}
    .blog-body .widget-type-post_filter ul { list-style: none;  margin-left: 0px; }
    .widget-type-post_filter h3, .widget-type-post_filter .widget-module{ display:inline; }
    .widget-type-post_filter .layout-widget-wrapper{ max-width: 1165px;  margin: 0 auto;}
    .blog-body .widget-type-post_filter li{   padding: 0 8px 0 5px; display: inline-block; border-right: 2px solid #B8BABC; margin-bottom: 8px; line-height: 18px;}
    .blog-body .widget-type-post_filter li:last-child{border:none;}
    .widget-type-post_filter h3 {padding-top:1px; vertical-align:top;  float: left;  padding-right: 10px;}
    .widget-type-post_filter .title {font-style:italic; color:#00467F;}
    .widget-type-post_filter li a{color:#B8BABC; text-decoration:none;}
    
    .title {font-style:italic; color:#00467F;}
    .topiclist a{ text-decoration:none !important; padding: 0 8px 0 5px;  display: inline-block;  border-right: 2px solid #B8BABC;  margin-bottom: 8px;  line-height: 18px;     color: #B8BABC !important;}
    .topiclist:last-child a{border:none;}
    
    
    

    
/*---------------------------BLOG----------------------------*/

    /*.blog-body .body-container-wrapper {width: 100%;}
    .body-container-wrapper{margin: 0 auto;}*/
   /* .blog-body .header-container{width: 100%;}*/
    /*.body-container{margin-top: 23px!important;}*/
   /* .blog-body .header-container-wrapper {width:100%;margin:30px 0 0 0!important;overflow-x:hidden;}*/
    
    /*---main blog page content---*/
    
    .blog-body h2{font-size: 30px;  font-weight: bold;margin-bottom:15px;line-height:35px;}
    .blog-body h2 a{color: #014780; text-decoration: none!important;}
    .blog-body .body-container-wrapper h2 a:hover{color:#E51937;}
    .blog-body p {margin:0 0 20px 0;font-size:15px; line-height: 23px!important;}
    .blog-body a{color:#014780;}
    .blog-body a:hover{color:#e61c38;}
    .blog-body h2 a{display: block;}
    
    /*---main blog page side content---*/
    
    #hs_cos_wrapper_top_posts h3{background: #000; width: 140px; padding: 4px 0px 2px 4px; height: 20px; color: #fff; margin-bottom: -1px; margin-left: 5px;}
    #hs_cos_wrapper_top_posts .widget-module{border-top: 2px solid #000; padding-top: 14px; margin-bottom: 45px;}
    #hs_cos_wrapper_top_posts .widget-module ul li{display: block; margin-bottom: 12px; font-size: 14px; margin-left: 8px; padding-left: 4px;}
    #hs_cos_wrapper_top_posts .widget-module ul li a{color:#000; text-decoration: none;}
    #hs_cos_wrapper_top_posts .widget-module ul li a:hover{border-left: 4px solid #E51937; color: #E51937; padding-left: 4px; margin-left: -8px!important;}
    
    .topics-module a{color: #000000; text-decoration: none;}
    .topics-module ul li{display: block; margin-bottom: 12px; font-size: 14px; margin-left: 8px; padding-left: 4px;}
    .topics-module ul li a{color:#000; text-decoration: none;}
    .topics-module ul li a:hover{border-left: 4px solid #E51937; color: #E51937; padding-left: 4px; margin-left: -8px!important;}  
    
    #hs_cos_wrapper_post_filter h3{background: #000; width: 140px; padding: 4px 0px 2px 4px; height: 20px; color: #fff; margin-bottom: -1px; margin-left: 5px;}
    #hs_cos_wrapper_post_filter .widget-module{border-top: 2px solid #000; padding-top: 14px; margin-bottom: 45px;}
        
    
    /*---Internal Blog---*/
    /*.header-container-wrapper .row-number-1 {width: 1165px; margin: 0 auto; }*/
    .main-blog-content h3{font-weight: 500!important; margin-top: 0px; margin-bottom: 10px;font-size: 20px!important; color: #014780;}
    .main-blog-content strong{font-weight: 600; display: block; margin-bottom: 4px!important;}
    .main-blog-content h3{font-weight: 500!important; margin-top: 0px; margin-bottom: 10px;font-size: 20px!important; color: #014780;}
    .main-blog-content strong{font-weight: 600; display: block; margin-bottom: 4px!important;} 
    
    /*---Typography---*/
    .red{color: #C4122F;}
    .bold-h1{text-transform: uppercase; font-weight: bolder; font-size: 1.5em; background: #fff;}
    .thin-h1{text-transform: uppercase; font-weight: 100; font-size: 1.5em; background: #fff; padding-right: 6px;}
    h1{background: url("http://afflink.web13.hubspot.com/Portals/282504/images/h1-bk.png")center repeat-x}
    #slogan p{color:#fff!important;}
    .interior-left-side p{color: #838383; font-weight: 200; line-height: 23px;}
    #hs_cos_wrapper_Lead_Area p{color: #838383; font-weight: 200; line-height: 23px;}

    .more-link{text-align: center; width: 94px; color: #fff; display: block; background: #ddd; height: 32px; line-height: 28px; text-decoration: none; border-radius: 5px; font-size:16px; }
    .more-link:visted{color: #fff; text-decoration: none;}
    .more-link:hover{background: #00467F;}
    
    .interior-left-sidewrap > *:not(.post-header):not(.post-body) { display:none; }
    
    
    
    
.blogstyle-new .widget-type-post_filter h3 { font-size:16px; line-height:24px; }
.blogstyle-new .post-listing .post-item { max-width:33%; height:460px; }
.blogstyle-new .body-container-wrapper p { padding:0; }
.blogstyle-new .post-listing .post-body { letter-spacing:-0.6px; }
.blogstyle-new .hs-featured-image-wrap .readmore img { padding:0 !important; }
.blogstyle-new.hs-blog-post .banner-texture h1 { color:#FFF; }
/* RESPONSIVE STYLES - -  RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   RESPONSIVE STYLES - -   */

@media screen and (max-width: 1500px) {
    .banner-text {  margin-left: 20%;}
    }
@media screen and (max-width: 1910px) {
    .blog-post-social-sharing .social-fixed-wrapper{ position: fixed; margin-top:-450px;}
    .blog-post-social-sharing .social-relative-wrapper{ position: relative; margin-top:130%;}
    }
@media screen and (max-width: 1280px) {
    #comment-form { left: 32%!important;}
    .banner-text { margin-left: 0;}
    .content-section .post-body ul { padding-left:10px; }
}
@media screen and (max-width: 1150px) {
.post-listing .post-item { max-width: 294px; }
.hs-featured-image-wrap {  width: 290px;  height: 192px;}
.blog-body .post-listing h2 { font-size: 20px;}
.hs-blog-post .banner-texture h1 {  font-size: 60px;}
.block {padding:10px 15px;}
}
@media screen and (max-width: 1080px) {
.post-listing .post-item { max-width: 280px;}
.blog-body .banner-texture h2 {  font-size: 48px;}
.hs-blog-post .banner-texture h1 {  font-size: 55px;}
}
@media screen and (max-width: 1038px) {
.post-listing .post-item {  max-width: 270px;}
}

/* HORIZONTAL IPAD STYLES */
@media screen and (max-width: 1024px) {
    .hs-blog-post .banner-texture h1 {  font-size: 50px;  line-height: 55px;}

        .header-container {width:100%;}
        .hs-menu-wrapper ul {margin-left: 100px}
        .post-listing .post-item:hover { border-bottom:none;}
        /**Blog Post**/
        .banner-text {margin-left: 5%; padding-top: 5%;}
        .full-width-mobile { width: auto;}
        .post-author { padding: 20px 0;}
        .post-author .post-author-left-column { width: 50%;}
        .blog-body .banner-texture h2 { font-size: 40px;  line-height: 40px;}
        #comment-form { left: 25%!important;}
        .hs-featured-image-wrap {  max-height: 150px;  width: 225px;  height: 181px;}
   /* .blog-post-social-sharing #hs_cos_wrapper_module_14230970572854191 {  margin-top: 5.5%;} */
   .blog-post-social-sharing .social-fixed-wrapper{ position: fixed; margin-top:-450px;}
        /**blog listing**/
        .post-listing { max-width: 83%;}
        .post-listing .post-item { max-width: 28%;  padding: 15px; border:none;  height: 420px;}
        .post-listing .post-item:nth-child(3n+0) {border:none;} 
        
        .subscription-relative-wrapper{position:relative; width:100%; margin-top:0%;}
        .subscription-fixed-wrapper{position:fixed; width:100%; margin-top:-510px;}
        
}
/* END HORIZONTAL IPAD STYLES */

@media screen and (max-width: 880px){
    /*.blog-post-social-sharing #hs_cos_wrapper_module_14230970572854191 {  margin-top: 6.5%;} */
    .blog-post-social-sharing .social-fixed-wrapper{ position: fixed; margin-top:-450px;}
    .subscription-fixed-wrapper{position:relative; width:100%; margin-top:0%;}

        .blog-body .banner-text p {  font-size: 16px;  line-height: 20px!important;    }
        .header-container-wrapper { max-height: 100% !important;}
        .full-width-mobile { height: 130px;  width: 1165px;  z-index: 9999999 !important;}
        .banner { margin-top: 0%;   background-position: center;  height: 440px; }
        #hubSpotBlog .comment { max-width: 600px;}
        #comments-listing { max-width: 600px;}
        .blog-post-social-sharing .layout-widget-wrapper { left: -11px;}
        .post-author { background-size:cover;background-position: right;}
        .post-author .post-author-left-column {width: 65%;}
        #comment-form { left: 21%!important;}
        .banner-text {  margin-left: 0%;  padding-top: 5%;}
        .banner-texture .more-link { margin: 4px 0;}
        .blog-body h2 {  margin-bottom: 0;}
        .post-listing .post-item:nth-child(3n+0) {  border: none;}
        .post-listing .post-item {  border-bottom: none;}
        .blog-body .banner-texture h2 { font-size: 35px;  line-height: 40px;  padding-bottom: 10px;}
        
        .post-listing .post-item { max-width: 45%;  padding: 15px;}
        .hs-featured-image-wrap {  max-height: 239px; width: 300px;  height: 238px;}
        .main-nav li {margin:0 !important;}
        .header-container-wrapper { height: 71px; }
        
        .blogstyle-new .hs-featured-image-wrap { width:100%; }
        .blogstyle-new .post-listing .post-item { height:auto; }
}
@media screen and (max-width: 830px) {
        .full-width-mobile { height: 100px;}
        .banner { margin-top: 4%;}
        .hs-featured-image-wrap { max-height: 185px;}
        .header-container-wrapper {   margin: 0; }
}

@media screen and (max-width: 800px) {
    .banner-texture {  height: 376px;}
    .hs-blog-post .banner-texture h1 { font-size: 40px;  line-height: 48px;}
          /**Blog*/
        .banner-text {margin-left: 0%; padding-top: 5%;}
        .post-author { padding: 20px 0;}

        
        .banner { height: 400px;}
        .blog-body .banner-texture h2 {  font-size: 35px;}
        .blog-post-social-sharing .layout-widget-wrapper { left: 35px;}
        .blog-post-social-sharing .social-fixed-wrapper{ position: fixed; margin-top:-390px;}

}

/* VERTICAL IPAD STYLES */
@media screen and (max-width: 768px) {
.hs-blog-listing .subscription-background h1 {  font-size: 18px;}
       .bottom-level{display:none !important;}
          /* FOOTER */    
          .foot-nav{width: 100%!important; margin-left: 0%!important; padding: 0; display: block;text-align:center;}
          .foot-nav li {font-size: 28%; text-align: center;display:inline-block;float:none;}
          @-moz-document url-prefix(){.foot-nav li{font-size: 50%!important;}}
          .foot-logo{display: none;}
          .top-level{padding-bottom: 18px!important;}
          .white-foot span{margin: 5px 10px 0 10px;!important; width: 100%; text-align: center;}
          .top-level{float: none; width: 93%; padding: 2px; margin: 0 auto !important;}
          .foot-address{display: none; width: 93%; margin: 0 110px!important;}
          .foot-social{clear: both; float: none; margin-left: 25%!important; width: 50%; margin-right: 57px; text-align: center; margin-top: 20px;}
          .foot-inside{height: 86px; width: 100%; float: none; margin: 0!important;}
          .footer{height: 130px; width: 100%; padding-bottom: 10px;}
          .footer .bottom-level{position:relative;}
          .foot-social{display: none; position: absolute; width: 90px; left: 0; right: 0;}
          
          .blog-body .banner-texture h2 {  font-size: 32px;}
          .hs-featured-image-wrap {  max-height: 210px;  width: 273px;  height: 221px;}
          #comment-form { left: 17%!important;} 
         
}
/* END VERTICAL IPAD STYLES */

@media screen and (max-width: 767px) {
    .banner-texture {  height: 325px;}
    .hs-blog-listing .subscription-background h1 {  font-size: 16px;}
    .blog-body h2 a {  max-width: 100%!important;}
    .post-listing .post-item {  max-width: 100%;  padding: 0; border:none; height:auto; margin:15px 0;}
    .hubspot-editable a, .publishdate {   bottom: -10px; }
    .post-listing .post-item:nth-child(3n+0) {  border:none;}
    .blog-body h2 a {  display: block;  max-width: 100%;}
    .post-listing .hs-featured-image {  max-width: 100%;  margin: 10px 0 !important;}
    .hs-featured-image-wrap { max-height: 220px;  width: 100%;  height: 221px;}
    .blog-body h2 a {  display: block;  max-width: 100%;}
    .blog-body .banner-text p {  display: block;  max-width: 100%;}
    
    .blog-body .banner-text .post-body p {  margin: 10px 0 0 0;}
    .banner { height: 350px;}
    .subscription-background .widget-type-blog_subscribe { width: 100%;}
    .banner-texture { width: 100%;}        
    .blog-wrapper .blog-post-social-sharing { position: relative; text-align: center;}
    .blog-post-social-sharing .layout-widget-wrapper { position: relative;  left: 0;}
    .blog-post-social-sharing #hs_cos_wrapper_module_14230970572854191 {   display: inline-block;  position: relative;  padding: 10px 0;  margin-top: 0;  width: 100%;  font-size: 35px;}
    .blog-post-social-sharing a {  display: inline-block;}
    .blog-body .banner-texture h2 {  padding-bottom: 0px;}
       
    .post-author-list-wrapper .hs-author-avatar { display: block; }
    .post-author-list-wrapper {text-align:center; padding:0 15px;}
    .post-author-list-wrapper .post-author-list-left-column { display: block;  width: 100%; text-align: center; }
    
    .blogstyle-new .post-listing .post-item { max-width:49%; margin:0 2% 30px 0; padding-bottom:20px; border-bottom:transparent solid 7px; }
    .post-listing .post-item:hover { box-shadow:none; border-bottom:#000 solid 7px; }
    .blogstyle-new .post-listing .post-item:nth-child(2n+1) { margin-right:0; }
    .blogstyle-new .hs-featured-image-wrap { height:180px; }
    .blogstyle-new .hubspot-editable a, .blogstyle-new .publishdate { bottom:0; }
    .blogstyle-new .post-listing .hs-featured-image { margin:0 !important; }
    .blogstyle-new .post-listing { max-width:100%; padding:0 15px; }
}
@media screen and (max-width: 736px) {
    .header-container-wrapper { max-height: 400px!important; }
}
@media screen and (max-width: 625px) {
    .hs-featured-image-wrap { max-height: 185px;}
    .banner-texture {  height: 375px;}
    .banner { height: 400px; }
}
@media screen and (max-width: 620px) {
    .blog-body .banner-texture h2 { font-size: 28px;}
    .blog-section .blog-post-wrapper .post-body {  padding: 20px;}
    #hubSpotBlog .comment { margin: 20px;}
    #comments-listing{padding:20px;}
    .post-author .post-author-left-column { width: auto;  padding: 15px;  text-align: center;}
    .post-author .hs-author-social-section, .post-author .hs-author-avatar { display: block;  padding: 15px 0;  text-align: center;}
    .blog-body .banner-text p {  font-size: 15px;  line-height: 18px!important;}
    .post-author-left-column .hs-author-bio { text-align: left;}
    #comments-listing{  padding: 0 25px;}
    #comment-form { left: 9%!important;}
    #comment-form label {  font-size: 15px;}
    .header-container-wrapper { max-height: 450px!important; }
    .banner-text .hubspot-editable a, .banner-text .publishdate {
    bottom: 27%;
}
}

@media screen and (max-width: 570px) {

    #comment-form {  left: 6%!important;}
    .banner-text {  padding-top: 3%;}
    .more-link {  height: 30px;  line-height: 30px;}
    .hs-featured-image-wrap { max-height: 162px;}
    .header-container-wrapper {  max-height: 450px!important;}
}

@media screen and (max-width: 535px) {
    #comment-form {  left: 5%!important;  padding: 25px;}
    .banner {  margin-top: 5%; }
}

@media screen and (max-width: 500px) {
    .banner-texture { height: 297px;}
    span#hs_cos_wrapper_post_body {  font-size: 12px;}
    .post-listing .post-body {  font-size: 12px;}
    .hs-featured-image-wrap {  max-height: 147px;}
    .banner {   height: 320px;}
    .blog-body p, ul li {  font-size: 12px; }
    .blog-body .banner-texture h2 {  font-size: 22px;  line-height: 26px;}
    .subscription-background h3 { font-size: 16px;  padding: 2px;}
    .blog-body h2 { font-size: 20px;}
    .subscription-background .hs-input { width: 150px;  padding: 8px;}
    .subscription-background .actions .hs-button {  padding: 8px 13px;}
    .post-author-left-column .author-link {  font-size: 21px;}
    .post-author-left-column .hs-author-bio { line-height: 22px;  font-size: 15px;}
    .comment h2{  margin-bottom: 0px;margin-top: 8px;}
    .comment span {  padding: 6px 10px;}
    .comment.depth-0:first-child {  padding-top: 0px!important;}
    .comment.depth-1 {  padding: 10px;}
    .comment-date {  font-size: 0.7em;}
    .blog-body .banner-text p {  font-size: 14px;}
    .comment-from h4 { font-size: 16px !important;}
    #comment-form { width:75% !important;}
    .banner-text { margin-left: 0;}
    .full-width-mobile {  height: 56px!important;}
        .banner-text .hubspot-editable a, .banner-text .publishdate {
    bottom: 28%; }
    
    .blogstyle-new .post-listing .post-item { max-width:100%; margin-right:0; }
}


/* SMART PHONE STYLES */
@media screen and (max-width: 480px) {
    .banner { margin-top: 0%;}
    .hs-blog-post .banner-texture h1 { font-size: 35px;  line-height: 43px;}
    .hs-featured-image-wrap { max-height: 145px;}
    .banner { height: 300px;}
    .banner-texture {  height: 276px;}

    /* Nav */

    .header-container {width:100%;}
    .hs-menu-wrapper ul {box-shadow:none!important;}
    .hs-menu-wrapper ul li {width:150px;float:left!important;border:none;}
    .hs-menu-wrapper ul li ul {display:none!important;}
    .hs-menu-wrapper ul li:hover ul {display:none!important;}
    .hs-menu-wrapper ul li a {border:none;}
 
      /* FOOTER */
      /*.foot-nav li {border-bottom: 2px solid #313231; margin: 0 auto!important; display: block!important; float: none; height: 18px; padding-right: 2px!important; text-align: center; width: 90%; padding: none!important;}
      .top-level{border: none!important;}
      .foot-nav li a{display: table-cell!important; vertical-align: middle!important; width: 300px; text-align: center;} 
      .footer{height: 226px!important;}
      .footer-nav li:hover{background: #363636;}*/
      .top-level{display: none!important;}
      .bottom-level{display: block!important; width: 300px!important; margin: 0 auto!important;}
      .footer{height: 70px!important;}
      .foot-inside{height: 57px!important;}
      .foot-address{display: block!important; width: 300px!important; margin: 0 auto!important; padding: 0px!important;}
      .foot-address li{background-size: 48px 40px!important; text-indent: -99999px; text-align: center!important; margin: 0px auto!important; text-indent: -9999px!important; display: block!important; width: 33%; height: 40px;}
      .map-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/map-icon-mobile.png)center no-repeat; background-size: 48px 40px!important; display: block!important; height: 54px;}
      .tele-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/phone-icon-mobile.png)center no-repeat;background-size: 48px 40px!important; display: block; height: 54px;}
      .email-foot a{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/mail-icon-mobile.png)center no-repeat;background-size: 48px 40px!important; display: block; height: 54px;}
      .map-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/map-icon-mobile-hover.png)center no-repeat; background-size: 48px 40px!important; }
      .tele-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/phone-icon-mobile-hover.png)center no-repeat; background-size: 48px 40px!important; }
      .email-foot a:hover{background: url(http://afflink.web13.hubspot.com/Portals/282504/images/mail-icon-mobile-hover.png)center no-repeat; background-size: 48px 40px!important;}
      .foot-social{display: none!important;}
      .elev8-homepg .elev8-right p {text-align:left;}
      .full-width-mobile .widget-type-logo {margin-top:5px!important;margin-left:5px!important;}
      .full-width-mobile .widget-type-logo span a img {width:120px!important;}
 
      .open-menu {background-size:24px;top:6px;right:8px;}
}

@media screen and (max-width: 414px) {
    .banner {  height: 340px; margin-top: 0%;}
    .full-width-mobile {  height: 54px!important;}
    .hs-featured-image-wrap { max-height: 125px;}
    .hs-blog-post .banner-texture h1 { font-size: 27px;  line-height: 36px;}
    .blog-section .blog-post-wrapper .post-body, .comment {   padding: 0 15px;}
    .banner-texture {  height: 316px;}
    .comment.depth-0 {  margin-top: 11px!important;}
    .comment.depth-0:nth-child(3) { border-top: none!important;  margin-top: 0px!important;}
    .comment span {  margin-top: 10px;}
}

@media screen and (max-width: 400px) {
    .main-blog-content h3 {  font-size: 17px!important;}
    .banner-texture {  height: 257px;}
    .hs-blog-listing .subscription-background h1 {  font-size: 14px;}
    .hs-featured-image-wrap {  max-height: 122px;}
    .more-link {  height: 25px;  line-height: 26px;  font-size: 12px;}
    .banner {  height: 280px;}
    .blog-body .banner-texture h2 { font-size: 17px;  line-height: 1.25em;}
    .blog-body .banner-text p {   font-size: 12px;  margin: 0;}
    .subscription-background h3 {  font-size: 13px;}
    .subscription-background .hs-input {  width: 120px;  padding: 5px;}
    .subscription-background .actions .hs-button {  padding: 5px 10px;}
    .blog-body h2 { font-size: 17px;  line-height: 26px;}
    .post-author-left-column .author-link {  font-size: 17px;}
    .post-author-left-column .hs-author-bio { line-height: 19px;  font-size: 13px;}
    #comment-form 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: 5px;}
    #comment-form label {  font-size: 13px;}
    #comment-form .actions .primary {   padding: 7px 11px;}
    .comment span {  padding: 4px 6px;  font-size: 13px;  margin-top: 14px;}
    .comment-from h4 {  font-size: 14px!important;}
    .comment-date { font-size: 11px;}
    .comment.depth-1 { padding: 5px;}
    .post-author .post-author-left-column {  padding: 0 15px;}
    .blog-body .post-listing h2 {  font-size: 17px;  margin-bottom: 0; line-height: 22px;}
    .imgfloat img, .imgfloat1 img{  width: 53px !important;}
    .comment.depth-0 {  padding: 21px 0 10px 64px!important;}
    .comment.depth-1{ padding-left:64px!important;}
    .imgfloat, .imgfloat1 {  margin-left: -68px;}

}

@media screen and (max-width: 320px) {
    .banner-texture {  height: 326px;}
    .full-width-mobile { height: 65px!important;}
    .hs-blog-post .banner-texture h1 { font-size: 24px;  line-height: 32px;}
    .blog-body .banner-texture h2 { margin-top: 7px;}
    .hs-featured-image-wrap {  max-height: 100px;}
    .banner {  height: 325px;}
    #comment-form { left: 5%!important; padding: 23px 18px; top: 4% !important;} 
    .blog-body .banner-texture h2 {  font-size: 21px;}
    .banner {  height: 350px;}
}



/* CSS ANIMATIONS */
  @-webkit-keyframes bgscroll {
      from {background-position:0 0;}
      to {background-position:0 -1944px;}
  }
  @keyframes bgscroll {
      from {background-position:0 0;}
      to {background-position:0 -1944px;}
  }
      



/* MISC SIZE STYLES */
/* VERTICAL IPAD STYLES */

 
   @media screen and (max-width: 1110px) {
    .interior-left-side {width: 100%!important; border: none!important; float: none!important;}
    .sidenav{width: 100%!important;}
    .interior-right-side{float: left!important; width: 100%!important;}
   }
    
  
  @media screen and (max-width: 880px) { 
    #banner-wrap{margin-top: -139px;}
    .widget-type-logo {margin-left: 20px;}
    .actual-navigation{display: none;}
    .full-width-mobile{width: 100%; height:100px; position:fixed; z-index: 900;top: 0; background: #fff;}
    .open-menu{display: block;}
    .roof-map{display: none;}
    .supplier-left{margin-bottom:40px; float: none;  }
    .supplier-right{display: none;}
    .supplier-bottom{margin-top: 60px;}
}
  
/* --------------MR STYLES------- */

.subscribethispop{position: fixed; top: -800px; left: 0; right: 0; margin: 0 auto; width: 50%; background: #17568a; z-index: 999; text-align: center; padding: 50px 0px; box-shadow: 0px 8px 12px rgba(0,0,0,0.5);opacity: 1; transition: all ease 0.3s;}
.scrollthisdown{top: 27%!important; /*animation:1s ease 0s normal forwards 1 fadein; -webkit-animation:1s ease 0s normal forwards 1 fadein; opacity:1; */}
.subscribethispop:before{background: #fff; position: fixed; width: 100%; height: 100%; top: 0; }
.subscribethispop h3{color: #fff!important; font-weight: 100; font-size: 60px; margin-top: 30px; letter-spacing: 5px; margin-bottom: 0px;}
.subscribethispop h3 span{display: block; font-weight: 600; font-size: 26px; letter-spacing: 2.8px; color: #59a9ec; margin-top: 10px; margin-bottom: -5px;}
.subscribethispop p{margin-top: 0px; padding: 0px; color: #fff; font-weight: 600; opacity: 0.5;}
.subscribethispop span h3{display: none;}
.subscribethispop form{width: 80%; margin: 0 auto;}
.subscribethispop form input{background: #fff; width: 70%; float: left; height: 35px;}
.subscribethispop form .actions{float: left; width: 30%; height: 35px; margin-top: 2px;}
.subscribethispop form .actions input:hover{background: #59a9ec!important;}
.subscribethispop form .actions input{width: 100%; background: #ef2e3e; height: 100%; color: #fff; text-transform: uppercase; letter-spacing: 2px;  transition: all ease 0.3s;}
.subscribethispop a{clear: both; display: block; padding: 10px 0px; color: #fff!important; font-size: 14px; text-decoration: underline; opacity: 0.5;}
.subscribethispop a:hover{cursor: pointer; opacity: 1;}
.subscribethispop .hs-error-msgs{position: absolute; display: block; margin: 0 auto; text-align: center; left: 0; right: 0; font-size: 10px; top: 10px; color: #ef2e3e;}
.fa{display: block; font-size: 22px; position: absolute; right: 10px; top: 10px; color: #fff; opacity: 0.5; transition: all ease 0.3s;}
.fa:hover{opacity: 1; cursor: pointer;}
.blur-body{-webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); -ms-filter: blur(6px); filter: blur(6px); transition: all ease 0.3s;}
.subscription-fixed-wrapper{position: inherit!important;}
.subscribethispop .widget-type-blog_subscribe{color: #fff; margin: 0 auto; font-size: 18px;}
html{height:100%;}
.screenit{position: fixed; top: 0; left: 0; height: 0px; width: 0px; display: none;}
.turnonscreen{width: 100%; height: 100%!important; display: block; background: transparent; z-index: 997;right: 0; margin: 0 auto;}
@keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}

 #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{background: url(https://cdn2.hubspot.net/hub/282504/file-269837734-png/images/webinar-full-cta.png?t=1376690986001) center  no-repeat; display: block; width: 100%; height: 100px; background-size: 100% auto;}

      @media screen and (max-width: 1024px){
        .blog-body h2 a{display: block; max-width: 500px;}
         #cta_button_282504_c3c04916-a772-4f83-b679-3e930a2e7c33{background: url(https://cdn2.hubspot.net/hub/282504/file-269837734-png/images/webinar-full-cta.png?t=1376690986001) center  no-repeat; display: block; width: 100%; height: 82px!important; background-size: 100% auto;}
        }

 @media screen and (max-width: 840px){
        .blog-body h2 a{display: block; max-width: 400px;}
        }
        
@media screen and (max-width: 750px){
       .subscribethispop{display: none;}
       .blur-body{-webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);}
        }