@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* RESET PADDING, MARGIN =============== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, optgroup, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, video, main{margin:0; outline: none; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html > object{ display:none !important;}

/* HTML5 display definitions =========== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, dialog{display: block;}
[hidden], template {display: none;}

/* ALTURA FLUIDA COM FLOAT ============= */
.floatfix:after,
.floatfixall main:after, .floatfixall div:after, .floatfixall dl:after, .floatfixall dt:after, .floatfixall dd:after,
.floatfixall ol:after, .floatfixall ul:after, .floatfixall form:after, fieldset:after, label:after,
.floatfixall section:after, .floatfixall article:after, .floatfixall aside:after, .floatfixall header:after,
.floatfixall footer:after, .floatfixall nav:after, .floatfixall dialog:after, .floatfixall figure:after,
.floatfixall figcaption:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

/* RESET FONTES ======================== */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#ffffff;}
body {font-size: 16px; line-height: 1.2; -webkit-font-smoothing: antialiased; font-family:sans-serif;
font-weight:400; font-style:normal; color:#666666; background:#ffffff;}

/* ELEMENTOS DE TEXTO ================== */
*{margin: 0; padding: 0; box-sizing: border-box; border: none; outline: none;}
ul{list-style: none;}
a{text-decoration: none; background: transparent; color:inherit; text-decoration:inherit;}
a, button{cursor: pointer;}
img{max-width: 100%; height: auto; border: 0;}
body{font-family: sans-serif; line-height: 1.2;}
h1, h2, h3, h4, h5, h6, th{font-weight:inherit; font-size:inherit;}
small{font-size: smaller;}

blockquote{background: #f3f2f2; position: relative; font-weight: 500; padding: 2px 17px 17px 17px; margin-top: 17px; line-height: 1.3;}
blockquote > blockquote {margin-left: 0;}
blockquote p {margin-bottom: 35px;}
blockquote > p:last-child {margin-bottom: 0;}
blockquote cite, blockquote small {color: #666666; line-height:1.1; font-style: normal; font-weight: 500;}
blockquote cite strong{color:#7e1711;}

/* Embedded content ==================== */
img{border: 0; max-width:100%; height: auto;}
svg:not(:root){overflow: hidden;}
video{width: 100% !important; height: auto !important;}

/* Forms =============================== */
fieldset{border:none;}
button, input, optgroup, select, textarea, button {color: inherit; font: inherit; text-transform:inherit; outline: 0;}
button {overflow: visible; cursor: pointer; background:none; border:none;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input, textarea, select{display:block; width:100%; background:#fff; padding:0 5px 0 5px; height: 46px; border:0;}
input{overflow:hidden;}
textarea {overflow: auto; resize:none; overflow-x:hidden; padding:9px 6px 6px 13px; height:117px; line-height:normal;}
input[type="checkbox"], input[type="radio"] {width:auto !important; height:auto !important; line-height:normal; border:none; border-radius:0;}
input[type="file"]{ border: none; background: none; padding: 0;}

/* PLACEHOLDER  */
input::placeholder {color: #777;  /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */}
input::-webkit-input-placeholder {color:    #777; /* WebKit, Blink, Edge */}
input:-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder {color:    #777; /* Internet Explorer 10-11 */}
input::-ms-input-placeholder {color:    #777; /* Microsoft Edge */}
@media all and (min-width: 760px){ /* Só altera os elementos para telas maiores que 760px de largura */
	input[type="number"]{-moz-appearance: textfield;}

	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button{height: auto; -webkit-appearance: none; margin: 0;}

	input[type="date"]::-webkit-inner-spin-button,
	input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-outer-spin-button,
	input[type="time"]::-webkit-outer-spin-button{display: none; -webkit-appearance: none;}

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

	input[type="search"],
	input[type="number"],
	input[type="time"],
	input[type="date"],
	input[type="date"]::-webkit-calendar,
	input[type="date"]::-webkit-number {-webkit-appearance: textfield; -moz-appearance: textfield;}
}

optgroup {font-weight: bold;}
a:active, a:hover {outline: 0;}
input.error, textarea.error, select.error{border-bottom-color:#ba0000!important;}
textarea.error{border-color:#ba0000!important; }

.g-recaptcha{overflow: hidden; height: 1;position: relative;}
.g-recaptcha .grecaptcha-badge{ position: absolute; top: 100%; left: 100%;}
span.error{text-align:right;display:block; color:#ba0000; padding: 2px 0 0 0; line-height:0.9;}

/* TABELAS ============================= */
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}

/* CLASSES ============================= */
.fonts-loaded body{font-family: 'Roboto', sans-serif;}

.fw-thin{font-weight:100;}
.fw-smlight{font-weight: 200;}
.fw-light{font-weight: 300;}
.fw-regular{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-smbold{font-weight: 600;}
.fw-bold{font-weight: 700;}
.fw-exbold{font-weight: 800;}
.fw-black{font-weight: 900;}

.underline, .h-underline:hover{text-decoration:underline;}
.underline-none{text-decoration:none;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform: capitalize;}
.transform-none{text-transform:none;}
.italic{ font-style:italic;}
.normal{font-style:normal;}

.txt-left{text-align: left;}
.txt-right{text-align: right;}
.txt-center{text-align: center;}
.txt-justify{text-align: justify;}

.list-none, .list-none *{list-style:none; margin:0;}

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}

/* POSICIONAMENTO */
.flt-left{float:left;}
.flt-right{float:right;}
.flt-none{float:none;}
.flt-clear{clear:both;}
.flt-center{margin:0 auto;}

.dsp-block{display:block;}
.dsp-none{display:none;}
.dsp-inline-block{display:inline-block;}
.dsp-table{display:table; border-spacing:0; border-collapse: collapse; table-layout: fixed;}
.dsp-row{display:table-row;}
.dsp-cell{display:table-cell;}
.dsp-table:after, .dsp-row:after, .dsp-cell:after{content:normal;}

.pos-relative{position:relative;}
.pos-absolute{position:absolute;}

/* CONTAINER */
.w-cont{max-width:1140px;}
.w-auto{width:auto;}
.w-offset{padding: 0 15px;}
.cont-overflow{ overflow:hidden;}

@media only screen and (min-width: 1280px){
	.w-offset{padding: 0;}
}

/* GRID */
.col-sm-12{width: 100%;}
.col-sm-11{width: 91.66%;}
.col-sm-10{width: 83.33%;}
.col-sm-9{width: 75%;}
.col-sm-8{width: 66.66%;}
.col-sm-7{width: 58.33%;}
.col-sm-6{width: 50%;}
.col-sm-5{width: 41.66%;}
.col-sm-4{width: 33.33%;}
.col-sm-3{width: 25%;}
.col-sm-2{width: 16.66%;}
.col-sm-1{width: 8.33%;}

.mobile-hide{display: none;}

@media only screen and (min-width: 768px){
	.col-sx-12{width: 100%;}
	.col-sx-11{width: 91.66%;}
	.col-sx-10{width: 83.33%;}
	.col-sx-9{width: 75%;}
	.col-sx-8{width: 66.66%;}
	.col-sx-7{width: 58.33%;}
	.col-sx-6{width: 50%;}
	.col-sx-5{width: 41.66%;}
	.col-sx-4{width: 33.33%;}
	.col-sx-3{width: 25%;}
	.col-sx-2{width: 16.66%;}
	.col-sx-1{width: 8.33%;}

	.tablet-hide{display: none;}
}

@media only screen and (min-width: 992px){
	.col-lm-12{width: 100%;}
	.col-lm-11{width: 91.66%;}
	.col-lm-10{width: 83.33%;}
	.col-lm-9{width: 75%;}
	.col-lm-8{width: 66.66%;}
	.col-lm-7{width: 58.33%;}
	.col-lm-6{width: 50%;}
	.col-lm-5{width: 41.66%;}
	.col-lm-4{width: 33.33%;}
	.col-lm-3{width: 25%;}
	.col-lm-2{width: 16.66%;}
	.col-lm-1{width: 8.33%;}

	.desktop-hide{display: none;}
}

/* COR DO TEXTO */
.color-fff{color: #ffffff;}
.color-000{color: #000000;}
.color-1-1{color: #63cbea;}
.color-1-2{color: #0a6db4;}

.bg-fff{background-color: #ffffff;}
.bg-000{background-color: #000000;}
.bg-1-1{background: #0d2343;}
.bg-1-2{background: #0a6db4;}

/* RADIUS & SHADOW */
.radius{border-radius: 7px;}
.shadow{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)}
.txt-shadow{text-shadow: 5px 4px 5px rgba(0,0,0,0.2);}

#biolink{background: url('img/bg-page.png') no-repeat center top; padding: 250px 0 136px; width: 100%; min-height: 100vh;}
#biolink .logo{margin-bottom: 60px;}
#biolink p{max-width: 786px; margin: 0 auto; line-height: 28px;}
#biolink ul.list{margin-top: 38px;}
#biolink ul.list li > a{display: inline-block; max-width: 520px; width: 100%; padding: 24px 30px; border-radius: 50px; background: #fd7b03; font-size: 20px;}
#biolink ul.list li:not(:last-child){margin-bottom: 20px;}

@media only screen and (min-width: 1024px){



}
