@charset "UTF-8";
/* CSS Document for Navone Updated Landing-Page*/

@font-face{font-family: 'SuisseIntl-Medium'; src: url('../fonts/SuisseIntl-Medium.otf') format('truetype'); font-weight: bold; font-style: normal;}

*{box-sizing: border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
body{margin: 0; padding: 0; width: 100%; height: 100vh; font-family: 'SuisseIntl-Medium', sans-serif; line-height: 1em; background-color: #FFFFFF; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

#isologotype{background-color: none; position: fixed; top: 0; z-index: 1;}
#navigation{background-color: none; position: fixed; top: 0; z-index: 2;}

.hidden{display: none;}

/*.navbar .navbar-brand{color: #000000; font-size: 1em; font-weight: 700; letter-spacing: -0.0375em; padding: 0;}
.navbar .navbar-brand:link{color: #000000;}
.navbar .navbar-brand:hover{color: #000000; text-decoration: none;}
.navbar .navbar-brand:active{color: #000000;}
.navbar .navbar-brand:visited{color: #000000;}
.navbar .nav-item .nav-link{font-weight: 700; letter-spacing: -0.0375em;}
.navbar .nav-item .nav-link:link{color: #000000;}
.navbar .nav-item .nav-link:hover{color: #000000; text-decoration: underline;}
.navbar .nav-item .nav-link:active{color: #000000;}
.navbar .nav-item .nav-link:visited{color: #000000;}
.nav-link{text-transform: capitalize;}
a.nav-link{padding: 0;}
ul.navbar-nav.ml-auto.col-lg-8.col-md-12.col-sm-12.col-auto{padding: 0; line-height: 1em;}
nav#navigation.navbar.navbar-expand-lg.navbar-light.col-lg-10.col-md-2.col-sm-12.col-3.float-right{padding: 0.5em 0.175em 0 0;}
nav#isologotype.navbar.col-lg-3.col-md-4.col-sm-9.col-9.mr-auto{padding: 0.5em 0 0 0.5em;}
.navbar-light .navbar-toggler{border-color: none; background-color: none;}
button.navbar-toggler{border: none;}
.toggler-icon-replace{color: #000000;}*/

.display-inline-block a:link{display: inline-block; color: #FFFFFF; padding: 0 0.375em 0 0;}

/*nav#navigation.navbar.navbar-expand-lg.navbar-light.col-lg-10.col-md-2.col-sm-12.col-3.float-right{right: 0;}*/

/*.estudio-adjust{width: 50%;}
.brochure-adjust{width: 20%;}
.proyectos-adjust{width: 50%;}
.contacto-adjust{width: auto; text-align: left;}*/

#empty-splash-area{width: 100%; height: 100vh; /*background-image: url(../images/background.jpg);*/ background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: white; text-align: center;}
.welcome-slash{position: absolute; width: 35px; height: 50%; top: 25%; margin: auto; background-color: #000000; vertical-align: middle; z-index: 9999;}
.big-slash-rotate{transform: rotate(-45deg); transform-origin: center;}

#projects-slider{width: 100%; height: 100vh; background-color: transparent;}

.swiper-container{width: 100%; height: 100vh; position: relative; left: 0; top: 0; padding: 0; z-index: 0;}
.swiper-wrapper{width: 100%; height: 100%;}
.swiper-slide{text-align: center; font-size: 1em; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide img{width: 100vw; height: 100vh;}
.first-slide-image-1{background-image: url(../images/first_slider/hy8389.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.first-slide-image-2{background-image: url(../images/first_slider/hy8640.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.first-slide-image-3{background-image: url(../images/first_slider/moxy_montevideo.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.swiper-pagination-bullet{background: #bebebe; opacity: 0.75; width: 10px; height: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFFFFF; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next{background: #FFFFFF; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev{background: #FFFFFF; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next{background: #FFFFFF; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev{background: #FFFFFF; opacity: 1;}

#contact{height: 50vh; background-color: #000000; color: #FFFFFF;}
.contact-inline-container{display: inline-block; line-height: 1.3em; padding: 1em !important;}
.fixed-bottom-padding{padding: 0 0 1em 1em !important; font-size: 0.8em;}
.normalize-text{font-size: 1em; color: #FFFFFF; text-transform: capitalize;}
.contact-first-information{height: 100%; padding: 3em; text-align: left;}
.contact-item-list{display: block;}
.social-item-list{display: inline-block;}
.uncapitalize{text-transform: lowercase;}
#mailto a:link{color: #FFFFFF; text-decoration: none;}
#mailto a:hover{color: cyan; text-decoration: none;}
#mailto a:visited{color: #FFFFFF; text-decoration: none;}
#mailto a:active{color: #FFFFFF; text-decoration: none;}

.social-links a:link{color: #FFFFFF; text-decoration: none;}
.social-links a:hover{color: cyan; text-decoration: none;}
.social-links a:active{color: #FFFFFF; text-decoration: none;}
.social-links a:visited{color: #FFFFFF; text-decoration: none;}

.h3l-link{position: fixed; width: auto; height: auto; top: auto; right: 0; bottom: 0; left: auto; padding: 0 1em 0.5em 0; color: #FFFFFF; font-size: 0.8em; z-index: 999;}
.h3l-link a:link{color: #FFFFFF; text-decoration: none;}
.h3l-link a:hover{color: aquamarine; text-decoration: underline;}
.h3l-link a:visited{color: #FFFFFF; text-decoration: none;}
.h3l-link a:active{color: #FFFFFF; text-decoration: none;}

.black-forced{color: #000000 !important;}

.convert-to-black{color: black;}
.convert-to-white{color: white;}

/*.dropdown-menu{line-height: 1.2em;}
.dropdown-menu.show{background-color: transparent; border: none;}
.dropdown-item{color: #000000; padding: 0 0 0 0.5em;}
.dropdown-item:focus, .dropdown-item:hover{color: #000000; background-color: transparent;}*/

.map-link:link{color: #FFFFFF; text-decoration: none; font-size: 0.8em;}
.map-link:hover{color: aqua; text-decoration: underline;}
.map-link:visited{color: #FFFFFF; text-decoration: none;}
.map-link:active{color: #FFFFFF; text-decoration: none;}

#estudio{height: auto;}
.title-container-estudio{position: relative; width: auto; height: auto; padding: 5em 0 1em 1em;}
.estudio-information-container{position: relative; width: auto; height: 80%; padding: 1em; line-height: 1.3rem; background-color: #f7f7f7;}
.paragraph-1{width: 50%; padding: 0;}
.estudio-images-container{width: 100%; height: auto; padding: 1em;}
/*.alternate-display{display: inline-block; vertical-align: top; width: 25%; padding: 0 0 5em 0;}
.alternate-display img{width: 100%;}*/

/*image gallery for people*/

div.gallery{border-bottom: 0px solid #000000;}
div.gallery:hover{border-bottom: 0px solid #666666; cursor: pointer;}
div.gallery img{width: 100%; height: auto; padding: 0.75em;}
div.desc{padding: 1.5em; text-align: center;}
div.gallery:hover > div.desc{color: #666666; cursor: pointer;}
.responsive{padding: 0 1em; float: left; width: 24.99999%;}

.project-colaborators{position: relative; width: auto; height: auto; padding: 1em 0 1em 1em;}
.project-colaborators p{line-height: 1.3em;}
.project-colaborators p span{display: block;}
.colaborators-link{color: #999999; text-decoration: none;}
.colaborators-link:hover{color: #333333; text-decoration: none;}
.colaborators-link:visited{color: #999999; text-decoration: none;}
.colaborators-link:active{color: #999999; text-decoration: none;}

@media only screen and (max-width: 700px) {
    .responsive{width: 49.99999%; margin: 6px 0;}
}

@media only screen and (max-width: 500px) {
    .responsive{width: 100%;}
}

.clearfix:after{content: ""; display: table; clear: both;}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	#isologotype{position: fixed; top: 0; z-index: 1000;}
	/*#navigation{position: fixed; top: 0; bottom: auto; z-index: 1000; left: auto; right: 0; padding-top: 0.3em;}
	.navbar{position: fixed; right: 0; bottom: auto; left: 0; padding: 0.375em 0 0 0.375em; z-index: 1030;}
	.navbar-collapse{position: absolute; top: 45px; left: auto; bottom: auto; right: 0; text-align: right;}
	.nav-link{padding: 0.15em 0.15rem;}
	.contacto-adjust{width: 100%; text-align: right;}
	.proyectos-adjust{width: 100%;}
	.brochure-adjust{width: 100%;}
	.estudio-adjust{width: 100%;}
	.navbar .navbar-brand{color: #000000; padding: 0 0.15em;}
	.navbar .navbar-brand:link{color: #000000;}
	.navbar .navbar-brand:hover{color: #000000;}
	.navbar .navbar-brand:active{color: #000000;}
	.navbar .navbar-brand:visited{color: #000000;}
	.navbar .nav-item .nav-link:link{color: #000000;}
	.navbar .nav-item .nav-link:hover{color: #000000;}
	.navbar .nav-item .nav-link:active{color: #000000;}
	.navbar .nav-item .nav-link:visited{color: #000000;}
	.navbar-light .navbar-toggler{border-color: none;}
	.navbar-nav .dropdown-menu{text-align: right;}
	.toggler-icon-replace{color: #000000;}
	.col-auto{padding-right: 10px;}
	ul.navbar-nav.ml-auto.col-lg-8.col-md-12.col-sm-12.col-auto{line-height: 1.125em; padding: 0 0.75em 0 0;}
	nav#navigation.navbar.navbar-expand-lg.navbar-light.col-lg-10.col-md-2.col-sm-12.col-3.float-right{padding: 0.3em 0 0 0;}
	.dropdown-item{color: #000000;}*/
	#contact{height: auto;}
	.welcome-slash{left: 46%; transform: scale(0.75) rotate(-45deg);}
	div.col-lg-3.contact-inline-container.normalize-text.contact-first-information{padding: 0.5em 0 0 0.75em;}
	.contact-title-padding{padding-top: 75px !important;}
	.paragraph-1{width: 100%;}
}