/* BEGIN GERAL */
* {
    font-family: 'Roboto', sans-serif;
}
body {
    font-size: 1.5em;
}
h3 {
    text-align: center;
	text-transform: uppercase;
}
.badge-bluebaby {
	color: #333;
    background-color: #85b4f2;
}
/* END GERAL */

/* BEGIN MENU */
a.navbar-brand img {
    margin: 0px 5px;
}
a.navbar-brand {
    display: flex;
    flex-direction: row;
}
a.navbar-brand p {
    font-family: 'Bebas Neue', cursive;
    margin: 0px;
    font-weight: bold;
    color: #333;
}
.navbar {
    padding: 20px 80px;
    background-color: #85B4F2;
}
.active a.nav-link {
    color: #333 !important;
}
a.nav-link {
    color: rgba(51, 51, 51, 0.849) !important;
}
li.nav-item {
    font-size: 1.2rem;
    margin-right: .5rem;
}
/* END MENU */

/* BEGIN INICIO */
.container-boaVinda,
.container-download {
    padding-top: 20px;
    background-color: #85b4f2;
}
.text-boa-vinda {
    width: 50%;
    position: relative;
    float: right;
    text-align: center;
    margin: auto 15px;
	padding: 0 30px;
    top: 5rem;
}
.text-boa-vinda p{
	font-size: 0.8em;
    margin: 0 25px;
}
.container-sun {
    width: 50%;
    position: relative;
    float: left;
}
.img-fazenda {
    width: 220px;
    margin: 0px 0px -40rem 25rem;
}
.container-avisos {
	background-color: #03a678;
    padding: 30px 50px;
}
.container-avisos ul li {
	background: #03a678;
	font-size: 0.8em;
}
.container-time {
	background-color: #03a678;
    padding: 20px 50px;
}
.container-time .card {
	display: flex;
    align-items: center;
	text-align: center;
	box-shadow: 0 16px 60px rgba(0, 0, 0, 0.3);
	cursor: pointer;
  	-webkit-transition: all 0.65s ease;
  	transition: all 0.65s ease;
}
.container-time .card:hover {
	box-shadow: 0 40px 130px rgba(0, 0, 0, 0.6);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.container-time .card-deck {
	margin: 50px 10px;
}
.container-time .card-img-top {
	width: 50%;
}
.container-time .card:nth-child(1),
.container-time .card:nth-child(2) {
	margin-right: 2em;
}
.empty-avisos {
	text-align: center;
    font-style: italic;
    color: #333;
    font-size: 1.3rem;
}
/* END INICIO */

#contato span {
    font-size: 16px;
}

#Itens ul {
    margin: 20px 0px;
}

#Itens li {
    display: flex;
}

#dados {
    display: flex;
    background-color: #05c7f2;
    padding: 7px;
}

#dados p {
    margin: 5px 20px;
}

#Carrinho {
    margin: 20px 5px;
    padding: 15px;
    background-color: #ccc;
}

.form-button {
    border: none;
    padding: 0px;
    margin: 0px;
}

.navbar-action {
    display: flex;
}

.navbar-action button {
    margin: 5px;
}

#solicitacao-pedido table tr {
    font-size: 16px !important;
}

.form-group-action {
    display: flex;
}

.form-group-action .form-button {
    padding: 5px;
}


/* BEGIN SVG SUN  */
#sun{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px 0 0 -15rem;
    width: 300px;
    height: 300px;
}
#sun *, #sun *:before, #sun *:after{
	position: absolute;
}

/* code for the rings */
#rings{
	top: 50%;
	left: 50%;
	z-index: 1;
}
#rings div:before, #rings div:after{
	content: "";
	z-index: 2;
	top: 0;
	left: 0;
	height: inherit;
	width: inherit;
	background: inherit;
}
#rings div:before{
	transform: rotate(60deg);
}
#rings div:after{
	transform: rotate(-60deg);
}
#rings div:nth-child(even){
	animation: rotateR 12s infinite linear;
}
#rings div:nth-child(odd){
	animation: rotateL 12s infinite linear;
	transform: rotate(15deg);
}
#rings div:nth-child(1){
	animation-duration: 45s;
	background: rgba(255, 230, 84, 0.5);
	width: 170px;
	height: 170px;
	margin: -100px 0 0 -100px;
}
#rings div:nth-child(2){
	animation-duration: 49s;
	background: rgba(255, 185, 6, 0.5);
	width: 160px;
	height: 160px;
	margin: -95px 0 0 -95px;
}
#rings div:nth-child(3){
	animation-duration: 56s;
	background: rgba(255, 130, 5, 0.5);
	width: 150px;
	height: 150px;
	margin: -90px 0 0 -90px;
}
#ringsv idiv:nth-child(4){
	animation-duration: 93s;
	background: rgba(255, 90, 0, 0.5);
	width: 150px;
	height: 150px;
	margin: -85px 0 0 -85px;
}

/* animations */
@-webkit-keyframes rotateR{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotateR{
	from{
		-moz-transform: rotate(0deg);
	}
	to{
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes rotateR{
	from{
		-ms-transform: rotate(0deg);
	}
	to{
		-ms-transform: rotate(360deg);
	}
}
@-o-keygrames rotateR{
	from{
		-o-transform: rotate(0deg);
	}
	to{
		-o-transform: rotate(360deg);
	}
}
@keyframes rotateR{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateL{
	from{
		-webkit-transform: rotate(360deg);
	}
	to{
		-webkit-transform: rotate(0deg);
	}
}
@-moz-keyframes rotateL{
	from{
		-moz-transform: rotate(360deg);
	}
	to{
		-webkit-transform: rotate(0deg);
	}
}
@-ms-keyframes rotateL{
	from{
		-ms-transform: rotate(360deg);
	}
	to{
		-ms-transform: rotate(0deg);
	}
}
@-o-keyframes rotateL{
	from{
		-o-transform: rotate(360deg);
	}
	to{
		-o-transform: rotate(0deg)
	}
}
@keyframes rotateL{
	from{
		transform: rotate(360deg);
	}
	to{
		transform: rotate(0deg);
	}
}
/* END SVG SUN  */

/* BEGIN SVG CLOUD  */
.clouds {
	position: absolute;
    fill: #eee;
    width: 150px;
}
.cloud1 {
	top: -140px;
    right: -10px;
	animation-name: move1;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.cloud2 {
	top: -135px;
    right: 50px;
    fill: #eeeeeea1;
	animation-name: move2;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes move1 {
	0%, 100% {
	  transform: translate(0, 0);
	}
	
	50% {
	  transform: translate(0, 30px);
	}
	
	80% {
	  transform: translate(0, -30px);
	}
}
@keyframes move2 {
	0%, 100% {
	  transform: translate(0, 0);
	}
	
	50% {
	  transform: translate(0, 20px);
	}
	
	80% {
	  transform: translate(0, -20px);
	}
}
/* END SVG CLOUD  */

@keyframes zoom {
	from {
	  object-position: 0 50%;
	}
	to {
	  object-position: 100% 50%;
	}
}

.divider-leaf {
	width: 25em;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 auto;
}
.divider-leaf:before {
	content: "";
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	width: 50%;
	height: 0.3rem;
	display: block;
	margin-right: 5px;
}  
.divider-leaf:after {
	content: "";
	border-top: 1px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	width: 50%;
	height: 0.3rem;
	display: block;
	margin-left: 5px;    
}

/* BEGIN FOOTER */
.site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
	width: 40px;
	height: 40px;
	line-height: 30px;
	margin-left: 6px;
	padding-top: 6px;
	border-radius: 100%;
	background-color: #33353d;
}
.site-footer .social-icons a span, .social-text-icon {
	font-size: 10px !important;
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
	background-color: #eceeef;
	color: #818a91;
	font-size: 22px;
	display: inline-block;
	line-height: 36px;
	width: 44px;
	height: 44px;
	text-align: center;
	margin-right: 15px;
	padding-top: 5px;
	border-radius: 100%;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#4267B2
}
.social-icons a.instagram:hover
{
  background-color:#833AB4
}
.social-icons a.youtube:hover
{
  background-color:#FF0000
}
.social-icons a.spotify:hover
{
  background-color:#1DB954
}
.social-icons a.discord:hover
{
  background-color:#5865F2
}

@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
/* END FOOTER */

#historia {
	background: rgb(242,135,5);
	background: linear-gradient(0deg, rgba(242,135,5,0.9144608527004552) 0%, rgba(133,180,242,1) 30%);
	padding: 20px 50px;
}
.container-historia {
	position: relative;
    z-index: 1;
}
.cloud3 {
	top: 50%;
    right: 85%;
	animation-name: move3;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.cloud4 {
	top: 51%;
    right: 89%;
    fill: #eeeeeeb5;
	animation-name: move4;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.cloud5{
	top: -16%;
    right: 8%;
    animation-name: move3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes move3 {
	0%, 100% {
	  transform: translate(0, 0);
	}
	
	50% {
	  transform: translate(0, 30px);
	}
	
	80% {
	  transform: translate(0, -30px);
	}
}
@keyframes move4 {
	0%, 100% {
	  transform: translate(0, 0);
	}
	
	50% {
	  transform: translate(0, 20px);
	}
	
	80% {
	  transform: translate(0, -20px);
	}
}

/* BEGIN DOWNLOAD */
.list-download {
	margin: 0;
}
.list-download .item-list {
	display: grid;
}
.container-download {
	padding: 20px 50px;
}
/* END DOWNLOAD */

/* BEGIN Loja Virtual */
.container-loja,
.container-contato {
	padding: 1rem 10rem;
}
.container-credito {
	padding: 15px 0;
}
.card-credito {
	font-size: 1.6rem;
    text-transform: uppercase;
    color: #85B4F2;
}
.title-credito,
.label-credito {
	font-size: 1.3rem;
}
.content-cancelar-compra {
	padding: 10px 0px;
    text-align: center;
}
/* END Loja Virtual */

/* BEGIN Contato */
.field-obrigatoria {
	color: #dc3545;
}
.content-rede-social {
	text-align: center;
    text-transform: uppercase;
}
/* END Contato */

/* BEGIN Credito */
.container-credito-user {
	padding: 20px 50px;
	background-color: #85b4f2;
}
.content-list-credito {
	padding: 20px 0;
}
/* END Credito */