.body {
    background: #ffffff none repeat scroll 0 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
      overflow-x: hidden;
}

    /*  */

    /*  */
    /*  */

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

/* Well Colors */






/* 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.  Ignore the jinja comment tags.
  *
  * 
  */


/* Transition */


/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/



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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
    background:;
  
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
    background:
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 10px;
}
.hs-menu-item.hs-menu-depth-1 > a {
    font-size: 14px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 10px 4px;
    position: relative;
    color: #34495e;
    display: block;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:#e1e1e1;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    left: 15px!important;
       background:#333;
    padding: 10px 0px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-width: 150px;

}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: #34495e;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    padding-left: 10px;
    text-shadow: 0px -1px 0px #ccc;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:;
    padding: 3px 10px;
   
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #FFF;
}

/* 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;]
     font-size:18px;
    color:#fff;
    text-decoration:none;
   
}
.hs-menu-item.hs-menu-depth-1 > a {
    font-size: 20px !important;
}

/* Carret after Menu items with dropdown */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 7px;
    font-size: 13px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
    border-top-color: #34495e;
}

/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:769px) {
  .custom-menu-primary .hs-menu-wrapper {
      display:block !important;
      background: transparent !important;
  }
}

/* Force header to trigger mobile layout on iPads */
@media (max-width: 768px){
  .header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
  .logo img {margin-top: 0 !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 !important; /* Hide button on Desktop */
}

@media (max-width: 768px){


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


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

  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 6px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */
    padding: 6px 12px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
 
    
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-top: 6px; /* Position bottom line */
  }


  /* 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: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

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

  /* 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{
    position: absolute; /**************************************************************/
    top:75px;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/
    width: 100%;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .custom-menu-primary .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul {
    background:rgba(90, 71, 125, 0.9) none repeat scroll 0 0;
}
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 15px; /* 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 !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;
    border: 0px;
    padding: 0px;
  }
  .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 a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 18px; /* Font size of child lists */
    color:#fff;
    text-decoration:none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}


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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;text-align:center;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

/* Vertical Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


    body {
    background: #ffffff none repeat scroll 0 0;
    font-family: "Oxygen-Regular";
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.hs-button.primary.large {
    background: #333 none repeat scroll 0 0;
    bottom: 67px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 50px;
    position: relative;
    right: 0;
}

.hs_submit {
    bottom: 4px;
    float: right;
    position: relative;
    right: 6%;
    text-align: right;
}
.widthfix {
    left: 0;
    width: 50%;
}
.widthfix .hs_expert_level {
    position: relative;
  
}
.widthfix .hs_terms_and_condition {
    position: relative;
  
}
/* header styling */

.header { background: #333333 none repeat scroll 0 0; float: left; width: 100%;position:relative;padding:40px 0;}

h1 a{
    color:#fff;
    font-size:32px;
    text-decoration:none;
    }
    h1 a b{
    color:#40b4d4;
    font-weight:bolder;
    
    }
.container-maxwidth{
    max-width:1132px;
    margin:50px auto !important;
    float:none !important;
    
    padding-left:15px!important;
    padding-right:15px !important;
    
}
center a {
    color: #333;
    text-decoration: none;
}
.main{
    max-width:1200px;
   margin: 0 auto;
    float:none !important;
   
   
    margin-top:50px;
    
}

.container-maxwidth1{
    max-width:1132px;
    margin:0 auto !important;
    float:none !important;
    
    
}






  
.resetdefaultwidth > div{}
.resetdefaultwidth > div{width:auto !important;}
.resetdefaultwidth nav{ padding-top:163px; float:right;}
.banner-container {
    float: left;
  padding-top:110px;
   background-size: cover;
      padding-bottom:110px;
}
.banner-info {
    bottom: 25px;
    color: #fff;
    float: left;
    margin: 0 auto !important;
    max-width: 596px;
    
    padding-right: 31px;
    top: 25px;
    width: 51%;
}
    


.banner-info h3{
   color: #fff;
    float: left;
    font-size: 34px;
    font-weight: bolder;
    margin: 0 auto;
    text-transform: uppercase;
   
}

.banner-info p{
      color: #fff;
    float: left;
    font-size: 17px;
    line-height: 24px;
}
.section-left h2{
   text-transform:uppercase;
   margin-bottom:20px !important;
}

.list-view {
    margin-bottom: 36px;
    margin-top: 20px;
}
.list-view h4{
    font-size:20px;
}

.list-view ul {
     color: #40b4d4;
    line-height: 26px;
    list-style: inside none disc;
    padding: 0;
}

.list-view ul li span{
    color:#747474;
    
    font-size:15px;
    
}



.clubmember-container h1 {
    color: #333333;
   
    font-size: 52px;
    font-weight: normal;
    letter-spacing: 0;
    padding-top: 10px;
}
.clubmember-container  h2 {
    color: #333333;
    
    font-size: 32px;
    
    font-weight: bolder;
    line-height: 43px;
    margin:0 auto;
    color:#333333;
    bottom:20px;
}

.clubmember-container ul {
    
}
ul.bullets li {
    background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hubfs/2037524/template44/images/bullet-bg.png") no-repeat scroll left 13px / 6px auto;
    color: #333333;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 7px;
    padding-left: 12px;
    list-style-type:none;
}


.clubmember-container h3 {
    bottom: 0 !important;
    color: #fff;
    font-size: 34px;
    font-weight: bolder;
  margin: 0 auto;
   padding-bottom:20px;
    text-align:center;
}
.form-section-right {
      background: #40b4d4 none repeat scroll 0 0 !important;
    float: right !important;
    margin-top: 10px !important;
    padding: 43px 17px 36px 44px !important;
    width: 50% !important;
}
.section-left {
  
    float: left !important;
   
    padding: 32px -1px !important;
    width: 45.5% !important;
}
.section-left img {
  
   
  
}
.form-main {
   margin:0 auto;
    padding-top: 9px;
    padding-left:10px;
    
    width: 100%;
}

.get-started-form h3 { font-size: 35px !important;text-align:Left; margin-bottom: 45px !important;color:#fff !important; float:Left;width:100%;}
input, fieldset { padding: 0; margin: 0; background: none; border: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="password"], input[type="search"], input[type="url"], input[type="date"], textarea { background: #fff; color: #515151; font-size: 15px; line-height: normal; display: inline-block; width: 100%;  box-sizing:border-box; padding: 11px 29px; text-transform: uppercase; font-weight: 100; box-sizing: border-box; box-shadow: none; appearance: none !important; -webkit-appearance: none !important; border-radius: 0; text-align: left; border: 1px solid transparent; max-width: 500px; font-family: 'Raleway', sans-serif; margin-bottom: 20px; transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus { /*background:rgba(81,112,0,0.3);*/ border-color: #3fcc37; }
textarea { transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; resize: none; max-width: 589px; height: 60px; line-height: normal; padding-top: 9px;width:100%; }
input[type="submit"]:hover, input[type="submit"]:focus {  color:#323232 !important; background:#fff !important;}

.get-started-form :-moz-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form ::-webkit-input-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form ::-moz-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form :-ms-input-placeholder {opacity:1; color: #848484; text-transform: uppercase; opacity: 1; }

.red {background: #ff6666 none repeat scroll 0 0; float: left; width: 100%;}

.input select{width:90%; padding:7px; box-sizing: border-box !important;}

.input option{width:90%; padding:5px;}
.input ul li{list-style-type:none;float:left !important;margin:0 auto; color:#fff;}
.fieldset span {color:#fff !important;}
.input .inputs-list {
    float: left;
    padding: 0;
    width: 100% !important;
}

.hs-form-radio span {
    margin-left: 10px;
    margin-right: 10px;
}
.hs_expert_level span {
    color: #fff;
}

.hs-form-booleancheckbox-display > span {
    margin-left: 10px;
}
.hs_expert_level span {
    color: #fff;
}

.hs-form-booleancheckbox-display > span {
    margin-left: 10px;
}
/*.hs_submit {
    bottom: 16%;
    left: 60%;
    position: relative;
    width: 35%;
    display:block;
}*/
/*.hs_submit {
   float: right;
    margin-top: -94px;
    padding-right: 40px;
    width: 35%;
}*/
.get-started-form fieldset:nth-child(6) {
    float: left;
    width: 50%;
}
.get-started-form fieldset:nth-child(7) {
    width: 100%;
}
.social-list {padding: 5px; margin:0 auto;}
.social-list li { color: #999999 !important; text-align: center !important;  display: inline-block!important;}
.social-list li a { font-size: 20px!important; color: #999999 !important; height: 30px!important; width: 30px !important; border-radius: 50% !important; border: 1px solid #999999 !important; display: block !important; }
.social-list li a:hover { background: #000 !important;  border-color: #333!important; transition: all 0.5s ease-in-out;}




.get-started-form fieldset:nth-child(6) {
    float: left;
    width: 100%;
}


.footer {
     background: url('//cdn2.hubspot.net/hubfs/2166934/Landing_page-template_3/footer-bg.png') center top no repeat;
    float: left;
  /* padding: 52px 0 51px !important;*/
    width: 100%;
}
.footer h3 {
    color: #ffffff;
  
    font-size: 42px;
    font-weight: normal;
    padding-bottom: 25px;
    margin:0px !important; 
}
.footer p{
    color:#999999;
    text-align:center;
    font-size:24px;
    text-transform: uppercase;
    
    
}
.text-set{
  /*  padding-top:60px;
    padding-bottom:60px;*/
}
.footer p span{
    color:#40b4d4;
    text-align:center;
    font-size:24px;
    text-transform: uppercase;
    margin-bottom:50px;
}
.trade-breakfasts1
{
    float: left;
    width: 100%;
   
   
    padding-top:50px;
  padding-bottom:50px;
  
   
}
.trade-breakfasts
{
    float: left;
    width: 100%;
   
   
    padding-top:50px;
 
  
   
}
.trade-breakfasts h3
{
  color: #fff;
    font-size: 20px;
   
    text-align: center;
    text-transform: uppercase;
      width: 60%;
}
.trade-breakfasts1 h2
{
     margin-bottom:85px;
   color:#fff;
   font-size:35px;
   text-align:center;
   text-transform: uppercase;
}
.trade-breakfasts img {
    display: block;
    float: none;
    margin: 0 auto;

    position: relative;
    text-align: center;
    width: 22% !important;
}
.trade-breakfasts p
{
  
  color:#fff;
  font-size:14px;
  width:62%;
}
.read-more {  
    background: #fff none repeat scroll 0 0;
     color: #333;
    display: inline-block;
    float: left;
    font-size: 17px;
    font-weight: bolder;
       margin-bottom: 60px;
    padding: 10px 32px;
    text-align: left;
    margin-top:25px;
    text-decoration: none; 
     width: 33% !important;
    }
.read-more:hover { color: #fff; background: #40b4d4; transition: all 0.5s ease-in-out;}

.trade-breakfasts a { background: #40b4d4 none repeat scroll 0 0;
     color: #fff;
    display: inline-block;
      margin-bottom: 60px;
    font-size: 17px;
    font-weight: bolder;
 
    padding: 10px 32px;
    text-align: center;
    text-decoration: none; }
.trade-breakfasts a:hover { color: #333333; background: #fff; transition: all 0.5s ease-in-out;}


.header-tag{
    text-align:center;
    top:50px;
    bottom:50px;
    width:100%;
    
}

.footer-center {
    float: left;
   /* padding: 0 250px;*/
    text-align: center;
    width: 100%;
}

.footer-nav ul li a {
    color: #999999;
    
    font-size: 20px;
}
 .footer-nav ul li a {
    color: #999999;
   text-decoration:none;
    font-size: 20px;
}
 .footer-nav ul li a :hover {
    color: #fff !important;
  
}
.footer-main ul li {
    color: #ffffff;
    display: inline-block;
  
    font-size: 20px;
    padding-right: 4px;
}
.footer-main .footer-nav ul li {
    border-right: 1px solid #fff;
    color: #fff;
    padding-left: 0;
    padding-right: 19px;
}
.footer-main .footer-nav ul li::after {
   
    padding-left: 4px;
    position: relative;
    top: -1px;
}
.footer-main .footer-nav ul li {
    color: #ffffff;
    display: inline-block;
  
    padding-left: 20px;
    padding-right: 20px;
}

.footer-nav li:last-child {
    border: medium none !important;
}
.footermain{
    position:relative;
    width:1360px;
}


@media (min-width:768px) and (max-width:1150px) {
.widthfix {
    width: 50%!important;
}
.hs-button.primary.large {
    bottom:105px !important;
    left: 0;
    padding: 15px 18px 36px;
    position: relative !important;
    width: 76%;
}

.hs_submit {
    float: right;
    margin: 0 auto !important;
    position: relative;
    width: 50% !important;
}
.get-started-form h3 { font-size: 35px !important;text-align:Left; margin-bottom: 45px !important;color:#fff !important; float:Left;width:100%;}
input, fieldset { padding: 0; margin: 0; background: none; border: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="password"], input[type="search"], input[type="url"], input[type="date"], textarea { background: #fff; color: #515151; font-size: 15px; line-height: normal; display: inline-block; width: 100%;  box-sizing:border-box; padding: 11px 29px; text-transform: uppercase; font-weight: 100; box-sizing: border-box; box-shadow: none; appearance: none !important; -webkit-appearance: none !important; border-radius: 0; text-align: left; border: 1px solid transparent; max-width: 500px; font-family: 'Raleway', sans-serif; margin-bottom: 20px; transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus { /*background:rgba(81,112,0,0.3);*/ border-color: #3fcc37; }
textarea { transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; resize: none; max-width: 589px; height: 60px; line-height: normal; padding-top: 9px; }

input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    margin-top: 25px;
    max-width: 500px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    width: 50%;
}input[type="submit"]:hover, input[type="submit"]:focus { background: #fff; color: #333333; }

.get-started-form :-moz-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form ::-webkit-input-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form ::-moz-placeholder {color: #848484; text-transform: uppercase; opacity: 1; }
.get-started-form :-ms-input-placeholder {opacity:1; color: #848484; text-transform: uppercase; opacity: 1; }

.form-section-right {
    background: #40b4d4 none repeat scroll 0 0 !important;
    float: right !important;
    margin: 10px auto 0 !important;
    padding: 43px 10px 40px 31px !important;
    vertical-align: middle;
    width: 44% !important;
}

.trade-breakfasts img {
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 30% !important;
}
.trade-breakfasts span{
    font-size:12px;
}
.list-view
{
    width:100% !important;
}
.section-left {
  
    float: left !important;
   margin: 0 auto !important;
    width: 54% !important;
    
}

.get-started-form fieldset:nth-child(6) {
    float: left;
      width: 100% !important;
}
.get-started-form fieldset:nth-child(7) {
     width: 100% !important;
}

}
@media all and (max-width:767px) {
  .logoimg span{display:block;text-align:center;}
  .logoimg img{
  
    width:180px !important;
    
 } 
 .widthfix {
    width: 100%!important;
}
.hs-button.primary.large{
    left: 27px;
 position: relative!important;
 bottom: -15px!important;
}
 .inq-form form{
   
    margin:0 auto !important;
  
    width: 100% !important;
    
}
 .banner-info{width:100% !important;}
.clubmember-container img{width:100% !important;}
.form-section-right {
    background: #40b4d4 none repeat scroll 0 0 !important;
    float: right !important;
     margin: 0 auto !important;
    margin-top: 10px !important;
     padding: 43px 34px 32px 101px !important;
    width: 100% !important;
}
.text-set {
    padding-bottom: 23px;
    padding-top: 0;
}
get-started-form h3 { font-size: 35px !important;text-align:Left; margin-bottom: 45px !important;color:#fff !important; float:Left;width:100%;}

/*input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    margin-top: 25px;
    max-width: 500px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    width: 40%;
}*/
.section-left {
  
    float: left !important;
   margin: 0 auto !important;
    width: 100% !important;
}
.hs_submit {
    float: left;
    margin: 0 auto !important;
    margin-left:0px !important;

      width: 65% !important;
}
.get-started-form fieldset:nth-child(6) {
    float: left;
      width: 100% !important;
}
.get-started-form fieldset:nth-child(7) {
    width: 100% !important;
}
.trade-breakfasts img {
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 20% !important;
}

.footer{
    float: left;
    padding: 17px 0 51px !important;
    width: 100%;
}
.footer-center{ padding:0px !important;}

}

.icheckbox_flat-grey,
.iradio_flat-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url('https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/grey.png') no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(https://cdn.jsdelivr.net/icheck/1.0.2/skins/minimal/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-grey,
    .iradio_flat-grey {
        background-image: url(https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/flat/grey@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}



/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_minimal,
.iradio_minimal {
        background-image: url(https://cdn.jsdelivr.net/icheck/1.0.2/skins/minimal/minimal@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
@media all and (max-width:855px) {
.form-section-right {
   
     float: none !important;
    margin: 10px auto 0 !important;
    padding: 27px 0 41px 30px !important;
    width: 100% !important;
}
.inq-form form{
   
    margin:0 auto !important;
  
    width: 58% !important;
    
}
.section-color{
     background: #40b4d4 none repeat scroll 0 0 !important;
      background-size: cover;
     float:none!important;
     margin:0 auto!important;
}
get-started-form h3 { font-size: 35px !important;text-align:Left; margin-bottom: 45px !important;color:#fff !important; float:Left;width:100%;}

.clubmember-container h2 {
    bottom: 20px;
    color: #e46168;
    font-size: 32px;
    font-weight: bolder;
    line-height: 43px;
    margin: 0 auto;
    
  
}
.form-section-right .get-started-form{
   
    float: none !important;
   margin: 0 auto !important;
    width: 100% !important; 
}
.list-view {
    margin-bottom: 36px;
    margin-top: 20px;
   
  
}

.section-left {
  
    float: none !important;
   margin: 0 auto !important;
    width: 100% !important;
    
    
}
.section-left .list-view  {
  
    float: left !important;
   margin: 0 auto !important;
    width: 100% !important;
    
}
.section-left img {
  
    float: left !important;
   margin: 0 auto !important;
    width: 100% !important;
    
}
}
@media all and (max-width:640px) {
.form-section-right {
   
    float: none !important;
    margin: 10px auto 0 !important;
      padding: 35px 0 46px 34px !important
    width: 100% !important;
}

.inq-form form{
   
    margin:0 auto !important;
  
    width: 100% !important;
    
}
.widthfix {
    width: 100%!important;
}
.hs-button.primary.large{
    left: 27px;
 position: relative!important;
 bottom: -15px!important;
}
}
@media all and (max-width:568px) {
.form-section-right {
  
    float: right !important;
    margin: 10px auto 0 !important;
       padding: 32px 29px 46px 58px !important;
    width: 100% !important;
}
.trade-breakfasts img {
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 30% !important;
}
form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input {
    margin-bottom: 17px !important;
    width: 90%;
}
.inq-form form{
   
    margin:0 auto !important;
  
    width: 100% !important;
    
}
}




@media all and (max-width:340px) {
.widthfix {
    width: 100%!important;
}
.hs-button.primary.large{
 position: relative!important;
 bottom: -15px!important;
}
.form-section-right {
  
    float: right !important;
    margin: 10px auto 0 !important;
    padding: 34px 26px 40px 39px !important;
    width: 100% !important;
}


form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input {
    margin-bottom: 17px !important;
    width: 95%;
}

.input option {
    padding: 5px;
    width: 100% !important;
}

.input select {
    height:43px;
    width: 90%;
    -webkit-appearance: none;

}