/* Skin "blue jeans" - segue exatamente o mesmo padrão de skin trocável já
   usado pelo template (ver purple.css, sky.css, etc: mesmo conjunto de
   seletores, só a cor muda). Criado para casar com a cor de marca do App
   (--main-bg-color: #073464, ver ServeMesa3.App/wwwroot/css/variables.css),
   evitando reescrever style.css inteiro. Trocar aqui recolore hero,
   botões, círculos decorativos, depoimentos, preços, navbar e bordas de
   uma vez só - é assim que o próprio template foi desenhado para ser
   customizado (várias opções prontas em css/gredients e css/colors). */

.gredient-bg, .btn-filled, .btn-default:hover, .circle, .loader:before, .hero-area, .bordered-circle, .bordered-circle2, .bordered-box, .filled-circle, .testimonials, .screenshot-swiper .swiper-button-prev:hover,
.screenshot-swiper .swiper-container-rtl .swiper-button-next:hover,
.screenshot-swiper .swiper-button-next:hover,
.screenshot-swiper .swiper-container-rtl .swiper-button-prev:hover, .swiper-pagination-bullet-active, .single-pricing:before, .pricing-head .wave, .pricing-head .wave:nth-of-type(3), .featured-2, .read-more, .social-network .social-icon:hover, #page-header, .blog-tag a, .app-pagenation .page-item.active .page-link, .single-widget ul.tags-cloud li a:hover, a.comment-reply-link:hover {
  background: -webkit-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -moz-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -o-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -ms-linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464);
  ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464)";
  background: linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  background-color: #073464; }

.gredient-bg-hover, .animated-btn:before, .loader:after, .read-more:hover, .read-more:before {
  background: -webkit-linear-gradient(to right bottom, #073464, #1E6FB5);
  background: -moz-linear-gradient(to right bottom, #073464, #1E6FB5);
  background: -o-linear-gradient(to right bottom, #073464, #1E6FB5);
  background: -ms-linear-gradient(to right bottom, #073464 40%, #1E6FB5 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, start-colorstr=#073464, end-colorstr=#1E6FB5);
  ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, start-colorstr=#073464, end-colorstr=#1E6FB5)";
  background: linear-gradient(to right bottom, #073464 40%, #1E6FB5 70%);
  background-color: #1E6FB5; }

.gredient-color, .service-box:hover i, .how-it-box:hover i, .address-box:hover i, .single-feature:hover i, .how_works_arrow, .how-it-box i, .address-box i, .single-feature:hover h4 {
  background: -webkit-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -moz-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -o-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -ms-linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464);
  ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464)";
  background: linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: #073464; }

.border-color {
  background: -webkit-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -moz-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -o-linear-gradient(to right bottom, #1E6FB5, #073464);
  background: -ms-linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464);
  ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, start-colorstr=#1E6FB5, end-colorstr=#073464)";
  background: linear-gradient(to right bottom, #1E6FB5 40%, #073464 70%);
  background-color: #073464; }

.dark-purple-color, #testimonials .rotate-heading h2, .single-blog h2:hover, .page-content h2:hover, .post-comments h2:hover, .post-meta ul li a:hover, .single-widget ul a:hover {
  color: #073464; }

.medium-purple-color {
  color: #1E6FB5; }

.border-color {
  color: #dfdfdf; }

.dark-purple, .header-nav .navbar-nav > li .sub-menu li > a:hover, .header-nav.fixed-header {
  background: #073464; }

.medium-purple {
  background: #1E6FB5; }

.primary_color, body, .post-meta ul li a {
  color: #4a4a4a; }

.heading_color, h1,
h2,
h3,
h4,
h5,
h6, .btn-default, .screenshot-swiper .swiper-button-prev,
.screenshot-swiper .swiper-container-rtl .swiper-button-next,
.screenshot-swiper .swiper-button-next,
.screenshot-swiper .swiper-container-rtl .swiper-button-prev, .blog-content h2, .blog-content .blog-meta, .single-blog-post {
  color: #0c2340; }

.btn-default.btn-filled {
  color: #fff;
}

.primary-border-color, .screenshot-swiper .swiper-button-prev,
.screenshot-swiper .swiper-container-rtl .swiper-button-next,
.screenshot-swiper .swiper-button-next,
.screenshot-swiper .swiper-container-rtl .swiper-button-prev, .contact-form input:focus,
.contact-form textarea:focus, .single-widget h3, .single-widget .form-control:focus {
  border-color: #073464 !important; }

.body_font, body {
  font-family: "Quicksand", sans-serif; }

.heading_font, h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif; }

.gray-bg, .contact-address,
.contact-form {
  background-color: #F4F6F9; }