/* Begin: Custom Fonts */

.meow-script-regular {
  font-family: "Meow Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.qwitcher-grypen-regular {
  font-family: "Qwitcher Grypen", cursive;
  font-weight: 400;
  font-style: normal;
}

.qwitcher-grypen-bold {
  font-family: "Qwitcher Grypen", cursive;
  font-weight: 700;
  font-style: normal;
}

/* End: Custom Fonts */

/*TwBs Overrides: Begin*/

.input-lg { border-radius: 0px; }

.thumbnail {
  padding: 0px !important;
  border-radius: 0px !important;
}

a.thumbnail {
  margin-bottom: 0px;
  border: none;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border: none; }

.modal-content { color: #505050 !important; }

.img-thumbnail {
  background-color: transparent !important;
  border: none !important;
}

.navbar-toggler { border: solid 1px #fff; }

.nav-link {
  color: white !important;
  margin: 20px 0 20px 20px !important;
}

.accordion-item { 
  color: white !important;
  background-color: transparent !important;
}

.accordion-header { background-color: transparent !important; }

.accordion-button {
  color: white !important;
  background-color: transparent !important;
}

/*TwBs Overrides: End*/

/*Custom styles*/

body {
  color: #fff !important;
  background: rgb(32,149,210);
  background: linear-gradient(135deg, rgba(32,149,210,1) 0%, rgba(246,131,32,1) 29%, rgba(235,11,141,1) 61%); /* #2095d2 #eb0b8d #f68320 */
}

.lp-header {
  background: url('/revenda/static/images/banner-header.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 680px;
  width: 100%;
  padding-top: 20px;
}

/*Striped bar component*/

.stripe-white {
  background-color: #8ed8f8;
  height: 3px;
}

.stripe-medium-blue {
  background-color: #28ace2;
  height: 3px;
}

.stripe-dark-blue {
  background-color: #2095d2;
  height: 3px;
}

.stripe-pink {
  background-color: #eb0a8d;
  height: 3px;
}

.stripe-orange {
  background-color: #f58320;
  height: 3px;
}

.logo-image { height: 88px; }

.logo-image-header {
  height: 48px;
  margin-right: 20px;;
}

.logo-image-footer {
  display: block;
  margin: auto;
  height: 40px;
}

.nav-link-whatsapp {
  background-color: #4aca07;
  margin-right: 20px !important;
  border-radius: 50px !important;
  border-color: transparent;
  transition: transform .5s;
}

.nav-link-whatsapp:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn { border-radius: none; }

.btn-lp {
  margin-right: 10px;
  margin-bottom: 20px;
  border-radius: 50px;
  border-color: transparent;
  color: #fff;
  transition: transform .5s;
}

.btn-lp:hover {
  color: #fff;
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.btn-lp:active, .btn-lp:visited, .btn-lp:focus { color: #fff; }

.btn-lp-blue { background-color: #28ace2; }

.btn-lp-blue:hover {
  background-color: #2095d2;
  color: #fff;
}

.btn-lp-orange { background-color: #f59820; }

.btn-lp-orange:hover {
  background-color: #f58320;
  color: #fff;
}

.btn-lp-green { background-color: #4aca57; }

.btn-lp-green:hover {
  background-color: #4aca07;
  color: #fff;
}

.btn-lp-blue { background-color: #7cbccf; }

.btn-lp-pink { background-color: #eb0a8d; }

.btn-lp-blue:hover {
  background-color: #7cbcdf;
  color: #fff;
}

.btn-lp-white {
  color: #1aace6;
  background-color: #fff;
  opacity: 1.0;
}

.btn-lp-white:hover {
  color: #1aace6;
  background-color: #fff;
  opacity: 0.8;
}

.btn-lp-pink:hover {
  background-color: #eb0a8d;
  opacity: 0.8;
}

.btn-lp-white:active, .btn-lp-white:visited, .btn-lp-white:focus { color: #1aace6; }

.store-box {
  /* background-color: #fff; */
  /* margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px; */
  padding-bottom: 20px;
}

.store-header {
  /* background-color: #eee; */
  padding: 10px;
  margin: 10px;
  text-align: center;
  border-radius: 0px !important;
}

.store-header span {
  font-size: 16px;
  display: block;
}

.store-section {
  padding: 20px;
  text-align: left;
}

.store-section span { margin-bottom: 10px; }

.store-section-contacts a {
  text-decoration: none;
  /* color: #505050; */
  color: #fff;
}

.store-section-contacts span {
  text-align: center !important;
  font-size: 22px;
}

.store-section-contacts a:hover { opacity: 0.8; }

.store-section-segmentation span {
  font-size: 14px !important;
  font-weight: bold;
}

.store-section-call-to-action { padding: 10px; }

.store-products { text-align: center; }

.product-box {
  overflow: hidden !important;
  margin-top: 20px;
  background-color: transparent;
  border: #eee 1px solid;
  transition: transform .5s;
  border-radius: 15px;
}

.product-box:hover {
  border: #8ed8f8 1px solid;
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}


.box-color .product-color {
  border: #2095d2 1px solid;
}

.product-model-title {
  font-size: 22px;
  text-align: left;
}

.product-image {
  width: 100%;
  height: auto;
}

.product-image-size { width: 100% }


.contact-section { margin-top: 40px; }

.ad-section {
  text-align: center;
  margin-top: 20px;
}

.ad-section a {
  text-decoration: none;
  color: #505050;
  opacity: 1;
}

.ad-section a:hover { opacity: 0.8; }

.footer-section {
  margin-top: 20px;
  padding: 10px;
}

.footer-section { text-align: center; }

.footer-section a {
  text-decoration: none;
  /* color: #505050; */
  color: #fff;
  opacity: 1;
}

.footer-section a:hover { opacity: 0.8; }


/* Tab bar Style: begin */

#tabbar-bottom {
  z-index: 1000;
  width: 100%;
  position: fixed;
  bottom: -70px;
  transition: bottom 0.3s;
}

.tabbar {text-align: center; }


.tabbar.item {
  height: 70px;
  padding: 10px 0 0 0;
}

.tabbar.item a { color: #fff; }

.tabbar.item a:visited { text-transform: none; }

.tabbar.item i { display: block; }

.tabbar.item-left {
  background-color: #f58320;
  color: #fff;
}

.tabbar.item-center {
  background-color: #4aca57;
  color: #fff;
}

.tabbar.item-right {
  background-color: #7cbccf;
  color: #fff;
}

/* Tab bar Style: end */


/* Begin: Back to the top */

#return-to-top {
  position: fixed;
  bottom: 90px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }

#return-to-top:hover i {
  color: #fff;
  top: 10px;
}

/* End: Back to the top */


/* Begin: Floating button */

.cta-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 20px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
  font-size: 30px;
	box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.cta-float-icon {
	margin-top: 15px;
}

/* End: Floating button */

/* Arrow to scrool: Begin */

.arrow { color: #6ec5f7; }

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Arrow to scrool: End */


@media (max-width: 320px) {

  h1 { font-size: 18px; }

  .store-box { margin-top: 0px; }

  .store-header {
    padding: 5px;
    margin: 0px;
  }

  .store-section-segmentation span { font-size: 14px !important; }

  .store-section span { margin-bottom: 0px; }

  .footer-section { padding: 0px; }

  .ad-section { font-size: 10px; }
}

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

  h1 { font-size: 20px; }

  .nav-link-whatsapp { padding: 10px; }

  footer p { font-size: 12px; }

  .store-box {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
  }

  .store-header { margin: 5px; }

  .store-section-contacts span { font-size: 16px; }

  .brand-image {
    height: 68px;
    width: auto;
  }
}

@media (max-width: 768px) {

  .logo-image { width: 30%; }

  .btn-lp {
    font-size: 14px;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .contact-phone a { font-size: 16px; }
  .contact-email a { font-size: 14px; }

  .store-section {
    padding: 5px;
    text-align: center;
  }

  .store-header span { font-size: 12px; }

  .store-section-call-to-action { padding: 10px; }
}

@media (min-width: 575px) {

  /*TwBs Overrides*/
  .modal-dialog {
    min-width: 880px !important;
    max-width: none !important;
    padding: 0 40px 0 40px;
  }
}