/* Add here all your CSS customizations */
:root{
	--blanco: #fff;
	--negro: #000;
	--verde1: #8abc25;
	--verde2: #1b6c34;
	--verde3: #728393;
	--azul1: #13a6e9;
	--gris2: #d8dcdd;

}

body{
	font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
	line-height: normal;
	text-transform: none;
}
.main{
	background-color: #f1f3f4; 
}
.header-logo img{
	width: 200px;
}
#header .header-logo{
	margin: 0;
}
.header-top-opening-hours{
	margin-right: 15px;
}
.header-top-phone{
	font-size: 12px;
}
.iconHeader{
	width: 16px;
	height: auto;
	margin-right: 5px;
}
#header .header-nav-top .nav > li > span i{
	color: #fff;
}
#header .header-nav-top .nav > li > span, #header .header-nav-top .nav > li > span a{
	color: var(--verde3);
}
#header .header-nav.header-nav-links nav > ul li:hover > a, #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active{
	color: var(--verde1);
}
#header .header-nav.header-nav-links nav > ul li a{
	color: var(--verde2);
}
#header .header-top.header-top-default {
    background: var(--verde1)!important;
}
.btnHeader{
	background: var(--verde2);
	color: var(--blanco)!important;
}
.btnHeader i{
	font-size: 20px!important;
	margin-right: 10px!important;
}
@media screen and (max-width: 640px) {
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active{
		background: var(--azul1);
	}
}
.titleSlide{
	color: var(--verde3);
}
.subtitleSlide{
	color: var(--blanco);
	text-transform: uppercase;
}
@media screen and (max-width: 640px) {
	.moveXSlide1{
		background-position-x: 10%!important;
	}
}
.square1{
	background: var(--azul1);
}
.square2{
	background: var(--verde1);
}
.square3{
	background: var(--verde2);	
}
#pointsBanner .card-body img{
	width: 150px;
	height: auto;
}
@media screen and (max-width: 640px) {
	#pointsBanner .card-body img{
		width: 100px;
	}
}
.custom-cards{
	min-height: 240px;
}
@media screen and (max-width: 640px) {
	.custom-cards{
		min-height: auto;
	}
}
.custom-cards .cards-container{
	top: -85%;
}
.custom-cards .cards-container .card{
	min-height: 320px;
}
@media screen and (max-width: 640px) {
	.custom-cards .cards-container .card{
		min-height: auto;
	}
}
.custom-cards .cards-container .card .card-body .card-title{
	line-height: normal;
	color: #fff;
	text-align: center;
	min-height: 90px;
	font-size: 35px;
}
@media screen and (max-width: 640px) {
	.custom-cards .cards-container .card .card-body .card-title{
		min-height: auto;
	}
}
.custom-cards .cards-container .card .card-body{
	padding: 30px;
}
.custom-cards .cards-container .card .card-body .card-text{
	color: var(--blanco);
	font-size: 17px;
}
.titleVentajas{
	line-height: normal;
	color: var(--verde2);
}
@media screen and (max-width: 640px) {
	.titleVentajas{
		padding-right: 0!important;
	}
}
#ventajas{
	padding-top: 10px;
}
#ventajas .description{
	color: var(--verde3);
	text-align: justify;
	font-size: 22px;
}
#ventajas, .custom-cards, #slideHome{
	background: #f1f3f4;
}
.list.list-icons.list-icons-sm.list-icons-style-2 li span{
	color: var(--verde);
}

#contacto .titleSection{
	color: var(--verde2);
}
#contacto .titleInfo{
	color: var(--verde1);
}
#contacto .textInfo, #contacto .textInfo a{
	color: var(--verde3);
	font-size: 14px;
}
#contacto .textInfo{
	padding: 0 10px;
}
#contacto .textInfo strong{
	color: var(--verde2);
}
.btnForm{
	background: var(--verde2);
	color: var(--blanco);
	border: 1px solid var(--verde2);
	transition: .5s ease-in-out;
}
.btnForm:hover{
	background: transparent;
	color: var(--verde2);
}
#footer{
	background: var(--verde3);
	border: none;
}
#footer .creator{
	width: 140px;
	height: auto;
}
#footer p, #footer a{
	color: var(--blanco)!important;
}
#footer span{
	margin: 0 10px;
}
#footer .flexRow{
	display: flex;
	align-items: center;
}
#header .header-btn-collapse-nav{
	background: var(--azul1);
}

#alineadores{
	background-color: var(--azul1);
	padding: 70px 0 120px;
}
@media screen and (max-width: 640px) {
	#alineadores{
		padding: 70px 0 50px;
	}
}
#alineadores .flexRow{
	display: flex;
	align-items: center;
	margin: 0 auto;
	max-width: 100%;
}
#alineadores .headingSection{
	position: relative;
}
#alineadores .headingSection .title{
	font-size: 30px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 600;
}
#alineadores .contentBx{
	margin-top: 0;
}
#alineadores .contentBx .text{
	color: #fff;
	font-weight: 600;
}
#alineadores .btn-green{
	background: var(--verde2);
	border: 1px solid var(--verde2);
	color: #fff;
	transition: .5s ease-in-out;
	padding: 5px 25px;
	margin-top: 10px;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
}
#alineadores .btn-green i{
	font-size: 25px;
	margin-right: 5px;
}
#alineadores .blockGif{
	height: 500px;
	position: relative;
}
@media screen and (max-width: 640px) {
	#alineadores .blockGif{
		height: auto;
	}
}
#alineadores .imgAlineador{
	box-shadow: 2px 2px 20px #000;
    display: block;
    width: 280px;
    margin: 0 0 0 70px;
}
@media screen and (max-width: 640px) {
	#alineadores .imgAlineador{
		margin: 30px 0 0 0;
		width: 100%;
	}
}
#alineadores .imgAlineador.gif{
	position: absolute;
    left: 60%;
    top: 70%;
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 640px) {
	#alineadores .imgAlineador.gif{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}
}
#alineadores .rowIcons{
	margin-top: 40px;
}
#alineadores .rowIcons .contentIcon{
	position: relative;
	width: 200px;
	height: 200px;
	border: 5px solid #fff;
	border-radius: 40px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	#alineadores .rowIcons .contentIcon{
		width: 120px;
		height: 120px;
		margin: 30px auto 0;
	}
}
#alineadores .rowIcons .contentIcon img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#alineadores .rowIcons .contentInfo{
	margin-top: 25px;
	padding: 0 15px;
}
@media screen and (max-width: 640px) {
	#alineadores .rowIcons .contentInfo{
		margin-bottom: 20px;
	}
}
#alineadores .rowIcons .contentInfo .title{
	font-size: 23px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 600;
}
#alineadores .rowIcons .contentInfo .text{
	text-align: center;
	font-size: 16px;
	margin-bottom: 0;
	color: #fff;
}


/* Ortodoncia */
#ortodoncia{
	background-color: var(--verde1);
	padding: 120px 0 70px;
}
@media screen and (max-width: 640px) {
	#ortodoncia{
		padding: 70px 0;
	}
}
#ortodoncia .flexRow{
	display: flex;
	align-items: center;
	max-width: 80%;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	#ortodoncia .flexRow{
		max-width: 100%;
	}
}
#ortodoncia .headingSection{
	position: relative;
}
#ortodoncia .headingSection .title{
	font-size: 30px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 600;
}
#ortodoncia .contentBx{
	margin-top: 0;
}
#ortodoncia .contentBx .list{
	padding-left: 15px;
}
#ortodoncia .contentBx .list li{
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}
#ortodoncia .contentBx .list li .text{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
#ortodoncia .contentBx .list li .text.verde{
	color: var(--verde2);
	font-weight: 600;
}
#ortodoncia .contentBx .text{
	color: #fff;
}
#ortodoncia .btn-green{
	background: var(--verde2);
	border: 1px solid var(--verde2);
	color: #fff;
	transition: .5s ease-in-out;
	padding: 5px 25px;
	margin-top: 10px;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
}
#ortodoncia .btn-green i{
	font-size: 25px;
	margin-right: 5px;
}
#ortodoncia .imgOrtodoncia{
	display: block;
	margin: 0 auto 0 0;
}
@media screen and (max-width: 640px) {
	#ortodoncia .imgOrtodoncia{
		max-width: 100%;
		margin: 40px auto 0;
	}
}
#ortodoncia.medical-services .section-funnel-layer-bottom{
	top: 0;
	transform: translate3d(0, -100%, 0) rotate(180deg);
}

/* Nosotros */
#nosotros{
	background-color: var(--gris2);
	padding: 70px 0;
}
#nosotros .flexRow{
	display: flex;
	align-items: center;
	margin: 0 auto;
	max-width: 80%;
}
@media screen and (max-width: 640px) {
	#nosotros .flexRow{
		max-width: 100%;
	}
}
#nosotros .headingSection{
	position: relative;
}
#nosotros .headingSection .title{
	font-size: 30px;
	color: var(--verde2);
	margin-bottom: 25px;
	font-weight: 600;
}
#nosotros .contentBx{
	margin-top: 0;
}
#nosotros .contentBx .text{
	color: var(--verde3);
	font-weight: 500;
}
#nosotros .imgNosotros{
	display: block;
	margin: 0 0 0 auto;
}
@media screen and (max-width: 640px) {
	#nosotros .imgNosotros{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}

/*  */
.divide{
	width: 100%;
	height: 20px;
	display: flex;
	flex-wrap: wrap;
}
.divide .block{
	width: 33.33%;
	max-width: 33.33%;
	flex: 0 0 33.33%;
}
.divide .color1{
	background-color: var(--azul1);
}
.divide .color2{
	background-color: var(--verde1);
}
.divide .color3{
	background-color: var(--verde2);
}

/* Aviso de privacidad */
#aviso{
	padding: 70px 0;
}
#aviso .title{
	text-align: center;
	color: var(--verde2);
	font-size: 30px;
	font-weight: 600;
}
#aviso .text{
	line-height: 25px;
}
/*** 

====================================================================
  Responsive
====================================================================

***/
/*Lap 1366px*/
@media only screen and (max-width: 1366px){
    
}
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  	.titleSlide{font-size: 33px!important;padding: 15px;background: rgba(255,255,255,0.5);}
  	.subtitleSlide{font-size: 19px!important;}
  	.custom-cards .cards-container .card .card-body .card-title{font-size: 30px;}
  	#servicios .card-title{font-size: 21px!important;}
  	#servicios .card-text{font-size: 18px!important;}
  	#footer .flexRow{display: block;}
  	#footer .flexRow span{display: none;}
  	#footer .flexRow p{margin-bottom: 20px!important;}
  	#footer .justify-content-between{justify-content: center!important;}
}

/*Phone Horizontal*/
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape){ 
}