@import url('http://fonts.googleapis.com/css?family=Open+Sans:400');
@font-face {
    font-family: "FontAwesome";
    src: url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Fonts/fontawesomewebfont_1.eot')format('eot'),
    url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Fonts/fontawesomewebfont_1.woff')format('woff'),
    url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Fonts/fontawesomewebfont_1.svg')format('svg'),
    url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Fonts/fontawesomewebfont_1.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   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: url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Images/background.jpg') #ffffff fixed no-repeat center 0;*/
  color: #333;
  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

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

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

a { color: #99ca3c;
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

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

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background:#3399FF;
  text-shadow: none;
}
::selection {
  color: #fff;
  background:#3399FF;
  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 {} 
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 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h2{
    font-size: 3em;
    line-height: 1.2em;
    margin-bottom:5px;
    font-weight:normal;
    color:#333333;
}
h3{
    font-size: 21px;
    font-weight:bold;
    line-height:30px;
    margin-bottom:10px;
    color:#333;
}
h4{
    font-size: 15px;
    font-weight:bold;
    line-height:20px;
    color:#333;
}
h5{
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
}
h6{
    font-size: 10px;
    line-height: 22px;
    font-weight: normal;
    color: #666;
}

/* 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 {}








/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */





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


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




/* ==========================================================================
   Header
   ========================================================================== */
#siteHeader {
    height: 130px;
    padding-top: 5px;}

    
.header-container-wrapper {}

.header-container { margin: 0 0 0 0; }
.header-container h2 { border-bottom: 1px #CCC solid; }

/*
.innerContainer {background-color: #FFF;}
.innerContainer h1#logo { float: left;
     padding-top: 5px;
     padding-left: 25px;}
.innerContainer h1#logo a {
  background: url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Images/TS/logo-masthead.gif') no-repeat;
  width: 455px;
  height: 84px;
  display: block;
  margin: 0 0 5px 0;
  -webkit-transition: none;
  -moz-transition: none;
} 

.innerContainer h1#logo a:hover{ background-position: 0 -84px; }
.innerContainer h1#logo a span { display: none; }

.innerContainer #memberMenu {
    float: right;
    position: relative;
	top: 70px;
} */

.custom-header-bg{
    background-color: #22400F;
}
.custom-header-right-group {
    text-align:right;
    margin-top: 55px;
    margin-bottom:5px;
}

.custom-logo {
    padding: 20px 0 0 0;
} 

.custom-menu-bg {
  /*   height: 35px;
    min-height: 35px;
    padding-left: 20px;
    padding-right: 20px;*/
    background-color: #152B39;
   /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);*/
}

.custom-sign-in a {
    text-decoration: none;
    color: #2d86cb;
}
.custom-sign-in {
    margin-top: -10px;
    margin-bottom: 7px;
}

.custom-menu-bg .page-center {
    max-width: 1019px !important;
    padding-left:9px;
}

/* 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 {}

.custom-form {
    padding: 15px 0 0 0;
}

.custom-header-right-group form {
    margin: 0 0 20px;
}
.custom-header-right-group .lnkSubscribe {
    padding: 5px 0 7px 63px;
    margin: 0;
    background-image: url('//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Images/subscribeNow.png?t=1441261410613');
    background-repeat: no-repeat;
    width:56%;
    float: right;
    background-position: 4% bottom;
}
.custom-form a {
    outline: 0px none !important;
    color: #2d86cb;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size:12px;
    margin: 0 47px 0px 0px;
}
.custom-header-right-group a:hover{
    color: #006;
    text-decoration: none;
}

.custom-header-right-group form>*:last-child {
    margin-bottom: 0;
}
.custom-header-right-group .input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
}
.custom-header-right-group .input-append input, .input-append select, .input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px !important;
}
.custom-header-right-group .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.custom-header-right-group .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
    font-size: 12px;
}
.custom-header-right-group 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"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.custom-header-right-group select, 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"], .uneditable-input {
   display: inline-block;
   padding: 5px 6px;
    margin-bottom: 10px !important;
    font-size: 12px !important;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;

}
.custom-header-right-group .input-large {
    width: 224px;
    font-family: helvetica;
}

.custom-header-right-group .search button {
    border-radius: 0 14px 14px 0 !important;
}
.custom-header-right-group .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.custom-header-right-group .input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px;
}
.custom-header-right-group .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.custom-header-right-group button.btn, input[type="submit"].btn {
}
.custom-header-right-group .btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1a388b;
    background-image: -moz-linear-gradient(top, #1a478b, #1a218b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a478b), to(#1a218b));
    background-image: -webkit-linear-gradient(top, #1a478b, #1a218b);
    background-image: -o-linear-gradient(top, #1a478b, #1a218b);
    background-image: linear-gradient(to bottom, #1a478b, #1a218b) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a478b', endColorstr='#ff1a218b', GradientType=0);
    border-color: #1a218b #1a218b #0e124b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.custom-header-right-group .btn {
    display: inline-block;
    padding: 4px 12px 4px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #ccc!important;
    border-bottom-color: #b3b3b3!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
    border: 1px solid #1A308B !important;
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

.icon-search:before {
    content: "\f002";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}



.custom-header-right-group .btn-primary:hover {
color: #fff;
background-color: #1a218b !important;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}



@-moz-document url-prefix() {
    .custom-header-right-group .btn {
		-moz-border-bottom-colors: none !important;
		-moz-border-left-colors: none !important;
		-moz-border-right-colors: none !important;
		-moz-border-top-colors: none !important;
		background-color: #f5f5f5;
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border-color: #1a308b #1a308b #000000 !important;
		border-image: none !important;
		border-radius: 4px !important;
		border-style: solid !important;
		border-width: 1px !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		cursor: pointer;
		display: inline-block;
		font-family: helvetica;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 0;
		padding: 3px 9px;
		position: relative;
		text-align: center;
		vertical-align: middle;
	}

}

*/

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


.body-container-wrapper {}
.body-container {}
.body-container .page-center{
    padding: 20px;
    
}


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

/* Homepage */

/* Contact Us */

/* About Us */


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

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container {}


.custom-footer-subfooter {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    border-top: #eee 3px solid;
    padding-top: 10px;
    font-size: 11px;
}

.custom-footer-bg {
    background-color: #152B39;
    color: #fff;
    font-size: 14px;
    padding: 10px 0 81px 0;
}
.custom-footer-bg h2 { display: none; }

.custom-footer-left {
    text-align: left;
}

.custom-footer-center {
    text-align:center;
}

.custom-footer-right {   
    text-align:right;
    padding-right:15px;
}

.custom-footer-privacy a {    
	text-decoration: underline;
  padding: 0;
}

/*
.follow {
    	float:right;
		width:230px;
		padding:10px 0px;
}

.footer-menu ul ul {
    max-width: 150px;
    width: 150px;
    margin: -17px 0 0 0 !important;
    display: block !important;
}

.follow img {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 32px; 
	height:32px;
}
.follow a {
	margin: 0px 5px;
	padding: 0px 0px 5px 0px;
}
.follow a:hover { background: none; }
.follow {
	font-size: 11px;
	text-align: right;
	margin: 0px;
}

.custom-logo-area div#logo{
    width:455px;
	border-bottom:#ddd 1px dashed;
	padding:10px 0px;
}

.custom-logo-area div#logo a:hover { background: none; }

.custom-logo-area div.copyLabX {
    padding: 2em 0 0 0;
}

*/
/*
.footer-menu ul ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-decoration:underline;
}

.footer-menu ul ul li a:hover {
    color: #ddd;
    text-decoration: none;
}
.custom-logo-area {
    padding-top: 3px;
}

.custom-logo-area ul {
    padding: 0;
    list-style: none;
    margin: 10px 0 0 0;
}

.custom-logo-area p {
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    max-width: 150px;
    text-align: center;
}

.custom-logo-area a {
    color: #fff;
}

.custom-logo-area a:hover {
    color: #ddd;
    text-decoration: none;
}
.custom-footer-right {
    margin: 0 ;
    display: block;
}
.custom-footer-right span img {
    float: left;
    margin: 0 7px 0 0px;
}
.custom-footer-right span {
    float: left;
}
.custom-footer-right h4 {
    float: left;
    margin:0;
    font-size:15px;
    line-height:20px;
    color:#fff;
    font-weight:bold;
}
.custom-footer-right h5{
    margin:0;
    font-size:12px;
    line-height:20px;
    color:#fff;
    font-weight:bold;
}
.custom-footer-right h6{
    margin:0;
    font-size:10px;
    line-height:20px;
    color:#fff;
    font-weight:bold;
}
.custom-footer-right strong a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration:underline;
}
.custom-footer-right strong a:hover{
    color:#ddd;
    text-decoration:none;
}
.custom-footer-right ul{
    padding:0;
    margin:0;
    list-style:none;
}
.custom-footer-right ul li a{
    color:#fff;
    font-size:12px;
    line-height:20px;
    text-decoration: underline;
}
.custom-footer-right ul li a:hover{
    color:#ddd;
    text-decoration:none;
}
.custom-logo-area a{
    text-decoration:underline;
}
*/





.site-advertisement.torpedo {
    bottom: 0;
    height: 45px;
    left: 0;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0 0 0 0;
    position: fixed;
    right: 0;
    text-align: center;
}
.site-advertisement.torpedo .adGroup {
    margin: 0 auto;
}
.site-advertisement .adGroup {
    text-align: center;
    margin: 1em auto;
}






/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

.custom-menu-primary {
   box-shadow: #99ca3c 0 -4px 0 inset;
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-left: 1px solid #1a478b;
  display: block;
  
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
    background:transparent;
    border-right: 1px solid #1a478b;
    border-left: 1px solid #336eb5
    /* border-right: 1px solid #336eb5; */
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    color:#fff;
    padding: 10px 23px 9px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #336eb5;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size: 14px;
    font-family: roboto;
    line-height:20px;
    letter-spacing:0.2px
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-left: 5px;
    position:relative;
    left: -1px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#ddd;
    text-decoration: none;
}
.custom-menu-primary .hs-menu-wrapper>ul>li:last-child:after {
    border-right: 1px solid #336eb5;
    content: "";
    padding: 13px 0px;
    right: -2px;
    position: relative;
}


/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    z-index: 1000;
    min-width: 162px;
    padding: 5px 0 5px 0px;
    margin: 2px 0 0 9px;
    list-style: none;
    background-color: #000;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}



.custom-menu-primary .hs-menu-wrapper>ul ul:before {
    content: "";
    height: 4px;
    top: -4px;
    position: absolute;
    left: 0;
    width: 100%;
}


.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:transparent;
   
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#fff;
    padding: 4px 20px 2PX;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    letter-spacing:0.2px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    text-decoration: none;
    color: #dddddd;
    background-color: #184382;
    background-image: -moz-linear-gradient(top, #1a478b, #163c76);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a478b), to(#163c76));
    background-image: -webkit-linear-gradient(top, #1a478b, #163c76);
    background-image: -o-linear-gradient(top, #1a478b, #163c76);
    background-image: linear-gradient(to bottom, #1a478b, #163c76);
    background-repeat: repeat-x;
}


.custom-menu-primary .hs-menu-wrapper>ul ul>li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover:after {
    content: "";
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: -18px;
    margin-right: 11px;
}




.custom-menu-primary ul ul ul {
    border: 0 !important;
    border-radius: 0 6px 6px 6px !important;
    margin:-4px 0 0 0 !important ;
}



/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
    .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper {  
        opacity:0 !important;
        visibility:hidden !important;
    }
    
    .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.clicked > ul.hs-menu-children-wrapper {
        opacity: 1 !important;
        visibility: visible !important;
    }
  }




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


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

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */
  .custom-menu-primary .hs-menu-wrapper > ul{
     background-image: linear-gradient(to bottom,#336eb5,#1a478b) !important;
  }
  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }
.custom-menu-primary .hs-menu-wrapper > ul ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a::after{
    display:none;
}

  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
    width: 43px;
    margin: 0 auto;
    left: 0;
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 40px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 0px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 14px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
      padding:0;
      border-radius:0px;
      border:0;
      margin:0;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li .child-trigger {
      height:35px !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    padding-right: 10px; /* Indent Child lists */
    font-size: 14px; /* Font size of child lists */
    line-height:30px;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary ul ul ul{
      margin:0 !important;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    padding-left: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    padding-left: 50px; /* Indent Child lists */
  }
}








/* ==========================================================================


   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 .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 {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.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: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

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

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  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;
}
.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 {}
.blog-pagination a {}
.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 {}


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

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




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


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

/* Form Field */
body .hs-form-field {}

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

.hs-error-msgs.inputs-list {
    color: red;
}
/* Labels */
body label {}
body .hs-form-field > label {}

/* 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 {
    width: 100%;
    max-width:500px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

body.error-template .hs-input,
body.password-template input[type="password"] {
display: block;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* 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 {}

/* 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 {}

/* 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 {}

.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 {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


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

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


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

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

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


/* 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 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
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[class*="form-columns"] .hs-input[type="radio"] { 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; }
}

/*  ==========================================================================
    CUSTOM Tech Networks Subscription Form Formatting
    ==========================================================================*/
    
.form-title {
    color: #99ca3c;
    text-align: center;
    font-weight: 100;
    line-height:30px;
    margin-bottom:10px;
}

.hs-input { margin-bottom: 10px;}

body input[type="email"] .hs-form-field label {color: green;}

 li.hs-form-booleancheckbox {font-size: 12px;
                                color: grey !important;}
 
.hs_recaptcha {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:center !important;
}


 
  .custom-subscription-form {
        padding:20px;
        background-color: #eee;
    }
    
.hs-richtext {
    margin-top: 15px;
    margin-bottom: 5px;
}
/* ==========================================================================
   Buttons                                              
   ========================================================================== */


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background-color: ;
    text-decoration:none;
    background-color: #5b7f44;
    /*
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration:none;*/
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover { /*
    text-decoration: none;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    text-decoration:none;*/
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* 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 .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* 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                                        


   ========================================================================== */
.blog-listing-wrapper .post-listing .post-item {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
 #comments-listing {
	border: 1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 15px;
}

.post-header h2{
	margin: 10px 0 0;
}

.post-header h2 a{
	text-decoration: none;
}
.post-header h2 a:hover{}

#hs_cos_wrapper_blog_subscription_title{}

#comment-form h4{}

#hubspot-topic_data{
	color: #888888;
	font-weight:700;
    margin: 4px 0;
}
#hubspot-author_data{
	margin: 0 0 10px;
}
.hs-form .input ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hs-form .input ul li{
	padding: 0 !important;
}
.custom_listing_comments {
	border: 1px solid #ccc;
	padding: 15px;
	margin: 10px 0;
}
.more-link{
	display: inline-block;
	padding-top: 20px;
}
.hs-blog-social-share{
	height: auto;
}

.blog-pagination .previous-posts-link {
    display: block;
}
.blog-pagination .all-posts-link {
    display: block;
}
.blog-pagination .next-posts-link {
    display: block;
}

.blog-sidebar .cell-wrapper{
    margin-bottom: 25px;
}

#comment-form{
   padding:30px;
   margin:15px 0;
   border: 1px solid #CCC;
}

#hubspot-author_data .hs-author-avatar {
     max-width: 70px;
     padding: 10px 10px 10px 0;
}

#hubspot-author_data .hs-author-avatar img {
     height: auto !important;
     max-width: 100%;
}

.hs-blog-social-share {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: auto;
    margin-top: 10px;
    padding: 10px 0 0;
}

/* -------------- Default Code for comment ------------ */

#comments-listing {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}


.comment.depth-0 {
    border-bottom: 1px solid #000 !important;
    border-top: medium none !important;
    margin: 0 10px 10px !important;
    padding: 0 15px !important;
}

.comment-body {
    border-bottom: medium none;
    color: #333;
    display: block;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  
    font-size: 14px;
  
  line-height: 1.42857143;
    padding: 0;
}

.comment-reply-to{
  margin-bottom: 15px;
}

.comment-from h4 {
    margin: 0;
    padding-top: 15px;
}

.comment-date {
    color: #333 !important;
    display: block !important;
    text-align: left;
}

/* -------------------- Ends ----------- */

/* -------------- Default Code for Author Bio ------------ */

#hubspot-author_data .hs-author-avatar {
     max-width: 70px;
     padding: 10px 10px 10px 0;
}

#hubspot-author_data .hs-author-avatar img {
     height: auto !important;
     max-width: 100%;
}

.hs-blog-social-share {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: auto;
    margin-top: 10px;
    padding: 10px 0 0;
}




/** 
 * 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                              


   ========================================================================== */



   

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

@media (max-width: 1000px) {
    
    .custom-footer-left {
        text-align: left;
}

    .custom-footer-center {
        text-align:center;
}

    .custom-footer-right {   
        text-align:right;
        padding-right:15px;
}

  /*  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
        color: #ffffff;
        font-family: roboto;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 8px 9px;
        text-decoration: none;
        text-shadow: 0 1px 0 #336eb5;
        transition: all 0.1s ease-in-out 0s;
    }
    .custom-menu-primary .hs-menu-wrapper > ul {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      display: block;
      padding-left: 0;
    }    
    
    .custom-header-bg {
        padding: 0 15px;
    }
    
    .body-container .page-center{
        padding:15px;
    }
    
    .custom-footer-bg {
        padding: 10px;
    }
    
    .custom-footer-right span {
    float: left;
    margin-right: -35px;
    }
    .custom-footer-right {
      display: block;
      margin: 0 0 0 -42px !important;
    }
    .footer-menu ul ul {
      display: block !important;
      margin: -17px 0 0 !important;
      max-width: 143px;
      width: 109px;
    }

    .footer-menu ul ul li a {
      color: #ffffff;
      font-size: 11px;
      line-height: 20px;
      white-space:normal !important;
    }
    .custom-footer-right span img {
      float: left;
      margin: 0 7px 0 0;
      max-width: 80%;
    }

    .custom-logo-area {
      padding-bottom: 43px;
    }
    
    .custom-form a {
    outline: 0px none !important;
    color: #2d86cb;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size:12px;
    margin: 0 0px 0px 0px;
}

.custom-menu-bg{
    padding:0 !important;
}*/

}


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

@media (max-width: 767px) 

{
    .custom-logo {
      text-align: center;
    }  
    
    .custom-form a {
    outline: 0px none !important;
    color: #2d86cb;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size:12px;
    margin: 0 0px 0px 0px;
}
    
    .custom-menu-bg {
        padding: 0;
        
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>a:after {
        font-family: FontAwesome;
        padding-left: 5px;
        content: "";
    }
    
    .body-container .page-center{
        margin: 10px;
        }
    
  
    
    .footer-menu ul ul{
        max-width:100% !important;
        text-align:center;
        margin:0 !important;
        width:100%;
    }
    
    .custom-logo-area {
        text-align: center;
    }
    
    .custom-footer-right {
    display: block;
    margin: 0 !important;
    text-align: center;
    }

    .custom-footer-right span img {
      display: inline-block;
      float: none;
      margin: 10px 0;
      text-align: center;
    }

    .custom-footer-right span {
      display: block;
      float: none;
      text-align: center;
    }

    .custom-footer-right h4 {
      color: #ffffff;
      float: none;
      font-size: 15px;
      font-weight: bold;
      line-height: 20px;
      margin: 0;
      text-align: center;
    }
    .custom-footer-right ul{
        list-style:none;
    }
    
   .custom-header-right-group .lnkSubscribe {
        background-image: url("//547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Images/subscribeNow.png?t=1441261410613&t=1441280982601&t=1441400391970");
        background-position: 4% bottom;
        background-repeat: no-repeat;
        float: none;
        margin: 0 auto;
        padding: 5px 0 7px 63px;
        width: 100%;
        max-width: 330px;
   }
    
    .custom-header-bg {
        padding:0; 
    }
    
    .custom-header-right-group form{
        text-align:center;
    }
    
    .custom-sign-in {
         text-align: center;
    }
    
    .custom-header-right-group select, 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"], .uneditable-input {
        border-radius: 4px;
        color: #555555;
        display: inline-block;
        font-size: 12px !important;
        line-height: 20px;
        margin-bottom: 10px !important;
        padding: 5px 4px 4px;
        vertical-align: middle;
        height:none !important;
    }
    
    .custom-header-right-group .search button {
        border-radius: 0 14px 14px 0 !important;
    }
    
    .custom-footer-right span {
    margin-right: 0px;
    }
    
    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 {
        width: 100%;
        max-width:100%;
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul ul>li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover:after {
        display:none;
    }
    
    .custom-menu-bg .page-center{
        padding-left:0px;
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul>li:last-child:after{
        display:none;
    }
    
    .custom-logo-area p{
        max-width:100%;
    }
    
    .custom-logo-area {
        padding-bottom: 12px;
    }

}
     

.emailFooter:hover {
    border-bottom: 1px #ffffff solid;
}


.trustedSponsors:hover {
    color: #99ca3c !important;
    border-bottom: 1px solid #99ca3c !important;
}

.trustedSponsors {
    color: #333333 !important;
    border-bottom: 1px solid #333333 !important;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    color: #152b39 !important;
    padding-right: 5px;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}


.icon-handshake:before {
    content: "\f2b5";
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}



/*STYLES WITH SWAPPABLE COLOURS*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Raleway:400,700,800');
html {
  background-color: #eee !important;
}

html .page-container div div {
  display: flex; 
  flex-direction: row-reverse;
}

html .page-container div div div {
  display: block;
}

.col {
  padding: 40px 15px;
}



/* .page-container div div {
  display: flex; 
  flex-direction: row-reverse;
} */

.form-container {
/*   display: block !important; */
      background-color: #ffffff;
  padding: 15px 30px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
}

.speakerName {
    font-weight: bold !important;
}

.sponsorName {
    font-weight: bold !important;
    text-align: center;
}

.speakerName {
      font-weight: bold !important;
    text-align: center;
    padding-top: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


.speakerImgSection {
    width: 30%; 
    float: left; 
    padding-top: 5px;
    display: flex;
    justify-content: center;
/*   border-left: 5px solid #99ca3c; */
}

.speakerImg {
    height: 80%;
    border-radius: 50px;
}

.speakerDetailsSection {
    width: 70%; 
    float: left; 
    padding-top: 15px; 
    padding-left: 5px; 
    height: 115px;
}

.speakerSpacer {
    padding-top: 15px;
}

.hs-fieldtype-checkbox {
  margin-top: 15px;
}

.hs-form .input ul li span {
  float: right;
  width: 90% !important;
  position: relative !important; 
}

.hs-form .input ul li {
  margin-top:15px;
}

li label {
  font-weight: 400 !important;
  text-transform: none !important;
}



.custom-footer-bg {
    background-color: #22400F;
  padding-bottom: 20px;
  border-top: none !important;
}

.custom-footer-bg .page-center{
   padding: 15px 35px;
}

.custom-footer-subfooter {
  border: none;
  margin-top: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.custom-footer-right {
  padding-right: 0;
  font-size: 12px !important;
  margin-bottom: 30px;
}

/* .left ul {
  list-style: none;
  border-left: 5px solid #4FAF46;
  margin-left: 15px;
  padding-left: 20px;
} */

.tag {
  font-family: 'Raleway', sans-serif !important;
  padding: 10px 20px; 
  background-color: #99ca3c;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 1px;
  margin-left: 0 !important;
  margin-top: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
}

.topBackground {
  position: absolute; 
  z-index: -10;
  background-image: url('https://cdn.technologynetworks.com/AC/images/base/ac-header.jpg');
  height: 240px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center;
  width: 100% !important;
  
}



.pageTitle {
  border-left: 5px solid #99ca3c;
  padding-top: 10px;
  padding-left: 15px;
  margin: 1em 3em 2em  !important;
  max-width: 90%;
}

  .pageTitle span {
    color: #ffffff;

  }

.row-fluid .headerContainer {
  max-width: 1280px;
  float: none;
  margin: 0 auto !important;
}

.webinar .form input[type="submit"] {
  background-color: #99ca3c; 
  text-transform: uppercase;
  padding: 10px 20px; 
  border-radius: 3px;
  font-weight: bold;
  font-size: 15px;  
  font-family: 'Raleway', sans-serif !important;
}

  .fakeRight {
    position: relative;
    left: 0;

    
  }

.fakeRight img {
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px;
}

/*STYLES GENERIC TO TEMPLATE*/



.container-fluid .row-fluid .page-center
{
  position: relative;
  max-width: 1280px;
}


.fakeLeft {
  margin-left: 0;
  margin-top: 70px !important;
}


.fakeLeft  p {
  padding-right: 35px;
}

.fakeLeft  ul {
  padding-right: 35px;
}

.fakeRight {
  margin-left: 30px;
  margin-right: 0;
  position: absolute;
  left: 59%;
}



.formHeaderLogo {
  text-align: center;
  margin-top: 10px;
}

.mobileHeader {
  display: none !important; 
}

.left {
  margin-top: 10px;
    margin-bottom: 30px;
}

.fakeLeft img {
  padding:10px 30px 15px 0px;
}

.fakeLeftInner img {
   padding:0 !important;
}

.left .socialShare img {
   padding:0 !important;
}

 .custom-footer-right {
    text-align: right;
  }

.left ul li {
padding-top: 5px; }


.left ul li:first-child {
padding-top: 0; }


.socialShare {
  text-align:left;
  padding:10px 0 10px 0;
  margin-bottom: 30px;
  margin-top: 20px;
}



.webinar .page-center {
  max-width: 1100px;
}

.webinar .form input {
  border: none !important;
  padding: 10px;
  margin-bottom: 15px !important;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2) ;
  box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2) ;
}

input[type="checkbox"] {
   border: none !important;
 
  box-shadow: none !important;  
 
}

.webinar .form select {
  border: none !important;
  padding: 10px;
  margin-bottom: 15px !important;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2) ;
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2) ;
  box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2) ;
  height: 40px;
}


.webinar .form label {
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
}


.webinar .form .hs-button {
  margin-top: 30px;
  margin-bottom: 40px;
}

.formHeader {
  background-color: #ffffff;
  border-radius: 3px 3px 0 0;
  margin-top: 40px;
}

.left .socialShare img {
  margin: 0;
}

  .formHeader img {
    padding: 20px;
  }
  
.mobileHeader {
    display: none !important;
}

  

.custom-footer-subfooter {
  padding-left: 15px;
  padding-right: 15px;
}

.formHeaderLogo {
    display: inline;
  }


.hide-desktop {
  display: none !important; 
  margin-top: 70px;
  margin-bottom: 40px;
}

  .hide-mobile {
  display: block !important; 

}

  ul.multi-container {
    clear:both;
}

/*TABLET STYLES*/
/* @media only screen and (max-width: 990px) and (min-width: 768px) {
  .topBackground {
  height: 450px !important;
  
}
} */
/*TABLET STYLES END*/



/*MOBILE STYLES*/

@media only screen and (max-width: 767px) {
  .hide-desktop {
  display: block !important;
    margin-top: 20px !important; 
  }
  
  .topBackground {
  height: 310px;
  
}

  
  .hide-mobile {
  display: none !important; 

}
  
  .fakeLeftInner img {
    top: 43%;
  }
  
  html .page-container div div {
  display: block;
  }
  
  #summary-section {
  padding-top: 0;
  }
  
  .tn-logo {
    max-width:40%;
    margin: 0 auto !important;
  }
  


  .socialShare img {
    display: inline !important;
  }
  
  
/*   .fakeLeftInner img {
    display: inline !important;
    top: 32% !important;
    width: 250px !important;
  } */
  
  .form {
    margin-top: 30px;
  }
  
  .formHeaderLogo {
    display: none !important;
  }
  
  

  
  .custom-footer-bg {
    padding: 15px 15px 0 15px;
  }
  
  .custom-footer-left {
    text-align: center;
  }
  
    .custom-footer-right {
    text-align: center;
      
  font-size: 12px !important;
  }
  
/*   .mobileHeader {
      display: inline !important;
      text-align: right;
  }
  
  .mobileHeader div {
      background-color: rgba(0,0,0,0.3) !important;
  }
  
  .mobileHeader img {
    max-width: 40%;
    padding: 10px;
  } */
  


  

  


}

/*small mobile styles*/

@media only screen and (max-width: 420px) {
  
  .topBackground {
  height: 420px;
  
}
}

/*MOBILE STYLE ENDS*/



/*STYLES WITH SWAPPABLE COLOURS*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

body {
  background-color: transparent;
  font-family: 'open sans';
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}

.main-container {
  background-color: #eeeeee;
}

.container {
  max-width: 1280px;
  float: none;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.sticky-nav .container {
    padding: 0.5rem 1rem;
}

.sticky-nav {
  background-color: #22400f;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  transition: opacity 0.1s;
  height: 63px;
  z-index: 9;
}

.nav-logo img {
  width: 160px !important;
}

.footer-logo img {
  width: 170px !important;
}

.header-top-logos {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.header-top-logos .tn-lgo img {
  height: 100%;
  width: auto !important;
  max-width: 60px; 
}

.sponsor-logo {
  display: flex !important;
  justify-content: flex-end;
}

.sponsor-logo img {
    max-height: 60px; 
  width: auto !important;
}

.tn-logo {
  display: flex !important;
  justify-content: flex-start;
}

.tn-logo img {
  max-height: 60px; 
  width: auto !important;
}

.tn-logo div {
  width:100%
}

.image-container {
  background-image: url('https://547446.fs1.hubspotusercontent-na1.net/hubfs/547446/Technology%20Networks/TN%20Editorial%20Calendar/eBook/AC%20Monthly%20Digest/CannabisDigestBackground.png');
  background-size: cover;
  background-position: top;
}

.image-container .container {
  /*padding-top: 7rem;*/
  padding-top: 1rem;
  padding-bottom: 2rem;
}



.image-container .row-fluid-wrapper {
  width: 100%;
}

.opacity-container {
  background-color: rgba(0,0,0,0.8);
  color: #ffffff;
  padding: 0.5rem 1rem;
}

.content-type {
  font-weight: bold;
  font-size: 0.8rem;
  color: #ffffff;
  border-bottom: #dadada solid 2px;
  padding-bottom: 0.65rem;
}

.date {
  margin-bottom: 0.75rem;
}

.flex-reverse .row-fluid-wrapper .row-fluid {
  display: flex;
}

.mobile-summary-text {
  display: none !important;
}

.body-text {
  padding-right: 1rem;
}

.body-text p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.body-text .cta_button  p {
  margin-bottom: 0;
}

.sponsor-section img {
  max-width: 60%;
}

.sponsor-section, .speaker-section {
  margin-top: 1rem;
}

.sponsor-section p, .speaker-section p {
  margin-bottom: 0;
}

.speaker-section  img {
  width: 100%;
  height: 100%;
  max-width: 120px !important;
  max-height: 120px;
  display: flex;
}

 .speaker-section.speaker-2 {
    display: none;
  }
  
  .speaker-section.speaker-3 {
    display: none;
  }

.span7 {
  margin-top: -3rem;
}

.form-container {
  margin-top: -3rem;
}

.form-banner {
  font-weight: bold;
  background-color: #5b7f44;
  color: #ffffff;
  padding: 0.25rem 1rem;
  text-align: center;
}

.form-banner p {
  margin: 0;
}


.form {
  background-color: #ffffff;
  padding: 1.5rem 1rem 0 1rem;
}

.form label {
  font-weight: bold;
  font-size: 0.85rem;
}

.form .hs-error-msgs {
   list-style: none;
    margin: 0;
    padding: 0 0 5px 0;
    color: red;
}

.form .hs-error-msgs label {
   font-weight: 400;
}

.form .input {
  display: flex;
}

.form input, select {
  width: 100%;
  background-color: #eeeeee;
  border-radius: 3px;
  border: none;
  padding: 0.5rem;
  margin: 0.2rem 0 0.5rem 0;
}

.form .hs-button {
  display: inline-flex;
  background-color: #5b7f44;
  color: #ffffff; 
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.5rem 1rem;
  margin: 2rem 0 1rem 0;
  border-radius: 3px;
  text-decoration: none;
  width: auto !important;
  cursor: pointer;
}

.footer {
  background-color: #142131;
}

.footer-top-container {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: #dadada solid 2px;
}

.footer-text {
  font-family: 'open sans';
  font-size: 0.7rem;
  line-height: 1rem;
  color: #dadada;
}

/* Existing form styles start */
  body form.hs-form fieldset[class*="form-columns"] input[type="radio"] {
	width: auto;
}

  .hs-form .input ul li span {
	position:relative;
}


.hs-form .input ul li {
	height: auto;
	margin-top: .7em;
}

.hs-form .input ul {
    list-style: none;
    padding: 0;
    margin: 0;
  width:100%;
}

.hs-form .input ul li span {
    float: right;
    width: 92% !important;
    position: relative !important;
}

fieldset {
    max-width: 100% !important;
}

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

fieldset.form-columns-1 input[type=checkbox], fieldset.form-columns-1 input[type=radio] {
  width: auto !important;
}

.hs-fieldtype-booleancheckbox .input {
  display: block;
}

.hs-fieldtype-checkbox .input {
  display: block;
}

textarea {
  width: 100%;
}

input[type="checkbox"] {
  width: auto !important;
}

/* Existing form styles start */

form label.hs-form-booleancheckbox-display, form label.hs-form-checkbox-display {
 font-weight: normal;
 font-size: .75rem;
 line-height: 1.1rem;
 vertical-align: top;
}

.form-privacy-policy {
	background-color: #fff;
	padding: 0 1em;
}

.hero-form input[type="text"],.hero-form input[type="password"],.hero-form input[type="email"],.hero-form input[type="tel"], textarea, .hero-form select {
   padding: 0 10px;
   font-size: 12px;
   margin-top: 0;
}

/*MOBILE STYLES*/
@media only screen and (max-width: 767px) {
  .flex-reverse .row-fluid-wrapper .row-fluid {
      flex-direction: column-reverse;
  }
  
  .main-body-text {
      margin-top: 1rem;
  }
  
  .sponsor-section img {
      max-width: 50%;
  }
  
  .header-top-logos .span6 {
    width: 50%;
  }
  
  .header-top-logos div div {
    display: flex;
    flex-direction: row;
  }
  
  .speaker-section div div {
    flex-direction: row !important;
  }
  
  .speaker-section .span4  {
    width: 30%
  }
  
   .speaker-section .span8  {
    width: 70%
  }
  
 
  
  .mobile-summary-text {
    display: block !important;
    margin-bottom: 1rem;
  }
  
  .form label {
    font-weight: bold;
    font-size: 1rem;
  }
  
  .body-text {
    padding-left: 1rem;
  }
  
  .span7 {
  margin-top: 0;
}
  
  .form-container {
    margin-top: 0;
  }
  
  .sticky-nav {
    width: 100% !important;
  }
  
  .sticky-nav .row-fluid .span6 {
    width: 48.93617020799999% !important;
    float: left !important;
  }
  
  .sponsor-logo img {
    max-height: 40px; 
  }
 

}

/*MOBILE STYLE ENDS*/