*{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	font-family: 'Quicksand', sans-serif;
	overflow-x: hidden;
}

/*==========MENU============*/

#header{
	width: 100%;
	max-width: 1920px;
	height: auto;
	background-color: #E6E1DE;
	padding-bottom: .3rem;
}

.nav-link {
    display: block;
    /* padding: .5rem 1rem; */
}
.navbar-brand{
	padding-left: 3rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #51392C;
    font-family: 'Libre Baskerville', serif;
    font-weight: 700;
    font-size: 17px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .9rem 0;
    margin: .15rem 0 0;
    font-size: 17px;
    font-weight: 400;
    color: #51392C;
    font-family: 'Libre Baskerville', serif;
    text-align: left;
    list-style: none;
    background-color: #DED9D6;
    background-clip: padding-box;
    border: none;
    border-radius:none;
}

.navbar-light .navbar-nav .nav-link:hover {
     color: #687A45;
}

.fa-angle-down:hover{transform: rotate(180deg);}

.dropdown-menu a:hover  { 
    color: #687A45;
    background-color: #DED9D6;
   
}

.nav-link .dropdown-toggle a{
	color:#ffffff;
}

.act{color:#687A45;}

.rotate {
	transform: rotate(180deg);
 }

button.navbar-toggler{
	border:none;
}
button:focus {
    outline: none;
    border:none;
    /* outline: 5px auto -webkit-focus-ring-color; */
}


.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: none;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

 


/*===============CONTENIDO===========*/

#content_A{
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding-top: 5rem;
}
#content_B{
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding-top: 5rem;
	padding-bottom: 2rem;
}
#content_C{
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding-top: 2rem;
}
#content_D{
	width: 100%;
	max-width: 1920px;
	min-height: 600px;
	padding-top: 2rem;
}

.bg_A{
	background-color: #F2EFEA;
	background-image: url("../image/rama.png") ;
  	background-repeat: no-repeat;
  	background-size: cover;
  	max-width: 1920px;
}
.bg_B{
	background-color: #E6E5E3;
	background-image: url("../image/beneficios.png") ;
  	background-repeat: no-repeat;
  	background-size: cover;
  	max-width: 1920px;
}
.bg_C{
	background-color: #F2EFEA;
	background-image: url("../image/filosofia_02.png") ;
  	background-repeat: no-repeat;
  	background-size: cover;
  	max-width: 1920px;
}
.bg_N{
	background-color: #F2EFEA;
	background-image: url("../image/nosotros_01.png") ;
  	background-repeat: no-repeat;
  	background-size: cover;
  	max-width: 1920px;
  	
}
.bg_H{
	background-color: #F2EFEA;
	background-image: url("../image/hierbas.png") ;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	max-width: 1920px;

}
.bg_Ho{
	background-color: #F2EFEA;
	background-image: url("../image/homeo.png") ;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	max-width: 1920px;
}
.bg_P{
	background-color: #F2EFEA;
	background-image: url("../image/prepa.png") ;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	max-width: 1920px;
}
.bg_L{
	background-color: #F2EFEA;
}

.box-info_A{
	width: 100%;
	max-width: 1920px;
	padding-left: 3.1rem;
}
.box-info_B{
	width: 80%;
	padding-left: 3.1rem;
}

.box-info_C{
	width: 100%;
	max-width: 1920px;
	padding-left: 3.1rem;
	padding-bottom: 3rem;
}


.description_A{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.description_B{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.description_C{
	padding-top: 1.2rem;
	padding-bottom: 3rem;
}

.dw{max-width: 810px;}

.description_A p{
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #51392C;
	margin-top: 1rem;
}
.description_B p{
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #51392C;
	/*margin-top: 1rem;*/
}

.description_C p{
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #51392C;
	margin-top: .7rem;
}

.title-info_A, .title-info_B{
	width: 100%;
	max-width: 1920px;
	font-family: 'Libre Baskerville', serif;
	font-size: 70px;
	/*font-size: 46px;*/
	font-weight: 700;
	color: #51392C;
	margin-top: 1rem;
}

.title-info_B{
	padding-left: 3.1rem;
	margin-bottom: 3rem;
}
.title-info_C{
	width: 100%;
	max-width: 1920px;
	font-family: 'Libre Baskerville', serif;
	font-size: 70px;
	/*font-size: 46px;*/
	font-weight: 700;
	color: #51392C;
	margin-top: 1rem;
	margin-bottom: 3rem;
	margin-left: 3rem;

}

.sub-title-info_C{
	width: 100%;
	max-width: 1920px;
	font-family: 'Libre Baskerville', serif;
	font-size: 35px;
	/*font-size: 46px;*/
	font-weight: 700;
	color: #51392C;
}

.typo-style{
	font-family: 'Sacramento', cursive;
	font-size: 110px;
	font-weight: 400;
	color: #51392C;
}

.photo-bg_A{
	width: 100%;
	height: 550px;
	background-image: url("../image/cuchara_flor_01.png");
	background-repeat: no-repeat;
	position: relative;
}

.photo-bg_Up{
	display: none;
}
.photo-bg_B{
	display: none;
}
.photo-bg_C{
	display: none;
}
.photo-bg_N{
	display: none;
}
.photo-bg_NT{
	display: none;
}
.photo-bg_H{
	display: none;
}
.photo-bg_Ho{
	display: none;
}
.photo-bg_P{
	display: none;
}

/*========FOOTER==========*/

#footer{
	width: 100%;
	max-width: 1920px;
	height: auto;
	padding-top: .7rem;
	padding-bottom: 1rem;
	background-color: #33322D;
}

.location{
	margin-top: 1rem;
	padding-left: 3.1rem;
	padding-right: .3rem;
}

.location h4{
	color:#ffffff;
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.location p{
	color:#ffffff;
	font-family: 'Quicksand', sans-serif;
	font-size: 17px;
	font-weight: 400;
}
.type-location {
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
}

.material-icons{
	font-size: 15px;
	color: #ffffff;
}
.br-r{
	border-left: 1px solid #F2EFEA;
	border-top: none;
}

#map{
	width: 100%;
	height: 350px;
	padding: .3rem;
	margin:0;
	overflow: hidden;	
}

.map{
	width: 80%;
	height: 300px;
	/*padding: .3rem;*/
	margin-left:0;
	overflow: hidden;	
}
iframe{
	border:none;
	padding:0rem;
	bottom:0;
	overflow: hidden;	
}

ul {
    list-style-type: none
} 
.social a {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    font-size: 1rem;
    margin-right: .5rem;
    color: #ffffff;
    padding-top: .2rem;
    text-decoration: none;
}



.follow{
	color:#ffffff;
	font-family: 'Quicksand', sans-serif;
	font-size: 17px;
	font-weight: 700;
	width: 100%;
}

/*======================Menu Mobile====================*/

.accordion {
    width: 100%;
    margin: 30px auto 20px;
    background: #594234;
}

.accordion .link-color a{color:#ffffff;}
.accordion .link{
    cursor: pointer;
    display: block;
     padding: 8px 10px 10px 32px;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    font-weight: 700;
    color:#ffffff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    position: absolute;
    top: 16px;
    right: 3.2rem;
    font-size: 18px;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #ffffff;
}

.accordion li.open i {
    color: #ffffff;
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu {
    display: none;
    background: #DED9D6;
    font-size: 14px
}

.submenu li {
    border-bottom: 1px solid #4b4a5e;
}

.submenu a {
    display: block;
    text-decoration: none;
    color:#594234;
    padding: 12px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 500;
    font-size: 17px;
    padding-left: 30px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
    background-color: #DED9D6;
    color: #687A45;

}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: #594234;
  overflow-y: hidden;
  transition: .6s ease-out;  /*con transition animo al menu para que desplegue al clickear*/
}

.overlay-content {
  position: relative;
  top: 80px;
  width: 100%;
  margin-top: 30px;
  color: #ffffff;
  font-family: 'Libre Baskerville', serif;
  font-weight: 700;
  font-size: 17px;
}

.overlay a:hover{color: #687A45;text-decoration: none;}


.overlay .closebtn {
  position: absolute;
  top: 4px;
  right: 45px;
  color:#ffffff;
  font-size: 60px;
  text-decoration: none;
}

/*====================== Media Queries ====================== */
     
     @media only screen and (max-width: 1922px){
     	.logo{width: 230px;height: 80px;}
     	.nav-link{font-size: 17px;font-weight: 700;}
     	.dropdown-item{font-size: 17px;font-weight: 400;}
     	.title-info_A{font-size: 60px; line-height: 5rem;}
     	.title-info_B{font-size: 60px;line-height:5rem;}
     	.title-info_C{font-size: 60px; line-height: 4rem;}
     	.typo-style{font-size: 100px;}
     	.description_A p {font-size: 20px;}
     	.description_B p {font-size: 20px;}
     	.description_C p {font-size: 20px;}
     	.sub-title-info_C{font-size: 28px;}
     	.location h4 {font-size: 17px;}
     	.location p {font-size: 14px;}
     	.material-icons{font-size: 14px !important;}
     	.bg_A{
			background-color: #F2EFEA;
			background-image: url("../image/rama.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.bg_B{
			background-color: #E6E5E3;
			background-image: url("../image/beneficios.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.bg_C{
			background-color: #F2EFEA;
			background-image: url("../image/filosofia_02.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.bg_N{
			background-color: #F2EFEA;
			background-image: url("../image/nosotros_01.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;		  	
		}
		.bg_H{
			background-color: #F2EFEA;
			background-image: url("../image/hierbas.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.bg_Ho{
			background-color: #F2EFEA;
			background-image: url("../image/homeo.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.bg_P{
			background-color: #F2EFEA;
			background-image: url("../image/prepa.png") ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
     }
    
     @media only screen and (max-width: 1250px){
     	.downLine{display: block;}
     	} 
     	  
     @media only screen and (max-width: 1024px){
    	.title-info_C{margin-left: 3rem;}
    	.bg_N{
			background-color: #F2EFEA;
			background-image: none;
		  	background-repeat: no-repeat;
		  	background-position: bottom;		  	
		}
		.photo-bg_NT{	
			display: none;
		}
		.photo-bg_NT{
			width:100%;
			height:400px;
			padding-top:.3rem;
			padding-bottom:.3rem;
			display: block;
			background-image: url("../image/nosotros_02.png");
			background-repeat: no-repeat;
			margin-bottom: 3rem;
			background-position: center;
			/*position: relative;*/
		}
		
		.bg_C{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_H{
			width:100%;
			height:400px;
			display: none;
			background-image: url("../image/hierbas_01.png");
			background-repeat: no-repeat;
			background-position:left;
			/*top: 0;
			position: relative;*/
		}
		.bg_H{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_Ho{
			width:100%;
			height:400px;
			display: none;
			background-image: url("../image/homeo_01.png");
			background-repeat: no-repeat;
			background-position: right;
			/*top: 0;
			position: relative;*/
		}
		.bg_Ho{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_P{
			width:100%;
			height:400px;
			display: none;
			background-image: url("../image/prepa_01.png");
			background-repeat: no-repeat;
			background-position: right;
			/*top: 0;
			position: relative;*/
		}
		.bg_P{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
    }

     @media only screen and (max-width: 922px){
     	
     	.menu_full{display: none;}
     	.navbar-nav{padding-left: 1.5rem;}
     	.navbar-light .navbar-nav .nav-link {
		    color: #FFFFFF;
		    font-family: 'Libre Baskerville', serif;
		    font-weight: 700;
		    font-size: 17px;
		}
		.dropdown-menu {
		    position: absolute;
		    top: 100%;
		    left: 0;
		    z-index: 1000;
		    display: none;
		    float: left;
		    min-width: 450px;
		    padding: .9rem 0;
		    margin: .15rem 0 0;
		    font-size: 17px;
		    color: #51392C;
		    font-family: 'Libre Baskerville', serif;
		    text-align: left;
		    list-style: none;
		    background-color: #DED9D6;
		    background-clip: padding-box;
		    border: none;
		    border-radius: none;
		}
		a.dropdown-item{font-size: 17px;color:#594234; font-family: 'Libre Baskerville', serif;}
		a.dropdown-item:hover{color:#687A45;}
		.photo-bg_C{
			width:100%;
			height:288px;
			padding-top:.3rem;
			padding-bottom:.3rem;
			display: block;
			background-image: url("../image/filosofia_01.png");
			background-repeat: no-repeat;
			background-position: right;
			/*top: 0;
			position: relative;*/
		}
		.photo-bg_H{
			width:100%;
			height:332px;
			display: block;
			background-image: url("../image/hierbas_01.png");
			background-repeat: no-repeat;
			background-position:left;
			/*top: 0;
			position: relative;*/
		}
		.photo-bg_Ho{
			width:100%;
			height:262px;
			display: block;
			background-image: url("../image/homeo_01.png");
			background-repeat: no-repeat;
			background-position: right;
			/*top: 0;
			position: relative;*/
		}
		.photo-bg_P{
			width:100%;
			height:336px;
			display: block;
			background-image: url("../image/prepa_01.png");
			background-repeat: no-repeat;
			background-position: right;
			/*top: 0;
			position: relative;*/
		}

     }
     

     @media only screen and (max-width: 768px){
     	#content_A, #content_B{padding-top: 1rem;}
     	#content_C{padding-top: 1rem;}
     	/*.navbar{ padding: .5rem .5rem;}*/
     	.navbar-brand{padding-left:.5rem;margin-right: .5rem;}
     	.logo{width: 50%;}
     	.box-info_A {padding-left: .9rem;padding-right: .9rem;}
     	.box-info_B {width: 100%; padding-left: .9rem;padding-right: .9rem;}
     	.box-info_C {padding-left: .9rem;padding-right: .9rem; padding-bottom:.2rem; }
     	.title-info_A, .title-info_B {font-size: 20px; line-height:2rem;}
     	.title-info_C {font-size: 20px;}
     	.title-info_B {padding-left: .9rem;padding-right: .9rem; margin-bottom: .3rem;line-height:2rem;}
     	.title-info_C {margin-left: .9rem;padding-right: .9rem;margin-bottom: .2rem; line-height:2rem;}
     	.sub-title-info_C{font-size: 16px;margin-top: 1rem;}
     	.typo-style{font-size: 35px;}
     	.description_A { padding-top: .3rem;}
     	.description_A p{ font-size: 15px;}
     	.description_B p{ font-size: 15px;}
     	.description_C {padding-top: .9rem;padding-bottom: .3rem;}
     	.description_C p{ font-size: 15px;}
     	.location{padding-left: .9rem;padding-right: .9rem;}
     	.br-r{border-right:none;}
     	.location h4{font-size: 15px;}
     	/*span.icofont-instagram::after{ margin-right: .5rem;}*/
     	.social a{font-size: .9rem;}
     	.location .social p{font-size: 12px;width: 250px;float: left;}
     	.social{padding-top: 0rem;}
     	.follow{font-size: 15px; width: 97px; float: left;padding-top: .2rem;}
     	.location p{font-size: 12px;}
     	.material-icons{font-size: 14px;}
     	.navbar-collapse{background-color: #594234;}
		.navbar-nav{background-color: #594234;}
		.collapse{background-color: #594234;}
		a.nav-link .dropdown-toggle{color:#ffffff;}
		.br-r{
			border-left: none;
		}
		.bg_A{
			background-color: #F2EFEA;
		    background-image: none;}
		.photo-bg_A{
			display: none;
		}
		.photo-bg_Up{
			width: 100%;
			height: 400px;
			display: block;
			background-image: url("../image/cuchara_flor_02.png");
			background-repeat: no-repeat;
			position: relative;
		}
		.bg_B{
			background-color: #E6E5E3;
		    background-image: none;}
		.photo-bg_B{
			width: 100%;
			height: 400px;
			display: block;
			background-image: url("../image/ramita_02.png") ;
			background-repeat: no-repeat;
			bottom: 0;
			position: relative;
		}
		.photo-bg_C{
			width:100%;
			height:288px;
			display: block;
			background-image: url("../image/filosofia_01.png");
			background-repeat: no-repeat;
			top: 0;
			position: relative;
		}
		.bg_C{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_NT{	
			display: none;
		}
		.photo-bg_NT{
			width:100%;
			height:400px;
			display: block;
			background-image: url("../image/nosotros_02.png");
			background-repeat: no-repeat;
			margin-bottom: 3rem;
			position: relative;
		}
		.bg_N{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_H{
			width:100%;
			height:332px;
			display: block;
			background-image: url("../image/hierbas_01.png");
			background-repeat: no-repeat;
			top: 0;
			position: relative;
		}
		.bg_H{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_Ho{
			width:100%;
			height:262px;
			display: block;
			background-image: url("../image/homeo_01.png");
			background-repeat: no-repeat;
			top: 0;
			position: relative;
		}
		.bg_Ho{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		.photo-bg_P{
			width:100%;
			height:336px;
			display: block;
			background-image: url("../image/prepa_01.png");
			background-repeat: no-repeat;
			top: 0;
			position: relative;
		}
		.bg_P{
			background-color: #F2EFEA;
			background-image: none ;
		  	background-repeat: no-repeat;
		  	background-position: bottom;
		}
		 
		 .map{
			width: 100%;
			height: 300px;
			/*padding: .3rem;*/
			margin-left:0;
			overflow: hidden;	
		}   

     }

     @media only screen and (max-width: 400px){
     	.navbar{ padding: .5rem .3rem;}
        .navbar-brand{width:200px;padding-left:.3rem;margin-right: .3rem;}
        .logo{width: 47%;}
       /* .sidenav .closebtn{right: 6.3rem;}
        .accordion li i {right: 7.3rem;}*/

     }