body {
    font-family: "font-01", sans-serif;
    display: none;
}
img {
    width: 100%;
}
.title {
    text-align: center;
    color: #724243;
    font-size: 3vw;
    letter-spacing: 0.2em;
    font-family: "font-04", sans-serif;
    margin-bottom: 10vw;
}
/** front **/
@font-face {
    font-family: "font-01";
    src: url("../fonts/CooperHewitt-Book.otf") format("opentype");
}
@font-face {
    font-family: "font-02";
    src: url("../fonts/CooperHewitt-Bold.otf") format("opentype");
}
@font-face {
    font-family: "font-03";
    src: url("../fonts/CooperHewitt-Medium.otf") format("opentype");
}
@font-face {
    font-family: "font-04";
    src: url("../fonts/+FONTS/FarnhamDisplay-RegularSC.otf") format("opentype");
}
.front {
    position: relative;
    background: url(../images/front/front.jpg) center / cover;
    width: 100%;
    min-height: 100vh;
}
.btn {
    width: 28vw;
    position: absolute;
    top: 7vw;
    left: 50%;
    transform: translateX(-50%);
    transition:0.3s;
}
.btn:hover {
    top: 7.4vw;
}

/** login **/
.login-cover {
    position: relative;
    background: url(../images/login/login-bg.jpg) center / cover;
    width: 100%;
    min-height: 100vh;
}
.login-cover .txt-img {
    width: 44vw;
}
.login-cover .box {
    width: 27vw;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5vw 1.3vw;
    margin-top: 2vw;
    font-size: 1vw;
    line-height: 1.3;
}
.login-cover #login-form {
    position: absolute;
    top: 50%;
    right: 10vw;
    transform: translateY(-50%);
}
.login-cover #login-form label {
    display: block;
    margin-bottom: .9vw;
}
.login-cover #login-form input {
    padding: 7px 20px;
    border: 1px solid #6D6E6E;
    font-size: .8vw;
}
.login-cover #login-form button {
    padding: 8px 20px;
    border: 1px solid #6D6E6E;
    background-color: #61102A;
    color: #fff;
    cursor: pointer;
    border-left: none;
    font-size: .8vw;
}
.login-cover #contenido-protegido {
    margin-top: 20px;
    text-align: center;
}
.login-cover .other {
    margin-top: .9vw;
}
.login-cover .flex-box {
    display: flex;
    justify-content: center;
}
.login-cover .flex-box .icon {
    font-size: .8vw;
    margin-top: .7vw;
    position: relative;
    padding-left: 2vw;
}
.login-cover .flex-box .icon::before {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
}
.login-cover .flex-box .icon:first-child {
    margin-right: 1.4vw;
}
.login-cover .flex-box .icon:first-child::before {
    background: url(../images/login/phone.png) no-repeat;
    background-size: contain;
}
.login-cover .flex-box .icon:last-child::before {
    background: url(../images/login/mail.png) no-repeat;
    background-size: contain;
}

/* top */
#top {
    position: relative;
    background: url(../images/top/top.jpg) center / cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
}
.brunch-list li div {
    position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	cursor: pointer;
    width: 9.1vw;
	height: 21vh;
}
.brunch-list li.num-1 div {
    width: 29vw;
	height: 6.5vh;
}
.brunch-list li.num-2 div,
.brunch-list li.num-3 div,
.brunch-list li.num-4 div {
    width: 12vw;
	height: 22vh;
}
.brunch-list li.num-17 div,
.brunch-list li.num-18 div,
.brunch-list li.num-19 div,
.brunch-list li.num-20 div {
	height: 3.5vh;
}
.brunch-list li img {
	position: absolute;
	width: 100%;
    height: 100%;
	display: block;
	transition: .4s ease-in-out;
}
.brunch-list li div:hover img:nth-of-type(2),
.concurrent-hover div img:nth-of-type(2) {
	opacity: 0;
}
.menu-list {
    position: absolute;
    top: 2vw;
    left: 2vw;
    z-index: 1;
}
.menu-list li:not(:last-child) {
    margin-bottom: 1vw;
}
.menu-list li {
    color: #724243;
    font-size: 1vw;
    letter-spacing: 0.1em;
    font-family: "font-04", sans-serif;
    transition: .4s;
}
.menu-list li:hover {
    text-shadow: 0px 0px 7px rgb(34 22 0);
}
#top .menu-list li {
    color: #fff;
    text-shadow: 0px 0px 7px rgb(34 22 0);
    transition: .4s;
}
#top .menu-list li:hover {
    color: #221600;
    text-shadow: 0px 0px 7px rgb(255 255 255);
}
.menu-list li.active {
    color: #221600;
    text-shadow: 0px 0px 7px rgb(255 255 255);
}
.brunch-list {
    position: relative;
}
.brunch-list li {
    position: absolute;
}
.brunch-list li.num-1 {
    top: 3vw;
    left: 37.7vw;
}
.brunch-list li.num-2 {
    top: 13vw;
    left: 10vw;
}
.brunch-list li.num-3 {
    top: 9.5vw;
    left: 33vw;
}
.brunch-list li.num-4 {
    top: 9.5vw;
    left: 59.5vw;
}
.brunch-list li.num-5 {
    width: 9.1vw;
    height: 21vh;
    top: 25vw;
    left: 4vw;
}
.brunch-list li.num-6 {
    top: 25vw;
    left: 22vw;
}
.brunch-list li.num-7 {
    top: 25vw;
    left: 34.5vw;
}
.brunch-list li.num-8 {
    top: 25vw;
    left: 47.7vw;
}
.brunch-list li.num-9 {
    width: 9.1vw;
    height: 21vh;
    top: 25vw;
    left: 60.8vw;
}
.brunch-list li.num-10 {
    top: 25vw;
    left: 74vw;
}
.brunch-list li.num-11 {
    top: 25vw;
    left: 87vw;
}
.brunch-list li.num-12 {
    top: 42.3vw;
    left: 5.5vw;
}
.brunch-list li.num-13 {
    top: 42.3vw;
    left: 19.5vw;
}
.brunch-list li.num-14 {
    top: 42.3vw;
    left: 33vw;
}
.brunch-list li.num-15 {
    top: 42.3vw;
    left: 46.5vw;
}
.brunch-list li.num-16 {
    top: 42.3vw;
    left: 60.5vw;
}
.brunch-list li.num-17 {
    top: 38.2vw;
    left: 34.5vw;
}
.brunch-list li.num-18 {
    top: 38.2vw;
    left: 47.6vw;
}
.brunch-list li.num-19 {
    top: 38.2vw;
    left: 74vw;
}
.brunch-list li.num-20 {
    top: 38.2vw;
    left: 87vw;
}

/** branch **/
.branch {
    margin-top: 5vw;
    position: relative;
}
.branch .tree {
    display: block;
    width: 82vw;
    margin: 0 auto;
}
.profile {
    position: absolute;
    text-align: center;
}
.profile img {
    width: 6vw;
}
.data-wrap {
    border-radius: 10px;
    background-color: #fff;
    padding: 4px;
    margin-top: -.9vw;
    width: 10vw;
}
.data {
    font-family: "font-02", sans-serif;
    background-color: #f1e4df;
    border: solid 2px #724243;
    border-radius: 10px;
    font-size: .7vw;
    line-height: 1.4;
    padding: 1vw 0 .5vw 0;
}
.data span {
    font-family: "font-01", sans-serif;
    display: block;
    margin-top: .2vw;
}
.ribbon-wrapper {
    position: relative;
}
.ribbon-content {
    position: absolute;
    top: -1px;
    right: 0;
    width: 4vw;
    height: 3vw;
    overflow: hidden;
}
.ribbon {
    display: inline-block;
    position: absolute;
    padding: 0.3vw 0;
    left: -2vw;
    top: 1.7vw;
    width: 12vw;
    background-image: linear-gradient(48deg, rgba(0, 0, 0, 1) 44%, rgb(159 158 158) 48%, rgba(0, 0, 0, 1) 51%);
    transform: rotate(45deg);
}
.ribbon:before, .ribbon:after {
    position: absolute;
    content: "";
    border-top: 4px solid #454546;
    border-left: 7px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}
.ribbon:before {
    left: 2.6vw;
}
.ribbon:after {
    right: 5.5vw;
}

/** castro-rueckner **/
#castro-rueckner .profile.num-1 {
    left: 23.8vw;
    top: 2.5vw;
}
#castro-rueckner .profile.num-2 {
    left: 36vw;
    top: -4.5vw;
}
#castro-rueckner .profile.num-3 {
    left: 56.5vw;
    top: -4.5vw;
}
#castro-rueckner .profile.num-4 {
    left: 23vw;
    top: 19vw;
}
#castro-rueckner .profile.num-5 {
    left: 35vw;
    top: 19vw;
}
#castro-rueckner .profile.num-6 {
    left: 57vw;
    top: 19vw;
}
#castro-rueckner .profile.num-7 {
    left: 69vw;
    top: 19vw;
}
#castro-rueckner .profile.num-8 {
    left: 18vw;
    top: 33vw;
}
#castro-rueckner .profile.num-9 {
    left: 30vw;
    top: 33vw;
}
#castro-rueckner .profile.num-10 {
    left: 40.5vw;
    top: 33vw;
}
#castro-rueckner .profile.num-11 {
    left: 52.5vw;
    top: 33vw;
}
#castro-rueckner .profile.num-12 {
    left: 62.8vw;
    top: 33vw;
}
#castro-rueckner .profile.num-13 {
    left: 73.5vw;
    top: 33vw;
}

/** castro-pizarro **/
#castro-pizarro .branch {
    background: url(../images/branch/tree/castro-pizarro.png) no-repeat center/contain;
}
#castro-pizarro .profile.num-1 {
    left: 18vw;
    top: 2vw;
}
#castro-pizarro .profile.num-2 {
    left: 32.5vw;
    top: -4vw;
}
#castro-pizarro .profile.num-3 {
    left: 57vw;
    top: -4vw;
}
#castro-pizarro .profile.num-4 {
    left: 72vw;
    top: 2vw;
}
#castro-pizarro .profile.num-5 {
    left: 57vw;
    top: 10.5vw;
}
#castro-pizarro .profile.num-6 {
    left: 72vw;
    top: 9.5vw;
}
#castro-pizarro .profile.num-7 {
    left: 57vw;
    top: 18vw;
}
#castro-pizarro .profile.num-8 {
    left: 72vw;
    top: 17vw;
}
#castro-pizarro .profile.num-9 {
    left: 18.6vw;
    top: 33vw;
}
#castro-pizarro .profile.num-10 {
    left: 28.4vw;
    top: 33vw;
}
#castro-pizarro .profile.num-11 {
    left: 43vw;
    top: 33vw;
}
#castro-pizarro .profile.num-12 {
    left: 58vw;
    top: 33vw;
}
#castro-pizarro .profile.num-13 {
    left: 72vw;
    top: 33vw;
}

/** castro-guillen **/
#castro-guillen .profile.num-1 {
    left: 34.5vw;
    top: -2vw;
}
#castro-guillen .profile.num-2 {
    left: 57vw;
    top: -2vw;
}
#castro-guillen .profile.num-3 {
    left: 29vw;
    top: 14.5vw;
}
#castro-guillen .profile.num-4 {
    left: 40.5vw;
    top: 23.5vw;
}
#castro-guillen .profile.num-5 {
    left: 51vw;
    top: 23.5vw;
}
#castro-guillen .profile.num-6 {
    left: 62.5vw;
    top: 23.5vw;
}
#castro-guillen .profile.num-7 {
    left: 28.5vw;
    top: 32.5vw;
}
#castro-guillen .profile.num-8 {
    left: 39.5vw;
    top: 32.5vw;
}
#castro-guillen .profile.num-9 {
    left: 51.5vw;
    top: 32.5vw;
}
#castro-guillen .profile.num-10 {
    left: 62.5vw;
    top: 32.5vw;
}

/** castro-chavez **/
#castro-chavez .profile.num-1 {
    left: 36.8vw;
    top: -2vw;
}
#castro-chavez .profile.num-2 {
    left: 56vw;
    top: -2vw;
}
#castro-chavez .profile.num-3 {
    left: 23vw;
    top: 11vw;
}
#castro-chavez .profile.num-4 {
    left: 35vw;
    top: 12vw;
}
#castro-chavez .profile.num-5 {
    left: 23.5vw;
    top: 23.5vw;
}
#castro-chavez .profile.num-6 {
    left: 34.5vw;
    top: 23.5vw;
}
#castro-chavez .profile.num-7 {
    left: 46vw;
    top: 23.5vw;
}
#castro-chavez .profile.num-8 {
    left: 57.5vw;
    top: 23.5vw;
}
#castro-chavez .profile.num-9 {
    left: 68.5vw;
    top: 23.5vw;
}
#castro-chavez .profile.num-10 {
    left: 28.5vw;
    top: 35vw;
}
#castro-chavez .profile.num-11 {
    left: 39.5vw;
    top: 35vw;
}
#castro-chavez .profile.num-12 {
    left: 51vw;
    top: 35vw;
}
#castro-chavez .profile.num-13 {
    left: 62vw;
    top: 35vw;
}

/** martensen-castro **/
#martensen-castro .profile.num-1 {
    left: 33vw;
    top: -2vw;
}
#martensen-castro .profile.num-2 {
    left: 57.2vw;
    top: -2vw;
}
#martensen-castro .profile.num-3 {
    left: 23.5vw;
    top: 14vw;
}
#martensen-castro .profile.num-4 {
    left: 34.5vw;
    top: 14vw;
}
#martensen-castro .profile.num-5 {
    left: 45.5vw;
    top: 14vw;
}
#martensen-castro .profile.num-6 {
    left: 56.5vw;
    top: 14vw;
}
#martensen-castro .profile.num-7 {
    left: 68vw;
    top: 14vw;
}
#martensen-castro .profile.num-8 {
    left: 39.5vw;
    top: 22vw;
}
#martensen-castro .profile.num-9 {
    left: 62vw;
    top: 22vw;
}
#martensen-castro .profile.num-10 {
    left: 28.5vw;
    top: 31.5vw;
}
#martensen-castro .profile.num-11 {
    left: 51vw;
    top: 31.5vw;
}

/** castro-vasquez-solis **/
#castro-vasquez-solis .profile.num-1 {
    left: 33vw;
    top: -1.5vw;
}
#castro-vasquez-solis .profile.num-2 {
    left: 57.2vw;
    top: -1.5vw;
}
#castro-vasquez-solis .profile.num-3 {
    left: 29vw;
    top: 27vw;
}
#castro-vasquez-solis .profile.num-4 {
    left: 40vw;
    top: 27vw;
}
#castro-vasquez-solis .profile.num-5 {
    left: 52vw;
    top: 27vw;
}
#castro-vasquez-solis .profile.num-6 {
    left: 63vw;
    top: 27vw;
}

/** reynaldo-juan-castro-pizarro **/
#reynaldo-juan-castro-pizarro .profile.num-1 {
    left: 36.5vw;
    top: .8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-2 {
    left: 55.5vw;
    top: .8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-3 {
    left: 15vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-4 {
    left: 26vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-5 {
    left: 38.5vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-6 {
    left: 52vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-7 {
    left: 64.5vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-8 {
    left: 77vw;
    top: 12.8vw;
}
#reynaldo-juan-castro-pizarro .profile.num-9 {
    left: 14.5vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-10 {
    left: 27vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-11 {
    left: 38.5vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-12 {
    left: 52vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-13 {
    left: 63.5vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-14 {
    left: 77vw;
    top: 24vw;
}
#reynaldo-juan-castro-pizarro .profile.num-15 {
    left: 20.5vw;
    top: 36.5vw;
}
#reynaldo-juan-castro-pizarro .profile.num-16 {
    left: 33vw;
    top: 37.5vw;
}
#reynaldo-juan-castro-pizarro .profile.num-17 {
    left: 45vw;
    top: 32vw;
}
#reynaldo-juan-castro-pizarro .profile.num-18 {
    left: 57.5vw;
    top: 32vw;
}
#reynaldo-juan-castro-pizarro .profile.num-19 {
    left: 70.5vw;
    top: 32vw;
}
#reynaldo-juan-castro-pizarro .profile.num-20 {
    left: 64vw;
    top: 37.5vw;
}

/** guillermo-willy-edmundo-castro-pizarro **/
#guillermo-willy-edmundo-castro-pizarro .profile.num-1 {
    left: 21vw;
    top: 5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-2 {
    left: 40vw;
    top: 5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-3 {
    left: 59vw;
    top: 5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-4 {
    left: 20.5vw;
    top: 16.5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-5 {
    left: 30vw;
    top: 22vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-6 {
    left: 39.5vw;
    top: 16.5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-7 {
    left: 54vw;
    top: 16.5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-8 {
    left: 73vw;
    top: 16.5vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-9 {
    left: 20.5vw;
    top: 30vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-10 {
    left: 39.5vw;
    top: 30vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-11 {
    left: 54.8vw;
    top: 30vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-12 {
    left: 74.5vw;
    top: 30vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-13 {
    left: 55vw;
    top: 38vw;
}
#guillermo-willy-edmundo-castro-pizarro .profile.num-14 {
    left: 68vw;
    top: 35vw;
}

/** alfredo-alberto-castro-pizarro **/
#alfredo-alberto-castro-pizarro .profile.num-1 {
    left: 14.5vw;
    top: .5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-2 {
    left: 38vw;
    top: .5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-3 {
    left: 61.5vw;
    top: -.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-4 {
    left: 23.5vw;
    top: 9.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-5 {
    left: 29.5vw;
    top: 15vw;
}
#alfredo-alberto-castro-pizarro .profile.num-6 {
    left: 38.8vw;
    top: 9.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-7 {
    left: 52vw;
    top: 9.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-8 {
    left: 70.5vw;
    top: 9.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-9 {
    left: 15vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-10 {
    left: 27vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-11 {
    left: 38.5vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-12 {
    left: 51.5vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-13 {
    left: 63.5vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-14 {
    left: 77.5vw;
    top: 21vw;
}
#alfredo-alberto-castro-pizarro .profile.num-15 {
    left: 15.5vw;
    top: 30.2vw;
}
#alfredo-alberto-castro-pizarro .profile.num-16 {
    left: 27.5vw;
    top: 30.2vw;
}
#alfredo-alberto-castro-pizarro .profile.num-17 {
    left: 39vw;
    top: 30.2vw;
}
#alfredo-alberto-castro-pizarro .profile.num-18 {
    left: 52vw;
    top: 30.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-19 {
    left: 64vw;
    top: 30.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-20 {
    left: 77.5vw;
    top: 30.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-21 {
    left: 15vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-22 {
    left: 27vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-23 {
    left: 39vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-24 {
    left: 52vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-25 {
    left: 63.5vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-26 {
    left: 77.5vw;
    top: 37.8vw;
}
#alfredo-alberto-castro-pizarro .profile.num-27 {
    left: 15.5vw;
    top: 44.2vw;
}
#alfredo-alberto-castro-pizarro .profile.num-28 {
    left: 27vw;
    top: 44.2vw;
}
#alfredo-alberto-castro-pizarro .profile.num-29 {
    left: 52vw;
    top: 44vw;
}
#alfredo-alberto-castro-pizarro .profile.num-30 {
    left: 63.5vw;
    top: 44vw;
}
#alfredo-alberto-castro-pizarro .profile.num-31 {
    left: 77.5vw;
    top: 44vw;
}
#alfredo-alberto-castro-pizarro .profile.num-32 {
    left: 27vw;
    top: 51vw;
}
#alfredo-alberto-castro-pizarro .profile.num-33 {
    left: 39vw;
    top: 51vw;
}
#alfredo-alberto-castro-pizarro .profile.num-34 {
    left: 51.5vw;
    top: 51vw;
}
#alfredo-alberto-castro-pizarro .profile.num-35 {
    left: 63.5vw;
    top: 51vw;
}
#alfredo-alberto-castro-pizarro .profile.num-36 {
    left: 27vw;
    top: 57.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-37 {
    left: 39vw;
    top: 57.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-38 {
    left: 63.5vw;
    top: 57.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-39 {
    left: 39vw;
    top: 64.5vw;
}
#alfredo-alberto-castro-pizarro .profile.num-40 { 
    left: 63.5vw;
    top: 64.5vw;
}

/** odilia-sara-castro-pizarro **/
#odilia-sara-castro-pizarro .profile.num-1 {
    left: 14vw;
    top: 1vw;
}
#odilia-sara-castro-pizarro .profile.num-2 {
    left: 36vw;
    top: 1vw;
}
#odilia-sara-castro-pizarro .profile.num-3 {
    left: 61vw;
    top: .2vw;
}
#odilia-sara-castro-pizarro .profile.num-4 {
    left: 64vw;
    top: 5.7vw;
}
#odilia-sara-castro-pizarro .profile.num-5 {
    left: 76vw;
    top: 5.7vw;
}
#odilia-sara-castro-pizarro .profile.num-6 {
    left: 14.5vw;
    top: 12vw;
}
#odilia-sara-castro-pizarro .profile.num-7 {
    left: 27vw;
    top: 12vw;
}
#odilia-sara-castro-pizarro .profile.num-8 {
    left: 39.5vw;
    top: 12vw;
}
#odilia-sara-castro-pizarro .profile.num-9 {
    left: 52vw;
    top: 12vw;
}
#odilia-sara-castro-pizarro .profile.num-10 {
    left: 64vw;
    top: 12vw;
}
#odilia-sara-castro-pizarro .profile.num-11 {
    left: 14.5vw;
    top: 21.5vw;
}
#odilia-sara-castro-pizarro .profile.num-12 {
    left: 27.5vw;
    top: 22vw;
}
#odilia-sara-castro-pizarro .profile.num-13 {
    left: 39vw;
    top: 23vw;
}
#odilia-sara-castro-pizarro .profile.num-14 {
    left: 64vw;
    top: 22.5vw;
}
#odilia-sara-castro-pizarro .profile.num-15 {
    left: 76vw;
    top: 22.5vw;
}
#odilia-sara-castro-pizarro .profile.num-16 {
    left: 14vw;
    top: 28.3vw;
}
#odilia-sara-castro-pizarro .profile.num-17 {
    left: 33.5vw;
    top: 28.3vw;
}
#odilia-sara-castro-pizarro .profile.num-18 {
    left: 52.5vw;
    top: 28.3vw;
}
#odilia-sara-castro-pizarro .profile.num-19 {
    left: 64vw;
    top: 28.3vw;
}
#odilia-sara-castro-pizarro .profile.num-20 {
    left: 76vw;
    top: 28.3vw;
}
#odilia-sara-castro-pizarro .profile.num-21 {
    left: 14.5vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-22 {
    left: 27vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-23 {
    left: 40.5vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-24 {
    left: 52vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-25 {
    left: 64vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-26 {
    left: 76vw;
    top: 34vw;
}
#odilia-sara-castro-pizarro .profile.num-27 {
    left: 14.5vw;
    top: 44vw;
}
#odilia-sara-castro-pizarro .profile.num-28 {
    left: 34.5vw;
    top: 40vw;
}
#odilia-sara-castro-pizarro .profile.num-29 {
    left: 46vw;
    top: 43vw;
}
#odilia-sara-castro-pizarro .profile.num-30 {
    left: 57.5vw;
    top: 43vw;
}
#odilia-sara-castro-pizarro .profile.num-31 {
    left: 70vw;
    top: 43vw;
}
#odilia-sara-castro-pizarro .profile.num-32 {
    left: 21vw;
    top: 49vw;
}
#odilia-sara-castro-pizarro .profile.num-33 {
    left: 33.5vw;
    top: 49vw;
}
#odilia-sara-castro-pizarro .profile.num-34 {
    left: 47vw;
    top: 49vw;
}
#odilia-sara-castro-pizarro .profile.num-35 {
    left: 27vw;
    top: 55vw;
}
#odilia-sara-castro-pizarro .profile.num-36 {
    left: 40.5vw;
    top: 55vw;
}
#odilia-sara-castro-pizarro .profile.num-37 {
    left: 52vw;
    top: 55vw;
}
#odilia-sara-castro-pizarro .profile.num-38 {
    left: 64vw;
    top: 55vw;
}
#odilia-sara-castro-pizarro .profile.num-39 {
    left: 76vw;
    top: 55vw;
}
#odilia-sara-castro-pizarro .profile.num-40 { 
    left: 27.5vw;
    top: 65.5vw;
}
#odilia-sara-castro-pizarro .profile.num-41 {
    left: 40vw;
    top: 61.5vw;
}
#odilia-sara-castro-pizarro .profile.num-42 {
    left: 52.5vw;
    top: 66vw;
}
#odilia-sara-castro-pizarro .profile.num-43 {
    left: 65vw;
    top: 66vw;
}
#odilia-sara-castro-pizarro .profile.num-44 {
    left: 27.5vw;
    top: 72vw;
}
#odilia-sara-castro-pizarro .profile.num-45 {
    left: 52.5vw;
    top: 72.5vw;
}
#odilia-sara-castro-pizarro .profile.num-46 {
    left: 65vw;
    top: 72.5vw;
}

/** leila-josefina **/
#leila-josefina .profile.num-1 {
    left: 22vw;
    top: 1.5vw;
}
#leila-josefina .profile.num-2 {
    left: 45vw;
    top: 1.5vw;
}
#leila-josefina .profile.num-3 {
    left: 69vw;
    top: 2.5vw;
}
#leila-josefina .profile.num-4 {
    left: 40.5vw;
    top: 6.5vw;
}
#leila-josefina .profile.num-5 {
    left: 16vw;
    top: 12.5vw;
}
#leila-josefina .profile.num-6 {
    left: 28.5vw;
    top: 12.5vw;
}
#leila-josefina .profile.num-7 {
    left: 40vw;
    top: 14.5vw;
}
#leila-josefina .profile.num-8 {
    left: 52vw;
    top: 14.5vw;
}
#leila-josefina .profile.num-9 {
    left: 64vw;
    top: 14.5vw;
}
#leila-josefina .profile.num-10 {
    left: 75.5vw;
    top: 14.5vw;
}
#leila-josefina .profile.num-11 {
    left: 28.5vw;
    top: 22vw;
}
#leila-josefina .profile.num-12 {
    left: 40.5vw;
    top: 24vw;
}
#leila-josefina .profile.num-13 {
    left: 52vw;
    top: 24vw;
}
#leila-josefina .profile.num-14 {
    left: 64vw;
    top: 24vw;
}
#leila-josefina .profile.num-15 {
    left: 75.5vw;
    top: 24vw;
}
#leila-josefina .profile.num-16 {
    left: 40.5vw;
    top: 31.5vw;
}
#leila-josefina .profile.num-17 {
    left: 52vw;
    top: 31.5vw;
}
#leila-josefina .profile.num-18 {
    left: 23vw;
    top: 38.5vw;
}
#leila-josefina .profile.num-19 {
    left: 34.5vw;
    top: 38.5vw;
}
#leila-josefina .profile.num-20 {
    left: 46vw;
    top: 38.5vw;
}
#leila-josefina .profile.num-21 {
    left: 58.5vw;
    top: 38.5vw;
}
#leila-josefina .profile.num-22 {
    left: 70vw;
    top: 38.5vw;
}
#leila-josefina .profile.num-23 {
    left: 22.5vw;
    top: 45.5vw;
}
#leila-josefina .profile.num-24 {
    left: 35vw;
    top: 45.5vw;
}
#leila-josefina .profile.num-25 {
    left: 46.5vw;
    top: 45.5vw;
}
#leila-josefina .profile.num-26 {
    left: 63.5vw;
    top: 45.5vw;
}
#leila-josefina .profile.num-27 {
    left: 16vw;
    top: 52vw;
}
#leila-josefina .profile.num-28 {
    left: 28.5vw;
    top: 52vw;
}
#leila-josefina .profile.num-29 {
    left: 40.5vw;
    top: 52vw;
}
#leila-josefina .profile.num-30 {
    left: 52.5vw;
    top: 52vw;
}
#leila-josefina .profile.num-31 {
    left: 63.5vw;
    top: 52vw;
}
#leila-josefina .profile.num-32 {
    left: 75.5vw;
    top: 52vw;
}
#leila-josefina .profile.num-33 {
    left: 16vw;
    top: 63vw;
}
#leila-josefina .profile.num-34 {
    left: 28vw;
    top: 59vw;
}
#leila-josefina .profile.num-35 {
    left: 63vw;
    top: 63vw;
}
#leila-josefina .profile.num-36 {
    left: 69vw;
    top: 58.2vw;
}
#leila-josefina .profile.num-37 {
    left: 75vw;
    top: 66.5vw;
}
#leila-josefina .profile.num-38 {
    left: 16vw;
    top: 22vw;
}
#information {
    position: relative;
    height: 100vh;
}
#information .wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#information .wrap .ttl {
    font-family: "font-04", sans-serif;
    font-size: 3vw;
}
#information .wrap .txt {
    font-size: 1.5vw;
    margin-top: 2vw;
    line-height: 2;
}

header {
    z-index: 9999;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
}
.navigation {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.navigation li {
    display: inline;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.04em;
    padding: 0 10px;
}
.navigation li span {
    display: block;
    font-size: 1rem;
    color: #787b81;
}
.navigation li a:hover {
    opacity: 0.5;
}
.main-image img {
    width: 100%;
}

/** modal **/
.modal-wrap .container {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
.modal {
    display: none;
    position: fixed;
    z-index: 8887;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 1s ease-in-out;
}
.modal-container {

}
.modal-container .image img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.modal-container .text {
    margin-top: 20px;
    word-wrap: break-word;
}
.modal-content {
    background: #FFF;
    overflow-y: auto;
    padding: 40px;
    width: 90%;
    max-width: 800px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 550px;
    animation: show 0.6s linear 0s;
    filter: drop-shadow(0px 2px 6px #777);
}
.modal-top {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
}
.modal-close {
    color: #000;
    text-decoration: none;
    font-size: 2rem;
    line-height: 1;
    padding: 0 8px;
}
.modal-close:hover, .modal-close:focus {
text-decoration: none;
cursor: pointer;
}
.modal-title {
color: #FFF;
}

@keyframes show {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/** index **/
#index .main-visual {
    position: relative;
    height: 100vh;
    background-image: url("../images/top-main.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#index .menu-contents {
    position: absolute;
    top: 50px;
    left: 50px;
}
#index .menu-contents ul li {
    background-color: #212a3e;
    text-align: center;
    margin-bottom: 30px;
}
#index .menu-contents ul li a {
    display: block;
    padding: 20px 30px;
    color: #fff;
    font-size: 1.2rem;
}

/** tronco **/
#tronco .main-image .wrap {
    position: relative;
}
#tronco .button {
    position: absolute;
    top: 50px;
    right: 50px;
    background-color: #212a3e;
}
#tronco .button span a {
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
}
#tronco .button span a:hover {
    opacity: 0.5;
}

/** galeria **/
#galeria section {
    max-width: 1200px;
    width: 100%;
    margin: 50px auto 0;
}
#galeria .picture .flex-box {
  	display:flex;
  	flex-wrap: wrap;
    justify-content: center;
}
#galeria .picture .flex-box .image {
    margin-bottom: 50px;
    width: calc((100% - 60px) / 4 - 0.1px);
}
#galeria .picture .flex-box .image:not(:nth-child(4n)) {
    margin-right: 20px;
}
#galeria .picture .flex-box .txt {
    display: block;
    text-align: left;
    margin-top: 10px;
}
#galeria .picture .flex-box .image .thumb {
    overflow: hidden;
}
#galeria .picture .flex-box .image img {
    transition-duration: 0.7s;
}
#galeria .picture .flex-box .image img:hover {
    transform: scale(1.2);
    transition-duration: 0.7s;
}
#galeria .picture .flex-box .txt .link a {
    text-decoration: underline;
    font-weight: bold;
}
#galeria .picture .flex-box .txt .link a:hover {
    opacity: 0.7;
}