html, body {
	font-family: 'Open Sans' !important;
	height: 100% !important;
	background: #4070FF;
}

.header {
	color: white;
	text-align: center;
}

.header h1 {
	font-size: 70px !important;
	font-weight: bold;
	font-family: 'Amatic SC' !important;
}

.header p {
	letter-spacing: 1px;
	font-weight: 600;
}

.conteudo {
	background: #fff;
	border-radius: 20px;
	padding: 40px 0;
	text-align: center;
}

.conteudo#resultado {
	text-align: left;
	padding:40px !important;
}

@media (min-width:768px){
	.box-info-topo {
		height:60px;
	}
}

.box-info-topo {
	border:1px solid #A4A5A5;
	border-radius:10px;
}

.box-info-topo span.info {
	font-weight: bold;
	padding:0 15px;
}

.box-info-topo span.texto {
	font-size:90%;
}

.box-info-topo img {
	height:50px;
}

.conteudo h3 {
	color: #4070FF;
	font-weight: bold;
}

.options {
	padding: 20px 0 20px 0;
	font-size: 20px;
	font-weight: 600;
}

.options input[type=radio] {
	transform: scale(1.5);
	margin-right: 10px;
}

.options img {
	margin-bottom: 20px;
}

.control a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	transition:all .27s ease;
	margin:0 10px;
}

.control a.unactive {
	font-weight: 600;
	color: #BDBDBD;
	pointer-events: none;
}

.control a.voltar {
	font-weight: bold;
	color: #BDBDBD;
	pointer-events: auto;
}

.control a.active {
	font-weight: bold;
	color: #4070FF;
	pointer-events: auto;
}

.hide {
	display: none;
}

.show {
	display: block;
}

@media (max-width:768px){
	.only-desk {
		display: none !important;
	}
}

@media (min-width:769px){
	.only-mobile{
		display: none !important;
	}
}

input.peso {
	width: 80px;
	border: 2px solid #A4A5A5;
	border-radius: 10px;
	padding: 10px;
	font-size: 19px;
	font-family: 'Open Sans';
	text-align: right;
}


input.text {
	width: 100%;
	border: 2px solid #A4A5A5;
	border-radius: 10px;
	padding: 10px;
	font-size: 19px;
	font-family: 'Open Sans';
	text-align: left;
}

* {
	outline: none !important;
}

.getcontent {
	transform: scale(0);
    margin-bottom: -120px;
}

.slick-prev:before, .slick-next:before {
	font-size: 35px !important;
	color: black !important;
}

.slick-prev, .slick-next {
	width: 35px !important;
	height: 35px !important;
}

.slick-receitas * {
	text-align: center !important;
}

.slick-receitas img {
	display: inline-block !important;
}

.hide#tela-receitas {
	transform: scale(0) !important;
	display: block !important;
	opacity: 0;
	visibility: hidden;
	height:0 !important;
}

#tela-receitas {
	transform: scale(1) !important;
	opacity: 1;
	visibility: visible;
	height: auto !important;
}

.modo {
	height:100px;
	text-align:center;
	margin-bottom: 10px;
}

.modo img {
	margin-top:-10px;
}

.pet {
	text-align: center;
	padding:5px 0 0 0;
}

.pet p {
	font-weight: bold;
	color: #4070FF;
}

.racao {
	text-align: center;
	padding:5px 0;
}

.racao p {
	font-weight: 500;
	color: #BBBCBC;
}

.divider {
	width:80%;
	border-top:2px solid rgba(0,0,0,0.1);
	margin:-10px auto 5px auto !important;
}

.card-modo {
	border:1px solid #D2D3D3;
	border-radius:10px;
	padding:10px 5px 0;
	width:95% !important;
	margin:0 auto !important;
}

.card-modo.destaque {
	border: 2px solid #A4A5A5;
}

.slick-modos img {
	display: inline-block !important;
}

.col.slick-slide {
	padding:0 !important;
}

.box-1-info {
    display:flex;
    align-items:center;
    justify-content:center;
	border:1px solid #A4A5A5;
	border-radius:10px;
	padding:5px 0;
}

.box-1-info img {
    height:50px !important;
    margin-right:15px;
}

.box-1-info span.texto {
    font-size:14px;
}

.box-1-info span.info {
    font-weight:bold;
    padding-left:15px;
}

.box-2-info {
    display:flex;
    align-items:center;
    justify-content:center;
	border:1px solid #A4A5A5;
	border-radius:10px;
	padding:5px 0;
}

.box-2-info img {
    height:50px !important;
    margin-right:15px;
}

.box-2-info span.texto {
    font-size:14px;
}

.box-2-info span.receita {
    font-weight:bold;
}

@media (min-width:992px){
    .box-1-wrap {
        padding:0 0 0 15px !important;
    }
    .box-2-wrap {
        padding:0 15px 0 7.5px !important;
    }
}

.btn {
    box-shadow:3px 3px 0 0 #C2C2C2;
    border-radius:10px;
    font-weight:700;
    font-size:18px;
    letter-spacing:0px;
    padding:5px 30px;
    margin:20px 5px 0 !important;
}

.btn-primary {
    background:#3EACD9 !important;
    border:2px solid #016187 !important;
    outline:none !important;
}

.btn-danger {
    background:#DE5C4D !important;
    border:2px solid #C42727 !important;
    outline:none !important;
}

.btn-light {
    background:#E8E8E8 !important;
    border:2px solid #818181 !important;
    outline:none !important;
    color:#818181 !important;
}

.row-form label span {
    font-weight:600;
    font-size:18px;
    line-height:2.3;
}

@media (max-width:768px){
    .center-mobile, .center-mobile * {
        text-align:center !important;
    }
}

@media (max-width:768px){
    .show-mobile {
        display:block !important;
    }
    .show-tablet {
        display:none !important;
    }
}

@media (min-width:769px) and (max-width:991px){
    .show-tablet {
        display:block !important;
    }
    .show-mobile {
        display:none !important;
    }
}

@media (min-width:992px){
    .show-tablet {
        display:none !important;
    }
    .show-mobile {
        display:none !important;
    }
}

table.table tr {
    background:white;
    transition:.17s ease
}

table.table * {
    transition:.17s ease
}

table.table tr:hover, table.table tr:focus, table.table tr:active {
    background:rgba(0,0,0,0.05) !important;
}

table.table tr a {
    padding:0 3px;
}

table.table tr a:focus {
    box-shadow:0 0 4px #0056b331, inset 0 0 2px #0056b331;
}

table.table thead tr {
    background:rgba(0,0,0,0.05) !important;
}

table.table tr td {
    font-size:13px !important;
    vertical-align:middle !important;
}

@media (max-width:600px){
    .h-100 {
        height:auto !important;
    }
}