/*
html{font-family: tahoma;}
p{font-weight: 600;}
*/


/* Alteraçoes/Pesonalizaçoes feitas por CV*/

.justify, .justify-align {
  text-align: justify;
}

/*Algumas classe para alterar propriedades
	.class
	*
	#id
*/
.text-red{
	color:red;
}
.text-blue{
	color:#4682B4;
}
.text-orange{
	color:#E0A802;
}

.text-gray{
	color:#666666;
	text-align:justify
}

p,ul,li , ul li{
	color:#666666;
	font-size:13px;
}
li 			{  line-height:150%; }

/* .nav-menu > ul > li:after */
.butao::after {
    content: "\25BC"; /*código unicode para da seta apontando para baixo*/
    font-size: 1.5em;
    display: inline;
    position: relative;

    top:1px;
    left:2px;
    bottom:1px;
    right:2px;
    color: #d00;

}

/*Removendo bullets e colocando borda.
Vamos começar zerando o margin e padding para todos os navegadores, 
colocaremos um estilo de texto para o nosso texto do menu e removeremos os bullets da lista. 
Depois vamos definir uma borda e colocaremos o float:"left"; para que as bordas fiquem certinhas.
*/

*{margin: 0; padding: 0;}

.menu, .sub-menu {
     margin: 0;
     padding: 0;
}
/*
body{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: bisque;
}
*/






/*Configurar Menu==========================================================*/
/* .menu, .sub-menu    menu = ul*/
.menu, .sub-menu{
	list-style: none;
	/*COR DO MENU: */
	/*background-color:green;*/
	
	/*Borda cinza á volta do menu*/
	/*border: 2px solid #C0C0C0; */
	/*Alinhar menu à esquerda*/
	float:left; 
}

/*Configuraçao dos links <a href...>*/
.menu a{
    text-decoration: none;
    display: block;
    padding: 10px;
    /*COR DO TEXTO: */
    color: #fff;
    /* font-family: sans-serif;*/
    font-size: 14px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    /*borda dos items (lI) */
   /* border-right: 2px solid #d00; */
}
/*Personalizacao cor do Menu*/
/*#topnav  a:hover 	{ 
	color:#fff; 
	background-color:#4682B4; 
 }*/
 
/*Personalizacao cor do Menu*/
.menu a:hover 	{ 
	color:#fff; 
	background-color:#4682B4; 
 }

/*
.menu li a{
    !color:#333;
    !text-decoration: none;
    !padding: 5px 10px;
    !display: block;
}
*/

/*Estilizando itens do menu. em li Utilizaremos o position:relative; para que futuramente possamos posicionar o submenu
*/
.menu li{
    position: relative;
    
    /*float:left;*/
    /*borda dos items (lI)*/
    /*border-right: 2px solid #b55;*/
}

.menu >li{
    float:left;
}

/*Cor do Menu
.menu >li{
    background: #d00
}*/

/*Ao passar o rato sobre o link*/
/*Estilizando links.text-shadow e box-shadow, do CSS3,  usar um navegador atualizado. */
/* .menu li a:hover{*/
.menu >li:hover{
    /*COR DO MENU (ITEM) SELECIONADO*/
	background-color: #d00;
	/*background-color:#4682B4; azul*/
	padding:0;
}

/* SUBMENU hover do submenu selecionado*/
.menu ul  >li:hover{
    /*COR DO MENU (ITEM) SELECIONADO do submenu*/
	background-color: #5682c4;
	/*background-color:#4682B4; azul*/
	padding:0;
}


/*Posição do submenu do menu*/
.menu li:hover > .sub-menu {
        display: block;
        background-color: #d00;
}



/*Ao passar o rato sobre o link*/
/*Estilizando links.text-shadow e box-shadow, do CSS3,  usar um navegador atualizado. */
/*.menu li a:hover{*/
    /*Cor do fundo do item(li) #333=black */ 
   /*background-color: goldenrod;    */
    /*Cor do texto do item(li) #fff=branco*/
     /*color: green; */
    /* -moz-box-shadow: 0 3px 10px 0 #CCC;
    !-webkit-box-shadow: 0 3px 10px 0 #ccc; 
    !text-shadow:0px 0px 5px #f00; 
    */
/*}*/


/*Configurar sub-Menu==========================================================*/



/*definir a posição do submenmu como absoluta(postition:absolute;), para que os itens do submenu não ultrapassem o seu menu pai e para que ele não interfira no fluxo dos elementos do menu.
Vamos também definir cores de fundo e esconder o submenu com o display:none;
*/
/*.su-bmenu = .menu li ul*/
 .sub-menu{
	position: absolute;
	/*top:30px;
	left: 0%;*/
	/*COR DO SUBMENU:*/
	background-color: #d55;
	/*background-color: #4682c0;*/
	min-width: 250px;
	z-index:6;
	/*Alinhar menu à esquerda*/
    float:left; 
	display: none;
}

/*Quando posicionamos em cima da linha relativa ao submenu ul*/
/*.menu li:hover ul ,.menu li.hover ul*/
 .sub-menu li:hover{
    /*COR DO ITEM DO SUBMENU SELECIONADO Hover*/ 
    background-color:#4682B4; 
    /*background-color: #4012ff;*/
	/*color:#ffffff; */
}

/*Estilizando submenu os items li  .menu li ul li*/
.sub-menu li{
	/*Borda interior do submenu*/
	/*    border:1px solid #c0c0c0;*/
 	/*display: block;*/
}

.sub-menu a:hover 	{ 
	color:#fff; 
	background-color:#4682B4; 
 }


/*Quando temos submenu de submenu*/
/*Posição do submenu do submenu*/
.sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.clearfix:after{
  content: '.';
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden;
}


/*Para os casos de menu lateral*/
.leftmenu{
	list-style: none;
	/*COR DO MENU: */
	background-color:gray;
	padding:5px ;
	margin:0 ;	
}
.leftmenu >ul{
		list-style: none;
	/*COR DO MENU: */
	background-color:gray;

	/*Borda cinza á volta do menu*/
	/*border: 2px solid #C0C0C0; */
	/*Alinhar menu à esquerda*/
	padding:5px ;
	margin:0;	
	
}
.leftmenu ul >li{

	/*COR DO MENU: */
	//background-color:#fff;*/
	
	/*Borda cinza á volta do menu*/
	border: 2px solid #C0C0C0; 
	/*Alinhar menu à esquerda*/

	padding:0 ;
	margin:0 ;	
}
.leftmenus a{
    text-decoration: none;
    display: block;
    /*COR DO TEXTO: */
    color: #fff;
    /* font-family: sans-serif;*/
    /*text-transform: uppercase;*/
    /*borda dos items (lI) */
   /* border-right: 2px solid #d00; */
}

.leftmenu ul li a {
    display: block;
    text-decoration: none;
     font-size: 12px;
     padding: 10px;
     font-weight: 600;
     /*border-left: 2px solid blue;*/
}


/*=======================================================================================================*/
/*Menu5 com Submenu*/

/*Listagem 2: Fazendo link ao CSS externo

<link rel="stylesheet" type="text/css"  href="estilo.css" />
Agora iremos remover as marcas (bullets) e a indentação das listas, também definiremos uma largura para os itens do menu.
Listagem 3: Removendo Bullets e Identação das Listas
*/
#menu5 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    }
/*Agora Vamos posicionar os itens da lista, vamos definir o posicionamento com o valor relative, porque depois iremos posicionar os sub-menus na posição absoluta em relação a eles.
Listagem 4: Posicionando Itens da Lista*/
#menu5 ul li {
    position: relative;
    }
    
/*Agora vamos estilizar os sub-menus. Queremos cada sub-menu ao lado direito do seu elemento pai assim que passarmos o mouse sobre ele.
Com as propriedades CSS Left e Top podemos posicionar cada item do sub-menu ao lado de seu item pai.
Definimos o display: none; para que o sub-menu não fique visível por padrão.
Listagem 5: Posicionando itens do sub-menu*/
#menu5 li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
    }
    
/*Agora vamos dar uma aparência melhor aos nossos links. É importante definir display:block; para que cada link ocupe toda a largura definida para ele na lista.
Listagem 6: Melhorando aparência dos links*/
#menu5 ul li a {
    display: block;
    text-decoration: none;
    color: #E2144A;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc; 
}
/*Apesar de termos que seguir algumas regrinhas básicas, na Listagem 6 você pode ficar a vontade em estilizar os seus links da maneira em que acharem melhor, lembrando sempre de usar o display:block;.
Nosso velho amigo IE(Internet Explorer) infelizmente interpreta as quebras de linha entre os itens, como espaços vazios, mas para corrigir isso é bem simples, como mostro na Listagem 7.
Listagem 7: Corrigindo Bug do Internet Explorer */

/* Fix IE. Hide from IE Mac \
* html ul li { float: left; }
* html ul li a { height: 1%; }
 End */


/*Após fizermos tudo isso, nosso menu deverá estar como na Figura 2, mas o nosso DropDown ainda não está funcionando certo? Agora é que vem a “mágica” que faz o nosso Submenu aparecer.
Menu estilizado sem funcionar o DropDown
Figura 2 - Menu estilizado sem funcionar o DropDown
Listagem 8: Exibindo o Submenu */

#menu5 li:hover ul { display: block; }

/*Listagem 10: Estilizando a Classe Hover*/
#menu5 ul li a:hover{
    text-decoration:underline;
    font-weight: bold;
    background: #ccc; }


/* CSS para Menu Acordion*/
/*Menu Layout and Basic Styles**/
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.accordion li {
    list-style: none;
}

.accordion li > a {
    display: block;
    position: relative;
    min-width: 100px;
    padding: 0 5px 0 5px;
 
    color: #fdfdfd;
    font: bold 12px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
    background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion li > a span {
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 5px;
    margin-right: 5px;
 
    font: normal bold 12px/18px Arial, sans-serif;
    background: #404247;
 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}
/*Icons*/
.accordion0 > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
   	width: 24px;
   	height: 24px;
   	margin: 4px 8px;
 
    background-repeat: no-repeat;
    background-image: url(../img/icons.png);
    background-position: 0px 0px;
}
/**/
.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before { background-position: 0px -24px; }
 
.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before { background-position: -24px -24px; }
 
.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before { background-position: -48px -24px; }
 
.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before { background-position: -72px -24px; }

.accordion-sub-menu li a {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
 
.accordion-sub-menu li:last-child a { border: none; }
 
.accordion-sub-menu li > a span {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
    background: transparent;
    border: 1px solid #c9c9c9;
 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 
.accordion-sub-menu em {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 10px;
    color: #a6a6a6;
    font: normal 10px/32px Arial, sans-serif;
}
.accordion > li:hover > a,
.accordion > li:target > a {
    color: #3e5706;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #a5cd4e;
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
}
 
.accordion > li:hover > a span,
.accordion > li:target > a span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}
 
.accordion-sub-menu li:hover a { background: #efefef; }

.accordion li > .accordion-sub-menu {
    height: 0;
    overflow: hidden;
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
 
.accordion li:target > .accordion-sub-menu {
    height: auto;
}

/*==============================================================*/
footer .container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

.container .row {
 margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

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

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
/*Tinha 993px*/
@media only screen and (min-width: 793px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

/*===============================================================*/
.white-text {
  color: #FFFFFF !important;
}
.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.col ul{
	list-style:none;
	padding:0;
	margin-left:0;
}