@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;500;600;800&display=swap');

body {
	margin: 0;
	font-family: 'Overpass', sans-serif !important;
	width: 100% !important;
	background-color: #FAFAFA !important;
}

a {
	text-decoration: none;
	/*display: unset !important;*/
	font-weight: 300 !important;
}

a:hover {
	text-decoration: none !important;
}

a:visited {
    color: unset !important;
}

a, a:active, a:link, a:visited {
    /*color: unset !important;*/
    text-decoration: none !important;
    color: #D7992B !important;
}

b {
  font-weight: 400 !important;
}

img {
	border: 0;
}

p {
	margin: 0 !important;
}

input:focus {
	outline: none;
	background-color: #FFF;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

section {
  width: 100%;
}

input {
  font-family: 'Overpass', sans-serif;
}
select {
  font-family: 'Overpass', sans-serif;
}
textarea {
  font-family: 'Overpass', sans-serif;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a[href^=tel] { color: inherit; text-decoration: none; }

::-webkit-input-placeholder { font-family: 'Overpass', sans-serif; color: #666 !important; } /* WebKit */
:-moz-placeholder { font-family: 'Overpass', sans-serif; color: #666 !important; } /* Firefox 18- */
::-moz-placeholder { font-family: 'Overpass', sans-serif; color: #666 !important; } /* Firefox 19+ */
:-ms-input-placeholder { font-family: 'Overpass', sans-serif; color: #666 !important; } /* IE 10+ */

h1 {
  display:  inherit !important;
  font-size: inherit !important;
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  float: left;
}

.wrapper {
  display: none;
}

.displayNone {
  display: none !important;
}

.displayBlock {
  display: block !important;
}

.headerFixed {
  position: fixed;
  margin-top: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  padding-bottom: 0px;
}

.headerRelative {
  width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  background-color: #FFF;
  z-index: 2000;
  margin-top: 10px;
  padding-bottom: 20px;
  position: relative;
}

.logoFixed {
  margin-top: 5px;
}

.logoRelative {
  margin-top: 0px;
}

.wrapperFixed {
  top: 5px !important;
}

#top-link {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 2000;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

header {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  background-color: #FFF;
  z-index: 2000;
  padding-top: 10px;
  padding-bottom: 20px;
  /*margin-bottom: 10px;*/
}

/* BOTONERA */
ul, ol {
  list-style:none;
}

.nav > li {
  float:left;
}

.nav li {
  margin-left: 25px;
}

.nav li a {
  color:#D7992B !important;
  text-decoration:none;
  padding:0px;
  display:block;
  font-weight: 500 !important;
  font-size: 14px;
  transition: 0.3s;
}

.nav li a:hover {
  color:#000 !important;
}

.nav li ul {
  display:none;
  position:absolute;
  min-width:140px;
}

.nav li ul > li {
  margin-left: 0px !important;
}

.nav li > ul {
  background-color: #EAEAEA;
  padding: 0px;
}

.nav li > ul li a {
  color: #666;
  border-bottom: 2px solid #FFF;
  font-size: 12px;
  text-align: left;
  padding: 15px;
}

.nav li:hover > ul {
  display:block;
}

.nav li ul li {
  position:relative;
}

.nav li ul li ul {
  right:-245px;
  top:0px;
  width: 250px !important;
  overflow: hidden;
  font-size: 14px !important;
}

/*
.nav {
  width: 100%;
  background-color:#080808;
  display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;

    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;

    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.nav > li {
  float:left;
}

.nav li a {
  background-color:#080808;
  color:#fff;
  text-decoration:none;
  display:block;
  font-size: 18px;
  text-align: left;
  padding: 3px;
}

.nav li a:hover {
  background-color:#00A0C6;
}

.nav li ul {
  display:none;
  position:absolute;
  max-width:300px;
  z-index: 9999;
}

.nav li:hover > ul {
  display:block;
}

.nav li ul li {
  position:relative;
  text-align: left;
  
}

.nav li ul li ul {
  right:-140px;
  top:0px;
}

*/
ul {
  padding-inline-start: 0px;
}
.flexBetween {
  width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-between !important;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}


.flex {
  width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  z-index: 10;
}

.flexCenter {
  width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flexContent {
  width: 70%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.txtHeader {
  width: 55%;
}

.txtHeader h2 {
  text-align: left;
  font-size: 12px;
  color: #666;
}

.lineSplitHeader {
  width: 100%;
  height: 1px;
  background-color: #CCC;
  margin-top: 10px;
  margin-bottom: 10px;
}

.logo {
  text-align: left;
}

.logo img {
  float: left;
}

.logo h1 {
  float: left;
  margin-left: 12px;
  padding-top: 18px;
  font-size: 13px !important;
  color: #000;
}

nav {
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

nav ul {
  display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}
/*
nav li {
  list-style-type: none;
  text-align: left;
  vertical-align: middle;
  color: #D7992B;
  font-weight: 500;
  font-size: 14px;
  margin-left: 25px;
}*/

.loginRedesHeader {
  width: 45%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.formLoginHeader {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.formLoginHeader label {
  font-weight: 400;
  color: #000;
}

.formLoginHeader form {
  vertical-align: middle;
}

.formLoginHeader input {
  padding: 7px;
  border: 2px solid #CCC;
  font-family: 'Overpass', sans-serif;
  font-size: 12px;
  background-color: #FFF;
}

.socialHeader {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.iconSocial {
  width: 30px !important;
  height: 30px !important;
  padding: 5px;
  background-color: #333;
  border-radius: 50%;
  margin-left: 10px;
  text-align: center !important;
}

.iconSocial i {
  color: #FFF;
  vertical-align: middle;
}

.btnVerVideoSlide {
  padding: 10px;
  height: auto;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  margin-top: 320px;
  color: #FFF !important;
  font-size: 18px;
  font-weight: 800;
  vertical-align: middle;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  transition: all 0.3s;
}

.btnVerVideoSlide:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.nosotros {
  width: 100%;
  text-align: left;
  font-size: 18px !important;
  font-weight: 200;
  color: #666;
  padding-left: 3%;
  line-height: 28px !important;
}

.nosotros span {
  color: #d79a2b;
  width: 100%;
  float: left;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
}

.col4 {
  width: 24%;
  margin: 0.5%;
  margin-top: 80px;
  margin-bottom: 80px;
}

.imgCol4 {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  transition: 0.3s;
}

.bgImg1Col4:hover .bgHoverBlack {
  background-color: rgba(0, 0, 0, 0.4);
}

.bgImg2Col4:hover .bgHoverBlack2 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bgImg3Col4:hover .bgHoverBlack3 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bgImg4Col4:hover .bgHoverBlack4 {
  background-color: rgba(0, 0, 0, 0.4);
}

.imgCol4:hover .bgImg1Col4{
  background-size: 150% 150% !important;
}

.bgHoverBlack {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  border-radius: 100px;
  transition: 0.3s;
}

.bgHoverBlack2 {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  border-radius: 100px;
  transition: 0.3s;
}

.bgHoverBlack3 {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  border-radius: 100px;
  transition: 0.3s;
}

.bgHoverBlack4 {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  border-radius: 100px;
  transition: 0.3s;
}

.bgImg1Col4 {
  background-image: url("../images/imgCircleNew1ok.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgImg2Col4 {
  background-image: url("../images/imgCircle2ok.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgImg3Col4 {
  background-image: url("../images/imgCircleNew3ok.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgImg4Col4 {
  background-image: url("../images/imgCircle4ok.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.titleCol4 {
  width: 100%;
  margin-top: 40px;
}

.titleCol4 p {
  width: 100%;
  text-align: left;
  font-size: 20px;
  color: #000;
  font-weight: 200;
}

.txtCol4 {
  width: 100%;
  margin-top: 15px;
}

.txtCol4 p {
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-weight: 200;
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
}

.btnVerMas {
  width: 100px;
  padding: 7px 5px 5px 5px;
  border: 1px solid #3d3935;
  color: #3d3935;
  margin-top: 20px;
}

.btnIngresar {
  width: 100px;
  padding: 7px 5px 5px 5px;
  border: 1px solid #3d3935;
  color: #3d3935;
  margin-right: 10px;
  transition: all 0.3s;
}

.btnIngresar:hover {
  background-color: #3d3935;
  color: #FFF;
}

.btnIngresar p {
  font-size: 14px;
  font-weight: 600;
}

.itemFlexStart{
  align-items: flex-start;
}

.contentPbosque {
  width: 60%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.bgBosque {
  width: 100%;
  height: 350px;
  background-image: url("../images/Banner_inferior.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.bgBosque p {
  width: 100%;
  height: 350px;
  text-align: center;
  font-size: 22px;
  color: #FFF;
  font-weight: 100;
  line-height: 30px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.bgBosque span {
  font-weight: 200;
}

footer {
  width: 100%;
  padding: 50px 0px 50px 0px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.footerContact {
  width: 100%;
  font-size: 18px;
  color: #3d3935;
  margin-top: 15px;
}

.btnWhatsappFooter {
  margin-bottom: 5px;
}

.footerSedes {
  width: 100%;
  font-size: 18px;
  color: #3d3935;
  font-weight: 300 !important;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.footerSedes p {
  width: 100%;
  text-align: right;
  padding-right: 25%;
}

.fotterSocial {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-top: 15px;
  margin-right: 20px;
}

.marginBtnWs img {
  width: 35px !important;
  margin-top: 15px;
}

.btnWhatsappFooter {
  width: auto !important;
  float: right;
  color: #FFF;
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  height: auto;
}

.btnWhatsappFooter img {
  width: 22px;
  vertical-align: middle;
}

.txtNumFooter {
  width: 120px;
  margin-top: 4px;
}

.col2 span {
  float: right;
}

footer .col2 div {
  width: 100%;
  text-align: right;
}

footer .col2 {
  width: 36%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}
/* CONTACTO */
.contentForm {
  width: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentForm h2{
  width: 100%;
  font-size: 24px;
  font-weight: 600 !important;
  color: #D7992B;
  text-align: left;
}

.contentForm form {
  width: 100%;
}

.rowForm {
  width: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.rowForm input {
  width: 100%;
  height: 40px;
  border: 1px solid #CCC;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 16px;
}

.rowForm select {
  width: 100%;
  height: 40px;
  font-size: 16px;
  border: 1px solid #CCC;
  margin-bottom: 15px;
  padding: 10px 5px 5px 5px;
}

.rowForm textarea {
  width: 100%;
  height: 120px;
  font-size: 16px;
  border: 1px solid #CCC;
  margin-bottom: 15px;
  padding: 10px;
}

.contentForm .col2 {
  width: 49%;
}

.rowForm button {
  width: 100px;
  height: 30px;
  border: 1px solid #D7992B;
  font-size: 14px;
  font-weight: 500;
  color: #D7992B;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s;
}

.rowForm button:hover {
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.sedes {
  width: auto;
}

.sedes b {
  color: #000;
}

.sedes p {
  color: #3d3935;
  font-size: 16px;
  text-align: left
}

.sedes span {
  width: 100%;
  height: 1px;
  background-color: #CCC;
  float: left;
  margin: 10px 0px 10px 0px;
}

.bgContact {
  background-color: #F5F4F2;
  min-height: 70vh;
  align-content: flex-start !important;
  padding-top: 30px;
  /*background-image: url("../images/Imagen_Contacto.jpg");*/
  background-position: center;
  background-repeat: no-repeat;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  display: none;
  opacity: 0;
  z-index: 90000;
}

#cerrar {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  font-weight: 900;
  text-decoration: none;
  color: #FFF;
  transition: all 200ms;
  z-index: 900;
}

#popupBody {
  width: auto;
  height: auto;
  padding: 0;
  margin-top: 2%;
  position: relative;
  transition: all 5s ease-in-out;
}

.bgDaniel {
  background-color: #F5F4F2;
  min-height: 70vh;
  align-content: flex-start !important;
  padding-top: 30px;
  background-image: url("../images/Imagen_Daniel.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.bgDanielLeft {
  background-color: #F5F4F2;
  min-height: 70vh;
  align-content: flex-start !important;
  padding-top: 30px;
  background-image: url("../images/Imagen_LaEscuela-Daniel.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgDanielNewLeft {
  background-color: #F5F4F2;
  min-height: 70vh;
  align-content: flex-start !important;
  padding-top: 30px;
  background-image: url("../images/Imagen_LaEscuela-NuestroMentor.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgEscuela {
  /*
  background-image: url("../images/Imagen_LaEscuela-01.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 110%;*/
}

.bgWhite {
  background-color: #FFF;
}

.title{
  width: 100%;
  font-size: 24px;
  font-weight: 600 !important;
  color: #D7992B;
  text-align: left;
}

.titleNew {
  width: 100%;
  font-size: 24px;
  font-weight: 600 !important;
  color: #D7992B;
  text-align: left;
}

.textDaniel {
  width: 60%;
  text-align: left;
  font-size: 19px;
  color: #333;
  font-weight: 200;
  line-height: 27px;
  padding-bottom: 50px;
}

.textDaniel b {
  font-weight: 400;
}

.flexStart {
  justify-content: flex-start !important;
}

.flexEnd {
  justify-content: flex-end !important;
  align-items: flex-start !important;;
}

.flexPBetween {
  justify-content: space-between !important;
  align-items: flex-start !important;;
}


.txtPDaniel {
  font-style: italic;
  font-size: 22px;
  color: #FFF;
  font-weight: 100;
  line-height: 30px;
}

.txtPDaniel span {
  font-style: normal;
  font-weight: 600;
}

.imgDaniel {
  width: 70%;
  height: 250px;
  background-image: url("../images/ConferenciaenUniversidadPeru.jpg");
  background-position: center -100px;
  background-repeat: no-repeat;
  margin-top: 70px;
}

.InfoDaniel {
  width: 30%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  padding-left: 5%;
}

.InfoDaniel p {
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}

.InfoDaniel p b {
  width: 100%;
  font-size: 20px;
  font-weight: 600 !important;
  color: #D7992B;
  text-align: left;
  padding-bottom: 20px;
}

.btnCV {
  border: 1px solid #CCC;
  font-weight: 600 !important;
  color: #333;
  margin-top: 20px;
  transition: all 0.3s;
}

.btnCV p {
  padding: 8px 10px 8px 10px;
  margin-bottom: 0px;
  font-size: 16px !important;
}

.InfoDaniel .iconSocial {
  margin-left: 0px !important;
  margin-right: 10px;
  background-color: #D79A2B !important;
}

.btnCV:hover {
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
}

.bgBosqueTitle {
  width: 100%;
  height: 250px;
  /*background-image: url("../images/bosqueTitle.jpg");*/
  background-image: url("../images/O4Du6j54.jpeg");
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgCursosTitle {
  width: 100%;
  height: 250px;
  background-image: url("../images/O4Du6j54.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgNuevoProgramaTitle {
  width: 100%;
  height: 250px;
  background-image: url("../images/bgNubes.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.titleBg {
  width: 100%;
  color: #FFF;
  text-align: left;
  margin-top: 190px !important;
  font-size: 30px !important;
  font-weight: 400 !important;
}

.titleBlogBg {
  width: 100%;
  color: #FFF;
  text-align: left;
  margin-top: 110px;
  font-size: 30px;
  font-weight: 400;
  line-height: 25px;
}

.titleBlogBg small {
  font-size: 20px;
  font-weight: 300;
  margin:0;
}

.txtOrange {
  width: 100%;
  font-size: 21px;
  color: #D79A2B;
  text-align: left;
  font-weight: 200;
  margin-top: 50px;
  line-height: 35px;
}

.txtOrange b {
  font-weight: 400;
}

.titleEscuela {
  width: 100%;
  font-size: 26px;
  color: #D79A2B;
  text-align: left;
  font-weight: 400;
}

.txtBlack {
  width: 100%;
  font-size: 21px;
  line-height: 35px;
  color: #3d3935;
  text-align: left;
  font-weight: 200;
}

.txtBlack b {
  font-weight: 400;
}

.txtOrangeTab {
  width: 100%;
  font-size: 24px;
  line-height: 40px;
  color: #D79A2B;
  text-align: left;
  font-weight: 200;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  /*margin-left: 40px !important;*/
}

.bgOrange {
  background-color: #D7992B;
  width: 100%;
  min-height: 250px;
  margin-top: 50px;
  margin-bottom: 50px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.col2x4 {
  width: 50%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}

.col2x4 p {
  font-size: 22px;
  line-height: 30px;
  color: #333;
  text-align: left;
  font-weight: 200;
}

.col2x4TopLeft {
  min-height: 220px;
  padding: 10px 40px 0px 10px;
}

.col2x4TopRight {
  min-height: 220px;
  padding: 10px 10px 0px 40px;
  border-left: 2px solid #CCC;
}

.col2x4BottomLeft {
  min-height: 220px;
  padding: 40px 40px 10px 10px;
  border-top: 2px solid #CCC;
}

.col2x4BottomRight {
  min-height: 220px;
  padding: 40px 10px 10px 40px;
  border-left: 2px solid #CCC;
  border-top: 2px solid #CCC;
}

.contentCol2x4 {
  width: 100%;
  margin-top: 50px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentCol2x4 mark {
  background-color: #D5D0CA;
  padding: 3px;
  font-weight: 400;
}

.txtDanielCV {
  width: auto;
  font-size: 18px;
  color: #333;
  text-align: left;
  font-weight: 200;
}

.textDanielEscuela {
  width: 60%;
  text-align: left;
  font-size: 19px;
  color: #333;
  line-height: 27px;
  font-weight: 200;
}

.textDanielEscuela b {
  font-weight: 400;
}

.btnMasInfo {
  padding: 10px 20px 10px 20px;
  border: 2px solid #CCC;
  margin-bottom: 50px;
  transition: all 0.3s;
}

.btnMasInfo p {
  text-align: center;
  font-size: 18px;
  color: #333;
  font-weight: 400;
}

.btnMasInfo:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
}

/* Carrousel */
.owl-carousel .item {
  width: 180px;
  height: 180px;
  background: #E7E7E7;
  border-radius: 100px;
}

.owl-carousel .owl-stage-outer {
  height: 260px;
  margin-top: 50px;
}

.item {
  filter: grayscale(100%);
  transition: 0.3s;
}

.item h3 {
  position: absolute;
  margin-top: 240px;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  text-align: center;
}

.item:hover {
  filter: grayscale(0%);
}

.item h4 {
  width: 180px;
  margin-top: 200px;
  position: absolute;
  color: #333;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.equipoLiliana {
  background-image: url("../images/LilianaAngarita.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.equipoDaniel {
  background-image: url("../images/DanielParque.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.equipoDavid {
  background-image: url("../images/DvaidMonroy.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.equipoGabriel {
  background-image: url("../images/GabrielPlachta.JPG") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.equipoIsaac {
  background-image: url("../images/ISAAC-CALDERON.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.equipoMartha {
  background-image: url("../images/MarthaUbieta.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.lineFooterEscuela {
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 50px;
}

.col2Home {
  width: 50%;
  margin-top: 30px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  text-align: center;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}

/* CURSOS */
.bgCursoTxtLeft {
  width: 100%;
  height: 400px;
  background-image: url("../images/Imagen_curso-01ok.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 50px;
  margin-bottom: 50px;
}

.bgCursoTxtLeft p {
  width: 50%;
  font-size: 24px;
  line-height: 40px;
  color: #333;
  text-align: left;
  font-weight: 200;
}

.bgCursoTxtLeft p b {
  font-weight: 400;
}

.txtBlackSize {
  font-size: 28px;
  line-height: 40px;
  color: #333;
  font-weight: 200;
}

.txtBlackSize b {
  font-weight: 400;
}

.btnExperienciaEptiRed {
  padding: 7px 30px 7px 30px;
  border: 2px solid #af082c;
  margin-top: 40px;
  margin-bottom: 40px;
  transition: all 0.3s;
}

.btnExperienciaEptiRed p {
  text-align: center;
  font-size: 18px;
  color: #af082c;
  font-weight: 400;
}

.btnExperienciaEptiRed:hover {
  background-color: #af082c;
  cursor: pointer;
}

.btnExperienciaEptiRed:hover p {
  color: #FFF;
}

.btnExperienciaEpti {
  padding: 7px 30px 7px 30px;
  border: 2px solid #D79A2B;
  margin-top: 40px;
  margin-bottom: 40px;
  transition: all 0.3s;
}

.btnExperienciaEpti p {
  text-align: center;
  font-size: 18px;
  color: #D79A2B;
  font-weight: 400;
}

.btnExperienciaEpti:hover {
  background-color: #D79A2B;
  cursor: pointer;
}

.btnExperienciaEpti:hover p {
  color: #FFF;
}

.btnExperienciaEptiHome {
  padding: 7px 30px 7px 30px;
  border: 2px solid #D79A2B;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0%;
  transition: all 0.3s;
}

.btnExperienciaEptiHome p {
  text-align: center;
  font-size: 18px;
  color: #D79A2B;
  font-weight: 400;
}

.btnExperienciaEptiHome:hover {
  background-color: #D79A2B;
  cursor: pointer;
}

.btnExperienciaEptiHome:hover p {
  color: #FFF;
}

.bgNubesTitle {
  width: 100%;
  height: 250px;
  /*background-image: url("../images/Imagen_coaching-pagina.jpg");*/
  background-image: url("../images/O4Du6j54.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgCertificacion {
  min-height: 600px;
  background-image: url(../images/Coachingprimodial_fondo.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgNuevoPrograma {
  min-height: 600px;
  background-image: url(../images/EPTI_Formacion-Coach_Imagen-02.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titleCertificacion {
  width: 100%;
  font-size: 26px;
  color: #192C5B;
  text-align: left;
  font-weight: 400;
}

.titleNuevoPrograma {
  width: 100%;
  font-size: 26px;
  color: #6777AB;
  text-align: left;
  font-weight: 400;
}

.titleNuevoPrograma b {
  font-weight: 600 !important;
}

.bgCertificacion p {
  width: 60%;
}

.titleCertificacionBlue {
  width: 100%;
  font-size: 24px;
  color: #192C5B;
  text-align: left;
  font-weight: 600;
  margin-top: 60px !important;
}

.contentBoxCertificacion {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

.col3Cert {
  width: 32.5%;
  min-height: 340px;
  padding: 4%;
  background-color: #6976AA;
  margin-top: 30px;
}

.txtCol3Cert {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.numCol3Cert {
  width: 100%;
  font-size: 40px;
  color: #FFF;
  text-align: left;
  font-weight: 600;
}

.txtBlack i {
  font-size: 5px;
  vertical-align: middle;
}

.bgBlueCertificaciones {
  width: 100%;
  padding: 5%;
  background-image: url(../images/Imagen_curso-coaching-02.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgBlueCertificaciones p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.bgBlueNuevoPrograma {
  width: 100%;
  padding: 5%;
  background-image: url(../images/EPTI_Formacion-Coach_Banner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgBlueNuevoPrograma p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.btnCertificacion {
  max-width: 280px;
  padding: 0px 20px 0px 20px;
  border: 1px solid #FFF;
  margin-top: 40px;
  transition: all 0.3s;
}

.btnCertificacion p {
  font-size: 18px !important;
  color: #FFF !important;
  text-align: center !important;
}

.btnCertificacion:hover {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.txtRed {
  color: #AE082C;
}

.subTitle {
  width: 100%;
  font-size: 21px;
  font-weight: 200;
  text-align: left;
  margin-bottom: 35px !important;
  margin-top: 10px !important;
}

.bgCertificacionDanza {
  min-height: 600px;
  background-image: url(../images/u4QU8H8c.jpeg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 80px 0px 100px 0px;
  background-color: #D3D3D3;
}

.bgCertificacionMeditacion {
  min-height: 600px;
  background-image: url(../images/Imagen_curso-meditacion-01.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgModalidad {
  min-height: 600px;
  background-image: url(../images/Imagen_curso-mendoza-02ok.jpg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: auto 600px;
}

.txtColLeft {
  width: 60%;
}

.txtColLeftPsico {
  width: 70%;
}

.contentColModeloIntegra {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-top: 25px;
}

.colModeloIntegra {
  font-size: 38px !important;
  font-weight: 100;
  text-align: left;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.lineVert {
  width: 1px;
  height: 75px;
  background-color: #000;
  margin: 0px 25px 0px 25px;
}

.rowBeneficios {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}

.numberBeneficios {
  width: 8%;
  padding: 2%;
}

.numberBeneficios p {
  font-size: 65px;
  color: #AE082C;
  text-align: center;
  font-weight: 200;
}

.txtBenedificios {
  width: 92%;
  padding: 2%;
}

.txtBenedificios p {
  text-align: left;
  font-size: 24px;
  color: #000;
  font-weight: 200;
  line-height: 40px;
}

.lineHorBeneficios {
  width: 100%;
  height: 1px;
  background-color: #000;
}

.imgResponsive {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.txtCurOrange {
  color: #D79A2B !important;
}

.txtOnlyCurOrange {
  color: #D79A2B !important;
  margin-top: 0px;
}

.bgGrayCertificaciones {
  width: 100%;
  padding: 5%;
  background-color: #E9E8E4;
  margin-top: 50px;
}

.marginTop {
  margin-top: 60px !important;
}

.marginMediumTop {
  margin-top: 30px !important;
}

.marginTopCol {
  margin-top: 0px !important;
}

.bgGrayCertificaciones p {
  font-size: 26px;
  line-height: 35px;
  color: #333;
  text-align: left;
  font-weight: 100;
}

.col3Modalidades {
  margin: 0px 0px 100px 0px;
}

.circleModalidades {
  width: 350px;
  height: 350px;
  background-color: #D6D1CB;
  border-radius: 250px;
  -webkit-border-radius: 250px;
  -moz-border-radius: 250px;
  -o-border-radius: 250px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.circleModalidades b {
  color: #D79A2B !important;
}

.numberCircle {
  width: 100%;
  color: #D79A2B;
  font-size: 50px;
}

.txtCircle {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 200;
}

.bgBosqueModalidades {
  min-height: 1000px;
  background-image: url(../images/LagoParqueMontanaOtono.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px;
  background-attachment: fixed;
}

.bgPsicologia {
  min-height: 600px;
  background-image: url(../images/psicologiatranspersonal_fondo_gris.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px;
}

.imgPsico {
  float: right;
  margin-left: 5%;
}

.contentTxtBgWhite {
  width: 100%;
  height: auto;
  background-color: rgba(255, 255,255, 0.9);
  padding: 2%;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.bgModalidadOrange {
  width: 100%;
  padding: 5%;
  background-image: url(../images/Imagen_curso-mendoza-03.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgModalidadOrange p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.txtGreen {
  color: #5E9598 !important;
}

.txtBlack img {
  width: 60%;
}

.bgBluePsico {
  width: 100%;
  padding: 5%;
  background-image: url(../images/psicologiatranspersonal_fondoabajo.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgBluePsico p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.marginPsico {
  margin-top: 50px;
  margin-bottom: 50px;
}

.txtPsicoterapia {
  color: #42563B !important;
  margin-top: 40px !important;
}

.bgPsicoterapiaTitle {
  width: 100%;
  height: 250px;
  background-image: url("../images/encabezado1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bgCertificacionPsicoterapia {
  min-height: 600px;
  background-image: url(../images/especialicacionenpsicoterapia_fondo.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.boxPsicoterapia {
  background-color: #42563B !important;
  min-height: 430px !important;
}

.imgPsicoterapia {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
}

.txtNumPsico {
  color: #788F65 !important;
}

.lineBgPsico {
  background-color: #788F65 !important;
}

.bgBlueCertificacionesPsicoterapia {
  width: 100%;
  padding: 5%;
  background-image: url(../images/Imagen_curso-psicoterapia-01.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgBlueCertificacionesPsicoterapia p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.txtBlueCoaching {
  color: #6876aa !important;
}

.boxCoaching {
  background-color: #6876AA !important;
}

.bgCertificacionCoaching {
  min-height: 450px;
  background-image: url(../images/especializacionnencoaching_fondo.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
    background-color: #ECECEC;
}

.lineBgChoaching {
  background-color: #192C5B !important;
}

.bgBlueCertificacionesCoaching {
  width: 100%;
  padding: 5%;
  background-image: url(../images/Imagen_curso-coaching-05ok.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}

.bgBlueCertificacionesCoaching p {
  font-size: 26px;
  line-height: 35px;
  color: #FFF;
  text-align: left;
  font-weight: 100;
}

.bgInteracciones {
  background-color: #E9E8E4 !important;
}

.titleInteracciones {
  width: 100%;
  font-size: 26px;
  color: #D79A2B;
  text-align: left;
  font-weight: 200;
  margin: 40px 0px 40px 0px;
}

.titleInteracciones b {
  font-weight: 400;
}

.interaccionesMobile {
  width: 100%;
  min-height: 500px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.circleCentral {
  width: 100%;
  height: 310px;
  background-color: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -o-border-radius: 150px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
}

.circleCentral2 {
  width: 250px;
  height: 250px;
  background-color: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -o-border-radius: 150px;
  box-shadow: 5px 5px 10px #CCC;
  -webkit-box-shadow: 5px 5px 10px #CCC;
  -moz-box-shadow: 5px 5px 10px #CCC;
  -o-box-shadow: 5px 5px 10px #CCC;

  background: rgb(255,255,255);
  background: -moz-linear-gradient(310deg, rgba(255,255,255,1) 71%, rgba(204,204,204,1) 100%);
  background: -webkit-linear-gradient(310deg, rgba(255,255,255,1) 71%, rgba(204,204,204,1) 100%);
  background: linear-gradient(310deg, rgba(255,255,255,1) 71%, rgba(204,204,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cccccc",GradientType=1);
  
  /*
  box-shadow: inset 5px 5px 10px #CCC;
  -webkit-box-shadow:inset 5px 5px 10px #CCC;
  -moz-box-shadow: inset 5px 5px 10px #CCC;
  -o-box-shadow: inset 5px 5px 10px #CCC;*/
}

.circleCentral2 {
    font-size: 20px;
    color: #D79A2B;
    text-align: center;
    font-weight: 400;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    align-self: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.circleTop {
  /*
  position: absolute;
  margin-top: -320px;*/
  transition: all 3s;
  margin-top: 15px;
}

.hoverCircleTop {
  width: 280px;
  height: 0px;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -o-border-radius: 150px;
  transition: all 0.3s;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.circleTop:hover .hoverCircleTop {
  width: 280px;
  height: 280px;
  border: 1px solid #D79A2B;
  overflow: visible;
}

.circleTop:hover img {
  display: none;
}

.hoverCircleTop span {
  width: 100%;
  font-size: 14px;
  color: #D79A2B;
  font-weight: 400 !important;
  margin-bottom: 15px;
}

.hoverCircleTop p {
  font-size: 12px;
  color: #3d3935;
}

.hoverCircleLeftBottom {
  width: 280px;
  height: 0px;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -o-border-radius: 150px;
  transition: all 0.3s;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.circleLeftBottom:hover .hoverCircleLeftBottom {
  height: 280px;
  border: 1px solid #D79A2B;
  overflow: visible;
}

.circleLeftBottom:hover img {
  display: none;
}

.hoverCircleLeftBottom span {
  width: 100%;
  font-size: 14px;
  color: #D79A2B;
  font-weight: 400 !important;
  margin-bottom: 15px;
}

.hoverCircleLeftBottom p {
  font-size: 12px;
  color: #3d3935;
}

.hoverCircleRightBottom {
  width: 280px;
  height: 0px;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -o-border-radius: 150px;
  transition: all 0.3s;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.circleRightBottom:hover .hoverCircleRightBottom {
  height: 280px;
  border: 1px solid #D79A2B;
  overflow: visible;
}

.circleRightBottom:hover img {
  display: none;
}

.hoverCircleRightBottom span {
  width: 100%;
  font-size: 14px;
  color: #D79A2B;
  font-weight: 400 !important;
  margin-bottom: 15px;
}

.hoverCircleRightBottom p {
  font-size: 12px;
  color: #3d3935;
}

.circleLeftBottom {
  /*
  position: absolute;
  margin-top: 0px;
  margin-right: 335px;*/
  margin-top: 15px;
}

.circleRightBottom {
  /*
  position: absolute;
  margin-top: 340px;
  margin-left: 20px;*/
  margin-top: 15px;
}

.boxCurso {
  /*
  width: 280px;
  height: 350px;
  margin: 15px 0px 45px 0px;*/
  /*width: 32%;*/
  width: 32%;
  height: 440px;
  margin: 10px 0 10px 0;
  background-color: #fafafa;
}

.titleCurso {
  width: 100%;
  margin-top: 10px;
}

.titleCurso p {
  font-size: 18px;
  
}

.colorCurso1 {
  color: #2F2B27 !important;
}

.colorCurso2 {
  color: #6876AA !important;
}

.colorCurso3 {
  color: #6876AA !important;
}

.colorCurso4 {
  color: #AF082C !important;
}

.colorCurso5 {
  color: #D48617 !important;
}

.colorCurso6 {
  color: #5E9499 !important;
}

.colorCurso7 {
  color: #41563A !important;
}

.colorCurso8 {
  color: #D48617 !important;
}

.contentCertificaciones {
  width: 100%;
  /*margin: 2.5%;*/
  margin-bottom:55px;
  margin-top: 55px;
  padding: 4%;
  border: 1px solid #666;
  text-align: left;
}

.contentCertificaciones p {
  float: left;
  text-align: left;
  color: #333;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
  font-family: 'Overpass', sans-serif !important;
}

.titleCert {
  font-size: 30px;
  font-weight: 800;
  font-family: 'Overpass', sans-serif !important;
  text-align: left;
  color: #333;
}

.logosCertificaciones {
  margin-top: 45px;
  float: left;
}

.logosCertificaciones img {
  height: 110px;
  margin-right: 50px;
}

.imgCertificaciones {
  float: right;
}

.colLeftCert {
  width: 70%;
  float: left;
}

.colRightCert {
  width: 30%;
  height: 330px;
  float: left;

  background-image: url("../images/bgImgCertificaciones.jpg");
  background-repeat: no-repeat;
  background-position: center;
}

.colRightCert img {
  width: 100%;
}

.contentObra {
  width: 100%;
  padding: 4%;
  min-height: 300px;
  background-color: #E7E7E7;
  margin-top: 60px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.contentObra img {
  height: 200px;
  margin: 10px
}

.designedNice {
  width: 100%;
  padding-top: 5px;
  background-color: #CCC !important;
}

.btnWhatsapp {
    width: 50px;
    height: 50px;
    position: fixed;
    font-size: 34px !important;
    font-weight: 400 !important;
    color: #FAFAFA !important;
    bottom: 10px;
    right: 10px;
    transition: all 0.3s;
    z-index: 9000;
  }

.btnWhatsapp img {
    width: 50px;
}

.btnWhatsapp:hover {
cursor: pointer;
color: #FAFAFA !important;
}

.col3Grey {
  width: 33%;
  height: 200px;
  background-color: #E9E8E4;
  margin-top: 100px;
  margin-bottom: 100px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.col3Grey p {
  font-size: 24px;
  color: #D7992A;
  font-weight: 400;
  text-align: left;
}

.col3Grey p b {
  font-weight: 800 !important;
}

.col3Grey span {
  color: #000;
  font-weight: 200 !important;
  font-size: 22px;
}

.btnNuevoProgama {
  background-color: #D79928;
  padding: 14px 20px 10px 20px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
  justify-content: center;

  transition: all 0.3s;
}

.btnNuevoProgama p {
  color: #FFF;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}

.btnNuevoProgama:hover {
  cursor: pointer;
  background-color: #AE7C20;
}

.newBtn {
  background-color: #D59929;
  transition: all 0.3s;
}

.newBtn:hover {
  background-color: #AE7C20;
}

.nav li.newBtn a {
  color: #FFF !important;
  padding: 5px 7px 3px 7px;
}

.menujq a b {
  font-weight: 900 !important;
}