/*
- fonts
- html body links and kbz's generic classes
- boostrap
- container
- sections
  - intro
  - studio
  - photo-separator
  - clients
  - separator
  - services
  - staff
  - footer

colors:
blackgray: #231F20
gray #3B3B3B
beige #E0DCD8
*/

/* fonts */
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');*/
@font-face {
    font-family: 'Everett ';
    src: url('../Everett-Light.eot');
    src: url('../Everett-Light.eot?#iefix') format('embedded-opentype'),
        url('../Everett-Light.woff2') format('woff2'),
        url('../Everett-Light.woff') format('woff'),
        url('../Everett-Light.ttf') format('truetype'),
        url('../Everett-Light.svg#Everett-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    /*font-display: swap;*/
}
@font-face {
    font-family: 'Everett';
    src: url('../fonts/Everett-Medium.eot');
    src: url('../fonts/Everett-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Everett-Medium.woff2') format('woff2'),
        url('../fonts/Everett-Medium.woff') format('woff'),
        url('../fonts/Everett-Medium.ttf') format('truetype'),
        url('../fonts/Everett-Medium.svg#Everett-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    /*font-display: swap;*/
}
@font-face {
    font-family: 'Everett';
    src: url('../fonts/Everett-Regular.eot');
    src: url('../fonts/Everett-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Everett-Regular.woff2') format('woff2'),
        url('../fonts/Everett-Regular.woff') format('woff'),
        url('../fonts/Everett-Regular.ttf') format('truetype'),
        url('../fonts/Everett-Regular.svg#Everett-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
}


/* html body links and kbz's generic classes */
a {
	outline: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
body {
    /*font-family: 'Roboto', 'Hevetica', 'Arial', sans-serif;*/
    color: #231F20;
    font-family: 'Everett', 'Hevetica', 'Arial', sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2;
    background-color: #E0DCD8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    min-height: 100vh;
    min-height: fill-available;
    min-height: -webkit-fill-available;
}
html,
.vegas-wrapper,
.vegas-inner,
section.intro {
/*    height: fill-available;
    height: -webkit-fill-available;
*/}

section.kbz {
/*    min-height: 100vh;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
*/    background-color: mediumpurple;
}


h1 {
    color: #fff;
    font-family: 'Everett', 'Hevetica', 'Arial', sans-serif;
    font-weight: 500;
}
h2 {
    font-size: 24px;
    color: #231F20;
    font-weight: 500;
}
h3 {
    font-size: 35px;
    color: #231F20;
    font-weight: 500;
}
@media (max-width: 500px) {
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 23px;
    }
    body {
    	font-size: 20px;
    }
}
.no-padding {
	padding: 0 !important;
}
i {
	font-size: 2em;
}
ul {
	display: block;
	list-style: none;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
/* end kbz */



/* boostrap */
/* nav */

/* end nav */
/* end boostrap */



/* hamburg-menu */
#hamburg-menu {
	top: 30px;
	right: 30px;
	width: 40px;
	height: 39px;
	position: fixed;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	/*background-color: #E0DCD8;*/
	/*background-color: #231F20;*/
	background-color: transparent;
	z-index: 666;
}
@media (max-width: 500px) {
	#hamburg-menu {
		top: 15px;
		right: 15px;
	}
}
#hamburg-menu span {
  display: block;
  position: absolute;
  height: 5px;
  width: calc( 100% - 12px);
  left: 6px;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#hamburg-menu span:nth-child(1) {
  top: calc(0px + 6px);
}
#hamburg-menu span:nth-child(2),
#hamburg-menu span:nth-child(3) {
  top: calc(11px + 6px);
}
#hamburg-menu span:nth-child(4) {
  top: calc(22px + 6px);
}
#hamburg-menu.open span:nth-child(1) {
  top: calc(12px + 6px);
  width: 0%;
  left: 50%;
}
#hamburg-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburg-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hamburg-menu.open span:nth-child(4) {
  top: calc(12px + 6px);
  width: 0%;
  left: 50%;
}
/* end hamburg-menu */

/* menu right */
body.menu-open {
	left: -320px;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
#sideMenu {
	position: fixed;
	top: 0;
	/*right: -320px;*/
	right: -100%;
	z-index: 300;
	/*width: 320px;*/
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
#sideMenu.menu-open {
	right: 0px;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
.menu-right {
	padding: 0;
	background-color: #231f20;
}
.menu-right ul.menu-bots {
	/*margin-top: calc( 50vh - 246px );*/
	/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
}
.menu-right ul.menu-bots li {
	text-align: center;
}
.menu-right ul.menu-bots li a {
	text-decoration: none;
	display: inline-block;
}
.menu-right ul.menu-bots li a h2 {
	font-weight: normal;
	color: #E0DCD8;

	/* kbz: font menu (2: prevee poco alto / agrandar mobile verdad ) */
	/*font-size: calc(4vw + 4vh + 2vmin);*/
	font-size: calc(1vw + 1vh + 6vmin);

	/*font-size: 76px;*/
	/*line-height: 76px;*/
	text-align: center;
	/*background-color: #000000;*/
	background-color: transparent;
	padding: 0 20px;
	margin: 0;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
@media (min-width: 600px) {
	.menu-right ul.menu-bots li a h2 {
		/*font-size: 120px;*/
		/*line-height: 120px;*/
	}
	.menu-right ul.menu-bots {
		/*margin-top: calc( 50vh - 335px );*/
		/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
	}
}
.menu-right ul.menu-bots li a:hover {
	text-decoration: none;
}
.menu-right ul.menu-bots li a:hover h2,
.menu-right ul.menu-bots li a:focus h2 {
	color: #231F20;
	background-color: #E0DCD8;

	color: #E0DCD8;
	color: #3B3B3B;
	color: #fff;
	background-color: #231F20;
	background-color: #3B3B3B;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
@media (max-width: 575px) {
	.menu-right ul.menu-bots {
		/*margin-top: calc( 50vh - 221px );*/
		/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
	}
	.menu-right ul.menu-bots li a h2 {
		/*font-size: 74px;*/
		/*line-height: 74px;*/
	}
	.menu-right ul.menu-bots div.separator {
		width: 314px;
	}
}
/* end menu right*/



/* animated */
.animated-delay-333 {
	-webkit-animation-delay: .333s;
	animation-delay: .333s;
}
.animated-delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated-delay-666 {
	-webkit-animation-delay: .666s;
	animation-delay: .666s;
}
.animated-delay-999 {
	-webkit-animation-delay: .999s;
	animation-delay: .999s;
}
.animated-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated-delay-1332 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
/* end animated */



/* container */
.kbz-anim {
	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
.kbz-min-height {
	min-height: 200vh;
}

/* kbz: demo párrafos animados on scroll */
h2.sps,
h3.sps,
p.sps {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: 1em;
	transition: all 0.25s ease-in-out;
}
h3.sps {
	transition-delay: .12s;
}
p.sps {
	transition-delay: .25s;
}
h2.sps--abv,
h3.sps--abv,
p.sps--abv {
	top: 60px;
	color: transparent;
}
h2.sps--blw,
h3.sps--blw,
p.sps--blw {
	top: 0;
	color: #231F20;
}
p.organic-offset-endfile {
	min-height: 100vh;
	content: " ";
    height: fill-available;
    height: -webkit-fill-available;
}
hr {
  background-color: #F5F5F5;
  border: none;
  height: 1px;
}
/* end container */



/* sections */
section {
	padding: 120px 0;
}
@media (max-width: 767px) {
	section {
		padding: 90px 45px;
	}
}
@media (max-width: 500px) {
	section {
		padding: 45px 15px;
		padding-bottom: 90px;
	}
}
.vegas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: -1;
    height: fill-available;
    height: -webkit-fill-available;
}
.vegas-inner {
    width: 100%;
    min-height: 100vh;
    height: fill-available;
    height: -webkit-fill-available;
}
/* intro */
section.intro {
    /*border: 1px solid red;*/
    min-width: 100%;
    min-height: 100vh;
    padding: 0;
    background-color: transparent;
    height: fill-available;
    height: -webkit-fill-available;
}
section.intro a {
    display: block;
    color: #fff;
    text-decoration: none;
}
section.intro .brand {
}
section.intro .brand h1 {
    display: none;
}
section.intro .brand img {
    width: 50%;
    height: auto;
    position: absolute;
    right: 30px;
    bottom: 45px;
}
@media (max-width: 767px) {
    section.intro .brand img {
        width: 65%;
    }
}
.fade-in-brand {
    animation: fadeIn 2s;
}
/* end intro */



/* studio */
section.studio {
    background-color: #E0DCD8;
}
section.studio .col-12 {
    /*border: 1px solid blue;*/
}
/* end intro */



/* photo-separator */
section.photo-separator {
    overflow: hidden;
    padding: 0;
    background-color: #E0DCD8;
}
.ukiyo-wrapper {
    padding: 0;
}
.photo-wrapper-ukiyo-bg-01 {
    background: url("/images/bianchi-photo-01.jpg") no-repeat center center / cover;
    min-height: 60vh;
}
.iso-wrapper {
    position: relative;
    /*z-index: 666666666666666666;*/
}
.iso-wrapper img {
    display: block;
    position: absolute;
    top: 5vh;
    left: -150px;
    height: 50vh;
    width: auto;
    /*z-index: 666666666666666666;*/
    backface-visibility: hidden;
}
@media (max-width: 767px) {
    section.photo-separator {
        overflow: inherit;
        padding-bottom: 25vh;
        /*margin-bottom: 50vh;*/
    }
    .iso-wrapper img {
        display: block;
        position: absolute;
        top: -150px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        padding: 0 15%;
        height: auto;
    }
}
@media (max-width: 500px) {

}

/* end photo-separator */



/* clients */
section.clients {
    background-color: #E0DCD8;
    padding-bottom: 0;
}
/* end clients */



/* separator */
section.separator {
	background-color: transparent;
}
/* end separator */



/* services */
section.services {
    position: relative;
    /*padding-top: 0;*/
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #E0DCD8;
}
section.services header {
    position: absolute;
    top: 139px;
}
@media (max-width: 767px) {
    section.services header {
        position: initial;
        top: 0;
        padding-left: 60px;
    }
}
@media (max-width: 500px) {
    section.services header {
        padding-left: 30px;
    }
}
/* accordion */
.accordion {
    border: 0;
}
.accordion-item:first-of-type {
    border: 0;
    border-bottom: 1.5px solid rgba(0, 0, 0, 1);
}
.accordion-item {
    background-color: transparent;
    border-bottom: 1.5px solid rgba(0, 0, 0, 1);
}
.accordion-item h3 {
    padding-left: 5px;
    margin: 0;
}
.accordion-button {
    border: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    text-align: left;
    background-color: transparent;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    /*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);*/
    box-shadow: none;
}
.accordion-button,
.accordion-button:hover,
.accordion-button:active,
.accordion-button:focus {
    border: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button:after,
.accordion-button::after {
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23231F20'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)!important;*/
    background-image: url("/images/download.svg")!important;
}
.accordion-body {
    border: 0;
}
.accordion-body p {
    color: #fff;
    padding-left: 5px;
    font-weight: 300;
    font-size: 23px;
}
.accordion-body {
    padding-top: 45px;
    padding-bottom: 90px;
    background-color: #3B3B3B;
}
@media (max-width: 767px) {

}
@media (max-width: 500px) {
    .accordion-button {
        padding-left: 25px;
    }
    .accordion-body {
        padding-left: 25px;
    }
}
/* end services */



/* staff */
section.staff,
section.staff-mobile {
    padding-left: 0;
    padding-right: 0;
    background-color: #E0DCD8;
}
section.staff-mobile {
    display: none;
}

@media (max-width: 991px) {
    section.staff {
        display: none;
    }
    section.staff-mobile {
        display: inherit;
    }
}
section.staff h2 {
    padding-left: 0;
    padding-right: 0;
    background-color: #E0DCD8;
}
@media (max-width: 767px) {
    section.staff header,
    section.staff-mobile header {
        position: initial;
        top: 0;
        padding-left: 60px;
    }
}
@media (max-width: 500px) {
    section.staff header,
    section.staff-mobile header {
        padding-left: 30px;
    }
}
#photosStaff {
    margin-bottom: 45px;
}
.person-wrappper {
    cursor: pointer;
    padding-top: 15px;
}
.person-wrappper span.name {
    font-size: 38px;
}
@media (max-width: 1095px) {
    .person-wrappper span.name {
        font-size: 34px;
    }
}
.person-wrappper span.title {
    opacity: 0;
    padding-top: 5px;
}
.person-wrappper span.title,
.person-wrappper a.link-mail {
    opacity: 0;
    color: #231F20;
    display: block;
    font-size: 17px;
    text-decoration: none;
}
.person-wrappper:hover span.title,
.person-wrappper:hover a.link-mail {
    opacity: 1;
}
.person-wrappper a.link-mail:hover,
.person-wrappper a.link-mail:focus {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .person-wrappper {
        padding-left: 60px;
    }
    .person-wrappper span.title {
        opacity: 1;
    }
    .person-wrappper span.title,
    .person-wrappper a.link-mail {
        opacity: 1;
    }
    section.staff h2 {
        padding-left: 60px;
    }
}
@media (max-width: 500px) {
    .person-wrappper {
        padding-left: 15px;
    }
    section.staff h2 {
        padding-left: 15px;
    }
}

/* staff-mobile */
section.staff-mobile .other-photos {
    width: 100%;
}
section.staff-mobile .other-photos img {
    display: inline-block!important;
    width: 50%!important;
    height: auto;
}
.person-wrappper-mobile-info {
    /*padding-left: 30px;*/
    padding: 30px 30px;
    padding-left: 15px;
    margin-left: 8.33333333%;
}
@media (max-width: 500px) {
    .person-wrappper-mobile-info {
        /*padding-left: 30px;*/
        padding: 30px 30px;
        padding-left: 30px;
        margin-left: 0;
    }
}
.person-wrappper-mobile-info span,
.person-wrappper-mobile-info a {
    display: block;
    width: content;
}
.person-wrappper-mobile-info a {
    display: inline-block;
    color: #231F20;
    text-decoration: none;
}
.person-wrappper-mobile-info a:hover,
.person-wrappper-mobile-info a:focus {
    text-decoration: underline;
}
.person-wrappper-mobile-info span.name {
    font-size: 24px;
    font-weight: 500;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
.slick-prev,
.slick-next {
    top: 86.5%;
    width: 50%;
    height: 24%;
    z-index: 1;
}
.slick-prev:before,
.slick-next:before {
    display: none;
}
.slick-dots {
    bottom: -30px;
}
.slick-dots li button:before {
    font-size: 15px;
    opacity: 1;
    color: #fff;
}
/* end staff */



/* footer */
footer {
    padding-top: 120px;
    font-size: 20px;
    color: #fff;
    background-color: #3B3B3B;
}
footer .footer-of-footer {
    font-size: 14px;
    padding: 12px 0;
    color: #666;
    margin-top: 120px;
    background-color: #000;
}
footer .footer-of-footer.footer-col-right {
    text-align: right;
}
footer a {
    color: #fff;
    text-decoration: none;
}
footer .credits a {
    color: #666;
    text-decoration: none;
}
footer a:hover,
footer a:focus {
    color: #fff;
    text-decoration: underline;
}
footer .footer-col-left {
    padding-left: calc(8.33333333% + 15px);
}
footer .footer-col-right {
    padding-right: 45px;
}
@media (max-width: 767px) {
    footer .footer-of-footer.footer-col-left {
        margin-top: 0;
        padding-top: 0;
    }
    footer .footer-col-left,
    footer .footer-col-right {
        padding-left: 45px;
        padding-right: 45px;
    }
    footer .footer-of-footer,
    footer .footer-of-footer.footer-col-right {
        text-align: center;
    }
}
@media (max-width: 500px) {
    footer .footer-col-left,
    footer .footer-col-right {
        padding-left: 30px;
        padding-right: 30px;
    }
}
footer ul {
    margin-bottom: 45px;
}
footer ul.address-pta {
    margin-bottom: 0px;
}
footer ul.address-mvd li.map-link {
    /*padding-top: 15px;*/
}
address {
    margin-top: 45px;
    margin-bottom: 0;
}
.footer-brand {
    width: 100%;
    height: auto;
    max-width: 220px;
    margin-top: 90px;
}
@media (max-width: 767px) {
    .footer-brand {
        display: block;
        margin: 0 auto;
        margin-top: 90px;
    }
}


/* contact */
.contact-mail-phone a.numbers {
    color: #000;
    text-decoration: none;
    font-size: 72px;
    line-height: 82px;
    margin-bottom: 0;

    font-size: 3.1vw;
    line-height: 4.4vw;
    letter-spacing: 0vw;
}
.contact-mail-phone a.numbers:hover {
    /*text-decoration: line-through;*/
    color: #706f6c;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff!important;
  opacity: 1!important; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff!important;
  opacity: 1!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff!important;
  opacity: 1!important;
}
form {
    margin-top: 45px;
}
.form-control {
    font-size: 20px;
    color: #fff;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 60px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    border-color: #fff;
    background-color: transparent;
    outline: none;
    box-shadow: none;
}
.form-control:hover,
.form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    outline: none;
    box-shadow: none;
}
textarea.form-control {
    /*resize: none;*/
    min-height: 0!important;
    line-height: 1.562vw!important;
    height: calc(1.562vw + 10px)!important;
}
form .btn {
    display: inline-block;
    color: #fff;
    padding: 0;
    border: 0;
    border-radius: 0;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;

}
form .btn:hover,
form .btn:focus {
    color: #fff;
    text-decoration: underline;
    background-color: transparent;
    /*text-decoration: line-through;*/
    outline: none!important;
    box-shadow: none!important;
}
form .required-error {
    border-bottom: 1px solid red;
    color: red;
}
form .form-results {
    padding-top: 30px;
}
form .alert-success {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
/* end contact */
/* end footer */



/* Extra small devices (portrait phones, less than 576px)
No media query for 'xs' since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */
/* animation *