/**
 * CSS de estilo e interface
 * @version Beta v0.4
 * @date 28.Jun.2017
 * @author Márcio Camargo.
 * @email marcio@formiganegocios.com.br

 * ----------------------------------------------------------
 *	LIMITES DE DISPOSITIVOS:
 *	DESKTOP: Acima de 840px;
 *	TABLE: Entre 480px e 840px;
 *	PHONE: Abaixo de 480px;
  
 * ----------------------------------------------------------
 * ABBREVIATIONS
 * BG 		- Backgrounds
 * POS 		- Position
 * PAD 		- Padding
 
 * ----------------------------------------------------------
 * CONTENT SIZES
 *	mini
 *	small
 *	medium
 *	big
 *	massive

 * ----------------------------------------------------------
 * SEÇÕES
 * - Typography
 *    |- family
 *    |- text align
 *    |- font size
 * - Colors and Backgrounds
 * - Effects
 * - Align
 * - Position
 * - Padding
 * - Margin
 */

/* font family */
/*
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);

*{
    font-family: "Roboto Slab", 'sans-serif';
    line-height: 150%;
    text-decoration: none;
	}
*/

/* ---------------------------------
Links visitados
--------------------------------- */
/* font family */
.hide{
	display: none;
	}
.block{
	display: block !important;
	}

.test_border{
	border:solid 1px #F60;
	}

/* ---------------------------------
TYPOGRAPHY
--------------------------------- */

.hide{
	display: none ! important;
	}

.test_border{
	border:solid 1px #F60;
	}

/* ---------------------------------
TYPOGRAPHY
--------------------------------- */
.font-upper{ 	text-transform: uppercase !important; }
.font-lower{ 	text-transform: lowercase !important; }
.bold{ 			font-weight: 700 !important; }
.bolder{ 		font-weight: 900 !important; }
.light{ 		font-weight: 300 !important; }
.italic{ 		font-style: italic !important; }
.link{ 			text-decoration: none !important; }
.link:hover{ 	text-decoration: underline !important; }

.ellipsis{
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	}

.text-paragraph-mini{ 		line-height: 90% !important; }
.text-paragraph-small{ 		line-height: 95% !important; }
.text-paragraph-medium,
.text-paragraph-normal{ 	line-height: 120% !important; }
.text-paragraph-big{ 		line-height: 140% !important; }
.text-paragraph-massive{ 	line-height: 200% !important; }

.text-column {
    -webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;
    -webkit-column-gap: 60px; 
    -moz-column-gap: 60px; 
    column-gap: 60px;
    -webkit-column-rule: 1px solid #DDD; 
    -moz-column-rule: 1px solid #DDD; 
    column-rule: 1px solid #DDD;
    }

@media (max-width: 480px) {

	.text-column {
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
        -webkit-column-gap: 30px; 
        -moz-column-gap: 30px; 
        column-gap: 30px;
        }

	}

@media (min-width: 481px) and (max-width: 840px) {

	.text-column {
        -webkit-column-count: 2; 
        -moz-column-count: 2; 
        column-count: 2;
        }

	}

/* text align */
.text-l{ text-align: left;}
.text-c{ text-align: center;}
.text-r{ text-align: right;}

@media (max-width: 480px) {
	.phone-text-l{ text-align: left;}
	.phone-text-c{ text-align: center;}
	.phone-text-r{ text-align: right;}
	}

@media (min-width: 481px) and (max-width: 840px) {
	.tablet-text-l{ text-align: left;}
	.tablet-text-c{ text-align: center;}
	.tablet-text-r{ text-align: right;}
	}

@media (min-width: 841px) {
	.desktop-text-l{ text-align: left;}
	.desktop-text-c{ text-align: center;}
	.desktop-text-r{ text-align: right;}
	}

/* font size */
/* font size */
.font-size-1,
.font-size-2,
.font-size-3,
.font-size-4,
.font-size-5,
.font-size-6,
.font-size-7,
.font-size-8,
.font-size-9,
.font-size-10{
	margin: 0px;
	}

.font-size-1{ 				font-size: 80%; }
.font-size-2{ 				font-size: 90%; }
.font-size-3{ 				font-size: 95%; }
.font-size-4{ 				font-size: 100%; }
.font-size-5{ 				font-size: 120%; }
.font-size-6{ 				font-size: 150%; }
.font-size-7{ 				font-size: 200%; }
.font-size-8{ 				font-size: 300%; letter-spacing: -1px; }
.font-size-9{ 				font-size: 400%; letter-spacing: -2px; }
.font-size-10{ 				font-size: 500%; letter-spacing: -3px; }

@media (max-width: 480px) {
	.phone-font-size-1{ 				font-size: 80%; }
	.phone-font-size-2{ 				font-size: 90%; }
	.phone-font-size-3{ 				font-size: 95%; }
	.phone-font-size-4{ 				font-size: 105%; }
	.phone-font-size-5{ 				font-size: 120%; }
	.phone-font-size-6{ 				font-size: 150%; }
	.phone-font-size-7{ 				font-size: 200%; }
	.phone-font-size-8{ 				font-size: 250%; }
	.phone-font-size-9{ 				font-size: 300%; }
	.phone-font-size-10{ 				font-size: 400%; }
	}

@media (min-width: 481px) and (max-width: 840px) {
	.tablet-font-size-1{ 				font-size: 80%; }
	.tablet-font-size-2{ 				font-size: 90%; }
	.tablet-font-size-3{ 				font-size: 95%; }
	.tablet-font-size-4{ 				font-size: 105%; }
	.tablet-font-size-5{ 				font-size: 120%; }
	.tablet-font-size-6{ 				font-size: 150%; }
	.tablet-font-size-7{ 				font-size: 200%; }
	.tablet-font-size-8{ 				font-size: 250%; }
	.tablet-font-size-9{ 				font-size: 300%; }
	.tablet-font-size-10{ 				font-size: 400%; }
	}

@media (min-width: 841px) {
	.desktop-font-size-1{ 				font-size: 80%;  }
	.desktop-font-size-2{ 				font-size: 90%;  }
	.desktop-font-size-3{ 				font-size: 95%; }
	.desktop-font-size-4{ 				font-size: 105%; }
	.desktop-font-size-5{ 				font-size: 120%; }
	.desktop-font-size-6{ 				font-size: 150%; }
	.desktop-font-size-7{ 				font-size: 200%; }
	.desktop-font-size-8{ 				font-size: 250%; }
	.desktop-font-size-9{ 				font-size: 350%; letter-spacing: -2px; }
	.desktop-font-size-10{ 				font-size: 500%; }
	}

/* ---------------------------------
COLORS AND BACKGROUNDS
--------------------------------- */
/* document colors */
.bg-white{ 			background-color: #FFFFFF !important;  } 
.bg-black{			background-color: #111111 !important;  } 

a.bg-white:hover{ 	background-color: #EFEFEF !important;  } 
a.bg-black:hover{	background-color: #000000 !important;  } 

.white{ 			color: #FFFFFF !important;  } 
.black{				color: #222222 !important;  } 

a.white:hover{ 		color: #EFEFEF !important;  } 
a.black:hover{		color: #000000 !important;  }

/* color pattern */
/* ---------------------------------
catalog -> https://www.google.com/design/spec/style/color.html#color-color-palette
--------------------------------- */

.red{ 					color: #F44336; }
.red-light{ 			color: #EF9A9A; }
.red-dark{ 				color: #B71C1C; }

.pink{					color: #E91E63; }
.pink-light{			color: #F48FB1; }
.pink-dark{				color: #880E4F; }

.purple{				color: #9C27B0; }
.purple-light{			color: #9C27B0; }
.purple-dark{			color: #4A148C; }

.deep-purple{			color: #673AB7; }
.deep-purple-light{		color: #B39DDB; }
.deep-purple-dark{		color: #311B92; }

.indigo{				color: #3F51B5; }
.indigo-light{			color: #9FA8DA; }
.indigo-dark{			color: #1A237E; }

.blue{					color: #2196F3; }
.blue-light{			color: #90CAF9; }
.blue-dark{				color: #0D47A1; }

.light-blue{			color: #03A9F4; }
.light-blue-light{		color: #81D4FA; }
.light-blue-dark{		color: #01579B; }

.cyan{					color: #00BCD4; }
.cyan-light{			color: #80DEEA; }
.cyan-dark{				color: #006064; }

.teal{					color: #009688; }
.teal-light{			color: #80CBC4; }
.teal-dark{				color: #004D40; }

.green{					color: #4CAF50; }
.green-light{			color: #A5D6A7; }
.green-dark{			color: #1B5E20; }

.light-green{			color: #8BC34A; }
.light-green-light{		color: #C5E1A5; }
.light-green-dark{		color: #33691E; }

.lime{					color: #CDDC39; }
.lime-light{			color: #E6EE9C; }
.lime-dark{				color: #827717; }

.yellow{				color: #FFEB3B; }
.yellow-light{			color: #FFF59D; }
.yellow-dark{			color: #A38F17; }

.amber{					color: #FFC107; }
.amber-light{			color: #FFE082; }
.amber-dark{			color: #FF6F00; }

.orange{				color: #FF9800; }
.orange-light{			color: #FFCC80; }
.orange-dark{			color: #E65100; }

.deep_orange{			color: #FF5722; }
.deep_orange-light{		color: #FFAB91; }
.deep_orange-dark{		color: #BF360C; }

.brown{					color: #795548; }
.brown-light{			color: #BCAAA4; }
.brown-dark{			color: #3E2723; }

.grey{					color: #9E9E9E; }
.grey-light{			color: #EEEEEE; }
.grey-dark{				color: #212121; }

.blue-grey{				color: #607D8B; }
.blue-grey-light{		color: #B0BEC5; }
.blue-grey-dark{		color: #263238; }


.bg-red{ 				background-color: #F44336; }
.bg-red-light{ 			background-color: #EF9A9A; }
.bg-red-dark{ 			background-color: #B71C1C; }

.bg-pink{				background-color: #E91E63; }
.bg-pink-light{			background-color: #F48FB1; }
.bg-pink-dark{			background-color: #880E4F; }

.bg-purple{				background-color: #9C27B0; }
.bg-purple-light{		background-color: #9C27B0; }
.bg-purple-dark{		background-color: #4A148C; }

.bg-deep-purple{		background-color: #673AB7; }
.bg-deep-purple-light{	background-color: #B39DDB; }
.bg-deep-purple-dark{	background-color: #311B92; }

.bg-indigo{				background-color: #3F51B5; }
.bg-indigo-light{		background-color: #9FA8DA; }
.bg-indigo-dark{		background-color: #1A237E; }

.bg-blue{				background-color: #2196F3; }
.bg-blue-light{			background-color: #90CAF9; }
.bg-blue-dark{			background-color: #0D47A1; }

.bg-light-blue{			background-color: #03A9F4; }
.bg-light-blue-light{	background-color: #81D4FA; }
.bg-light-blue-dark{	background-color: #01579B; }

.bg-cyan{				background-color: #00BCD4; }
.bg-cyan-light{			background-color: #80DEEA; }
.bg-cyan-dark{			background-color: #006064; }

.bg-teal{				background-color: #009688; }
.bg-teal-light{			background-color: #80CBC4; }
.bg-teal-dark{			background-color: #004D40; }

.bg-green{				background-color: #4CAF50; }
.bg-green-light{		background-color: #A5D6A7; }
.bg-green-dark{			background-color: #1B5E20; }

.bg-light-green{		background-color: #8BC34A; }
.bg-light-green-light{	background-color: #C5E1A5; }
.bg-light-green-dark{	background-color: #33691E; }

.bg-lime{				background-color: #CDDC39; }
.bg-lime-light{			background-color: #E6EE9C; }
.bg-lime-dark{			background-color: #827717; }

.bg-yellow{				background-color: #FFEB3B; }
.bg-yellow-light{		background-color: #FFF59D; }
.bg-yellow-dark{		background-color: #A38F17; }

.bg-amber{				background-color: #FFC107; }
.bg-amber-light{		background-color: #FFE082; }
.bg-amber-dark{			background-color: #FF6F00; }

.bg-orange{				background-color: #FF9800; }
.bg-orange-light{		background-color: #FFCC80; }
.bg-orange-dark{		background-color: #E65100; }

.bg-deep_orange{		background-color: #FF5722; }
.bg-deep_orange-light{	background-color: #FFAB91; }
.bg-deep_orange-dark{	background-color: #BF360C; }

.bg-brown{				background-color: #795548; }
.bg-brown-light{		background-color: #BCAAA4; }
.bg-brown-dark{			background-color: #3E2723; }

.bg-grey{				background-color: #9E9E9E; }
.bg-grey-light{			background-color: #EEEEEE; }
.bg-grey-dark{			background-color: #212121; }

.bg-blue-grey{			background-color: #607D8B; }
.bg-blue-grey-light{	background-color: #B0BEC5; }
.bg-blue-grey-dark{		background-color: #263238; }

.parallax { 
    /* 
    background-image: url("img_parallax.jpg"); 
    height: 500px; 
    */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-cover{
	/* background-image:url(http://192.168.1.12/mototour/fotos/noticias/0_teste-de-noticia.jpg); */
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.bg-cover-gradient{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0,0,0,0), endColorstr=rgba(0,0,0,100)); 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,100))); 
	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,100));
	}

.bg-auto{
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	}

.gradient{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD)); 
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	}

.opacity-10{
	filter: Alpha(Opacity=10);
	opacity: .1;
	}
.opacity-20{
	filter: Alpha(Opacity=20);
	opacity: .2;
	}
.opacity-30{
	filter: Alpha(Opacity=30);
	opacity: .3;
	}
.opacity-40{
	filter: Alpha(Opacity=40);
	opacity: .4;
	}
.opacity-50{
	filter: Alpha(Opacity=50);
	opacity: .5;
	}
.opacity-60{
	filter: Alpha(Opacity=60);
	opacity: .6;
	}
.opacity-70{
	filter: Alpha(Opacity=70);
	opacity: .7;
	}
.opacity-80{
	filter: Alpha(Opacity=80);
	opacity: .8;
	}
.opacity-90{
	filter: Alpha(Opacity=90);
	opacity: .9;
	}

/* ---------------------------------
BORDERS
--------------------------------- */
.division > *{
	border-left: solid 1px rgba(255, 255, 255, .5);
	border-right: solid 1px rgba(0, 0, 0, .05);
	}
.division > *:first-child{
	border-left: none;
	}
.division > *:last-child{
	border-right: none;
	}

.division-h{
	height: 2px;
	border-top:solid 1px rgba(0, 0, 0, .05);
	border-bottom:solid 1px rgba(255, 255, 255, .5);
	}

.border-0{ border:solid 0px;}
.border-1{ border:solid 1px;}
.border-2{ border:solid 2px;}
.border-3{ border:solid 3px;}
.border-4{ border:solid 4px;}
.border-5{ border:solid 5px;}

@media (max-width: 480px) {
	.phone-border-0{ border:solid 0px;}
	.phone-border-1{ border:solid 1px;}
	.phone-border-2{ border:solid 2px;}
	.phone-border-3{ border:solid 3px;}
	.phone-border-4{ border:solid 4px;}
	.phone-border-5{ border:solid 5px;}
	}

@media (min-width: 481px) and (max-width: 840px) {
	.tablet-border-0{ border:solid 0px;}
	.tablet-border-1{ border:solid 1px;}
	.tablet-border-2{ border:solid 2px;}
	.tablet-border-3{ border:solid 3px;}
	.tablet-border-4{ border:solid 4px;}
	.tablet-border-5{ border:solid 5px;}
	}

@media (min-width: 840px) {
	.desktop-border-0{ border:solid 0px;}
	.desktop-border-1{ border:solid 1px;}
	.desktop-border-2{ border:solid 2px;}
	.desktop-border-3{ border:solid 3px;}
	.desktop-border-4{ border:solid 4px;}
	.desktop-border-5{ border:solid 5px;}
	}

.border-t-1{ border-top:solid 1px;}
.border-t-2{ border-top:solid 2px;}
.border-t-3{ border-top:solid 3px;}
.border-t-4{ border-top:solid 4px;}
.border-t-5{ border-top:solid 5px;}

.border-r-1{ border-right:solid 1px;}
.border-r-2{ border-right:solid 2px;}
.border-r-3{ border-right:solid 3px;}
.border-r-4{ border-right:solid 4px;}
.border-r-5{ border-right:solid 5px;}

.border-b-1{ border-bottom:solid 1px;}
.border-b-2{ border-bottom:solid 2px;}
.border-b-3{ border-bottom:solid 3px;}
.border-b-4{ border-bottom:solid 4px;}
.border-b-5{ border-bottom:solid 5px;}

.border-l-1{ border-left:solid 1px;}
.border-l-2{ border-left:solid 2px;}
.border-l-3{ border-left:solid 3px;}
.border-l-4{ border-left:solid 4px;}
.border-l-5{ border-left:solid 5px;}

.border-color-white{ 				border-color: #FFFFFF; }
.border-color-black{ 				border-color: #111111; }

.border-color-red{ 					border-color: #F44336; }
.border-color-red-light{ 			border-color: #EF9A9A; }
.border-color-red-dark{ 			border-color: #B71C1C; }

.border-color-pink{					border-color: #E91E63; }
.border-color-pink-light{			border-color: #F48FB1; }
.border-color-pink-dark{			border-color: #880E4F; }

.border-color-purple{				border-color: #9C27B0; }
.border-color-purple-light{			border-color: #9C27B0; }
.border-color-purple-dark{			border-color: #4A148C; }

.border-color-deep-purple{			border-color: #673AB7; }
.border-color-deep-purple-light{	border-color: #B39DDB; }
.border-color-deep-purple-dark{		border-color: #311B92; }

.border-color-indigo{				border-color: #3F51B5; }
.border-color-indigo-light{			border-color: #9FA8DA; }
.border-color-indigo-dark{			border-color: #1A237E; }

.border-color-blue{					border-color: #2196F3; }
.border-color-blue-light{			border-color: #90CAF9; }
.border-color-blue-dark{			border-color: #0D47A1; }

.border-color-light-blue{			border-color: #03A9F4; }
.border-color-light-blue-light{		border-color: #81D4FA; }
.border-color-light-blue-dark{		border-color: #01579B; }

.border-color-cyan{					border-color: #00BCD4; }
.border-color-cyan-light{			border-color: #80DEEA; }
.border-color-cyan-dark{			border-color: #006064; }

.border-color-teal{					border-color: #009688; }
.border-color-teal-light{			border-color: #80CBC4; }
.border-color-teal-dark{			border-color: #004D40; }

.border-color-green{				border-color: #4CAF50; }
.border-color-green-light{			border-color: #A5D6A7; }
.border-color-green-dark{			border-color: #1B5E20; }

.border-color-light-green{			border-color: #8BC34A; }
.border-color-light-green-light{	border-color: #C5E1A5; }
.border-color-light-green-dark{		border-color: #33691E; }

.border-color-lime{					border-color: #CDDC39; }
.border-color-lime-light{			border-color: #E6EE9C; }
.border-color-lime-dark{			border-color: #827717; }

.border-color-yellow{				border-color: #FFEB3B; }
.border-color-yellow-light{			border-color: #FFF59D; }
.border-color-yellow-dark{			border-color: #A38F17; }

.border-color-amber{				border-color: #FFC107; }
.border-color-amber-light{			border-color: #FFE082; }
.border-color-amber-dark{			border-color: #FF6F00; }

.border-color-orange{				border-color: #FF9800; }
.border-color-orange-light{			border-color: #FFCC80; }
.border-color-orange-dark{			border-color: #E65100; }

.border-color-deep_orange{			border-color: #FF5722; }
.border-color-deep_orange-light{	border-color: #FFAB91; }
.border-color-deep_orange-dark{		border-color: #BF360C; }

.border-color-brown{				border-color: #795548; }
.border-color-brown-light{			border-color: #BCAAA4; }
.border-color-brown-dark{			border-color: #3E2723; }

.border-color-grey{					border-color: #9E9E9E; }
.border-color-grey-light{			border-color: #EEEEEE; }
.border-color-grey-dark{			border-color: #212121; }

.border-color-blue-grey{			border-color: #607D8B; }
.border-color-blue-grey-light{		border-color: #B0BEC5; }
.border-color-blue-grey-dark{		border-color: #263238; }

/* ---------------------------------
EFFECTS
--------------------------------- */

/* shadows */
.shadow{
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	}

.shadow-mini{
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
.shadow-small{
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	}
.shadow-medium{
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	}
.shadow-big{
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3); 
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	}
.shadow-massive{
	-moz-box-shadow: 3px 3px 14px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 3px 3px 14px rgba(0,0,0,0.3); 
	box-shadow: 3px 3px 14px rgba(0,0,0,0.3);
	}

.text-shadow{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	}

/* rounded */
.rounded{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	}
.rounded-mini{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.rounded-small{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;		
	border-radius: 4px;
	}
.rounded-medium{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;		
	border-radius: 5px;
	}
.rounded-big{
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;		
	border-radius: 8px;
	}
.rounded-massive{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}

.circle{
	-moz-border-radius: 9999px; 
	-webkit-border-radius: 9999px;
	border-radius: 9999px;
	}

/* ---------------------------------
ALIGN
--------------------------------- */
.align-l,
.align-c,
.align-r,
.align-j,
.align-m{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.align-l{ -webkit-align-items: flex-start; align-items: flex-start; }
.align-c{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.align-r{ -webkit-justify-content: flex-end; justify-content: flex-end; }
.align-j{ -webkit-justify-content: space-between; justify-content: space-between; }
.align-m{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.align-h{ -webkit-flex-direction: row; flex-direction: row;	}
.align-v{ -webkit-flex-direction: column; flex-direction: column; }

@media (max-width: 480px) {
	.phone-align-l,
	.phone-align-c,
	.phone-align-r,
	.phone-align-j,
	.phone-align-m{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
	.phone-align-l{ -webkit-align-items: flex-start; align-items: flex-start; }
	.phone-align-c{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.phone-align-r{ -webkit-justify-content: flex-end; justify-content: flex-end; }
	.phone-align-j{ -webkit-justify-content: space-between; justify-content: space-between; }
	.phone-align-m{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.phone-align-h{ -webkit-flex-direction: row; flex-direction: row; }
	.phone-align-v{ -webkit-flex-direction: column; flex-direction: column; }
	}

@media (min-width: 481px) and (max-width: 840px) {
	.tablet-align-l,
	.tablet-align-c,
	.tablet-align-r,
	.tablet-align-j
	.tablet-align-m{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
	.tablet-align-l{ -webkit-align-items: flex-start; align-items: flex-start; }
	.tablet-align-c{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.tablet-align-r{ -webkit-justify-content: flex-end; justify-content: flex-end; }
	.tablet-align-j{ -webkit-justify-content: space-between; justify-content: space-between; }
	.tablet-align-m{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.tablet-align-h{ -webkit-flex-direction: row; flex-direction: row; }
	.tablet-align-v{ -webkit-flex-direction: column; flex-direction: column; }
	}

@media (min-width: 841px) {
	.desktop-align-l,
	.desktop-align-c,
	.desktop-align-r,
	.desktop-align-j,
	.desktop-align-m{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
	.desktop-align-l{ -webkit-align-items: flex-start; align-items: flex-start; }
	.desktop-align-c{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.desktop-align-r{ -webkit-justify-content: flex-end; justify-content: flex-end; }
	.desktop-align-j{ -webkit-justify-content: space-between; justify-content: space-between; }
	.desktop-align-m{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
	.desktop-align-h{ -webkit-flex-direction: row; flex-direction: row; }
	.desktop-align-v{ -webkit-flex-direction: column; flex-direction: column; }	
	}

/* ---------------------------------
POSITION
.pos-t-l -> Position top left
.pos-t-r -> Position top right
.pos-b-l -> Position bottom left
.pos-b-r -> Position bottom right
--------------------------------- */

.pos-full,
.pos-t-l,
.pos-t-r,
.pos-t-c,
.pos-b-l,
.pos-b-r,
.pos-b-c,
.pos-r-c,
.pos-l-c,
.phone-pos-full,
.phone-pos-t-l,
.phone-pos-t-r,
.phone-pos-b-l,
.phone-pos-b-r,
.phone-pos-b-c,
.phone-pos-r-c,
.phone-pos-l-c,
.phone-pos-middle,
.tablet-pos-full,
.tablet-pos-t-l,
.tablet-pos-t-r,
.tablet-pos-b-l,
.tablet-pos-b-r,
.tablet-pos-b-c,
.tablet-pos-r-c,
.tablet-pos-l-c,
.tablet-pos-middle,
.desktop-pos-full,
.desktop-pos-t-l,
.desktop-pos-t-r,
.desktop-pos-t-c,
.desktop-pos-b-l,
.desktop-pos-b-r,
.desktop-pos-b-c,
.desktop-pos-r-c,
.desktop-pos-l-c,
.desktop-pos-middle{
	position: absolute;
	}

.pos-relative{ position: relative !important; }
.pos-full{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
.pos-t-l{ top: 0px; left: 0px; }
.pos-t-r{ top: 0px; right: 0px; }
.pos-t-c{ 
	top: 0px; left: 50%; 
	-ms-transform: translate(-50%, 0); /* IE 9 */
   	-webkit-transform: translate(-50%, 0); /* Safari */
    transform: translate(-50%, 0);
	}

.pos-b-l{ bottom: 0px; left: 0px; }
.pos-b-r{ right: 0px; bottom: 0px; }
.pos-b-c{ 
	bottom: 0px; left: 50%; 
	-ms-transform: translate(-50%, 0); /* IE 9 */
   	-webkit-transform: translate(-50%, 0); /* Safari */
    transform: translate(-50%, 0);
	}

.pos-r-c{
	top: 50%; right: 0; 
	-ms-transform: translate(0, -50%); /* IE 9 */
   	-webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
	}
.pos-l-c{
	top: 50%; left: 0; 
	-ms-transform: translate(0, -50%); /* IE 9 */
   	-webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
	}

.pos-middle{
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
   	-webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
	}


.pos-t-5{ top: 5px; }
.pos-t-10{ top: 10px; }
.pos-r-5{ right: 5px; }
.pos-r-10{ right: 10px; }
.pos-b-5{ bottom: 5px; }
.pos-b-10{ bottom: 10px; }
.pos-l-5{ left: 5px; }
.pos-l-10{ left: 10px; }

@media (max-width: 480px) {
	.phone-pos-relative{ position: relative !important; }
	.phone-pos-full{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
	.phone-pos-t-l{ top: 0px; left: 0px; }
	.phone-pos-t-r{ top: 0px; right: 0px; }
	.phone-pos-t-c{ top: 0px; left: 50%; -ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); }
	.phone-pos-b-l{ bottom: 0px; left: 0px; }
	.phone-pos-b-r{ right: 0px; bottom: 0px; }	
	.phone-pos-b-c{ bottom: 0px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.phone-pos-r-c{ top: 50%; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.phone-pos-l-c{ top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.phone-pos-middle{ top: 50%; left: 50%; max-height: 100%; max-width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	}

@media (min-width: 481px) and (max-width: 840px) {
	.tablet-pos-relative{ position: relative !important; }
	.tablet-pos-full{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
	.tablet-pos-t-l{ top: 0px; left: 0px; }
	.tablet-pos-t-r{ top: 0px; right: 0px; }
	.tablet-pos-t-c{ top: 0px; left: 50%; -ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); }
	.tablet-pos-b-l{ bottom: 0px; left: 0px; }
	.tablet-pos-b-r{ right: 0px; bottom: 0px; }	
	.tablet-pos-b-c{ bottom: 0px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.tablet-pos-r-c{ top: 50%; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.tablet-pos-l-c{ top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.tablet-pos-middle{ top: 50%; left: 50%; max-height: 100%; max-width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	}

@media (min-width: 841px) {
	.desktop-pos-relative{ position: relative !important; }
	.desktop-pos-full{ top: 0px; right: 0px; bottom: 0px; left: 0px; }
	.desktop-pos-t-l{ top: 0px; left: 0px; }
	.desktop-pos-t-r{ top: 0px; right: 0px; }
	.desktop-pos-t-c{ top: 0px; left: 50%; -ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); }
	.desktop-pos-b-l{ bottom: 0px; left: 0px; }
	.desktop-pos-b-r{ right: 0px; bottom: 0px; }	
	.desktop-pos-b-c{ bottom: 0px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
	.desktop-pos-r-c{ top: 50%; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.desktop-pos-l-c{ top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.desktop-pos-middle{ top: 50%; left: 50%; max-height: 100%; max-width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	}

/* ---------------------------------
PADDING
--------------------------------- */
.pad-0{ 		padding: 0px; 	}
.pad-5{ 		padding: 5px; 	}
.pad-10{ 		padding: 10px; 	}
.pad-15{ 		padding: 15px; 	}
.pad-20{ 		padding: 20px; 	}
.pad-30{ 		padding: 30px; 	}
.pad-40{ 		padding: 40px; 	}

.pad-r-0{ 		padding-right: 0px; 	}
.pad-r-5{ 		padding-right: 5px; 	}
.pad-r-10{ 		padding-right: 10px; 	}
.pad-r-15{ 		padding-right: 15px; 	}
.pad-r-20{ 		padding-right: 20px; 	}
.pad-r-30{ 		padding-right: 30px; 	}
.pad-r-40{ 		padding-right: 40px; 	}

.pad-l-0{ 		padding-left: 0px; 		}
.pad-l-5{ 		padding-left: 5px; 		}
.pad-l-10{ 		padding-left: 10px; 	}
.pad-l-15{ 		padding-left: 15px; 	}
.pad-l-20{ 		padding-left: 20px; 	}
.pad-l-30{ 		padding-left: 30px; 	}
.pad-l-40{ 		padding-left: 40px; 	}

.pad-b-0{ 		padding-bottom: 0px; 	}
.pad-b-5{ 		padding-bottom: 5px; 	}
.pad-b-10{ 		padding-bottom: 10px; 	}
.pad-b-15{ 		padding-bottom: 15px; 	}
.pad-b-20{ 		padding-bottom: 20px; 	}
.pad-b-30{ 		padding-bottom: 30px; 	}
.pad-b-40{ 		padding-bottom: 40px; 	}

.pad-t-0{ 		padding-top: 0px; 		}
.pad-t-5{ 		padding-top: 5px; 		}
.pad-t-10{ 		padding-top: 10px; 		}
.pad-t-15{ 		padding-top: 15px; 		}
.pad-t-20{ 		padding-top: 20px; 		}
.pad-t-30{ 		padding-top: 30px; 		}
.pad-t-40{ 		padding-top: 40px; 		}

.pad-v-5{ 		padding: 5px 0px; 		}
.pad-v-10{ 		padding: 10px 0px; 		}
.pad-v-15{ 		padding: 15px 0px; 		}
.pad-v-20{ 		padding: 20px 0px; 		}
.pad-v-30{ 		padding: 30px 0px; 		}
.pad-v-40{ 		padding: 40px 0px; 		}

.pad-h-5{ 		padding: 0px 5px; 		}
.pad-h-10{ 		padding: 0px 10px; 		}
.pad-h-15{ 		padding: 0px 15px; 		}
.pad-h-20{ 		padding: 0px 20px; 		}
.pad-h-30{ 		padding: 0px 30px; 		}
.pad-h-40{ 		padding: 0px 40px; 		}

@media (max-width: 480px) {
	.phone-pad-5{ 		padding: 5px; 	}
	.phone-pad-10{ 		padding: 10px; 	}
	.phone-pad-15{ 		padding: 15px; 	}
	.phone-pad-20{ 		padding: 20px; 	}
	.phone-pad-30{ 		padding: 30px; 	}
	.phone-pad-40{ 		padding: 40px; 	}

	.phone-pad-r-0{ 	padding-right: 0px; 	}
	.phone-pad-r-5{ 	padding-right: 5px; 	}
	.phone-pad-r-10{ 	padding-right: 10px; 	}
	.phone-pad-r-15{ 	padding-right: 15px; 	}
	.phone-pad-r-20{ 	padding-right: 20px; 	}
	.phone-pad-r-30{ 	padding-right: 30px; 	}
	.phone-pad-r-40{ 	padding-right: 40px; 	}

	.phone-pad-l-0{ 	padding-left: 0px; 		}
	.phone-pad-l-5{ 	padding-left: 5px; 		}
	.phone-pad-l-10{ 	padding-left: 10px; 	}
	.phone-pad-l-15{ 	padding-left: 15px; 	}
	.phone-pad-l-20{ 	padding-left: 20px; 	}
	.phone-pad-l-30{ 	padding-left: 30px; 	}
	.phone-pad-l-40{ 	padding-left: 40px; 	}

	.phone-pad-b-0{ 	padding-bottom: 0px; 	}
	.phone-pad-b-5{ 	padding-bottom: 5px; 	}
	.phone-pad-b-10{ 	padding-bottom: 10px; 	}
	.phone-pad-b-15{ 	padding-bottom: 15px; 	}
	.phone-pad-b-20{ 	padding-bottom: 20px; 	}
	.phone-pad-b-30{ 	padding-bottom: 30px; 	}
	.phone-pad-b-40{ 	padding-bottom: 40px; 	}

	.phone-pad-t-0{ 	padding-top: 0px; 		}
	.phone-pad-t-5{ 	padding-top: 5px; 		}
	.phone-pad-t-10{ 	padding-top: 10px; 		}
	.phone-pad-t-15{ 	padding-top: 15px; 		}
	.phone-pad-t-20{ 	padding-top: 20px; 		}
	.phone-pad-t-30{ 	padding-top: 30px; 		}
	.phone-pad-t-40{ 	padding-top: 40px; 		}

	.phone-pad-v-5{ 	padding: 5px 0px; 		}
	.phone-pad-v-10{ 	padding: 10px 0px; 		}
	.phone-pad-v-15{ 	padding: 15px 0px; 		}
	.phone-pad-v-20{ 	padding: 20px 0px; 		}
	.phone-pad-v-30{ 	padding: 30px 0px; 		}
	.phone-pad-v-40{ 	padding: 40px 0px; 		}

	.phone-pad-h-5{ 	padding: 0px 5px; 		}
	.phone-pad-h-10{ 	padding: 0px 10px; 		}
	.phone-pad-h-15{ 	padding: 0px 15px; 		}
	.phone-pad-h-20{ 	padding: 0px 20px; 		}
	.phone-pad-h-30{ 	padding: 0px 30px; 		}
	.phone-pad-h-40{ 	padding: 0px 40px; 		}

	}

@media (min-width: 481px) and (max-width: 840px) {
	
	.tablet-pad-0{ 		padding: 0px; 	}
	.tablet-pad-5{ 		padding: 5px; 	}
	.tablet-pad-10{ 	padding: 10px; 	}
	.tablet-pad-15{ 	padding: 15px; 	}
	.tablet-pad-20{ 	padding: 20px; 	}
	.tablet-pad-30{ 	padding: 30px; 	}
	.tablet-pad-40{ 	padding: 40px; 	}

	.tablet-pad-r-0{ 	padding-right: 0px; 	}
	.tablet-pad-r-5{ 	padding-right: 5px; 	}
	.tablet-pad-r-10{ 	padding-right: 10px; 	}
	.tablet-pad-r-15{ 	padding-right: 15px; 	}
	.tablet-pad-r-20{ 	padding-right: 20px; 	}
	.tablet-pad-r-30{ 	padding-right: 30px; 	}
	.tablet-pad-r-40{ 	padding-right: 40px; 	}

	.tablet-pad-l-0{ 	padding-left: 0px; 		}
	.tablet-pad-l-5{ 	padding-left: 5px; 		}
	.tablet-pad-l-10{ 	padding-left: 10px; 	}
	.tablet-pad-l-15{ 	padding-left: 15px; 	}
	.tablet-pad-l-20{ 	padding-left: 20px; 	}
	.tablet-pad-l-30{ 	padding-left: 30px; 	}
	.tablet-pad-l-40{ 	padding-left: 40px; 	}

	.tablet-pad-b-0{ 	padding-bottom: 0px; 	}
	.tablet-pad-b-5{ 	padding-bottom: 5px; 	}
	.tablet-pad-b-10{ 	padding-bottom: 10px; 	}
	.tablet-pad-b-15{ 	padding-bottom: 15px; 	}
	.tablet-pad-b-20{ 	padding-bottom: 20px; 	}
	.tablet-pad-b-30{ 	padding-bottom: 30px; 	}
	.tablet-pad-b-40{ 	padding-bottom: 40px; 	}

	.tablet-pad-t-0{ 	padding-top: 0px; 		}
	.tablet-pad-t-5{ 	padding-top: 5px; 		}
	.tablet-pad-t-10{ 	padding-top: 10px; 		}
	.tablet-pad-t-15{ 	padding-top: 15px; 		}
	.tablet-pad-t-20{ 	padding-top: 20px; 		}
	.tablet-pad-t-30{ 	padding-top: 30px; 		}
	.tablet-pad-t-40{ 	padding-top: 40px; 		}

	.tablet-pad-v-5{ 	padding: 5px 0px; 		}
	.tablet-pad-v-10{ 	padding: 10px 0px; 		}
	.tablet-pad-v-15{ 	padding: 15px 0px; 		}
	.tablet-pad-v-20{ 	padding: 20px 0px; 		}
	.tablet-pad-v-30{ 	padding: 30px 0px; 		}
	.tablet-pad-v-40{ 	padding: 40px 0px; 		}

	.tablet-pad-h-5{ 	padding: 0px 5px; 		}
	.tablet-pad-h-10{ 	padding: 0px 10px; 		}
	.tablet-pad-h-15{ 	padding: 0px 15px; 		}
	.tablet-pad-h-20{ 	padding: 0px 20px; 		}
	.tablet-pad-h-30{ 	padding: 0px 30px; 		}
	.tablet-pad-h-40{ 	padding: 0px 40px; 		}

	}

@media (min-width: 841px) {

	.desktop-pad-0{ 	padding: 0px; 	}
	.desktop-pad-5{ 	padding: 5px; 	}
	.desktop-pad-10{ 	padding: 10px; 	}
	.desktop-pad-15{ 	padding: 15px; 	}
	.desktop-pad-20{ 	padding: 20px; 	}
	.desktop-pad-30{ 	padding: 30px; 	}
	.desktop-pad-40{ 	padding: 40px; 	}

	.desktop-pad-r-0{ 	padding-right: 0px; 	}
	.desktop-pad-r-5{ 	padding-right: 5px; 	}
	.desktop-pad-r-10{ 	padding-right: 10px; 	}
	.desktop-pad-r-15{ 	padding-right: 15px; 	}
	.desktop-pad-r-20{ 	padding-right: 20px; 	}
	.desktop-pad-r-30{ 	padding-right: 30px; 	}
	.desktop-pad-r-40{ 	padding-right: 40px; 	}

	.desktop-pad-l-0{ 	padding-left: 0px; 		}
	.desktop-pad-l-5{ 	padding-left: 5px; 		}
	.desktop-pad-l-10{ 	padding-left: 10px; 	}
	.desktop-pad-l-15{ 	padding-left: 15px; 	}
	.desktop-pad-l-20{ 	padding-left: 20px; 	}
	.desktop-pad-l-30{ 	padding-left: 30px; 	}
	.desktop-pad-l-40{ 	padding-left: 40px; 	}

	.desktop-pad-b-0{ 	padding-bottom: 0px; 	}
	.desktop-pad-b-5{ 	padding-bottom: 5px; 	}
	.desktop-pad-b-10{ 	padding-bottom: 10px; 	}
	.desktop-pad-b-15{ 	padding-bottom: 15px; 	}
	.desktop-pad-b-20{ 	padding-bottom: 20px; 	}
	.desktop-pad-b-30{ 	padding-bottom: 30px; 	}
	.desktop-pad-b-40{ 	padding-bottom: 40px; 	}

	.desktop-pad-t-0{ 	padding-top: 0px; 		}
	.desktop-pad-t-5{ 	padding-top: 5px; 		}
	.desktop-pad-t-10{ 	padding-top: 10px; 		}
	.desktop-pad-t-15{ 	padding-top: 15px; 		}
	.desktop-pad-t-20{ 	padding-top: 20px; 		}
	.desktop-pad-t-30{ 	padding-top: 30px; 		}
	.desktop-pad-t-40{ 	padding-top: 40px; 		}

	.desktop-pad-v-5{ 	padding: 5px 0px; 		}
	.desktop-pad-v-10{ 	padding: 10px 0px; 		}
	.desktop-pad-v-15{ 	padding: 15px 0px; 		}
	.desktop-pad-v-20{ 	padding: 20px 0px; 		}
	.desktop-pad-v-30{ 	padding: 30px 0px; 		}
	.desktop-pad-v-40{ 	padding: 40px 0px; 		}

	.desktop-pad-h-5{ 	padding: 0px 5px; 		}
	.desktop-pad-h-10{ 	padding: 0px 10px; 		}
	.desktop-pad-h-15{ 	padding: 0px 15px; 		}
	.desktop-pad-h-20{ 	padding: 0px 20px; 		}
	.desktop-pad-h-30{ 	padding: 0px 30px; 		}
	.desktop-pad-h-40{ 	padding: 0px 40px; 		}

	}

/* ---------------------------------
MARGIN
.margin-r	-> Margin right
.margin-l	-> Margin left
.margin-t	-> Margin top
.margin-b	-> Margin bottom

--------------------------------- */
.margin-0{ 		margin: 0px; 			}
.margin-5{ 		margin: 5px; 			}
.margin-10{ 	margin: 10px; 			}
.margin-15{ 	margin: 15px; 			}
.margin-20{ 	margin: 20px; 			}
.margin-30{ 	margin: 30px; 			}
.margin-40{ 	margin: 40px; 			}

.margin-r-0{ 	margin-right: 0px; 		}
.margin-r-5{ 	margin-right: 5px; 		}
.margin-r-10{ 	margin-right: 10px; 	}
.margin-r-15{ 	margin-right: 15px; 	}
.margin-r-20{ 	margin-right: 20px; 	}
.margin-r-30{ 	margin-right: 30px; 	}
.margin-r-40{ 	margin-right: 40px; 	}

.margin-l-0{ 	margin-left: 0px; 		}
.margin-l-5{ 	margin-left: 5px; 		}
.margin-l-10{ 	margin-left: 10px; 		}
.margin-l-15{ 	margin-left: 15px; 		}
.margin-l-20{ 	margin-left: 20px; 		}
.margin-l-30{ 	margin-left: 30px; 		}
.margin-l-40{ 	margin-left: 40px; 		}

.margin-b-0{ 	margin-bottom: 0px; 	}
.margin-b-5{ 	margin-bottom: 5px; 	}
.margin-b-10{ 	margin-bottom: 10px; 	}
.margin-b-15{ 	margin-bottom: 15px; 	}
.margin-b-20{ 	margin-bottom: 20px; 	}
.margin-b-30{ 	margin-bottom: 30px; 	}
.margin-b-40{ 	margin-bottom: 40px; 	}

.margin-t-0{ 	margin-top: 0px; 		}
.margin-t-5{ 	margin-top: 5px; 		}
.margin-t-10{ 	margin-top: 10px; 		}
.margin-t-15{ 	margin-top: 15px; 		}
.margin-t-20{ 	margin-top: 20px; 		}
.margin-t-30{ 	margin-top: 30px; 		}
.margin-t-40{ 	margin-top: 40px; 		}

.margin-v-5{ 	margin: 5px 0px; 	}
.margin-v-10{ 	margin: 10px 0px; 	}
.margin-v-15{ 	margin: 15px 0px; 	}
.margin-v-20{ 	margin: 20px 0px; 	}
.margin-v-30{ 	margin: 30px 0px; 	}
.margin-v-40{ 	margin: 40px 0px; 	}

.margin-h-5{ 	margin: 0px 5px; 	}
.margin-h-10{ 	margin: 0px 10px; 	}
.margin-h-15{ 	margin: 0px 15px; 	}
.margin-h-20{ 	margin: 0px 20px; 	}
.margin-h-30{ 	margin: 0px 30px; 	}
.margin-h-40{ 	margin: 0px 40px; 	}

@media (max-width: 480px) {

	.phone-margin-0{ 		margin: 0px; 			}
	.phone-margin-5{ 		margin: 5px; 			}
	.phone-margin-10{ 		margin: 10px; 			}
	.phone-margin-15{ 		margin: 15px; 			}
	.phone-margin-20{ 		margin: 20px; 			}
	.phone-margin-30{ 		margin: 30px; 			}
	.phone-margin-40{ 		margin: 40px; 			}

	.phone-margin-r-0{ 		margin-right: 0px; 		}
	.phone-margin-r-5{ 		margin-right: 5px; 		}
	.phone-margin-r-10{ 	margin-right: 10px; 	}
	.phone-margin-r-15{ 	margin-right: 15px; 	}
	.phone-margin-r-20{ 	margin-right: 20px; 	}
	.phone-margin-r-30{ 	margin-right: 30px; 	}
	.phone-margin-r-40{ 	margin-right: 40px; 	}

	.phone-margin-l-0{ 		margin-left: 0px; 		}
	.phone-margin-l-5{ 		margin-left: 5px; 		}
	.phone-margin-l-10{ 	margin-left: 10px; 		}
	.phone-margin-l-15{ 	margin-left: 15px; 		}
	.phone-margin-l-20{ 	margin-left: 20px; 		}
	.phone-margin-l-30{ 	margin-left: 30px; 		}
	.phone-margin-l-40{ 	margin-left: 40px; 		}

	.phone-margin-b-0{ 		margin-bottom: 0px; 	}
	.phone-margin-b-5{ 		margin-bottom: 5px; 	}
	.phone-margin-b-10{ 	margin-bottom: 10px; 	}
	.phone-margin-b-15{ 	margin-bottom: 15px; 	}
	.phone-margin-b-20{ 	margin-bottom: 20px; 	}
	.phone-margin-b-30{ 	margin-bottom: 30px; 	}
	.phone-margin-b-40{ 	margin-bottom: 40px; 	}

	.phone-margin-t-0{ 		margin-top: 0px; 		}
	.phone-margin-t-5{ 		margin-top: 5px; 		}
	.phone-margin-t-10{ 	margin-top: 10px; 		}
	.phone-margin-t-15{ 	margin-top: 15px; 		}
	.phone-margin-t-20{ 	margin-top: 20px; 		}
	.phone-margin-t-30{ 	margin-top: 30px; 		}
	.phone-margin-t-40{ 	margin-top: 40px; 		}

	.phone-margin-v-5{ 		padding: 5px 0px; 	}
	.phone-margin-v-10{ 	padding: 10px 0px; 	}
	.phone-margin-v-15{ 	padding: 15px 0px; 	}
	.phone-margin-v-20{ 	padding: 20px 0px; 	}
	.phone-margin-v-30{ 	padding: 30px 0px; 	}
	.phone-margin-v-40{ 	padding: 40px 0px; 	}

	.phone-margin-h-5{ 		padding: 0px 5px; 	}
	.phone-margin-h-10{ 	padding: 0px 10px; 	}
	.phone-margin-h-15{ 	padding: 0px 15px; 	}
	.phone-margin-h-20{ 	padding: 0px 20px; 	}
	.phone-margin-h-30{ 	padding: 0px 30px; 	}
	.phone-margin-h-40{ 	padding: 0px 40px; 	}

	}

@media (min-width: 481px) and (max-width: 840px) {
	
	.tablet-margin-0{ 		margin: 0px; 			}
	.tablet-margin-5{ 		margin: 5px; 			}
	.tablet-margin-10{ 		margin: 10px; 			}
	.tablet-margin-15{ 		margin: 15px; 			}
	.tablet-margin-20{ 		margin: 20px; 			}
	.tablet-margin-30{ 		margin: 30px; 			}
	.tablet-margin-40{ 		margin: 40px; 			}

	.tablet-margin-r-0{ 	margin-right: 0px; 		}
	.tablet-margin-r-5{ 	margin-right: 5px; 		}
	.tablet-margin-r-10{ 	margin-right: 10px; 	}
	.tablet-margin-r-15{ 	margin-right: 15px; 	}
	.tablet-margin-r-20{ 	margin-right: 20px; 	}
	.tablet-margin-r-30{ 	margin-right: 30px; 	}
	.tablet-margin-r-40{ 	margin-right: 40px; 	}

	.tablet-margin-l-0{ 	margin-left: 0px; 		}
	.tablet-margin-l-5{ 	margin-left: 5px; 		}
	.tablet-margin-l-10{ 	margin-left: 10px; 		}
	.tablet-margin-l-15{ 	margin-left: 15px; 		}
	.tablet-margin-l-20{ 	margin-left: 20px; 		}
	.tablet-margin-l-30{ 	margin-left: 30px; 		}
	.tablet-margin-l-40{ 	margin-left: 40px; 		}

	.tablet-margin-b-0{ 	margin-bottom: 0px; 	}
	.tablet-margin-b-5{ 	margin-bottom: 5px; 	}
	.tablet-margin-b-10{ 	margin-bottom: 10px; 	}
	.tablet-margin-b-15{ 	margin-bottom: 15px; 	}
	.tablet-margin-b-20{ 	margin-bottom: 20px; 	}
	.tablet-margin-b-30{ 	margin-bottom: 30px; 	}
	.tablet-margin-b-40{ 	margin-bottom: 40px; 	}

	.tablet-margin-t-0{ 	margin-top: 0px; 		}
	.tablet-margin-t-5{ 	margin-top: 5px; 		}
	.tablet-margin-t-10{ 	margin-top: 10px; 		}
	.tablet-margin-t-15{ 	margin-top: 15px; 		}
	.tablet-margin-t-20{ 	margin-top: 20px; 		}
	.tablet-margin-t-30{ 	margin-top: 30px; 		}
	.tablet-margin-t-40{ 	margin-top: 40px; 		}

	.tablet-margin-v-5{ 	padding: 5px 0px; 	}
	.tablet-margin-v-10{ 	padding: 10px 0px; 	}
	.tablet-margin-v-15{ 	padding: 15px 0px; 	}
	.tablet-margin-v-20{ 	padding: 20px 0px; 	}
	.tablet-margin-v-30{ 	padding: 30px 0px; 	}
	.tablet-margin-v-40{ 	padding: 40px 0px; 	}
	
	.tablet-margin-h-5{ 	padding: 0px 5px; 	}
	.tablet-margin-h-10{ 	padding: 0px 10px; 	}
	.tablet-margin-h-15{ 	padding: 0px 15px; 	}
	.tablet-margin-h-20{ 	padding: 0px 20px; 	}
	.tablet-margin-h-30{ 	padding: 0px 30px; 	}
	.tablet-margin-h-40{ 	padding: 0px 40px; 	}

	}

@media (min-width: 841px) {
	
	.desktop-margin-0{ 		margin: 0px; 			}
	.desktop-margin-5{ 		margin: 5px; 			}
	.desktop-margin-10{ 	margin: 10px; 			}
	.desktop-margin-15{ 	margin: 15px; 			}
	.desktop-margin-20{ 	margin: 20px; 			}
	.desktop-margin-30{ 	margin: 30px; 			}
	.desktop-margin-40{ 	margin: 40px; 			}

	.desktop-margin-r-0{ 	margin-right: 0px; 		}
	.desktop-margin-r-5{ 	margin-right: 5px; 		}
	.desktop-margin-r-10{ 	margin-right: 10px; 	}
	.desktop-margin-r-15{ 	margin-right: 15px; 	}
	.desktop-margin-r-20{ 	margin-right: 20px; 	}
	.desktop-margin-r-30{ 	margin-right: 30px; 	}
	.desktop-margin-r-40{ 	margin-right: 40px; 	}

	.desktop-margin-l-0{ 	margin-left: 0px; 		}
	.desktop-margin-l-5{ 	margin-left: 5px; 		}
	.desktop-margin-l-10{ 	margin-left: 10px; 		}
	.desktop-margin-l-15{ 	margin-left: 15px; 		}
	.desktop-margin-l-20{ 	margin-left: 20px; 		}
	.desktop-margin-l-30{ 	margin-left: 30px; 		}
	.desktop-margin-l-40{ 	margin-left: 40px; 		}

	.desktop-margin-b-0{ 	margin-bottom: 0px; 	}
	.desktop-margin-b-5{ 	margin-bottom: 5px; 	}
	.desktop-margin-b-10{ 	margin-bottom: 10px; 	}
	.desktop-margin-b-15{ 	margin-bottom: 15px; 	}
	.desktop-margin-b-20{ 	margin-bottom: 20px; 	}
	.desktop-margin-b-30{ 	margin-bottom: 30px; 	}
	.desktop-margin-b-40{ 	margin-bottom: 40px; 	}

	.desktop-margin-t-0{ 	margin-top: 0px; 		}
	.desktop-margin-t-5{ 	margin-top: 5px; 		}
	.desktop-margin-t-10{ 	margin-top: 10px; 		}
	.desktop-margin-t-15{ 	margin-top: 15px; 		}
	.desktop-margin-t-20{ 	margin-top: 20px; 		}
	.desktop-margin-t-30{ 	margin-top: 30px; 		}
	.desktop-margin-t-40{ 	margin-top: 40px; 		}

	.desktop-margin-v-5{ 	padding: 5px 0px; 	}
	.desktop-margin-v-10{ 	padding: 10px 0px; 	}
	.desktop-margin-v-15{ 	padding: 15px 0px; 	}
	.desktop-margin-v-20{ 	padding: 20px 0px; 	}
	.desktop-margin-v-30{ 	padding: 30px 0px; 	}
	.desktop-margin-v-40{ 	padding: 40px 0px; 	}
	
	.desktop-margin-h-5{ 	padding: 0px 5px; 	}
	.desktop-margin-h-10{ 	padding: 0px 10px; 	}
	.desktop-margin-h-15{ 	padding: 0px 15px; 	}
	.desktop-margin-h-20{ 	padding: 0px 20px; 	}
	.desktop-margin-h-30{ 	padding: 0px 30px; 	}
	.desktop-margin-h-40{ 	padding: 0px 40px; 	}

	}

/* ---------------------------------
ASPECT
--------------------------------- */
.aspect-wide,
.aspect-photo,
.aspect-square,
.aspect-ultrawide,
.aspect-panoramic,
.aspect-ultrapanoramic{
	width: 100%;
	position: relative;
	}

.aspect-ultrapanoramic{ padding-bottom: 16%; }
.aspect-panoramic{ padding-bottom: 32%; }
.aspect-ultrawide{ padding-bottom: 42.85%; }
.aspect-wide{ padding-bottom: 56.25%; }
.aspect-photo{ padding-bottom: 75%; }
.aspect-square{ padding-bottom: 100%; }

.aspect-wide > *:first-child,
.aspect-ultrawide > *:first-child,
.aspect-panoramic > *:first-child,
.aspect-ultrapanoramic > *:first-child,
.aspect-photo > *:first-child,
.aspect-square > *:first-child{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	}

@media (max-width: 480px) {

	.phone-aspect-wide,
	.phone-aspect-photo,
	.phone-aspect-square,
	.phone-aspect-ultrawide,
	.phone-aspect-panoramic,
	.phone-aspect-ultrapanoramic{
		width: 100%;
		position: relative;
		}

	.phone-aspect-ultrapanoramic{ padding-bottom: 16%; }
	.phone-aspect-panoramic{ padding-bottom: 32%; }
	.phone-aspect-ultrawide{ padding-bottom: 42.85%; }
	.phone-aspect-wide{ padding-bottom: 56.25%; }
	.phone-aspect-photo{ padding-bottom: 75%; }
	.phone-aspect-square{ padding-bottom: 100%; }

	.phone-aspect-wide > *:first-child,
	.phone-aspect-ultrawide > *:first-child,
	.phone-aspect-panoramic > *:first-child,
	.phone-aspect-ultrapanoramic > *:first-child,
	.phone-aspect-photo > *:first-child,
	.phone-aspect-square > *:first-child{
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		}

	}

@media (min-width: 481px) and (max-width: 840px) {
	
	.tablet-aspect-wide,
	.tablet-aspect-photo,
	.tablet-aspect-square,
	.tablet-aspect-ultrawide,
	.tablet-aspect-panoramic,
	.tablet-aspect-ultrapanoramic{
		width: 100%;
		position: relative;
		}

	.tablet-aspect-ultrapanoramic{ padding-bottom: 16%; }
	.tablet-aspect-panoramic{ padding-bottom: 30%; }
	.tablet-aspect-ultrawide{ padding-bottom: 42.85%; }
	.tablet-aspect-wide{ padding-bottom: 56.25%; }
	.tablet-aspect-photo{ padding-bottom: 75%; }
	.tablet-aspect-square{ padding-bottom: 100%; }

	.tablet-aspect-wide > *:first-child,
	.tablet-aspect-ultrawide > *:first-child,
	.tablet-aspect-panoramic > *:first-child,
	.tablet-aspect-ultrapanoramic > *:first-child,
	.tablet-aspect-photo > *:first-child,
	.tablet-aspect-square > *:first-child{
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		}

	}

@media (min-width: 840px) {
	
	.desktop-aspect-wide,
	.desktop-aspect-photo,
	.desktop-aspect-square,
	.desktop-aspect-ultrawide,
	.desktop-aspect-panoramic,
	.desktop-aspect-ultrapanoramic{
		width: 100%;
		position: relative;
		}

	.desktop-aspect-ultrapanoramic{ padding-bottom: 16%; }
	.desktop-aspect-panoramic{ padding-bottom: 30%; }
	.desktop-aspect-ultrawide{ padding-bottom: 42.85%; }
	.desktop-aspect-wide{ padding-bottom: 56.25%; }
	.desktop-aspect-photo{ padding-bottom: 75%; }
	.desktop-aspect-square{ padding-bottom: 100%; }

	.desktop-aspect-wide > *:first-child,
	.desktop-aspect-ultrawide > *:first-child,
	.desktop-aspect-panoramic > *:first-child,
	.desktop-aspect-ultrapanoramic > *:first-child,
	.desktop-aspect-photo > *:first-child,
	.desktop-aspect-square > *:first-child{
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		}

	}

.full-size{
	display: block;
	width: 100%;
	height: 100%;
	}
.full-size-w{
	width: 100% !important;
	}
.full-size-h{
	height: 100%;
	}

.tabela{
	width:100%;
	}
.tabela > thead > tr > th{
	background-color:rgba(255,255,255,0.1);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	text-align:left;
	color:#FFF;
	}
.tabela > tbody > tr > td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	/*border-bottom:solid 1px rgba(0,0,0,0.1);*/
	}
.tabela > tbody > tr > td > input[type=text]{
	width:95%;
	}	
.tabela > tbody > tr:nth-child(odd) > td{
	background-color:rgba(255,255,255,0.92);
	}
.tabela > tbody > tr:nth-child(even) > td{
	background-color:rgba(255,255,255,0.88);
	}
.tabela > tfoot > tr > td{
	background-color: rgba(255,255,255,0.5);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	text-align:left;
	}

.video-full,
.video-full > iframe{
	width: 100%;
	height: 100%;
	}