/*

    Style for the Wireframe of the Invise template

*/
/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic');

@font-face {
	font-family: Book;
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBookItalic.eot);
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBookItalic.eot?#iefix) format("embedded-opentype"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBookItalic.woff2) format("woff2"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBookItalic.woff) format("woff"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBookItalic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Book;
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBold.eot);
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBold.eot?#iefix) format("embedded-opentype"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBold.woff2) format("woff2"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBold.woff) format("woff"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Book;
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBook.eot);
	src: url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBook.eot?#iefix) format("embedded-opentype"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBook.woff2) format("woff2"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBook.woff) format("woff"), url(https://content.bioteria.com/hubfs/fonts/SignaOffcPro-CondBook.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}


/* 
*****************************************
*
*   CUSTOM CHANGABLE VARIABLES & STYLES 
*
*****************************************
*/

a {
    text-decoration:none;
    color:#2B9CFF;
}
blockquote {
    font-weight: 600;
    font-size: 14px;
    margin: 0 5%;
    display: inline-block; 
}
ul {
    padding-left:20px;
}
li {
    list-style: none;
    line-height:1.1;
}

li:before {
    content: "·";
    font-size: 26px;
    vertical-align: sub;
    margin-right: 5px;
}
body {
    background:white;
    margin:0;
  	font-family: Book,sans-serif;
  	font-weight: 300;
    /*font-family: 'PT Sans', sans-serif;*/
    color:#111;
    overflow-x:hidden;
}

/*
.header-content, .top-logo {
    background:#dcdcd9;
} 
*/
.main-content {
    margin:0 auto !important;
    max-width:1080px;
    padding:0 8%;
    float: none !important;
}


h2, h5, h6 {
    font-weight: 400;
}



/******************************************
*
*   Styling for the logo + header + intro text 
*
******************************************/
.top-logo img {
    float:left;
    max-width:130px;
}
.top-logo {
    padding:5% 5% 0% 5%;
}

.headline h1 {
    font-size: 24px;
    text-align: center;
    margin: 20px 0;
  font-weight: 600;
}

.intro {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 5%;
}
.bottom-content {
    margin-bottom:20px !important;
}

.pic-header {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100% !important;
    height: auto;
    max-width: 100%;
}

.pic-header{ 
    position: relative; 
}
/* Use rgba to Darken or brighten background*/
.pic-header:before{ 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.1);
} 
.pic-header .row-number-4 {
    position: relative;
}

.top-logo{
    position: relative;
}

/******************************************
*
*   Form styling
*
******************************************/

.hs-form-required { display:none; }

ul.hs-error-msgs {
    height: auto;
    margin: 0;
    list-style: none;
    color:red;
    padding-left:0;
    margin-bottom:5px;
}

ul.hs-error-msgs li {
    line-height: 1;
    font-size: 12px;
}

ul.hs-error-msgs li:before {
    font-size: 0;
}


ul.inputs-list {
    list-style:  none;
    padding: 0;
}

ul.inputs-list li {
    display: inline-block;
    margin: 0 .75rem .5rem 0;
}

ul.inputs-list li:before {
    display: none;
}

ul.inputs-list li input {
    margin-right: 5px;
}



button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.icon-form input[type="checkbox"] {
    width: auto;
}

input[type=color], 
input[type=date], 
input[type=datetime-local], 
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=select], 
input[type=url], 
input[type=week], 
textarea {
    max-width: 100%;
    width: calc(100% - .7rem)!important;
    margin: 0;
    padding: .7rem .7rem;
    padding-right:0 !important;
    font-size: 1.0625rem;
    color: #000;
    line-height: 1.2\9;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    background: #FFFFFF;
    border-radius: 0;
    border: 1px solid #c9c6c3;
}

div.actions > input:hover {
    cursor:pointer;
    opacity:.9;
}
div.actions > input {
    padding: 1rem;
    font-size: 1.0625rem;
    webkit-appearance: none;
    width: 100%;
    text-align: center;
    background: #585757;
    color: #fffffe;
    border: none;
    margin-bottom: 19%;
}
.hs-form fieldset {
    margin:0 auto !important;
}
.hs-form fieldset.form-columns-1 select {
    padding:.7rem;
    -webkit-appearance: none;
    font-size: 1.0625rem;
    color:#acaaa8;
    border: 1px solid #c9c6c3;
    width: 100% !important;
}
body .hs-form fieldset:nth-child(1) > div .input {
  /*  margin-right:5% !important; */
    margin-bottom:10px;
}

.hs-form-field {
    width:100%;
}
.hs_submit {
    max-width:500px;
    margin:0 auto !important;
}
fieldset:nth-child(n+1):nth-child(-n+2) .hs-form-field {
    display: block;
}
body .hs-form fieldset.form-columns-1 .input, 
body .hs-form fieldset.form-columns-2 .input {
    margin-right:0;
    margin-bottom: 10px;
}

fieldset:nth-child(n+1):nth-child(-n+2) .hs-form-field:nth-child(1)
{
    margin-right: 0;
    margin-bottom: 10px;
}
.hs-form fieldset.form-columns-1 .hs-input,
{
    width:100% !important;
    margin-bottom: 10px;
}

/* Footer */
.copyright-footer {
    text-align: center;
    width: 100%;
    background: #585757;
    color: #fdfeff;
    padding: 12px;
    font-size: 13px;
}


/******************************************
*
*   Styling for the content boxes down below
*
******************************************/

.left-content {
    margin-top:16%;
}


/******************************************
*
*   Responsive styles (mobile first)
*
******************************************/

/* Bigger than 480px */

@media only screen and (min-width: 480px) {
    
    body form.hs-form .form-columns-2 .hs-form-field, body form.hs-form .form-columns-3 .hs-form-field {
        float:none;
        width:100%;
    }
    
}

/* Bigger than 600px */

@media only screen and (min-width: 600px) {
    
    .top-logo {
        padding:3% 5% 0% 5%;
    }
    
    blockquote {
        display: block; 
    }
    
}

/* Bigger than 768px */
@media only screen and (min-width: 768px) {
    
    .header-content .main-content {
        max-width:850px;
    }
    .pic-header {
        // height:100vh;
    }
    .headline h1 {
        font-size:1.8em;
    }
    
    body form.hs-form .form-columns-2 .hs-form-field, 
    body form.hs-form .form-columns-3 .hs-form-field {
        float:left;
        width:50%;
    }
    fieldset:nth-child(n+1):nth-child(-n+2) .hs-form-field:nth-child(1) {
        margin-bottom:0;
    }
    body .hs-form fieldset.form-columns-1 .input, 
    body .hs-form fieldset.form-columns-2 .input {
        margin-right:10px;
    }
    div.actions>input {
        width:calc(100% - .6rem) !important;
    }
    .bottom-content {
        margin-top: 3% !important;
    }
    .right-content {float:right !important;}
    .left-content, .right-content {
        width:45% !important;
    }
    .left-content { margin-top:0; }
}

/* Bigger than 992px */
@media only screen and (min-width: 992px) {

}

/* Bigger than 3182px */
@media only screen and (min-width: 1382px) {

}



/* Mike stuff */
.transparent-box{
    background: rgba(255,255,255,.8); padding: 1rem 5rem; margin-bottom: 20px;
}

/* #hs-link-logo img{background: #fff; padding: 10px; display: block;} */

div.actions > input.hs-button{
  	background: #0076bd;  
  	margin: 20px auto;     
  	vertical-align: middle;
    transition: all .25s cubic-bezier(.125,.75,.415,1),padding 0s 0s linear,border 0s 0s linear;
    box-sizing: border-box;
    padding: 1rem 2.6rem;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-transform: none;
    text-align: center;
    border: 0;
    border-radius: 50rem;
    display: inline-block;
}

div.actions > input.hs-button:hover,
div.actions > input.hs-button:focus {
		background: #0086d7;
}

@media screen and (max-width: 800px){
    .transparent-box{padding: .5rem;}
    }