/* @import url('http://example.com/example_style.css'); */

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');


@font-face {
    font-family: 'garagegothic-bold';
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.eot');
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.eot#iefix') format('embedded-opentype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.woff2') format('woff2'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.woff') format('woff'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.ttf') format('truetype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbd__-webfont.svg#garagegothic-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'garagegothic-black';
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.eot');
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.eot#iefix') format('embedded-opentype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.woff2') format('woff2'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.woff') format('woff'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.ttf') format('truetype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargbl__-webfont.svg#garagegothic-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garage-gothic';
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.eot');
    src: url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.eot#iefix') format('embedded-opentype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.woff2') format('woff2'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.woff') format('woff'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.ttf') format('truetype'),
         url('https://442165.fs1.hubspotusercontent-na1.net/hubfs/442165/6-Trainers-house/Fonts/gargr___-webfont.svg#garagegothic-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*////////////////////////////////////
/////////// Hubl Variables////////////
////////////////////////////////////*/


/* Colors */
    






/* Measurements */




h1 {
    font-size: 2.5rem;
  line-height: 1.1em;
}

h2 {
    font-size: 2.2rem;
  line-height: 1.2em;
}

h3 {
    font-size: 1.8rem;
  line-height: 1.2em;
}

h4 {
    font-size: 1.3rem;
  line-height: 1.3em;
}

h5 {
  font-size: 1.1rem;
  line-height: 1.3em;
}

/*////////////////////////////////////
/////////// Resets and Base///////////
////////////////////////////////////*/

/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

p {
 margin: 0 0 1.5em; 
}

/* Videos */
video {
    max-width: 100%;
    height: auto;
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}




  body div#hs-eu-cookie-confirmation {
    position: relative !important;
 

}



div#hs-eu-cookie-confirmation *, div#hs-eu-cookie-confirmation {
  background: #000 !important;
  color: #fff !important; 
  font-family: Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif !important;
  font-size: 14px !important;
  line-height: 1em !important;

 
}

div#hs-eu-cookie-confirmation {
 border: none !important; 
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  position: relative; 
  text-align: center !important;
  max-width: 100% !important;
  padding: 26px 20px;
  


}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  position: relative; 
  text-align: center !important;
  margin: 0 !important;

}

@media screen and (min-width: 600px) {

  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    padding-right: 155px;
    text-align: left !important;

  }

  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    position: relative; 
    text-align: left !important;

  }
}


body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

  text-align: center !important;  
}



@media screen and (min-width: 600px) {

  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    position: absolute !important;
    right: 20px !important;
    top: 26px !important;
    z-index: 1;
    width: 110px;
    margin: 0 !important;
    text-align: right !important;

  }
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
  text-decoration: underline !important; 
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {

  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #fff !important;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out !important;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 0.9em !important;
  padding: 10px 15px!important;
  margin: 0 !important;
  background-color: transparent !important;
  cursor: pointer !important;
  transition: font-size 200ms !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 0.9em !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 120px;

}


body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a {

  width: 120px !important; 
}

 body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
   
 display: block !important;
   width: 120px !important;
   margin: 10px auto !important;
}


@media screen and (min-width: 600px) {
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
    position: absolute;
    right: 0;
    top: -10px;
    margin: 0 !important;
    width: auto !important;
  }
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover{
  border: 1px solid #aa1c1a !important;
  color: #aa1c1a !important;
  text-decoration: none !important;

}


   body .hs-responsive-embed-wrapper {
 width: 100% !important;
   margin: 0 !important;
   max-width: 100% !important;
   min-width: 1px !important;
   max-height: initial !important;
}

body .hs-responsive-embed-wrapper div {
    
     display: inline-block !important; /* let it be styled thusly */
    padding: 0 !important;            /* get rid of pre-styling */
    margin: 0 0 0 0 !important;
    width: 100% !important;           /* take up full width available */
    padding-top: 56.25% !important;   /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
    height: 0px !important;           /* don't want it to expand beyond padding */
    position: relative !important;  
}


 body .hs-responsive-embed iframe, body .hs-responsive-embed-wrapper iframe {
    
     position: absolute;    /* expand to fill */
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-width: initial;
        width: 100%;
   border: none;
    height: 100%;
}

.mt-nappi {
	background-color:#ffcc00;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:'garagegothic-bold',Arial Narrow,sans-serif !important; 
    -webkit-font-smoothing: antialiased;
	font-size:24px;
	font-weight:bold;
  margin:6px;
	padding:10px 24px;
	text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  width: 95%;
}
.mt-nappi:hover {
	background-color:#cc9900;
}
.mt-nappi:active {
	position:relative;
	top:1px;
}


/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}

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

/* Box Sizing */

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

h1,h2,h3,h4,h5,h6 {
 font-family: 'garagegothic-bold',Arial Narrow,sans-serif !important; 
    -webkit-font-smoothing: antialiased;
  font-weight: 400;
}

html {
    box-sizing: border-box;
    font-size: 100%;
}

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

.footer-links {
  padding-top: 30px;
  text-align:center;
}

.footer-links a {
 
  display: inline-block;
  padding: 10px;
   font-size: 90%;
  
}

@media screen and (max-width: 600px) {
  
  .footer-links a {
 
  display: block;
  padding: 10px;
   
  
}
  
}

.form-gray .hs_cos_wrapper_type_form {
  
  display: block;
  background: #f2f2f2;
  padding: 30px;
  margin: 20px auto;
  width: 500px;
  box-shadow: 0 15px 13px rgba(0,0,0,0.2);
  border: 1px solid #ddd;
  max-width: 100%;
}

.form-gray .hs_cos_wrapper_type_form .hs-richtext p, .form-gray .hs_cos_wrapper_type_form .legal-consent-container .hs-form-booleancheckbox-display p {
  
  font-size: 15px !important;
    line-height: 1.4em !important;
}



/* Website background color and default font styles */
body {
  background: #fff;
  /*background: linear-gradient(#e8e8e8, #f5f6f6);*/
 
     font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
  font-size: 17px;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  margin: 0;
    padding: 0;
   
    font-weight: 400;
    line-height: 1.2;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

/* Page Center */

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

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

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

p {
  
      margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
}

a { color: gray; }
a:hover, a:focus { color: #000; }

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

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

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


/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

/* 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 {
 position: relative;
  padding-left: 30px;
  margin-bottom: 13px;
}

/* 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.form-columns-3 .hs-form-field { width: 33.33%; }


.row, .row-top {
    
    padding-top: 6%;
   
}

.row-low, .row-top-low {
    
    padding-top: 3%;
   
}

.row-high, .row-top-high {
    
    padding-top: 12%;
    
}

.row-very-high, .row-top-very-high {
    
    padding-top: 18%;
   
}

.row, .row-bottom {
    
   
    padding-bottom: 6%;
}

.row-low, .row-bottom-low{
    
   
    padding-bottom: 3%;
}

.row-high, .row-bottom-high {
    
   
    padding-bottom: 12%;
}

.row-very-high, .row-bottom-very-high {
    
   
    padding-bottom: 18%;
}






/*////////////////////////////////////
/////////// Mahalo Styles/////////////
////////////////////////////////////*/

/* header and logo */
.page-header{
    background: #fff;
}

.main-logo{
    /*width: 9em !important;*/
    text-align: center;
    margin: 0 auto !important;
    float: none !important;
    padding: 1em;
}


/* Main banner */

.main-banner{
    background-size: cover;
    background-position: center;
}
.header-box{
    background: rgba(0, 0, 0, .1);
    padding: 2em 2em 2em 2rem;
    float: none !important;
}
.landing .header-box.header-box-full{
 width: 100% !important;
  margin: 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  background: none;
}



.landing .header-box{    
    margin: 10px 0 10px 0;
}
.thank-you .header-box{
    margin: 100px 0 50px;   
}




.thank-you .header-box .cta_button{
    float: right;
    margin-bottom: -3em;
}

.header-box h1,
.header-box h2{
    margin: 0;
}

.header-box h1{
    color: #fff;
    font-size: 2.9em;
  margin-bottom: 20px;
}

.header-box h2{
    color: #fff;
    font-size: 3.7em;
    font-weight: 700;
}

.header-box-full h1 {
    color: #fff;
    font-size: 1.6em;
  line-height: 1.2em;
  font-weight: 400;
}


.header-box-full h2 {
    color: #fff;
    font-size: 3em;
    font-weight: 400;
}

@media screen and (max-width: 500px) {
  .header-box-full h2 {

    font-size: 2.3em;
    line-height: 1em;
    letter-spacing: 1px;
    
   
}
  .header-box-full h1 {
    
    font-size: 1.4em;
    line-height: 1.1em;
     letter-spacing: 1px;
}
  
}

@media screen and (max-width: 320px) {
  .header-box-full h2 {

    font-size: 2em;
    line-height: 1em;
   
}
}

.header-box-full {
 background: none; 
}


.thank-you .header-box h2{
    margin-bottom: 1em;
}

@media screen and (min-width:768px) {
  
 .landing .header-box.header-box-full{
 padding-left: 6%;
   padding-right: 6%;
} 
  
  .header-box-full h2{
    color: #fff;
    font-size: 5em;
    font-weight: 400;
        line-height: 1em;
}

.header-box-full h1 {
    color: #fff;
    font-size: 2.1em;
}
  
}


.hs-error-msg, .hs-error-msgs label {
  color: red !important; 
}


/* Main content */

.main-content{
    background: #fff;
    padding-top: 2rem;
    padding-bottom: 3rem;
   
}
.main-content h2{
    color: #a72423;
  
}
.main-content .ebook-image{
    margin-bottom: 2rem;
}


.landing .main-content .content{
    padding-left: 2rem;
}
.thank-you .main-content .content{
    padding-right: 2rem;
}

.main-content .figure img{
    width: 100% !important;
}
.main-content .fig-caption{
    background: #a72423;
    padding: 1em 2rem;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
    color: #fff;
}

/* form */

/* Date Picker */

.hs-datepicker .pika-button:hover{
    background: #a72423 !important;
    border-radius: 0 !important;
}
.hs-datepicker .is-selected .pika-button{
    background: #a72423 !important;
    border-radius: 0 !important;
}
.hs-datepicker .is-today .pika-button{
    color: rgba(0, 0, 0, .9);
}




.main-content .form-title{
    display: none;
}
.main-content form{
    background: rgba(0, 0, 0, .9);
    padding: 2rem;
    padding-bottom: 4.5em;
}

.main-content.main-content-custom-form {
 background: transparent; 
}

.main-content.custom-form {
  border-radius: 15px;
}

.main-content.custom-form form, .main-content.custom-forms form {
 
    background: rgba(255, 255, 255, 1);
    padding: 2rem;
    padding-bottom: 1.3em;
  border-radius: 15px;
}

.main-content.custom-forms form {
 
    background: transparent;
    padding: 2rem 0;
  
  border-radius:0;
}


.main-content.custom-form form label, .main-content.custom-forms form label, .main-content.custom-form form legend  {
    color: #000;
    font-weight: 400;
    font-size: .9em;
    display: block;
}

.main-content.custom-form form input, .main-content.custom-forms form input, .main-content.custom-forms form textarea, .main-content.custom-form form textarea, .main-content.custom-form form select {
   padding: 0.5em 0.5em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
  border-radius: 6px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/*
.main-content.custom-form form input[type="checkbox"]+span:after, .main-content.custom-form form input[type="radio"]+span:after,
.main-content.custom-forms form input[type="checkbox"]+span:after, .main-content.custom-forms form input[type="radio"]+span:after{
    content: '';
    display: block;
    width: 1.5em;
    height: 1.5em;
    background: #fff;
    float: left;
    clear: left;
    margin-bottom: .5em;
    margin-right: .5em;
    border: 1px solid #ccc;
  position: absolute;
  bottom: -6px;
    left: -35px;
}
*/

.main-content.custom-form form a.hs-button, .main-content.custom-form form input[type="submit"],
.main-content.custom-forms form a.hs-button, .main-content.custom-forms form input[type="submit"]{
  display: inline-block;
    background: #a72423;
    color: #fff;
    font-weight: 700;
    padding: 1em 1.5em;
    float: none;
    clear: both;
    margin-right: 1em;
    position: relative;
    bottom: 0;
    margin-top: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    max-width: 100%;
    white-space: normal;
}

.hs-responsive-embed-wrapper iframe {
 border: none; 
}

.main-content.custom-form form input[type="checkbox"]+span,
.main-content.custom-forms form input[type="checkbox"]+span {
 font-size: 85%;
  line-height: 1.1em;
}

.main-content.custom-form form .inputs-list .hs-error-msg,
.main-content.custom-forms form .inputs-list .hs-error-msg {
 padding-top: 0; 
}

.main-content.custom-form ul.hs-error-msgs {
 margin-top: 0 !important; 
}

.bg-red {
 background: #aa1c1a; 
}


body .main-content.custom-form form.hs-form .hs-form-field ul.inputs-list,
body .main-content.custom-forms form.hs-form .hs-form-field ul.inputs-list{
 margin: 15px 0 25px ; 
}
/*
.main-content.custom-form form input[type="checkbox"]:checked+span:before,
.main-content.custom-forms form input[type="checkbox"]:checked+span:before{
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: auto;
    font-size: 2em;
    left: 0;
        bottom: -27px;
    color: rgba(0, 0, 0, .9);
    z-index: 200;
  
 bottom: 5px;
    left: -38px;
}
*/

.custom-content {
    padding-right: 2rem;
  padding-left: 2rem;
}

@media screen and (max-width: 767px) {
 .main-content.custom-form {
   max-width: 90%;
   margin: 20px auto !important;
   float: none !important;
  }
}

.no-padding {
 padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.main-content form .hs-error-msgs{
    margin-top: 0;
}
.main-content form .hs-form-field:last-child{
    padding: 0 !important;
}
.main-content form legend,
.main-content form label{
    color: #fff;
    font-weight: 700;
    font-size: .9em;
    display: block;
}
.main-content form legend {
    font-size: .7em;
}
.main-content form label:after{
    content: '';
    clear: both;
    display: table;
}
.main-content form input,
.main-content form textarea,
.main-content form select {
    padding: 1em 1.5em;
    margin-bottom: 1em;
    border: none;
}
.main-content form input,
.main-content form select,
.main-content form textarea{
    outline: none;
    font-size: 1em;
}
/*text input*/
.main-content form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):not([type="button"]),
.main-content form textarea{
    width: 100%;
}
.main-content form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="file"]):not([type="button"]):focus,
.main-content form textarea:focus{
    box-shadow: 3px 3px 0 #a72423;
}
.main-content form textarea{
    min-height: 5em;
}
.main-content form .hs-richtext,
.main-content form .hs-richtext a {
    color: #fff;
}

.main-content.custom-forms form .hs-richtext, .main-content.custom-forms form .hs-richtext a{
  color: #000;
}

.main-content.custom-forms form .hs-richtext a{
 text-decoration: underline; 
}

.main-content form .hs-richtext a:hover {
    color: #a72423;
}

/*submit button*/
.main-content form a.hs-button,
.main-content form input[type="submit"]{
    display: inline-block;
    background: #a72423;
    color: #fff;
    font-weight: 700;
    /*text-transform: uppercase;
    font-size: .9em;
    letter-spacing: .02em;*/
    padding: 1em 2.5em;
    float: right;
    clear: both;
    margin-right: 1em;
    position: relative;
    bottom: -2.7em;
    cursor: pointer;
    -webkit-appearance: none
}
.main-content form a.hs-button:hover,
.main-content form input[type="submit"]:hover{
    background: #fff;
    color: #a72423;
   /* box-shadow: 3px 3px 0px #a72423; */
}

.main-content form select{
    padding: 1em 1.5em;
    border-radius: 0;
    -webkit-appearance: none;
    background: #fff;
}

/* checkbox and radios */

.inputs-list li {
    
    list-style: none;
    padding-left: 30px;
    position: relative;
}

body form .inputs-list li input, fieldset.form-columns-1 .inputs-list li input {
    
    position: absolute;
    left: 0;
    top: 0;
    width: 15px !important;
    height: 15px !important;
}

.hs-error-msgs.inputs-list li {
 padding-left: 0; 
}

.hs-error-msgs.inputs-list li label {
 color: red; 
}

/* 
.main-content form input[type="checkbox"],
.main-content form input[type="radio"]{
    display: none;
}
.main-content form input[type="checkbox"]+span,
.main-content form input[type="radio"]+span{
    position: relative;
    line-height: 2em;
    cursor: pointer;
}
.main-content form input[type="checkbox"]+span:after,
.main-content form input[type="radio"]+span:after{
    content: '';
    display: block;
    width: 2em;
    height: 2em;
    background: #fff;
    float: left;
    clear: left;
    margin-bottom: .5em;
    margin-right: .5em;
}
.main-content form input[type="checkbox"]:checked+span:before{
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    font-size: 2.5em;
        left: -1.1em;
    top: -.1em;
    color: rgba(0, 0, 0, .9);
    z-index: 200;
}
.main-content form input[type="radio"]+span:after{
    border-radius: 100%;
}
.main-content form input[type="radio"]:checked+span:after{
    background: rgba(0, 0, 0, .9);
    border: 4px solid #fff;
}
*/

/*file input*/
.main-content form input[type="file"]{
    display: none;
}
.main-content form .hs_file_uploader label{
    display: block;
}
.main-content form .hs_file_uploader label:after,
.main-content form .hs_file_upload label:after{
    content: 'Select';
    color: #000;
    display: block;
    background: #fff;
    padding: 1em 0;
    text-align: center;
    width: 7em;
    margin-bottom: 1em;
    position: static;
    cursor: pointer;
}


/* Main CTA */
.main-CTA{
    background: #a72423;
    text-align: center;
    color: #fff;
    padding: 2rem 0 3rem 0;
}
.main-CTA h2{
    font-size: 2.5em;
    padding: 0 .5em;
    margin-top: 0;
    margin-bottom: 1em;
}

.main-CTA *{
    float: none !important;
}

.main-landing-thank-you {
    background: #a72423;
    text-align: center;
    color: #fff;
    padding: 3rem 0;
}
.main-landing-thank-you h2 {
    font-size: 2.5em;
    padding: 0 .5em;
    margin-top: 0;
    margin-bottom: 0;
}
/* Footer */
.footer{
    background: rgba(0, 0, 0, .9);
    padding: 2rem 0;
}

.footer .social-media{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer .social-media li{
    display: inline-block;
    width: 30px;
    margin-right: 20px;
}
.footer .social-media li:last-child{
    margin-right: 0;
}
.footer svg{
    max-height: 100%;
}
.footer svg .social-media, .footer svg {
       fill: #aa1c1a;
  width: 30px;
  height: 30px;
}
.footer .social-media a {
 padding: 10px 10px; 
}

.footer footer{
    text-align: center;
    color: #fff;
    padding-top: 1em;
}

.button a, a.button {
 background: #aa1c1a;
    color: #fff;
       padding: .8rem 4.4rem;
    text-align: center;
      font-size: 2rem;
    margin-bottom: .3125rem; 
      font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
text-decoration: none;
      letter-spacing: 4px;
    font-family: garage-gothic,Arial Narrow,sans-serif;

}
.button a::after, a.button::after {
    background: url(https://asp.trainershouse.fi/hubfs/6-Trainers-house/Images/Sivukuvat/double-arrow.svg);
    width: 20px;
    height: 20px;
    content: "";
    vertical-align: 0;
    display: inline-block;
    background-size: cover;
    margin-left: 2rem;
}



/*////////////////////////////////////
/////////// Media Queries  ///////////
////////////////////////////////////*/

@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; }
}

@media screen and (min-width: 500px){
    .thank-you .header-box{
        margin: 200px 0 100px 2rem !important;
    }
}
@media screen and (min-width: 600px){
    .landing .header-box{    
        width: 60% !important; 
        margin: 200px 0 100px 0;
    }
}
@media screen and (min-width: 768px){
    .thank-you .header-box{
        width: 60% !important;
    }
    .thank-you .header-box h2{
        margin-bottom: 2em;
    }
}
@media (max-width: 768px){
    .landing .main-content .content{
        padding-right: 2rem;
    }
    .thank-you .main-content .content{
        padding-left: 2rem;
    }
    .main-CTA h2{
        margin-bottom: 0;
    }
}
@media screen and (min-width: 950px){
    .thank-you .header-box{
        width: 40% !important;
    }
}
@media (min-width: 1200px){
    .main-content .ebook-image{
        padding: 1em 8em 0 2em;
    }   
}

@media print, screen and (min-width: 40em) {

h1 {
       font-size: 4rem;
}

h2 {
    font-size: 3rem;
}

h3 {
       font-size: 2rem;
}

h4 {
   font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}
  
}