@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/*
==============================================
1.Reset
==============================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button,
body{font-family: 'Open Sans', sans-serif;}
*{margin:0;padding:0}
html,body{height:100% !important;}
/**/
#linha{width:100%;max-width:1920px;min-height:15px;margin:0 auto;transition:all .3s !important;/*border:1px solid #eeee;*/}
#coluna{width:60%;min-height:32px;margin:0 auto;transition:all .3s !important;/*border:1px solid #eeee;*/}
/**/
.bgParallax{
    width:100%;
    min-height:100%;
	position:relative;
    background-position:50% 0;
    background-repeat:repeat;
    background-attachment:fixed;
	background-size:cover !important;
	}
/**/
.hoverzoom {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.hoverzoom img {
    width: 100%; 
    border-radius: 2px;
    -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.hoverzoom .retina{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
    border-radius: 2px;
    text-align: center;
    padding: 30px;

    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
    opacity: 1;
    box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5);
    
}
.hoverzoom .retina h1{
	margin:0 auto;
	margin-top:40%;
	color: #fff !important;
}
/**/
/* MOBILE */
@media screen and (min-width:1px) and (max-width:1024px){
	#coluna{min-width:92% !important}
	.carousel-caption h1{font-size:1.4em !important;text-shadow: 5px 5px 5px rbga(0,0,2px,black);}
	.navbar-toggler{margin-top:35px !important}
	}
@media screen and (min-width:1025px){
	.carousel-caption h1{font-size:5em !important;text-shadow: 5px 5px 5px rbga(0,0,2px,black);}
	}