/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-xstarter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.3.6.1613563384
Updated: 2021-02-17 13:03:04

*/

/*@font-face {
    font-family: 'Recoleta';
    src: local('Recoleta SemiBold'), local('Recoleta-SemiBold'),
        url('https://menttum.com/wp-fonts/Recoleta-SemiBold.woff2') format('woff2'),
        url('https://menttum.com/wp-fonts/Recoleta-SemiBold.woff') format('woff'),
        url('https://menttum.com/wp-fonts/Recoleta-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }*/

/*
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
  font-family: 'Raleway', sans-serif; !important;
  font-size: 16px;
}*/

@font-face {
    font-family: 'Space Grotesk 400';
    src:  url('https://staging10.menttum.com/wp-content/uploads/2024/05/SpaceGrotesk-Regular.woff2') format('woff2'),
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Space Grotesk 500';
    src:  url('https://staging10.menttum.com/wp-content/uploads/2024/05/SpaceGrotesk-Medium.woff2') format('woff2'),
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Space Grotesk 600';
    src: url('https://staging10.menttum.com/wp-content/uploads/2024/05/SpaceGrotesk-Bold.woff2') format('woff2'),
    font-weight: 600;
    font-style: normal;
}

nav li, nav a, footer li {
	font-family: "Space Grotesk", Sans-serif;
    font-weight: 400;
}

/*JE Fixes*/
.show-on-mobile {
	display: none !important;
}
@media (max-width: 1024px) {
	.show-on-mobile {
		display: block !important;
	}
}

.tratamiento p, .tratamiento span{
	font-family: "Space Grotesk", Sans-serif;
    font-weight: 400;
}
.tratamiento h1, .tratamiento h2, .tratamiento h3, .tratamiento h4, .tratamiento h5{
	font-family: "Space Grotesk", Sans-serif;
    font-weight: 600;
}
#breadcrumbs, #breadcrumbs a {
    color: #8a8a8a !important;
    text-align: center;
}
 
.post-template-default .site-content p, .post-template-default .site-content span,
.archive .site-content p, .archive .site-content span{
	font-family: "Space Grotesk", Sans-serif;
	font-weight: 400;
	color: #1d1d1e !important;
}

.post-template-default .site-content h1,
.archive .site-content h1 {
	font-family: "Space Grotesk", Sans-serif;
	font-weight: 600;
	color: #3238c4 !important;
}
.post-template-default .site-content h2, .post-template-default .site-content h3, .post-template-default .site-content h4, .post-template-default .site-content h5,
.archive .site-content h2, .archive .site-content h3, .archive .site-content h4, .archive .site-content h5{
	font-family: "Space Grotesk", Sans-serif;
	font-weight: 600;
	color: #1d1d1e !important;
}
.post-template-default .site-content a,
.archive .site-content a {
	font-family: "Space Grotesk", Sans-serif;
	font-weight: 400;
	color: #3238c4 !important;
}
.archive a.btn-category-blog{
	color: #1d1d1e !important;
	text-transform: uppercase;
}
.archive a.btn-category-blog svg{
	display: none;
}
.archive #categoryMenttum img {
	mix-blend-mode: multiply;
}

#toc_container{
	box-shadow: -10px -10px 35px #fff, 10px 10px 35px rgba(13,39,80,0.160784) !important;
    background-color: #e4e4e4 !important;
    border-radius: 20px !important;	
	padding: 30px;
}


body{
	background-color: #e4e4e4;
	color: #1d1d1e;
}
a {
    color: #3238c4;
    text-decoration: none;
    background-color: transparent;
}
.carousel h5 {
    color: #3238c4 !important;
}

.carousel-indicators li.active {
    background: #3238c4 !important;
}
.tratamiento_precio h3 {
    font-family: "Space Grotesk", Sans-serif;
	font-weight: 600;
	color: #3238c4 !important;
}
.tratamiento_precio h3, .tratamiento_precio h4 {
    font-family: "Space Grotesk", Sans-serif;
	font-weight: 600;
	color: #3238c4 !important;
}
.tratamiento_precio {
	font-family: "Space Grotesk", Sans-serif;
	font-weight: 400;
	box-shadow: -10px -10px 35px #fff, 10px 10px 35px rgba(13,39,80,0.160784) !important;
    background-color: #e4e4e4 !important;
    border-radius: 20px !important;
}
.tratamiento img{
	mix-blend-mode: multiply;
}
header#masthead{
	border-bottom: 1px solid transparent !important;
}
.no-margin, .no-margin p {margin-bottom:0}
#masthead{
	height: 85px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #3238c4 !important;
    font-size: 14px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-family: "Space Grotesk", Sans-serif;
	border-bottom: 2px solid transparent;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: var( --e-global-color-d2668fa ) !important;
    font-size: 14px !important;
    border-bottom: var( --e-global-color-d2668fa ) !important;
    font-weight: 500 !important;
}
.btn-menu {
	font-family: "Space Grotesk", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.6em !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #3238c4 !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: .7rem 2.2rem .7rem 2.2rem !important;
	fill: #ffffff !important;
    color: #ffffff !important;
    background-color: #3238c4 !important;
}
#main-nav .dropdown-item{
	color: var(--e-global-color-d2668fa) !important;
    font-size: 16px !important;
    font-family: "Space Grotesk", Sans-serif !important;
    font-weight: 400 !important;	
}
@media screen and (max-width: 767px){
	#main-nav {
		background-color: #fff !important;
		padding: 2rem 0 !important;
	}	
}
@media (min-width: 1300px){
	.navbar-expand-xl .navbar-nav {
		position: absolute;
		right: 25% !important;
	}
}

.btn-primary, .btn_primary, .btn_secondary {
    background-color: #3238c4 !important;
    border: 1px solid #3238c4 !important;
    color: #ffffff !important;
    padding: 11px 22px !important !important;
    font-size: 14px !important;
    border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
	text-transform: uppercase;
    z-index: 999;
    cursor: pointer;
}
/*#masthead {
    height: 135px;
}*/
.alert-bar {
    background-color: #3238c4 !important;
    padding: 0;
	z-index: 99999;
    position: relative;
}
.alert-bar .container {
	flex-wrap: wrap;
	color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px 10px 4px 10px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child > a {
	font-family: "Space Grotesk", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.6em !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: var(--e-global-color-2de6b22) !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: .7rem 2.2rem .7rem 2.2rem !important;
	fill: var(--e-global-color-82de617) !important;
    color: var(--e-global-color-82de617) !important;
    background-color: var(--e-global-color-2de6b22) !important;
	margin-top: 2rem;
}
.navbar-light .navbar-toggler:hover {
	background-color: transparent;
}

body:not(.theme-preset-active) footer#colophon {
    background-color: #1d1d1e !important;
}
footer h6, footer h4 {
    font-size: 1rem !important;
    color: var( --e-global-color-cbe6e72 ) !important;
    font-weight: 500 !important;
	font-family: "Space Grotesk", Sans-serif !important;
}
footer h4 {
	text-transform: uppercase !important;
}
footer h6 {
	margin-top: 1rem;
    font-weight: 500 !important;
}
footer a, footer .enlace-ofuscado {
    font-size: .8rem !important;
    font-weight: 400 !important;
	text-transform: uppercase !important;
}
footer i {
	color: var( --e-global-color-cbe6e72 ) !important;
}

/*End fixes*/

@media screen and (min-width: 768px) {
  header#masthead {
    background-color: transparent !important;
    box-shadow: none;
    padding: 0 1rem 0 1rem;
  }
  .btn-menu {
    background-color: #0A2F6A;
    color: #ffffff;
    padding: 11px 25px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 0;
  }
  #main-nav {
    margin-left: 30px;
  }
  .navbar-brand {
    max-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  header#masthead {
    background-color: transparent !important;
    box-shadow: none;
    padding: .74rem 0rem 0 0rem;
  }
  .btn-menu {
    background-color: #0A2F6A;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 0;
  }
	
  #main-nav {
    margin-left: 0;
  }
  .navbar-brand {
    max-width: 150px;
  }
}
#masthead nav {
  z-index: 999;
}
.btn-menu:hover {
  background-color: #0A2F6A;
  color: #ffffff;
  text-decoration: none;
  opacity: .8;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li {
  margin-left: 12px;
  margin-right: 12px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #0A2F6A;
  font-size: 1rem;
  border-bottom: 2px solid #0A2F6A;
  padding-right: 0;
  padding-left: 0;
  font-weight: 700;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #0A2F6A;
  font-size: 1rem;
  padding-right: 0;
  padding-left: 0;
  font-weight: 400;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
  color: #0A2F6A;
  border-bottom: 2px solid #0A2F6A;
}
#content.site-content {
  padding: 0;
}
h1.entry-title {
  display: none;
}
#primary {
  padding: 0;
}
.entry-content {
  margin: 0;
}
@media screen and (min-width: 1701px) {
  #carouselExampleControls .carousel-caption {
    position: absolute;
    right: 55%;
    bottom: 15%;
    left: 18%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  #section1 h2 {
    font-size: 4.3rem;
    color: #0A2F6A;
    font-weight: 300;
    margin-bottom: 0;
  }
  #section1 p {
    font-size: 1.5rem;
    color: rgba(75,84,98, 1);
  }
}
@media only screen and (max-width: 1700px) and (min-width: 1140px) {
  #carouselExampleControls .carousel-caption {
    position: absolute;
    right: 55%;
    bottom: 15%;
    left: 18%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  #section1 h2 {
    font-size: 4.3rem;
    color: #0A2F6A;
    font-weight: 300;
    margin-bottom: 0;
  }
  #section1 p {
    font-size: 1.5rem;
    color: rgba(75,84,98, 1);
  }
}
@media only screen and (max-width: 1139px) and (min-width: 1000px) {
  #carouselExampleControls .carousel-caption {
    position: absolute;
    right: 55%;
    bottom: 5%;
    left: 10%;
    z-index: 10;
    text-align: left;
  }
  #section1 h2 {
    font-size: 3rem;
    color: #0A2F6A;
    font-weight: 300;
    margin-bottom: 0;
  }
  #section1 p {
    font-size: 1.3rem;
    color: rgba(75,84,98, 1);
  }
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
  #carouselExampleControls .carousel-caption {
    position: absolute;
    right: 55%;
    bottom: 0;
    left: 5%;
    z-index: 10;
    text-align: left;
  }
  #section1 h2 {
    font-size: 2.4rem;
    color: #0A2F6A;
    font-weight: 300;
    margin-bottom: 0;
  }
  #section1 p {
    font-size: 1.2rem;
    color: rgba(75,84,98, 1);
  }
}
@media screen and (max-width: 767px) {
  #section1 {
    text-align: center;
  }
  #section1 h2 {
    font-size: 2.2rem;
    color: #0A2F6A;
    font-weight: 300;
    margin-bottom: 0;
  }
  #section1 p {
    font-size: 1.4rem;
    color: rgba(75,84,98, 1);
  }
}
.bold-inline {
  font-weight: 700;
}
#section2 {
  background-color: #f2faff;
  padding: 35px 0px;
}
#section2 img {
  max-height: 95px;
}
@media screen and (max-width: 767px) {
  #section2 h3 {
    margin-top: 18px;
  }
}
@media screen and (min-width: 768px) {
  #section2 h3 {
    margin-top: 0;
  }
	#menu-item-4767 {
		display: none;
	}
}
.navbar-nav #menu-item-4767 a {
	border: 1px solid #0a2f6a !important;
	padding: 6px 10px !important;
	background: #0a2f6a;
	color: #fff !important;
	font-weight: 600 !important;
	text-align: center !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}  
#section2 p {
  margin-bottom: 0;
}
#section2 h3, #section2 p {
  margin-left: 20px;
  color: #818181;
}
#section2 .mt-custom {
  margin-top: 50px;
}
#section3 h2, #section4 h2, #section5 h2 {
  font-size: 2.2rem;
  color: #3238C4;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  #section3 {
    padding-bottom: 4.5rem;
    text-align: center;
  }
}
#section3 .card-body {
  padding-bottom: 0;
  padding: 1.5rem  2rem 0 2rem;
}
#section3 li {
  color: #818181;
  font-weight: 300;
  font-size: 1.2rem;
  margin-bottom: 30px;
}
#section3 i {
  color: #3238C4;
}
#section3 a:hover {
  opacity: .8;
}
#section3 .mt-custom {
  margin-top: 25px;
}
.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.pricing hr {
  margin: 1.5rem 0;
}
.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}
.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}
.pricing .card-price .period {
  font-size: 0.8rem;
}
.pricing ul li {
  margin-bottom: 1rem;
}
.pricing .text-muted {
  opacity: 0.7;
}
/* Hover Effects on Card */
@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  #section4 {
    background-color: #fafafa;
    padding: 2.7rem 0 2.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  #section4 {
    background-color: #fafafa;
    padding: 1.7rem 0 2.2rem 0;
  }
}
#section4 p.description {
  color: #818181;
  font-weight: 300;
  font-size: 1.2rem;
  margin-bottom: 30px;
  text-align: center;
}
#section4 .card {
  flex-direction: row;
  -webkit-box-shadow: 0px 10px 10px -9px rgba(153,153,153,1);
  -moz-box-shadow: 0px 10px 10px -9px rgba(153,153,153,1);
  box-shadow: 0px 10px 10px -9px rgba(153,153,153,1);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 2rem 0.7rem;
}
#section4 img {
  max-width: 68px;
}
@media screen and (min-width: 767px) {
  #section4 .minH {
    min-height: 90px;
  }
}
@media screen and (min-width: 768px) {
  #section4 .col-sm-4 {
    border-right: 1px solid #dddddd;
    padding-left: 25px;
    padding-right: 25px;
  }
  #section4 .col-sm-4:last-child {
    border-right: none !important;
    border-right: 0 !important;
  }
  #section4 .col-sm-4 p:last-child {
    margin-bottom: 0 !important;
  }
  #section4 p {
    font-size: .9rem;
    color: #818181;
    font-weight: 300;
  }
  #section4 h3 {
    font-size: 1.3rem;
    color: #0A2F6A;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #section4 p {
    font-size: 1rem;
    color: #818181;
    font-weight: 300;
  }
  #section4 .col-sm-4 {
    text-align: center;
  }
  #section4 h3 {
    font-size: 1.5rem;
    color: #0A2F6A;
    margin-bottom: 10px;
  }
  #section4 p {
    margin-bottom: 0;
  }
  #section4 a {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  #section4 hr {
    width: 90%;
    margin-bottom: 2rem;
  }
}
#section6 .itemImg1, #section6 .itemImg3 {
  max-width: 45%;
}
@media screen and (min-width: 768px) {
  #section6 {
    background-color: #daf4fe;
    padding: 2.3rem 0;
  }
  #section6 .itemImg1 {
    position: absolute;
    right: 0;
  }
  #section6 .itemImg2 {
    max-width: 25%;
  }
  #section6 .itemImg3 {
    position: absolute;
    left: 0;
  }
  #section6 .itemImg4 {
    max-width: 45%;
    position: absolute;
    left: 0;
    margin-top: -100px;
  }
  #section6 .itemImg5 {
    max-width: 45%;
    position: absolute;
    right: 0;
    margin-top: -100px;
  }
}
@media screen and (max-width: 767px) {
  #section6 {
    background-color: #daf4fe;
    padding: 4rem 0 2.5rem 0;
  }
  #section6 .itemImg2 {
    max-width: 80%;
  }
}
#section6 p {
  font-size: 1.1rem;
  color: #818181;
  text-align: center;
  font-weight: 300;
	margin-bottom: 1.2rem;
}
#section6 h3 {
  color: #3238C4;
  font-size: 1rem;
  text-align: center;
  margin-top: 5px;
  line-height: 30px;
  margin-bottom: 0;
}
#section6 h4 {
  font-size: 1.2rem;
  color: #688393;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #carouselExampleControls1 .carousel-caption {
    bottom: 22%;
    left: 45%;
  }
  #carouselExampleControls1 .carousel-caption h2 {
    font-size: 2.2rem;
    color: #0A2F6A;
    font-weight: 700;
    margin-bottom: 0;
  }
  #carouselExampleControls1 .carousel-caption p {
    color: #818181;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  #carouselExampleControls1 .carousel-caption {
    bottom: 10%;
    left: 30%;
  }
  #carouselExampleControls1 .carousel-caption h2 {
    font-size: 2.2rem;
    color: #0A2F6A;
    font-weight: 700;
    margin-bottom: 0;
  }
  #carouselExampleControls1 .carousel-caption p {
    color: #818181;
    font-size: 1.3rem;
  }
}
#carouselExampleControls1 p {
  margin-bottom: 0;
}
#carouselExampleControls1 br {
  display: none;
}
.post-thumbnail img {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.entry-title {
  border-bottom: 0 !important;
}
h2.entry-title {
  color: var(--e-global-color-2de6b22);
  font-weight: 400;
  padding-top: 10px;
  min-height: 70px;
  font-size: 22px !important;
}
.btn-category-blog {
  cursor: pointer;
  text-transform: normal;
  font-size: 1rem;
  color: #3238C4;
  font-weight: bold;
}
.h-FjzOBElql1-UCyrnFpJhU {
  fill: #3238C4;
  width: 21px;
  margin-left: 1px;
}
h1, h2 {
  padding-bottom: 0;
  margin-top: 0;
}
/*h1.page-title {
  color: #009fe3;
}
.page-header p {
  color: #688393;
}*/
#bannerQuienesSomos {
  background-color: #f9f9f9;
}
@media (min-width: 768px) {
  #bannerQuienesSomos {
    padding: 30px 0 20px 0;
  }
  #bannerQuienesSomos h1 {
    font-size: 3.2rem;
    color: #0A2F6A;
    font-weight: 900;
  }
  #bannerQuienesSomos p {
    font-size: 1rem;
    color: #818181;
  }
}
@media (max-width: 767px) {
  #bannerQuienesSomos {
    padding: 30px 0 20px 0;
  }
  #bannerQuienesSomos h1 {
    font-size: 3.2rem;
    color: #0A2F6A;
    font-weight: 900;
    text-align: center;
  }
  #bannerQuienesSomos p {
    font-size: 1rem;
    color: #818181;
    text-align: center;
  }
}
header#masthead {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#contact {
  margin-top: -4rem;
}
#contactBox {
  background-color: #f9f9f9;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  padding-bottom: 1.7rem;
}
@media (min-width: 992px) {
  #contact img {
    margin-top: -46px;
    width: 30%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #contact img {
    margin-top: -30px;
    width: 30%;
  }
}
@media (max-width: 767px) {
  #contact.container {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  #contact img {
    margin-top: 0;
    width: 20%;
    padding-top: 45px;
  }
  #contactBox .col-md-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
#contactBox h3 {
  color: #0A2F6A;
  font-size: 1.2rem;
  font-weight: bold;
}
#contactBox p {
  color: #818181;
  font-size: .9rem;
}
#contactBox a {
  color: #0A2F6A;
  font-weight: bold;
  font-size: 1.2rem;
  text-decoration: underline;
}
@media (min-width: 768px) {
  #contactBox .col-md-4 {
    padding-right: 2.2rem;
    padding-left: 2.2rem;
  }
}
#faq {
  margin-top: 6rem;
}
#contact h2 {
  font-size: 2.2rem;
  color: #0A2F6A;
  font-weight: 400;
}
.card .fa-plus {
  float: right;
}
.card-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid #0A2F6A;
}
h5 {
  color: #0A2F6A;
  font-weight: 900;
  font-size: 1rem;
}
.card-header a {
  text-decoration: none;
}
.card-header p {
  display: none !important;
}
.card {
  border: none !important;
}
#faq p, .card-body {
  font-size: .9rem;
  color: #818181;
}
.card-body {
  line-height: 1.7;
}
#exampleModalLong2 .modal-body {
  padding: 0 1rem 1rem 1rem;
}
.modal-backdrop {
  z-index: 9;
}
.modal-header {
  border-bottom: none;
  padding: .4rem 1rem;
}

/* Robot Juggler - Styles */
:root {
  --gray-light-bg: #F5F5F5;
  --gray-light: #818181;
  --gray-dark-old: #47515E;
  --gray-dark: #0A2F6A;
  --blue: #0A2F6A;
  --blue-light:#F9F9F9;
  --white: #ffffff;
}

/*h1{
  font-size: 2.8rem;
  color: var(--blue);
  font-weight: 400;
}

h2{
  font-size: 2.2rem;
  color: var(--blue);
  font-weight: 400;
}

h1 strong, h2 strong{
  font-weight: 700;
}

h3{
  font-size: 1.2rem;
  color:var(--gray-dark);
  font-weight: 700;
}

p{
  color: var(--gray-light);
}
*/
.mb-6{
  margin-bottom: 6rem;
}

.mt-6{
  margin-top: 6rem;
}

.btn_primary{
  background-color: var(--white);
  color: var(--blue);
  border: 3px solid transparent;
}

.btn_primary:hover{
  background-color: var(--blue);
  color: var(--white);
  border: 3px solid var(--white);
}

.btn_secondary{
  border: 3px solid var(--white);
  color: var(--white);
  font-weight: 400;
}

.btn_secondary:hover{
  border: 3px solid transparent;
  background-color: var(--white);
  color: var(--blue);
}

.btn .fa{
  margin-left: 8px;
}

.box-radius{
  border-radius: 20px;
}

.search_block h3{
  font-size: 2.2rem;
  margin-bottom: 35px;
}

.search_block .search_block_bar{
  background-color: #F9F9F9;
}

.search_block .search_block_bar .wpdreams_asl_container{
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.search_block .search_block_bar .probox{
  flex-direction: row-reverse;
}

div.asl_r .results .item .asl_content h3 a{
  color: var(--blue) !important;
  font-weight: 700 !important;
}

div.asl_r.vertical{
  border-radius: 0px 0px 10px 10px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

div.asl_r.vertical .asl_image{
  border-radius: 6px;
}

.div.asl_r .results .item{
  padding: 10px 10px;
}

div.asl_r .results .item .asl_image{
  margin: 6px 16px 0 0 !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.highlight{
  background: #f9f9f9;
  color: var(--blue);
}

.bold_highlight{
  font-weight: 700;
  color: var(--blue);
}

.carousel-control-prev-icon {
  background-image: url(/wp-content/uploads/2021/03/arrowLeft.png) !important;
}

.carousel-control-next-icon {
  background-image: url(/wp-content/uploads/2021/03/arrowRight.png) !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 29.4px;
  height: 46.9px;
  background: no-repeat 0%/80% 80%;
}

/* Business Page */

.steps{
  border-radius: 20px;
}

.steps_numbers{
  font-size: 5rem;
  font-weight: 700;
}

.business .highlight ul{
  padding: 0;
}

.business .highlight ul li{
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M13.27 14.655l3.499 3.546 9.055-9.176c1.122-1.136 2.19.082 1.149 1.137l-9.35 9.473c-.694.704-.988.758-1.682.054l-3.82-3.87c-.935-.947.187-2.111 1.149-1.164zm13.943.812c.08.65.08 1.272.054 1.922-.374 5.792-5.316 10.258-11.113 9.933-5.315-.298-9.616-4.628-9.91-10.069a10.73 10.73 0 013.019-8.065 10.448 10.448 0 017.48-3.167c2.056 0 4.086.623 5.796 1.76 1.095.73.374 2.165-.962 1.298a8.673 8.673 0 00-4.808-1.461 8.81 8.81 0 00-6.064 2.409 9.06 9.06 0 00-2.831 7.145c.267 4.574 3.873 8.201 8.307 8.499 4.915.352 9.136-3.438 9.483-8.363a11.8 11.8 0 00-.027-1.679c-.16-1.326 1.443-1.488 1.576-.162z' fill='%23009FE3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='translate(.421 .04)' d='M0 0h32.829v33.264H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-bottom: 20px;
  background-repeat: no-repeat;
  list-style: none;
  padding-left: 50px;
  background-size: 30px;
  background-position: 0 0;
}

.business .steps{
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
}

.business .steps_numbers{
  font-size: 4.5rem;
  font-weight: 700;
  color: var(--blue);
}

.business .carousel-inner{
  background: rgba(0, 159, 227, 0.6);
  border-radius: 6px;
  margin: 0 20px;
}

.business .carousel-control-prev{
  left: -1rem;
}

.business .carousel-control-next{
  right: -1rem;
}

.business .carousel-item .row > div{
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.business .carousel-item p{
  margin: 0;
}

/* Center Arengu form */
.af-form{
  margin: auto;
}

#loading{
  display: none;
  opacity: .95;
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 100;
  background-color: rgb(255 255 255 / 50%);
}

#loading_spinner{
  position: absolute;
  top: 35%;
  left: 40%;
  transform-origin: center center;
  -o-animation:spinner 2s linear infinite forwards;
  -webkit-animation:spinner 2s linear infinite forwards;
  -moz-animation:spinner 2s linear infinite forwards;
  animation:spinner 2s linear infinite forwards;
}

@-moz-keyframes spinner { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spinner { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spinner { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media screen and (max-width: 767px) {
  .business .carousel-item .row > div{
    height: auto;
  }
  
  .business .carousel-control-prev{
    left: 1.8%;
  }
  
  .business .carousel-control-next{
    right: 1.8%;
  }
  
  .mb-6{
    margin-bottom: 1rem;
  }
  
  .mt-6{
    margin-top: 1rem;
  }  
  
  .steps .row .border-right{
    border-bottom: 1px solid var(--gray-dark);
  }
  
  .carousel-control-next-icon, .carousel-control-prev-icon {
    background: no-repeat 0%/60% 60%;
  }
  
  .steps{
    padding: 2rem 0;
  }

  #loading_spinner{
    width: 30px;
  }
  
}
/*h1,h2,h3,h4,h5,h6{font-family: 'Recoleta' !important;}*/
#icons i {font-size: 4rem;}

#main-nav .dropdown-item {color: #0A2F6A !important;}