@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,700');

body{
	font-family: 'Montserrat Alternates', sans-serif;
}




.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   right: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    right: 29px;
    top: 33px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    right: 29px;
    top: 33px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.navbar-expand-lg .navbar-collapse {
    flex-direction: row-reverse;
}
.navbar-light .navbar-toggler {
   border: 0;
}

.customContainer{
	padding:50px 0;
}	

/* LOGO HEADER */
a.navbar-brand {
    text-align: center;
    margin-right: 0;
}
a.navbar-brand .title{
	font-size: 1.9rem;
    line-height: 1.5rem;
}
a.navbar-brand .subtitle{
	font-size: 1.16rem;
    letter-spacing: 0.23rem;
}

li.nav-item.active {
    position: relative;
}


/* BODY */


.body-content .column{		
	opacity:0;
}

.column .pic{
	background:url(/img/foto/20850982616441129.jpg) center no-repeat;
	background-size:cover;
	height:95%; width:95%;
	display:inline-block;
	position:relative;
}
.column .pic:hover{
	cursor:pointer;
}

.body-content.active .column{
	opacity:1;
}

.body-content .column .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
	
	background-position:bottom;
	background-repeat:repeat-x;
    opacity:0;
}
.body-content .column.active .mask{
    opacity: 1;
}

.mask-container {
    position: relative;
    width: 100%;
    height: 100%;
}





.body-content .column .mask .mask-detail-title{
    top: 40px;
}
.body-content .column.active .mask .mask-detail-title{
    top: 20px;
}

.body-content .column .mask .mask-detail-subtitle{
    bottom: 40px;
}
.body-content .column.active .mask .mask-detail-subtitle{
    bottom: 20px;
}
.mask-detail-title, .mask-detail-subtitle {
    position: absolute;
    width: 100%;
    text-align: center;    
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
}
.mask-detail-subtitle .caret-down{
	background:center url(../img/angle-arrow-down.svg) no-repeat;
	width:75px;
	height:40px;
	background-size:auto 100%;
	display: inline-block;
}
.mask-detail-subtitle span {
    display: block;
}

.body-frontone img {
    width: 100%;
}

.body-frontone {
    margin-top: 40px;
	position:relative;
}
.gradient{
	position:absolute;
	bottom:0;
	width:100%;
	height:100px;
	background-image:url(../img/home-gradient.png);
	background-repeat:repeat-x;
    background-size: contain;
}
.page-content {
    margin: 50px 0;
}

.columnContainer{
	margin:0 5px;
}
.homepage_squares a{
	color:#323232;
}

/* Footer */
.footer{
    
}
.footer-menu {
    padding: 50px 0;
    border-top: 1px dotted #f2f2f2;
    border-bottom: 1px dotted #f2f2f2;
}
.footer-menu a{    
	font-size:0.9rem;
	color: rgba(0,0,0,.5);	
}
.footer a.active{
    color: rgba(0,0,0,.9);
}
.footer a.navbar-brand .title {
    font-size: 1.3rem;
}
.footer a.navbar-brand .subtitle {
    font-size: 0.7rem;
	letter-spacing: 0.17rem;
	text-align:center;
}
.footer .align-middle a {
    color: rgba(0,0,0,.5);
    font-size: 0.9rem;
    display: inline-block;
    /* height: 20px; */
    padding: 20px;
}
.footer-sub {
    color: rgba(0,0,0,.5);
    font-size: 0.8rem;
    text-align: center;
    padding: 40px 0;
}
.footer-sub a{
	color: rgba(0,0,0,.5);
}


/* Transition */

.body-content .column, 
.body-content .mask, 
.mask-detail-title, .mask-detail-subtitle
{		
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;	
}