*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
body, html {
	overflow-x: hidden;
}
section{
	/* padding-top: 4%;
	padding-bottom: 4%; */
	height: auto;
}
h1,h2,h3, .secundary-title{
	font-family: 'Montserrat', sans-serif;
}
nav{
	padding-top: 2%;
	padding-bottom: 2%;
	height: auto;
	background-color: #000BA4;
	width: 100%;
}
/*Common classes*/
.container-custom{
	width: 90%;
	margin: auto;
}
.row{
	display: flex;
}
.row-1{
	direction: flex;
}
.col-6{
	width: 50%;
}
.margin-top{
	margin-top: 20px;
}
.margin-top2{
	margin-top: 100px;
}
.m10{
	margin-top: 25px;
}

/*items*/
.Media {
  display: flex;
  align-items: flex-start;
}

.Media-figure {
  margin-right: 1em;
}

.Media-body {
  flex: 1;
}
.Media-body-dis{
	flex: 1;
	float: left;
}
.Media .Media-body h1, .secundary-title{
	color: #4e8ac1!important;
	font-family: 'Noto Sans', sans-serif !important;
	margin-top: 0;
	font-size: 38px;
	margin-bottom: 5px;
}
.Media .Media-body p, .Media .Media-body p a{
	color: #6EADE7;
	font-family: 'Noto Sans', sans-serif !important;
	margin-top: -10px;
}
.Media2 {
  display: flex;
  align-items: flex-start;
  position: absolute;
}
.Media2 .Media-body h1{
	color: #000BA4;
	font-family: 'Noto Sans', sans-serif !important;
	
}
.Media2 .Media-body p{
	color: #6EADE7;
	font-family: 'Noto Sans', sans-serif !important;
	
}
.filter{
	background-color: white;
    padding: 20px;
    flex-direction: row;
    border: 1px solid white;
    border-radius: 20px;
    box-shadow: 0px 3px 24px -2px rgba(148,138,148,0.79);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.filter p {
	margin-right: 10px;
    margin-bottom: 0;
}
.filter form{
	float: right;
}
.filter p{
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 16px;
}
.select-button{
	background-color: #6EADE7;
	padding: 10px 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	border: 1px solid #6EADE7;
	border-radius: 10px;
	color: white;
	margin-left: 5px;
	outline: none;
}

.inner-item img{
	position: relative;
	width: 100%!important;

}
.inner-item span{
	position: absolute;
	background-color: black;
	opacity: 0.3;
	padding: 7px 8px;
	top: 0;
	left: 0;
	color: white !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	border: 1px solid black;
	border-bottom-right-radius: 12px;
}

.inner-item .item-content{
	position: absolute;
	font-family: 'Noto Sans', sans-serif !important;
	padding: 4%;
	background-image: linear-gradient(transparent, #005F9A);
	top: inherit;
	bottom: 0;
	left: 0;
	width: 100%;	
}
.inner-item .item-content .price{
	font-size: 25px;
	font-weight: bold;
	color: white;
}
.inner-item .item-content p{
	font-weight: normal;
	color: white;
	font-size: 15px;
	margin-top: 10px;
}

/*grid-section*/
.grid-section{
	background-color: #E2E2E2;
	padding-top: 4%;
	padding-bottom: 4%;
	height: auto;
}

.grid-col-1 .profile-card{
	background-color: white;
	padding: 4% 8%;
	content: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0px 3px 24px -2px rgba(148,138,148,0.79);
	border: 1px solid white;
	border-radius: 20px;
}
.grid-col-1 .profile-card h1{
	color: #000BA4;
    font-family: 'Montserrat', sans-serif;
}
.grid-col-1 .profile-card p{
    font-family: 'Noto Sans', sans-serif;
    color: #6EADE7;
    font-size: 15px;
    margin-top: 20px;
}
.grid-col-1 .col-1-img1{
	
	position: relative;
    margin: 20px 0 0 0;

}

.grid-col-1 .grid-content{
	position: absolute;
	top: 50%;
	left: 0;
}
.grid-col-2 .col-2-img1{
	position: relative;
}






.col-1-img1 span{
	position: absolute;
	background-color: black;
	opacity: 0.3;
	padding: 7px 8px;
	top: 0;
	left: 0;
	color: white !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	border: 1px solid black;
	border-bottom-right-radius: 12px;
}
.col-1-img1 .grid-content{
	position: absolute;
	font-family: 'Noto Sans', sans-serif !important;
	padding: 4%;
	background-image: linear-gradient(transparent, #005e99);
	top: inherit;
	bottom: 0;
	left: 0;
	width: 100%;	
}
.col-1-img1 .grid-content h1{
	font-size: 25px;
	font-weight: bold;
	 color: white;
}
.col-1-img1 .grid-content p{
	font-weight: normal;
	color: white;
	font-size: 15px;
	margin-top: 10px;
}

.grid-col-2 .col-2-img1 span{
	position: absolute;
	background-color: black;
	opacity: 0.3;
	padding: 7px 8px;
	top: 0;
	left: 0;
	color: white !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	border: 1px solid black;
	border-bottom-right-radius: 12px;
}
.col-2-img1 .grid-content{
	position: absolute;
	font-family: 'Noto Sans', sans-serif !important;
	padding: 4%;
	background-image: linear-gradient(transparent, #005F9A);
	top: inherit;
	bottom: 0;
	left: 0;
	width: 100%;	
}
.col-2-img1 .grid-content h1{
	font-size: 25px;
	font-weight: bold;
	 color: white;
}
.col-2-img1 .grid-content p{
	font-weight: normal;
	color: white;
	font-size: 15px;
	margin-top: 10px;
}
.grid-col-2 .row .col-2-img2{
	position: relative;
	/*margin-top: 20px;*/
	margin-left: 20px;
}
.grid-col-2 .row .col-2-img2 img{
	width: 83%;
	height: 100%;
	
}
.grid-col-2 .col-2-img2 span{
	position: absolute;
	background-color: black;
	opacity: 0.3;
	padding: 7px 8px;
	top: 0;
	left: 0;
	color: white !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	border: 1px solid black;
	border-bottom-right-radius: 12px;
}
.col-2-img2 .grid-content{
	position: absolute;
	font-family: 'Noto Sans', sans-serif !important;
	padding: 4%;
	background-image: linear-gradient(transparent, #005e99);
	top: inherit;
	bottom: 0;
	left: 0;
	width: 100%;	
}
.col-2-img2 .grid-content h1{
	font-size: 25px;
	font-weight: bold;
	 color: white;
}
.col-2-img2 .grid-content p{
	font-weight: normal;
	color: white;
	font-size: 15px;
	margin-top: 10px;
}
.grid-section .grid-content .price {
	font-size: 25px;
}

.grid-col-2 .row .col-2-img3{
	position: relative;
	/*margin-top: 20px;*/
	margin-left: -4%;
	
}
.grid-col-2 .row .col-2-img3 img{
	width: 80%;
	
	
}
.grid-col-2 .col-2-img3 span{
	position: absolute;
	background-color: black;
	opacity: 0.3;
	padding: 7px 8px;
	top: 0;
	left: 0;
	color: white !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	border: 1px solid black;
	border-bottom-right-radius: 12px;
}
.col-2-img3 .grid-content{
	position: absolute;
	font-family: 'Noto Sans', sans-serif !important;
	padding: 4%;
	background-image: linear-gradient(transparent, #005F9A);
	top: inherit;
	bottom: 0;
	left: 0;
	width: 72%;	
}
.col-2-img3 .grid-content h1{
	font-size: 25px;
	font-weight: bold;
	 color: white;
}
.col-2-img3 .grid-content p{
	font-weight: normal;
	color: white;
	font-size: 15px;
	margin-top: 10px;
}
.strip{
	background-color: white;
    box-shadow: 0px 3px 24px -2px rgba(148,138,148,0.79);
    padding: 11px 38px;
    width: 53%;
    margin: auto;
    margin-top: 2%;
    position: absolute;
    left: 22%;
    border: 1px solid white;
	border-radius: 10px;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}
.strip p{
	font-family: 'Noto Sans', sans-serif !important;
	margin: 0 15px 0 0;
}
.strip a{
	background-color: #FFB43B;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: white;
    font-size: 12px;
    border: 1px solid #FFB43B !important;
    border-radius: 5px;
    padding: auto;
    padding: 14px;
    margin: 0px;
}

/*client-section*/
.client-container{
	width: 60%;
	margin: auto;
	display: flex;
	flex-direction: row;
	margin-top: 3%;
}
.client-section{
	padding-top: 6%;
	padding-bottom: 4%;
	height: auto;
	background-color: #F0F0F0;
}
.client-container .client{
	position: relative;
	width: 90%;
}
.client .client-content{
	position: absolute;
    padding: 25px 40px 70px;
    bottom: 0;
}
.client .client-content a{
    background-color: #57A9FC;
    padding: 10px 20px;
    border: 1px solid #57A9FC;
    margin-top: 40px !important;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
	border-bottom-left-radius: 13px;
	display: flex;
	justify-content: center;
}

.client-content a img{
	width: 100px !important;
}
.client .client-content p{
	color: white;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom: 15px;
	font-size: 24px;
	margin-bottom: 25px;
}
.client img::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: black;
	opacity: 0.5;
}
.client-container .client img{
	width: 90%;
}
.client-section h1{
	font-family: 'Noto Sans', sans-serif !important;
    font-size: 38px;
    text-align: center;
    font-weight: normal;
    margin: 0 0 50px;
}



.mobile-only{
	display: none !important;
}

/* Nova Home 3.0 */

.card-category {
	background-color: #FFFFFF;
	border-radius: 15px;
	margin: 10px 0;
	display: flex;
	box-shadow: rgba(0,0,0,0.05) 0 20px 20px;
}

.card-category .icon {
	background-color: #6EADE7;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 15px;
}

.card-category .text {
	width: 100%;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.category-search-title {
	color: #4E8AC1;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}

.container.separator {
	padding-bottom: 30px;
	border-bottom: 5px dotted #DDDDDD;
}

.cards-category-link a {
	text-decoration: none;
	color: #333;

}

/* Whatsapp link */

.wpp-link {
    position: fixed;
    bottom: 20px;
    right: 10;
    z-index: 999;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.wpp-link:hover {
	text-decoration: none;
}

.wpp-link .badge {
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 10;
	background-color: #FF6767;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
}

.wpp-link img {
	width: 70px;
	z-index: 0;
	-webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.2));
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.2));
}

.wpp-link .text {
	background: #52CF72;
	color: #fff;
	padding: 15px 15px 15px 23px;
	margin-left: -18px;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.wpp-link .text {
		display: none;
	}
}