/*======================Contact LP==============================*/

.header-container-wrapper {
    background-color: #1e1e1e;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    padding: 32px 0;
}

.wrapper, .row-fluid .wrapper[class*="span"]{
    max-width:1200px;
    padding:0px 15px;
}

.body-container {
    padding-top: 3em;
    padding-bottom: 3.5em;
}

.lp-header{
    text-align:center;
}

.lp-header{
    padding-top:4px;
}

.footer-container-wrapper {
    padding-top: 0.5em;
}

.contact-hero{
   padding-top: 179px;
}

.two-col-wrapper{
    padding-bottom:141px;
}

.contact-hero h2{
    font-family: 'Proxima Nova',sans-serif;
    font-weight: 700;
    font-size:30px;
    line-height:50px;
    color:#f5f5f5;
    text-transform: initial;
    text-align: center;
    padding-bottom: 7px;
}

.contact-hero h1{
   font-family: 'Proxima Nova',sans-serif;
    font-weight: 300;
    font-size:40px;
    line-height:50px;
    color:#f5f5f5;
    text-transform:uppercase;
    text-align:center;
    max-width: 970px;
    margin: 0 auto;
}

.contact-hero h3{
    font-family: 'Proxima Nova',sans-serif;
    font-weight: 700;
    font-size:20px;
    color:#f5f5f5;
}

.contact-hero .contact-left-col h3{
    padding-top:7px;
}

.contact-hero .contact-left-col ul{
    margin-top: 20px;
    padding-left: 31px;
}

.contact-hero ul li{
    //font-family: 'Josefin Slab',serif; 
     font-family: 'Klinic Slab';
    font-weight:300;
    font-size:20px;
    line-height:33px;
    color:#f5f5f5;
    padding-left: 9px;
}


.contact-hero p,
.contact-hero a{
    font-weight: 300;
    line-height: 30px;
    color: #f5f5f5;
    padding-left: 0;
    margin-top: 0;
    font-size: 20px;
    margin-bottom:0;
}

.contact-hero a{
    text-decoration:none;
    font-weight:400;
}

.contact-hero h3+p{
    margin-top:10px;
}

body .row-fluid .contact-hero .two-col-wrapper{
    max-width: 756px;
    margin: 0 auto;
    float: none;
    padding-top: 64px;
}

.lp-footer p {
    font-family: 'Proxima Nova',sans-serif;
    font-size:12px;
    line-height:21px;
    color:#f5f5f5;
    text-align:center;
    margin:0px;
}

.lp-footer {
    padding-bottom: 3em;
    text-align: right;
}


/*=========Form Style=============*/

.hs-form-field > label {
    display: block !important;
    color: #000000;
}

.contact-form .thank-you{
    font-family: 'Proxima Nova',sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #f5f5f5;
    margin-top: 10px;
}

ul.hs-error-msgs{
    position:relative;
    margin:0px;
}

.hs-error-msgs li label{
    position:absolute;
    top: -26px;
    font-size: 14px;
    color: #ffffff;
    left:0;
}

body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus{
        border: 1px solid #ffffff;
}

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{
    
    -webkit-appearance: none;
    border-radius:3px;
    height: 45px;
    margin-bottom:16px;
    padding-left: 20px;
    font-family: 'Proxima Nova',sans-serif;
    font-weight:400;
    font-size:16px;
    color:#989898;

}

.widget-type-form .actions {
    text-align: center;
}

body .hs-button.primary, body input[type="submit"], body input[type="button"]{
    letter-spacing:0.4px;
}

.thank-you {
    padding-top:7px;
    color:#ffffff;
    text-align:center;
}

@media(min-width:768px){
    
.contact-hero .contact-form{
    max-width:353px;
    float:right!important;
}
    
.contact-hero .contact-left-col{
    max-width:353px;
}
    
}

/*================End Form Style=================*/



/*===================LP Page====================*/

.contact-hero .lp-form-content{
    padding-top: 63px;
    padding-bottom: 136px;
}

.contact-hero .lp-left-image-for-tab{
    display:none;
}

.body-container-wrapper .guana-bg .bg-container.size-cover .image{
    min-height:50vh;
}


@media(min-width:1025px){

.contact-hero .lp-form-content{
    max-width:754px;
    margin-left: 0px;
    position: relative;
    left: -12px;
}


.contact-hero .lp-left-image{
    position: relative;
    top: -12px;
    
}   


}


@media(min-width:768px) and (max-width:1024px) {

.body-container-wrapper .guana-bg .bg-container.size-cover .image {
    background-image:url('//2410643.fs1.hubspotusercontent-na1.net/hubfs/2410643/Biglytics_assets/Biglytics_Landing_pages/lp-bg-tab.png')!important;
    background-repeat:no-repeat;
}

.contact-hero .lp-form-content{
    min-height:610px;
}

    
body .row-fluid .contact-hero .two-col-wrapper{
    max-width:686px;
}
    
.contact-hero .lp-left-image{
    display:none;
}    
 
.contact-hero .lp-left-image-for-tab{
    display:block;
    position: relative;
}

 .contact-hero .lp-left-image-for-tab img{
     position:absolute;
     // top:-230px;
     top:-338px;
 }

.contact-hero .lp-form-content{
    width: 100%;
    max-width: 686px;
    margin: 0 auto;
    float: none;
}

.contact-hero h2{
    font-size:28px;
}  

.contact-hero h1{
    font-size:35px;
}

.contact-hero ul li{
    font-size:18px;
}

.contact-hero .contact-form{
    max-width:336px;
}


.lp-footer{
    padding-bottom:87px;
}

.thank-you{
    font-size:18px;
}
    
}

/**********************Basic responsive for lp and contact page***********************/


@media(max-width:767px){
    
.contact-hero h1{
    font-size: 24px;
    line-height: 34px;
    padding-bottom:20px;
}   

.contact-hero .lp-form-content{
    padding:0px 15px;
}

.lp-footer{
    padding-top:20px;
}

.thank-you{
    font-size:18px;
}

.contact-hero {
    padding-top: 96px;
}

.contact-form form{
    margin-top:30px;
}

    
}