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

   HubSpot COS Boilerplate v1.2.0   
   https://github.com/HubSpot/cos-boilerplate                             

   theme_example.css - CSS styles for HubSpot theme

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

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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





/* ==========================================================================
   Index:                                                

    - Momalize
    - Variables
    - Base
    - Typography
    - Structure
    - Header
    - Content
    - Form 
    - Footer
 
   ========================================================================== */
   
   
   

 /* ==========================================================================
   Normalize                                               
   ========================================================================== */
   
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img,legend{
    border:0
}
legend,td,th{
    padding:0
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,optgroup,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre,textarea{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
table{
    border-collapse:collapse;
    border-spacing:0
}

   
   
   
   
 /* ==========================================================================
   Variables                                               
   ========================================================================== */
 
body {
 
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

   



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

.landing-inner-container {
    float: none !important;
    margin: 0 auto !important;
    max-width: 940px;   
}


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

.tp-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(28, 107, 153, 0.49) 98%), url("//cdn2.hubspot.net/hubfs/181151/Eclipse_2015_New_Site/EC_2015_Image/banner_landing.jpg"); 
    background-color:#A0A0A0;
    background-position: 50% 40%;
    background-size: cover;
    min-height: 400px;
    padding-bottom: 40px;
    /* padding-top: 80px; */
    padding-top: 55px;
    color: #fff;
    min-height:275px !important;
}
.tp-header h1 {
    font-size: 52px;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 0;
    text-shadow: 1px 1px 3px black;
}
.tp-header p {
    color: white;
    font-size: 18px;
    line-height: 26px;
    max-width: 750px;
    text-align: left;
    margin-top:0;
    margin-bottom: 5px;
}
.nav-logo a {
    background-color: #fff;
    background-image: url("//cdn2.hubspot.net/hubfs/181151/Eclipse_2015_New_Site/eclipse-logo.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}
.nav-logo a:hover {
    background-image: url("//cdn2.hubspot.net/hubfs/181151/Eclipse_2015_New_Site/eclipse-logo-hover.png");
    background-size: contain;
}
.landing-page-logo {
    background-color: #757575;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}
 /* ==========================================================================
   Content                                               
   ========================================================================== */
   
.landingpage-body { 
    padding: 50px 0 10px;
    background-color: whitesmoke;
}
.landing-footer-wrapper {
    background-color: whitesmoke;
}

.landingpage-body .landing-inner-container {
    margin: 0 auto 30px !important;
}
.landingpage-body .widget-type-linked_image img{     
    width:100% !important;
    /* height:250px; */
    height:auto;
}
/* Grid Manipulate*/
.landingpage-body .row-fluid .span4 { 
    margin: 0 !important;
    padding-left:10px;
    padding-right:10px;
    width: 33.33% !important;
}
.landingpage-body .widget-type-rich_text {
    color: #6e6e6e;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
}
.landingpage-body .widget-type-rich_text ul {
    padding-left: 20px;
}
.landingpage-body .widget-type-rich_text strong {
    color: #6e6e6e;
    font-weight: bold;
}
.landing-content-block{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.landing-mid p{
    margin-top:0;
}
.landing-content-block li {
    margin-bottom: 5px;
}
.landingpage-body .widget-type-rich_text a{
    color:#248cc7;
}
.landingpage-body .widget-type-rich_text a:hover{
    color: #23527c;
}
.landingpage-body .widget-type-linked_image img {
    max-width: 300px;
}
 /* ==========================================================================
   Form                                               
   ========================================================================== */
   
/* Sidebar form */
.landing-r {
    background-color:#ededed;
    background-size: cover;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid #c7c7c7;
}
/* Form header */
.landing-r h3 {
    color: #00885a;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight:400;
}
/* Labels */
.landing-r label {
    color: #6e6e6e;
    font-size: 16px; 
    line-height: 20px;
}

/* One Line Inputs */
.landing-r input[type="text"],
.landing-r input[type="password"], 
.landing-r input[type="datetime"], 
.landing-r input[type="datetime-local"], 
.landing-r input[type="date"], 
.landing-r input[type="month"], 
.landing-r input[type="time"], 
.landing-r input[type="week"], 
.landing-r input[type="number"], 
.landing-r input[type="email"], 
.landing-r input[type="url"], 
.landing-r input[type="search"], 
.landing-r input[type="tel"], 
.landing-r input[type="color"] {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height:20px;
    margin: 5px 0 10px;
    text-indent:8px;
    width: 100%;
    padding: 8px 0;
}
/* Multiple Line Inputs */
.landing-r textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    height: 90px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding-top: 8px;
    text-indent: 8px;
    width: 100%;
}
.landing-r .hs_submit input.hs-button {
    background-color: #248cc7;
    background-image: linear-gradient(#248cc7, #1c6b99 98%);
    border: 2px solid #1c6b99;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    padding: 15px 20px 18px;
    text-align: center;
    text-decoration: none;
    transition: all 300ms ease 0s;
}
.landing-r .hs_submit input.hs-button:hover {
    background-color: #262626;
    background-image: linear-gradient(#248cc7, #248cc7 98%);
    transform: translate(0px, -3px);
}
/* Form Erros */
.landing-r .hs-form-field ul.hs-error-msgs {
    margin: 0 0 10px;
    padding: 0;    
}
.landing-r ul.hs-error-msgs li {
    list-style-type: none;
}
.landing-r ul.hs-error-msgs li label {
    color: red;
    font-family: inherit;
    font-size: 14px;
} 
   
 /* ==========================================================================
   Footer                                               
   ========================================================================== */
   
.footer-container {
    background-color: #fff;
    bottom: 0;
    color: #333;
    left: 0;
    padding-left: 0;
    padding-top: 0;
    right: 0;
}
.copyright {
    background-color: whitesmoke;
    border-top: 1px solid #d4d4d4;
    bottom: 0;
    color: #333;
    font-size: 14px;
    line-height:20px;
    left: 0;
    padding-bottom: 60px;
    padding-left: 0;
    padding-top: 20px;
    position: static;
    right: 0;
    text-align: center;
}
 /* ==========================================================================
   Responsive                                                
   ========================================================================== */

@media (max-width: 991px) {
    .landingpage-body .landing-inner-container div.span4.widget-span.widget-type-cell{
        width:100% !important;
        padding: 0 10px;        
    }
    .landing-content-block{
        padding: 0 10px !important; 
    }    
    .landing-inner-container {
        max-width: 768px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-container .landing-inner-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .footer-container .landing-inner-container {
        padding: 0 40px !important;
    }
    .landingpage-body {
        padding: 50px 0;
    }
    .landingpage-body .widget-type-linked_image img{
        width:auto !important;
        height:auto;
    }
    .landingpage-body .row-fluid .span4 { 
        padding-left:0;
        padding-right:0;
    }
    .landingpage-body ul {
        padding-left: 15px;
    }
    .landing-image-block p{
        margin-bottom:0;
    }
    .landingpage-body .landing-inner-container {
        margin: 0 auto !important;
    }
    .landing-r {
        padding: 10px;
    }
    .landing-r input[type="text"],
    .landing-r input[type="password"], 
    .landing-r input[type="datetime"], 
    .landing-r input[type="datetime-local"], 
    .landing-r input[type="date"], 
    .landing-r input[type="month"], 
    .landing-r input[type="time"], 
    .landing-r input[type="week"], 
    .landing-r input[type="number"], 
    .landing-r input[type="email"], 
    .landing-r input[type="url"], 
    .landing-r input[type="search"], 
    .landing-r input[type="tel"], 
    .landing-r input[type="color"] {
        margin-top:5px;
    }
    .tp-header {
        background-position: 70% 50%;
    }
    .landing-mid p {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .tp-header h1 {
        font-size: 38px;
        line-height: 44px;
        margin-bottom:0;
    }
    .tp-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .landingpage-body .widget-type-rich_text{
        font-size: 15px;
        line-height: 23px;
    }
    .landingpage-body .widget-type-rich_text li{
        font-size: 16px;
        line-height: 20px;
        padding-bottom:5px;
    }
    .landing-inner-container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    .landing-r h3 { 
        font-size: 24px;
        line-height: 34px;        
    }
    .header-container .landing-inner-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .footer-container .landing-inner-container {
        padding: 0 30px !important;
    }
     .landing-content-block p {
        margin:10px auto !important;
    }
    .landing-content-block ul {
        margin: 10px auto 0;
    }
    .footer-container {
        position: relative;
    }
    .landing-r .hs_submit input.hs-button{
        font-size: 16px;
        line-height: 24px;
        padding-top: 10px;
        padding-bottom: 12px;
    }
    .landingpage-body {
        padding: 40px 0 50px;
    }
    /* One Line Inputs */
    .landing-r input[type="text"],
    .landing-r input[type="password"], 
    .landing-r input[type="datetime"], 
    .landing-r input[type="datetime-local"], 
    .landing-r input[type="date"], 
    .landing-r input[type="month"], 
    .landing-r input[type="time"], 
    .landing-r input[type="week"], 
    .landing-r input[type="number"], 
    .landing-r input[type="email"], 
    .landing-r input[type="url"], 
    .landing-r input[type="search"], 
    .landing-r input[type="tel"], 
    .landing-r input[type="color"] {
        border-radius:4px;
        margin-top:5px;
    }
}

@media screen and (max-width: 479px) {
    .tp-header {
        background-position: 73% 50%;
    }
    .landing-inner-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-container .landing-inner-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-container .landing-inner-container {
        padding: 0 20px !important;
    }
    .tp-header {
        padding-top: 80px;
    }
    .landingpage-body .widget-type-rich_text{
        font-size: 14px;
        line-height: 22px;
    }
    .tp-header h1 {
        margin-bottom: 10px;
    }
    .landingpage-body .widget-type-linked_image {
        height: auto !important;
        max-width: 300px !important;
        width: auto !important;
    }
    .landingpage-body .widget-type-linked_image img {
        height: 100% !important;
        width: 100% !important;
    }
    .copyright {
        padding-bottom: 40px;
    }
}

.landing-r ul li{
    list-style-type: none;
}
.landing-r ul{
padding: 0;
}

.landing-r input.hs-input[type=checkbox],
.landing-r input.hs-input[type=radio] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0px 10px 0px 0px ;
    line-height: normal;
    background: white;
    border: 1px solid #ababab;
    cursor: pointer
}