/*
*
*   Estes estilos são usados em várias páginas, cuidado a alterar!
*
*/


/* ===== RESET TAGS PADROES ===== */
	*{ box-sizing: border-box;}
	
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
	
	body { line-height: 1;}
	ol, ul { list-style: none; padding: 0}
	table { border-collapse: collapse; border-spacing: 0}
	a{text-decoration: none}
	a[href^=tel] { color: inherit; }

	header, section, footer{width: 100%}
	img{max-width: 100%; max-height: 100%;}
	b{font-family: montserrat-bold;}


/* ===== CONTAINER PADRAO 1200px ===== */
	.conteudo-center-1200, .container{width: 100%; max-width: 1200px; margin: 0 auto; height: 100%; box-sizing: border-box;}
	@media(max-width: 1300px){
		.conteudo-center-1200, .container{padding-right: 3% !important;padding-left: 3% !important;}
	}


/* ===== DISPLAYS  ===== */
	.display-none{display: none}
	.display-block{display: block}
	.display-inline{display: inline}
	.display-inline-block{display: inline-block}
	.display-flex, .flex{display: flex;}
	
	/* Displays para Mobile */
	.mobile-block,.mobile-flex{display: none}
	@media(max-width: 990px){
		.mobile-block{display: block}
		.mobile-flex{display: flex}
		.mobile-none{display: none !important}
	}


/* ===== POSITIONS ===== */
    .position-relative{position: relative}.position-absolute{position: absolute}.position-static{position: static}.position-fixed{position: fixed}
    .position-absolute-left-top{position: absolute; left: 0; top: 0}
    .position-absolute-left-bottom{position: absolute; left: 0; bottom: 0}
    .position-absolute-right-top{position: absolute; right: 0; top: 0}
    .position-absolute-right-bottom{position: absolute; right: 0; bottom: 0}
    .position-fixed-menu{position: fixed; left: 0; top: 0; z-index: 9999; transition: top 0.3s;}	


/* ===== CORES ==== */
	/* Texto */
	.c-white{color: #fff}
	.c-black{color: #000}
	
	/* Background */
	.bg-white{background: #fff}
	.bg-black{background: #000}


/* ===== TEXTOS ===== */
    /* Alinhamento */
	.text-center{text-align: center}.text-right{text-align: right}.text-left{text-align: left}

    /* Font Family Montserrat */
	.ff-ml{font-family: montserrat-light}.ff-mr{font-family: montserrat-regular}.ff-mm{font-family: montserrat-medium}.ff-msb{font-family: montserrat-semibold}.ff-mb{font-family: montserrat-bold}.ff-meb{font-family: montserrat-extrabold}.ff-mbk{font-family: montserrat-black}

	/* Font Size */
	.fz-10{font-size: 10px}.fz-11{font-size: 11px}.fz-12{font-size: 12px}.fz-13{font-size: 13px}.fz-14{font-size: 14px}.fz-15{font-size: 15px}.fz-16{font-size: 16px}.fz-17{font-size: 17px}.fz-18{font-size: 18px}.fz-19{font-size: 19px}.fz-20{font-size: 20px}.fz-21{font-size: 21px}.fz-22{font-size: 22px}.fz-23{font-size: 23px}.fz-24{font-size: 24px}.fz-25{font-size: 25px}.fz-26{font-size: 26px}.fz-27{font-size: 27px}.fz-28{font-size: 28px}.fz-29{font-size: 29px}.fz-30{font-size: 30px}.fz-31{font-size: 31px}.fz-32{font-size: 32px}.fz-33{font-size: 33px}.fz-34{font-size: 34px}.fz-35{font-size: 35px}.fz-36{font-size: 36px}.fz-37{font-size: 37px}.fz-38{font-size: 38px}.fz-39{font-size: 39px}.fz-40{font-size: 40px}.fz-41{font-size: 41px}.fz-42{font-size: 42px}.fz-43{font-size: 43px}.fz-44{font-size: 44px}.fz-45{font-size: 45px}.fz-46{font-size: 46px}.fz-47{font-size: 47px}.fz-48{font-size: 48px}.fz-49{font-size: 49px}.fz-50{font-size: 50px}.fz-51{font-size: 51px}.fz-52{font-size: 52px}.fz-53{font-size: 53px}.fz-54{font-size: 54px}.fz-55{font-size: 55px}.fz-56{font-size: 56px}.fz-57{font-size: 57px}.fz-58{font-size: 58px}.fz-59{font-size: 59px}.fz-60{font-size: 60px}.fz-61{font-size: 61px}.fz-62{font-size: 62px}.fz-63{font-size: 63px}.fz-64{font-size: 64px}.fz-65{font-size: 65px}.fz-66{font-size: 66px}.fz-67{font-size: 67px}.fz-68{font-size: 68px}.fz-69{font-size: 69px}.fz-70{font-size: 70px}.fz-71{font-size: 71px}.fz-72{font-size: 72px}.fz-73{font-size: 73px}.fz-74{font-size: 74px}.fz-75{font-size: 75px}.fz-76{font-size: 76px}.fz-77{font-size: 77px}.fz-78{font-size: 78px}.fz-79{font-size: 79px}.fz-80{font-size: 80px}
    
	/* Line Height */
	.lh-20{line-height:20px}.lh-21{line-height:21px}.lh-22{line-height:22px}.lh-23{line-height:23px}.lh-24{line-height:24px}.lh-25{line-height:25px}.lh-26{line-height:26px}.lh-27{line-height:27px}.lh-28{line-height:28px}.lh-29{line-height:29px}.lh-30{line-height:30px}


/* ===== DIMENSÕES ===== */
	/* Largura */
	.col{width: 100%;}
	.col-2{width: calc(100% / 2)}
	.col-3{width: calc(100% / 3)}
	.col-4{width: calc(100% / 4)}
	.col-5{width: calc(100% / 5)}

	/* Altura */
	.h100{height: 100%;}
	.h50{height: 50%;}


/* ===== FLEXBOX ===== */
    .flex1{flex: 1;}
    .flex1-5{flex: 1.5;}
    .flex2{flex: 2;}
	
    .flex-wrap{flex-wrap: wrap;}
    .flex-nowrap{flex-wrap: nowrap;}
	
	.flex-align-center{align-items: center}
	.flex-align-start{align-items: flex-start}
	.flex-align-end{align-items: flex-end}
	
	.flex-justify-center{justify-content: center}
	.flex-justify-between{justify-content: space-between}
	.flex-justify-start{justify-content: flex-start}
	.flex-justify-end{justify-content: flex-end}
	
	.flex-center-start{display: flex; align-items: center; justify-content: flex-start}
	.flex-center-center{display: flex; align-items: center; justify-content: center}
	.flex-center-end{display: flex; align-items: center; justify-content: flex-end}
	.flex-center-between{display: flex; align-items: center; justify-content: space-between}
	
	.flex-start-start{display: flex; align-items: flex-start; justify-content: flex-start}
	.flex-start-center{display: flex; align-items: flex-start; justify-content: center}
	.flex-start-end{display: flex; align-items: flex-start; justify-content: flex-end}
	.flex-start-between{display: flex; align-items: flex-start; justify-content: space-between}
	
	.flex-end-start{display: flex; align-items: flex-end; justify-content: flex-start}
	.flex-end-center{display: flex; align-items: flex-end; justify-content: center}
	.flex-end-end{display: flex; align-items: flex-end; justify-content: flex-end}
	.flex-end-between{display: flex; align-items: flex-end; justify-content: space-between}
	
	.flex-self-start{display: flex; align-self: flex-start}
	.flex-self-center{display: flex; align-self: center}
	.flex-self-end{display: flex; align-self: flex-end}
	
	/* Ordem dos Elementos */
	.order0{order: 0}
	.order1{order: 1}
	.order2{order: 2}
	.order3{order: 3}
	.order4{order: 4}
	.order5{order: 5}
	
	/* Direção Coluna */
	.flex-column, .flex-column-m{flex-direction: column}
	.flex-row, .flex-row-m{flex-direction: row}
	.flex-column-reverse{flex-direction: column-reverse}
	.flex-row-reverse{flex-direction: row-reverse}
	@media(max-width: 990px){
		.flex-column-m{flex-direction: row}
		.flex-column-reverse-m{flex-direction: row-reverse}
		.flex-row-m{flex-direction: column}
		.flex-row-reverse-m{flex-direction: column-reverse}
	}


/* ===== ESTRUTURAS PADROES ===== */
	.flex-galeria-between{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
	.flex-galeria-center{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
	.flex-lista{display: flex; flex-direction: column; align-items: center; justify-content: center}
	@media(max-width: 990px){
		.flex-galeria-between{justify-content: center}
	}