@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);

/* Font-Awesome Live URL */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

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

/* ==========================================================================
   HS COS Boilerplate v1.5.0                                
   ========================================================================== */

/* Missing Template at Path: \'custom\/page\/Company_Theme\/CompanyModules.css\' */

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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



/* ==========================================================================
   Index:         
  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography
  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer
  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu
  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages
  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons
  6. MISCELLANOUS
  7. MOBILE MEDIA QUERIES
   ========================================================================== */





/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
           /*  */
            /*  */
                         /*  */
                          /*  */


/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #ffffff;
  color: ;
  font-family: 'Lato', sans-serif;;
  font-size: 18px;
  line-height: 1.6em;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1080px;
  margin: 0 auto;
}

a { color: #006699; text-decoration:none;}


hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #ff8833;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #ff8833;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {
    margin: 10px 0 0px 0px;
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato;
    margin: 10px 0;
    text-rendering: optimizelegibility;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px;   
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {font-size: 22px; text-transform:uppercase; text-align:left; padding-top:5px; padding-bottom:5px; color:#333333; }
h2 { font-size: 25px; font-weight: 400; }
h3 { font-size: 19px; text-transform:uppercase; font-weight: extra bold; text-align:center; padding-top:10px; padding-bottom:10px; color: #333333;  }
h3 a{ font-size: 19px; text-transform:uppercase; text-align:center;  color:#333333;  }
h4 { font-size: 24px; color:#ffffff; }
h5 { font-size: 22px; font-weight: 500 }
h6 {font-size:18px; font-weight:bold; line-height:1.2em; color:#333333};
h6 a{font-size:18px; font-weight:bold; line-height:1.2em; color:#333333 !important;};


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

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

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


.subscribe_form p {
font-size:16px;
  margin:0px;
}





/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {
    max-width: 100%;
    width: 100%;
}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {
    max-width: 100%;
    width: 100%;
}

/* Modules - Paddings */
.container-fluid .row-fluid .padding10tb { padding: 10px 0px; }
.container-fluid .row-fluid .padding20tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding30tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding40tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding60tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding80tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding100tb { padding: 20px 0px; }


/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {}
.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}


/* Unique Pages
   ========================================================================== */

/* Homepage */

/* Contact Us */

/* About Us */


/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */






/* ==========================================================================
   4. TEMPLATE MODULE SELECTORS                                         
   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================
   5. COS COMPONENTS                                        
   ========================================================================== */





/* ==========================================================================
   Blog                                         
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog_content_area table {
  display:none !important;
  padding-top: 10px;
}
.blog_content_area {
margin-top:10px;
}
.blog .blog-content {
    
}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */


.blog-post-wrapper #hubspot-author_data a.author-link {
    font-weight: 600;
}

/* Blog Title */
.blog-title-bg{
    background-color:#f1f1f1;
    box-shadow:0 2px 4px -2px rgba(0, 0, 0, 0.3);
}

.hs-blog-header h1 {
    background-color: #222222;
    color: #ffffff;
    font-size: 36px;
    padding: 50px 0;
    text-align: center;
}

.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {
    color: #333333;
}

/* Blog Author and Avatar */
#hubspot-author_data {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
  float:none;
}
#hubspot-author_data a.author-link {
    font-weight: 400;
}
#hubspot-author_data .hs-author-avatar {
    height: auto;
    width: 100%;
}
#hubspot-author_data .hs-author-avatar img {
    height: auto;
    width: 100px;
}
.clearfix {
    clear: both;
}


.blog-listing-wrapper .magoListing .hs-author-profile {
    background-color: #ffffff;
    padding: 25px;
}
.blog-listing-wrapper .magoListing .hs-author-name {
    letter-spacing: 1px;
}
.blog-listing-wrapper .magoListing .hs-author-name,
.blog-listing-wrapper .magoListing .hs-author-bio {
    text-align: center;
}
.blog-listing-wrapper .magoListing .hs-author-social-section {
    display: table;
    margin: 10px auto 0;
}
.blog-listing-wrapper .magoListing .fa-twitter-square,
.blog-listing-wrapper .magoListing .fa-linkedin-square,
.blog-listing-wrapper .magoListing .fa-facebook-square {
    font-size: 30px;
    color: #ff8833;
    margin-right: 5px;
    transition: 300ms;
}
.blog-listing-wrapper .magoListing .fa-twitter-square:hover,
.blog-listing-wrapper .magoListing .fa-linkedin-square:hover,
.blog-listing-wrapper .magoListing .fa-facebook-square:hover {
    transform: scale(1.1);
    transition: 300ms;
}
.blog-listing-wrapper .magoListing .avatar-bio {
    margin-top: 50px;
}
.blog-listing-wrapper .magoListing .avatar-img {
    position: relative;
}
.blog-listing-wrapper .magoListing .hs-author-avatar {
    border-top: 2px solid #ff8833;
    clear: both;
    display: table;
    margin: 0 auto 60px;
    position: relative;
    width: 75%;
}
.blog-listing-wrapper .magoListing .hs-author-profile .hs-author-avatar img {
    bottom: -52px;
    clear: both;
    display: table;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.blog-listing-wrapper .magoListing .hs-author-listing-header {
    background-color: #00acca;
    border-radius: 10px;
  font-family: 'Lato;
    color: #ffffff;
    font-weight: 400;
    padding: 5px 0px 7px 0px;
    margin-bottom: 20px;
    width: auto;
  font-size:20px;
  text-align:center;
  letter-spacing:1px;
}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
   /* padding-bottom: 30px;*/
}

.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
    border-width: 0;
    max-height: 230px;
    display: inline-block !important;
    float: none!important;
    margin: 10px 0px 10px 0px;
  	width: auto;
}

/* Read More Link */
a.more-link {
  background-image:none;
 background-repeat:repeat-x;
color:#ffffff;
text-decoration:none;
padding:10px 20px 10px 20px;

border-radius: 8px;
background-color: #ff6b00;
font-size:16px;
}
a.more-link:hover {
  background-image:none;
  text-shadow: 0.8px 0.8px 0.8px rgba(0,0,0,.4);
 text-decoration: none;
}
 
}


a:hover {
    color: ;
  text-shadow: 0.8px 0.8px 0.8px rgba(0,0,0,.4);
 text-decoration: none;
}
}

/* Blog Topics List */
.blog-content #hubspot-topic_data {
    padding: 10px 0 10px 0;
   
}


.blog-content .post-header .hs-tag-name a.topic-link {
   /* border: 1px solid #222222;*/
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-right: 5px;
    padding: 5px 20px;
    transition: .5s all ease;
    background-color: transparent;
    position: relative;
}
.blog-content .post-header .hs-tag-name a.topic-link:before {
    background-color: rgba(34, 34, 34, 0.25);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.blog-content .post-header .hs-tag-name:before a.topic-link {
    color: #fff;
}
.blog-content .post-header .hs-tag-name a.topic-link:hover:before {
    opacity: 0;
    transform: scale(0.5, 0.5);
}
.blog-content .post-header .hs-tag-name a.topic-link:after {
    border: 1px solid #ff8833;
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.blog-content .post-header .hs-tag-name a.topic-link:hover:after {
    opacity: 1;
    transform: scale(1, 1);
}
.blog-content .post-header .hs-tag-name a.topic-link:hover {
    /*color: #333333;*/
    transition: .5s all ease;
}

/* Blog Content Video */
/* YouTube Responsive CSS for HubSpot */

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

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 56.25% !important;
} 


/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 0px 0 0 0;
  line-height: 0;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.new-comments > form {
    background-color: #f3f3f3 !important;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination-all {
 display: block;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 30%;
    cursor: pointer;
    display: -webkit-inline-box;
    padding: 5px 15px;
    margin-right: 10px;
}

.blog-pagination-all:hover {
    border: 1px solid #ff8833;
    transform: scale(1.1);
}

.blog-pagination {
    display: block;
    text-align: center;
}
.blog-pagination ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.blog-pagination ul li {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 30%;
    cursor: pointer;
    display: -webkit-inline-box;
    padding: 5px 15px;
    margin-right: 10px;
}
.blog-pagination li i {
    font-size: 15px;
}
.blog-pagination ul li:hover {
    border: 1px solid #ff8833;
    transform: scale(1.1);
}
.blog-pagination li:hover a,
.blog-pagination li:hover i {
    color: #ff8833;
}
.hide {
    display: none !important;
}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


/* TRENDING MARQUEE SLIDER */
.trending-post-items.owl-carousel.owl-theme,
.trending-post-items.owl-carousel.owl-theme.owl-loaded {
    display: inline-flex !important;
    vertical-align: text-bottom;
    width: 54%;
}
.trend_item-text h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.trending-listing-simple {
    display: inline-block;
}
.trending-post-items .owl-buttons,
.trending-post-items .owl-nav {
    margin: 0 0 0 0;
}
.trending-listing-simple {
    background-color: #ff8833;
    color: #ffffff;
    margin-bottom: 30px;
    margin-right: 35px;
    padding: 3px 15px;
}
.blog .layout-widget-wrapper.cell-wrapper {
    position: relative;
}
.trending-listing-simple:after {
    color: #ff8833;
    content: "\f0de";
    font-family: fontawesome;
    font-size: 58px;
    left: 103px;
    position: absolute;
    transform: rotate(90deg);
}

.topic-post {
    display: flex;
    background-color: #ffffff;
    margin-bottom: 8px;
    padding:  0 15px;
}
.topic-post-menu {
    float: right;
    width: 100%;
}
.topic-pop-tags {
    display: -webkit-box;
    float: right;
    list-style: outside none none;
    padding-left: 0;
}
.topic-pop-tags li {
    margin-right: 15px;
    transition: 300ms;
}
.topic-pop-tags li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    transition: 300ms;
}
.topic-pop-tags li:hover a {
    border-bottom: 1px solid #ff8833;
    font-weight: 600;
    transition: 300ms;
}
.topic-pop-tags li:last-child {
    margin-right: 0px;
}
.topic-post .single-tag-posts-name {
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 50% !important;
}
/*.topic-post .single-tag-posts-name > span {
    padding-top: 5px;
    vertical-align: -moz-middle-with-baseline;
}
*/
/* Common Category Post Listing Page */

.common-category-listing-page .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    margin: 0;
  display: flex;
  justify-content: center;

}
.common-category-listing-page .post-item {
    background-color: #ffffff;
    padding: 20px 15px;
    display: inline-block;
    vertical-align: middle;


}

.common-category-listing-page .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 50%;
    text-align: center;
    display: flex;
  justify-content: center;
}

.common-category-listing-page .post-item .post-body .featured-post-content {
    float: right;
    padding-left: 15px;
    width: 50%;
}
.common-category-listing-page .featured-post-content > h3 {
    margin-bottom: 0;
}
.common-category-listing-page .hubspot-editable {
    margin-top: 5px;
    margin-bottom: 10px;
}
.common-category-listing-page .read-more-link {
   margin-top: 10px; 
}
.common-category-listing-page .read-more-link a {
   color: #ffffff;
   font-weight: 400;
   letter-spacing: 0px;
   text-transform: uppercase;
}

.common-category-listing-page .read-more-link:hover a {
   color:#ffffff;
}


/* Category Type 1 

.listing-category-type1 {
    margin-bottom: 40px;
}

.listing-category-type1 .post-item {
    background-color: #ffffff;
    display: table-cell;
    padding: 15px;
    width: 33.33%;
}
.listing-category-type1 .post-item h3 {
    margin-bottom: 0;
    margin-top: 0px;
}

/* Category Type 2 */
/*
.listing-category-type2 #hubspot-topic_data,
.listing-category-type2 .post-item > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.listing-category-type2 {
    display: table !important;
    margin-bottom: 40px;
    clear: both;
}
.listing-category-type2 .post-item {
   /* background-color: #ffffff;
    padding: 15px 15px 0;
}
.listing-category-type2 {
    background-color: #ffffff;
    padding: 15px 15px 0;
}
.listing-category-type2 .post-item:last-child {
    /*float: left;
   padding-bottom: 15px;
}

.listing-category-type2 .post-item:nth-child(1) {
    /*float: left;
    display: table-cell !important;
    width: 50%;
}
.listing-category-type2 .post-item:nth-child(1) .content-post2 {
   display: block; 
   margin: 5px 0 0px 0;
}
.listing-category-type2 .post-item:nth-child(1) .post-body {
    /* float: left;
    display: table-cell !important;
    width: 100%;
}
.listing-category-type2 .post-item:nth-child(1) .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
}
.listing-category-type2 .post-item:nth-child(1) .post-body .featured-post-content {

    padding-left: 0px;
    width: 100%;
}
.listing-category-type2 .post-item .content-post2 {
   display: none; 
}
.listing-category-type2 .post-item {
    width: 100%;
}
.listing-category-type2 .post-item h3 {
    margin: 0 0 5px 0;
}
.listing-category-type2 .post-item .post-body {
    width: 100%;   
}
.listing-category-type2 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 50%;
}
.listing-category-type2 .post-item .post-body .featured-post-content {

    padding-left: 15px;
    width: 50%;
}
.post-item .author-link:before {
    color: #666666;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.post-item .author-link:after {
    color: #666666;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}


.post-item-sliders .featured-post-content {
    background-color: rgba(34, 34, 34, 0.5);
    padding: 40px 15px;
}
.post-item-sliders .post-body {
    position:relative;
}
.post-item-sliders .post-body > div:nth-child(2) {
    position: absolute;
    width: 100%;
}

.listing-category-type2 {
    width: 100%;
}
.listing-category-type2 .post-item:nth-child(1) {
    float: left;
    display: flex !important;
    width: 48%;
}
.listing-category-type2 .post-item + .post-item {
  	clear: unset;
  	display: table-cell;
    float: right;
    width: 48%;
    margin-bottom: 10px;
}
.listing-category-type2 .post-item:first-child {
    margin-bottom: 20px;
}
.listing-category-type2 .post-item:last-child {
    margin-bottom: 0;
}
.listing-category-type2 .post-item:nth-child(2) {
    clear: unset !important;
}
*/
/* Category Type 3 */

.listing-category-type3 #hubspot-topic_data,
.listing-category-type3 .post-item > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  color: #ff8833;
  line-height:15px;
}

.listing-category-type3 #hubspot-topic_data a {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
   color: #ff8833 !important;
}

.listing-category-type3 {
    background-color: #ffffff;
    display: table !important;
    margin-bottom: 10px;
    clear: both;
}

.listing-category-type3 .topic-link a{
  
  
}


.listing-category-type3 .post-item {
   /* float: right;
   display: inline-flex;*/
    padding: 0px 15px 0;
    /* width: 50%;*/
}
.listing-category-type3 .post-item:last-child {
    /*float: left;*/
   padding-bottom: 5px;
}

.listing-category-type3 .post-item:nth-child(odd) {
    clear: both;
}

.listing-category-type3 .post-item .content-post2 {
  display: block; 
   margin: 5px 0 0px 0;
}
.listing-category-type3 .post-item {
    float: left;
    width: 50%;

  padding-bottom:0px;
  margin-bottom:0px;

}
.listing-category-type3 .post-item h3 {
    margin: 0 0 5px 0;
}
.listing-category-type3 .post-item .post-body {
    /*display: table-cell !important;
    float: right !important;*/
    width: 100%;
   
}
.listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
  height:auto;
}
.listing-category-type3 .post-item .post-body .featured-post-content {
/*     float: left; */
    padding-left: 0px;
    width: 100%;
}

/* Category Type Resources */


.listing-category-type-resources #hubspot-topic_data,
.listing-category-type-resources .post-item > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
  color: #ff8833;
  line-height:15px;
}

.listing-category-type-resources #hubspot-topic_data a {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
   color: #ff8833 !important;
}

.listing-category-type-resources .blog--author {
    line-height:15px;
  margin-bottom:5px;
}



.listing-category-type-resources .topic-link a{
  
  
}


.listing-category-type-resources .post-item {
   /* float: right;
   display: inline-flex;*/
    padding: 0px 15px 0;
    /* width: 50%;*/
}
.listing-category-type-resources .post-item:last-child {
    /*float: left;*/
   padding-bottom: 5px;
}



.listing-category-type-resources .post-item .content-post2 {
  display: block; 
   margin: 5px 0 0px 0;
}
.listing-category-type-resources .post-item {
    width: 32%;
     display: inline-block;
  padding-bottom:0px;
  margin-bottom:0px;
  vertical-align: top;
  overflow: hidden;
}
.listing-category-type-resources .post-item h3 {
    margin: 0 0 5px 0;
}
.listing-category-type-resources .post-item .post-body {
    /*display: table-cell !important;
    float: right !important;*/
    width: 100%;
   }
.listing-category-type-resources .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
    height:auto;
    text-align: center;
}
.listing-category-type-resources .post-item .post-body .featured-post-content {
/*     float: left; */
    padding-left: 0px;
    width: 100%;
}





/* Category Type 4 */







.listing-category-type4 {
    margin-bottom: 40px;
}

.listing-category-type4 .post-item {
    background-color: #ffffff;
    display: table-cell;
    padding: 15px;
    width: 33.33%;
}
.listing-category-type4 .post-item h3 {
    margin-bottom: 0;
    margin-top: 0px;
}

/* Category Type 5 */

.listing-category-type5 {
    background-color: #ffffff;
    display: table !important;
    margin-bottom: 0px;
}
.listing-category-type5 .post-item {
   /* float: right;*/
    display: table-cell;
    padding: 15px 15px 0;
}
.listing-category-type5 .post-item:nth-child(odd) {
    clear: both;
}
.listing-category-type5 .post-item:nth-child(3),
.listing-category-type5 .post-item:nth-child(4) {
    padding-bottom: 15px;
}
.listing-category-type5 .post-item {
    float: left;
    width: 50%;
}
.listing-category-type5 .post-item h3 {
    margin: 0 0 5px 0;
}
.listing-category-type5 .post-item .post-body {
    width: 100%;
   
}
.listing-category-type5 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
}
.listing-category-type5 .post-item .post-body .featured-post-content {
/*     float: left; */
    width: 100%;
}

/* Category Type Slider */

.listing-category-top {
    margin-bottom: 20px;
}
.post-item-sliders .hs-featured-image-wrapper {
    position: relative;
}
.post-item-sliders .featured-post-content {
    background-color: rgba(34, 34, 34, 0.5);
    bottom: 10px;
    padding: 40px 15px;
    position: absolute;
    width: 100%;
}
.post-item-sliders .item h3,
.post-item-sliders .item a,
.post-item-sliders .item #hubspot-author_data {
    color: #f3f3f3;
}
.listing-category-top .owl-controls {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
.listing-category-top .owl-controls .owl-buttons .fa-chevron-left,
.listing-category-top .owl-controls .owl-buttons .fa-chevron-right,
.listing-category-top .owl-controls .owl-nav .fa-chevron-left,
.listing-category-top .owl-controls .owl-nav .fa-chevron-right {
    color: #f3f3f3;
}
.post-item-sliders .author-link:before {
    color: #f3f3f3;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.post-item-sliders .author-link:after {
    color: #f3f3f3;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}

/* Category Type FUll Image Content */

.listing-category-top1 {
    margin-bottom: 30px;
}
.listing-category-top1 .post-item .post-body {
    position: relative;
}
.listing-category-top1 .post-item:nth-child(odd) .featured-post-content {
    background-color: rgba(48, 48, 48, 0.6);
}
.listing-category-top1 .post-item:nth-child(even) .featured-post-content {
    background-color: rgba(34, 34, 34, 0.6);
}
.listing-category-top1 .post-item .featured-post-content {
    padding: 15px 15px 20px;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.listing-category-top1 .post-item h3,
.listing-category-top1 .post-item a,
.listing-category-top1 .post-item #hubspot-author_data {
    color: #f3f3f3;
}

.listing-category-top1 .post-item {
    display: table-cell;
    width: 33.33%;
}
.listing-category-top1 .post-item h3 {
    margin-bottom: 0;
    margin-top: 0px;
}

.listing-category-top1 .author-link:before {
    color: #f3f3f3;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.listing-category-top1 .author-link:after {
    color: #f3f3f3;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}


/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {
    background-color: #ffffff;
    padding: 20px 20px 0 20px;
    margin-bottom: 30px;
}
.blog .blog-sidebar > div:last-child .widget-span {
    margin-bottom: 0px;
}
.blog .blog-sidebar .widget-span h3 {
    background-color: #ff8833;
    font-family: 'Lato;
    border-radius: 10px;
   
    color: #ffffff;
    font-weight: 400;
    padding: 5px 0px 7px 0px;
    margin-bottom: 20px;
    width: auto;
  font-size:20px;
  letter-spacing:1px;
}

.tag_filter {
  font-size:16px;
}


/* POPULAR POSTS */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .post-item-text > p {
    
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
  line-height:10px;
}
.blog-sidebar #hubspot-topic_data a.topic-link {
   color: #ff8833; 
  line-height:15px;
  margin-bottom:5px;
}
.blog-sidebar #hubspot-topic_data a.topic-link:hover {
  
}

.blog-sidebar .post-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-sidebar .post-item {
    display: inline-flex;
    margin-bottom: 15px;
  line-height:20px;
}

.blog-sidebar .post-item-image .hs-featured-image-wrapper {
    width: auto;
}

.blog-sidebar .post-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    max-width: 100px;
}

.blog-sidebar .post-item-text {
    float: right;
    padding: 0 15px 0 15px;
}

.blog-sidebar .post-item-text h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}


/* RECENT POSTS */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .recent-item-text > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.blog-sidebar .recent-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-sidebar .recent-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.blog-sidebar .recent-item-image .hs-featured-image-wrapper {
    width: 100px;
}

.blog-sidebar .recent-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    
}

.blog-sidebar .recent-item-text {
    float: right;
    padding: 0 15px 0 15px;
}

.blog-sidebar .recent-item-text h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

/* AD Image */

.blog-sidebar .ad-img-sidebar img {
    display: table;
    margin-bottom: 20px;
    width: 100% !important;
}

/* Popular Tags */

.blog-sidebar .sb-pop-tags {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-sidebar .tag-listing li {
    background-color: #f3f3f3;
	border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px;
    transition: .5s all ease;
}
.blog-sidebar .tag-listing li:hover {
    background-color: #555555;
	border: 1px solid #222222;
	border-radius: 3px;
	transition: .5s all ease;
}
.blog-sidebar .tag-listing li:hover a {
    color: #ffffff;
	transition: .5s all ease;
}

/* Latest Reviews */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .review-item-text > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.blog-sidebar .review-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-sidebar .review-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.blog-sidebar .review-item-image .hs-featured-image-wrapper {
    width: 100px;
}

.blog-sidebar .review-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    
}

.blog-sidebar .review-item-text {
    float: right;
    padding: 0 15px 0 15px;
}
.blog-sidebar .review-item:first-child h4 {
    margin-top: 10px;
}
.blog-sidebar .review-item-text h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

/* Border */
.blog-sidebar .review-item {
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 10px;
}
.blog-sidebar .review-item:last-child {
    border-bottom: 0;
    padding-bottom: 0px;
}

.blog-sidebar .review-item:first-child {
    display: grid;
}
.blog-sidebar .review-item:first-child .review-item-text {
    float: left;
    padding: 0 15px 0 0px !important;
}
.blog-sidebar .review-item:first-child .review-item-image .hs-featured-image-wrapper {
    width: 100%;
}
.blog-sidebar .review-item:first-child .review-post-summary {
    margin-top: 5px;
}
.blog-sidebar .review-item:first-child .review-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: grid;
    float: left;
    margin: 0 0 0 0px !important;
}

/* FLASH NEWS */


.owl-theme .owl-controls .owl-buttons div {
 		background-color: transparent !important;
  	margin: 0 !important;
  	padding: 0 !important;
}
.owl-buttons,
.owl-nav {
    display: flex;
    display: -webkit-flex;
    margin: 10px auto 0 auto;
    width: 10%;
}
.fa-chevron-left,
.fa-chevron-right {
    color: #222222;
    margin-right: 30px;
    margin-top: 8px;
}

.fa-chevron-left:hover,
.fa-chevron-right:hover {
    color: #FF6347;
}

.flash-post-items{
    padding-bottom: 20px;
}


/* ==========================================================================
   Forms
   ========================================================================== */



/* All Global Forms
   ========================================================================== */

.hubspot-link__container {
 		display: none; 
}
/* Form Field */
body .hs-form-field {
    margin-top: 5px !important;
}

/* Descriptions */
body .hs-field-desc {
    margin-top: 5px;
}

/* Labels */
body label,
body .hs-form-field > label {
    color: ;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0px;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    border: 1px solid #cccccc;
    border-radius: 5px;
    color:  ;
    font-family: 'Lato', sans-serif;;
    font-size: 16px;
    margin: 5px 0 0px 0;
    padding: 10px;
    max-width: 100% !important;
    width: 100%;
  
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* Separate Styles for Single Line Inputs */
body input {
    max-height: 40px;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
    max-height: 70px;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
    border-radius: 5px;
    color: ;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0px;
    list-style: none;
}
body form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
body form.hs-form .hs-form-field ul.inputs-list li input {
    width: 20px !important;
}
body input[type="radio"],
body input[type="checkbox"] {
    margin: 0 10px 2px 0;
   /* vertical-align: middle;*/
}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {
     margin-top: 0px;
}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label,
.hs_cos_wrapper_type_form .hs-form-field > label {
    color: ;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0px;
  margin:0px;
}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: ;
    font-size: 16px;
    margin: 5px 0 0px 0;
    padding: 10px;
    width: 100% !important;
    max-width: 100% !important;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list {
    color: ;
    font-size: 18px;
    padding: 0;
    list-style: none;
}
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {
    width: 20px !important;
}
.hs_cos_wrapper_type_form input[type="radio"],
.hs_cos_wrapper_type_form input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}


/* Blog Comment Form
   ========================================================================== */
/* Comment Form BG */

.new-comments form {
   background-color: #f6f6f6;
   border-radius: 5px;
   padding: 15px 30px 30px 30px !important;
}

.new-comments .actions {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.new-comments .hs-form-field,
.new-comments .hs-form-field input {
    width: 100%;
}

/* Label */
#comment-form .hs-form-field > label,
#comment-form label {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 1px;
}

/* Inputs */
#comment-form input[type="text"] {
    max-height: 40px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: ;
    font-size: 18px;
    margin: 5px 0 0px 0;
    padding: 10px;
    width: 100% !important;
    max-width: 100% !important;
}
#comment-form input[type="text"]:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#comment-form textarea {
    max-height: 70px;
}
#comment-form textarea:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#comment-form input[type="radio"],
#comment-form input[type="checkbox"] {
    margin: 0 10px 2px 0;
   /* vertical-align: middle;*/
}

/* Error */
body .hs-common-error-message {
    color: #ff0000 !important;
    font-size: 18px;
    line-height: 1.6em;
}

/* Comments Confirmation Message */

.hs-common-confirm-message {
    text-align: center;
}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label,
#hs_form_target_blog_subscription label {
    color: ;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 1px;
}

/* Inputs */

#hs_form_target_blog_subscription .hs-form-field {
    display: inline-block;
    margin-top: 0 !important;
}
#hs_form_target_blog_subscription input[type="email"] {
    border: 1px solid #cccccc;
    border-radius: 5px 0 0 5px;
    color: ;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 10px;
    height: 40px;
    max-height: 40px;
    width: 100% !important;
    max-width: 100% !important;
}
#hs_form_target_blog_subscription input[type="email"]:focus {
    display: inline-block;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}

/* Success Message */
 
.widget-type-blog_subscribe {
    padding-bottom: 20px !important;
}
/*.widget-type-blog_subscribe #hs_cos_wrapper_blog_subscription a {
    padding: 0 0 15px 0px;
}*/


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-1 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

body .hs-form fieldset.form-columns-2 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-2 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

body .hs-form fieldset.form-columns-3 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-3 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

/* Multiple Selection Inputs */

body form.hs-form .hs-form-field ul.inputs-list {
    color: ;
    font-size: 18px;
    padding: 0px;
    list-style: none;
}
body form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
body form.hs-form .hs-form-field ul.inputs-list li input {
   width: 20px !important;
}
body input[type="radio"],
body input[type="checkbox"] {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.hs-form-checkbox-display > span,
.hs-form-radio-display > span {
    color: #333333;
}

body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}


/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    -webkit-appearance: none;
    background-color: #ff6b00;
  background-image:none;
    border: 0px;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    letter-spacing: 0px;
    margin-top: 5px;
    text-transform: uppercase;
    transition: 300ms ease-in;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  background-image:none;
    border: 0px;
  text-shadow: 0.8px 0.8px 0.8px rgba(0,0,0,.4);
 text-decoration: none;
}
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
  background-image:none;
    border:0px;

}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription {
    margin-bottom: 0px;
}
#hs_form_target_blog_subscription .hs-form .hs_submit {
    display: inline-block;
}
#hs_form_target_blog_subscription .hs-button.primary.large {
    -webkit-appearance: none;
    background-color: #ff8833;
    border: 2px solid #ff8833;
    border-radius: 0 5px 5px 0;
    color: #f3f3f3;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
    transition: 300ms ease-in;
}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {
    background-color: transparent;
    border: 1px solid #ff8833;
    color: #ff8833;
}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {
    background-color: transparent;
    border: 1px solid #ff8833;
    color: #333333;
}

/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}








/* ==========================================================================
   6. MISCELLANOUS                                        
   ========================================================================== */





/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 








/* ==========================================================================
   7. MOBILE MEDIA QUERIES                              
   ========================================================================== */


@media (min-width: 992px) and (max-width: 1199px) {
    .trend_item-text {
        margin-bottom: 10px;
        padding-right: 10px;
        width: 430px;
    }
    .trending-listing-simple {
        vertical-align: top;
    }
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 50% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .trend_item-text {
        margin-bottom: 10px;
        padding-right: 10px;
        width: 460px;
    }
    .trending-listing-simple {
        vertical-align: top;
    }
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 100% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    #hs_cos_wrapper_post_body tr {
        display: grid;
        width: 100%;
    }
    .blog .blog-content {
        width: 100%;
    }
    .blog .blog-sidebar {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .blog .blog-sidebar > div {
        width: 360px;
        margin: 0 auto;
    }
  	.trending-post-items.owl-carousel.owl-theme,
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 77%;
    }
    .footer-container.container-fluid .span4.widget-span.widget-type-cell {
        margin-left: 0;
        width: 100%;
    }
    .footer-container.container-fluid .post-listing-simple {
        margin-top: 40px !important;
    }
    .footer-container.container-fluid .widget-span.widget-type-raw_jinja {
        margin-bottom: 15px;
    }
}
/* .post-blog-content {
  display: flex;
  justify-content: center;
} */

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 1080px) {
    .container-fluid .row-fluid .page-center {
        padding: 0 15px;    
    }
    .container-fluid .footer-copyright .row-fluid .page-center {
        padding: 0 15px;
    }
    
}


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 50% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    .custom-menu-primary.js-enabled {
        margin: 0 0 10px 0;
    }
   .trend_item-text {
        margin-bottom: 30px;
        padding-right: 10px;
        width: 460px;
    }
    .trending-listing-simple {
        vertical-align: top;
    }
    .blog .blog-content {
        width: 100%;
    }
    .blog .blog-sidebar {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .blog .blog-sidebar > div {
        width: 360px;
        margin: 0 auto;
    }
    .blog .blog-sidebar .widget-span,
    .blog .blog-sidebar .ad-img-sidebar {
        padding-bottom: 1px;
    }
  	.trending-post-items.owl-carousel.owl-theme,
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 75%;
    }
    .footer-container.container-fluid .span4.widget-span.widget-type-cell {
        margin-left: 0;
        width: 100%;
    }
    .footer-container.container-fluid .post-listing-simple {
        margin-top: 40px !important;
    }
    .footer-container.container-fluid .widget-span.widget-type-raw_jinja {
        margin-bottom: 15px;
    } 
}

@media (max-width: 680px) {
    .trend_item-text {
        width: 400px;
    }
  	.trending-post-items.owl-carousel.owl-theme,
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 70%;
    }
}

@media (max-width: 639px) {
   .trend_item-text {
        margin-bottom: 30px;
        padding-right: 0px;
        width: 100%;
    }
  	.trending-post-items.owl-carousel.owl-theme,
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        display: block;
        width: 100% !important;
    }
  	.trending-post-items .owl-buttons,
    .trending-post-items .owl-nav {
        display: none;
    }
    #hs_cos_wrapper_post_body td {
        display: table;
        width: 100% !important;
    }
    
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    
    #hs_cos_wrapper_post_body tr {
        display: table;
        width: 100%;
    }
    .common-category-listing-page .post-item .post-body .hs-featured-image-wrapper,
    .common-category-listing-page .post-item .post-body .featured-post-content,
    .magoListing .post-item {
/*         float: left; */
        width: 100%;
    }
    .magoListing .post-body,
    .listing-category-type2 .post-item:nth-child(1) {
        width: 100%;
    }
    .common-category-listing-page .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .blog .trend-news-post-listing {
        text-align: center;
    }
    .blog .trend-news-post-listing .trending-listing-simple {
        margin-right: 0;
        margin-bottom: 10px;
        padding: 5px 42px;
    }
    .trending-listing-simple::after {
        left: 0;
        right: 0;
        top: 10px;
        transform: rotate(180deg);
    }
}

@media (max-width: 575px) {
    
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.9);
        -webkit-transform:scale(0.9);
        transform-origin:0 0 0 !important;
        -webkit-transform-origin:0 0 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
        height: 115px;
    }
} 
     

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {
    .hs-image-widget {
        width: 100% !important;
    }
  	.trending-post-items.owl-carousel.owl-theme,
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        display: block;
        width: 100% !important;
    }
    .listing-category-type3 .post-item:nth-child(1),
    .listing-category-type3 .post-item:nth-child(2) {
        width: 100%;
    }
    .topic-post {
        display: block;
    }
    .topic-post .single-tag-posts-name {
        margin: 0 auto 8px;
        padding: 10px 0 0;
        text-align: center;
        width: 100% !important;
    }
    .topic-pop-tags {
        float: none;
        display: -webkit-inline-box;
        margin-top: 0;
    }
    .topic-post-menu {
        float: none;
        text-align: center;
    }
    
    .listing-category-type2 .post-item .post-body .featured-post-content,
    .listing-category-type2 .post-item .post-body .hs-featured-image-wrapper,
    .listing-category-type3 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
        width: 100%;
    }
    .listing-category-type2 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .magoListing .listing-category-type1 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type3 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type5 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
        margin: 0 0 5px 0;
      max-height:auto;
    }
    
    .magoListing .listing-category-type2 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type4 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
        margin: 0px 0 5px 0;
    }
    .common-category-listing-page .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .listing-category-type5 .post-item,
    .listing-category-type2 .post-item,
    .listing-category-type3 .post-item {
        padding: 15px;
    } 
    #recaptcha_area,
    .recaptchatable {
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        height: 115px;
    } 
}

@media (max-width: 380px) {
    .blog .blog-sidebar > div {
        width: 100% !important;
    }
    #hs_form_target_blog_subscription .hs-form-field {
        display: block;
    }
    #hs_form_target_blog_subscription .hs-button.primary.large,
    #hs_form_target_blog_subscription input[type="email"] {
        border-radius: 5px;
    }
}

@media (max-width: 360px) {
    .trend_item-text {
        width: 100%;
        padding-right: 0;
    }
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.85);
        -webkit-transform:scale(0.85);
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        max-width: 100% !important;
        height: 100px;
    } 
    .listing-category-type3 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
        width: 100%;
    }
    .topic-pop-tags li {
        margin-right: 10px;
    }
    .topic-pop-tags li a {
        font-size: 12px;
    }
    .blog .blog-sidebar .widget-span h3 {
        width: 230px;
    }
    .post-item-sliders .featured-post-content {
        padding: 7px 15px 40px 15px;
    }
}

@media (max-width: 330px) {
    .topic-pop-tags li a {
        font-size: 10px;
    }
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        max-width: 100% !important;
        height: 90px;
    } 
}

/*------------------------------------------------------------------------------------------------------------------*/