/*
//
// CSS stylesheet - IR 2016 | Correio Braziliense.com.br / Economia
// Autores - Bruno Rodrigues | Anderson Araújo
// Versão 0.1
//
*/

/* Hardnews Styles */

	.header-patrocinio {
		padding: 10px;
		margin:10px 2px 10px 0;
		/*background-color: #F56737;*/
		display: inline-block;
		width: 100%;
      	background-repeat: no-repeat;
      	height: 162px; 
      	background-size: cover;
	}
	.header-patrocinio .logo a{
      display: block;
      width: 100%;
      min-height: 100px;
    }
	
	

	.selo {
		text-align: right;
      	margin: 10px 0;
	}

	.selo img {
      width: 20%;
    }

	.selo span  {
		display: inline-block;
		margin: 0px 10px 5px 0px;
		text-align: center;
		color: #fff;
	}
		

	.destaque-maior {
		padding: 0px;
		padding-right: 5px;
		max-height: 477px;
		overflow: hidden;
	}

	.destaque-maior a {
		color: #fff;
		text-shadow: 1px 1px 1px #999;
		font-family: "Lato", Arial, sans-serif;
	}

		.destaque-maior a h2 {
			position: absolute;
			top: 290px;
			left: 35px;
			font-weight: 600;
			padding-right: 25px;
			text-align: left;
			z-index: 11;
		}

		.destaque-maior a h4 {
			position: absolute;
			bottom: 35px;
			left: 35px;
			width: 450px;
			z-index: 11;
		}

	.destaque-menor {padding: 0px;}
	.destaque-menor > div{
		max-height: 236px;
		overflow: hidden;
	}

	.destaque-menor a {
		padding: 0px;
		color: #fff;
		text-shadow: 1px 1px 1px #999;
		font-family: "Lato", Arial, sans-serif;
	}

		.destaque-menor div:nth-child(1) {
			margin: 0 0 2px;
			padding: 0px;
		}

		.destaque-menor div:nth-child(2) {
			margin: 3px 0 0; 
			padding: 0px;
		}

		.destaque-menor a h3 {
			position: absolute;
			bottom: 30px;
			left: 35px;
			font-weight: 600;
			padding-right: 25px;
			text-align: left;
			z-index: 11;
		}

		.destaque-menor a h4 {
			position: absolute;
			bottom: 30px;
			left: 35px;
			z-index: 11;
		}

		.overlay {
			position: absolute;
			z-index: 10;
			width: 99%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.4);
		}

		.destaque-menor div.overlay {
			width: 100%;
		}

/* Countdown Styles */

	.bg-countdown {
		min-height: 170px;
		width: 100%;
		background-color: #4A88C0;
		margin: 35px 0px; 
	}

	#clock {
		font-family: "Lato", Arial, sans-serif;
		color:#fff;
	}
	
	#clock h3 {
		display: inline-block;
		text-align: center;
		font-size: 3em;
		font-weight: 600;
		margin: 35px 10px;
		border: solid 1px #fff;
		border-radius: 8px;
		padding: 10px
	}

	#clock h3:nth-child(1), #clock h3:nth-child(2) {
		background-color: #F56737;
	} 

	#clock p {
		display: block;
		text-align: center;
		font-size: .6em;
		font-weight: 300;
	}

	#clock span {
		display: inline-block;
		font-size: 5em;
	}

	.disabled {
		font-family: "Lato", Arial, sans-serif;
		color:#fff;
		font-size: 2em;
		font-weight: 600;
		margin-top: 50px;
	}
	.countdown {text-align: center;}

    /*Paginação*/

    .pagination > li > a{
        height: 54px;
        line-height: 3;
    }
	#pagination-next a, #pagination-prev a{
      line-height: 1.3
    }
	

/* Alerta Styles */
	.alerta {text-align: center;}

	.alerta p {
		display: inline-block;
		background-color: #F56737;
		border-radius: 5px;
		padding: 5px 15px;
		margin: 23px 0px;
		font-family: "Lato", Arial, sans-serif;
		font-size: 3em;
		font-weight: 600;
		color: #FFF;
	}
	.alerta p span {
		display: block;
		font-size: 0.72em;
		line-height: 0.7em;
		font-weight: 300;
		margin-bottom: 15px;
	}

/* Direita Download Box Styles */
	.download-programa {
		background-color: #4A88C0;
		min-height: 250px;
		padding: 0px 10px;
	}
	
	.download-programa h2 {
		display: inline-block;
		font-family: "Lato", Arial, sans-serif;
		font-weight: 600;
		color: #FFF;
		font-size: 2.7em;
		margin-bottom: 40px;
	}
	
	.download-programa h2 span {font-weight: 300;}

	div.desktop {
		display: inline-block;
		border-bottom: 1px solid #fff;
		padding-bottom: 15px;
		width: 100%;
	}

		div.desktop a:hover, div.mobile a:hover {
			text-decoration: none;
		}

		div.desktop a img, div.mobile a img {
			float: left;
			margin-right: 10px;
		}

		div.desktop a p, div.mobile a p {
			color: #FFF;
			font-family: "Lato", Arial, sans-serif;
			font-size: 1.7em;
			font-weight: 300;
		}

	div.mobile {
		display: inline-block;
		width: 100%;
		margin: 20px 0;
	}
/*ultimas direita*/
.nano{
	min-height: 350px;
}

/* FAQ Styles */

	.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, 
    .nav-tabs > li.active > a:focus, 
    .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { 
    	border: none; 
    	color: #666; 
    	}
        .nav-tabs > li.active > a, 
        .nav-tabs > li > a:hover { 
        	border: none; 
	        color: #4A88C0 !important; 
	        background: transparent !important; 
   		}
        .nav-tabs > li > a::after { 
        	content: ""; 
	        background: #4A88C0; 
	        height: 2px; 
	        position: absolute; 
	        width: 100%; 
	        left: 0px; bottom: -1px; 
	        transition: all 250ms ease 0s; 
	        transform: scale(0); 
	    }
	    .nav-tabs > li.active > a::after, 
	    .nav-tabs > li:hover > a::after { transform: scale(1); }
	.tab-nav > li > a::after { background: #4A88C0 none repeat scroll 0% 0%; color: #fff; }
	.tab-pane { padding:0; }
	.tab-content{padding:20px}

	.tab-content a {
		margin: 10px 0 0;
		padding: 10px 0 20px;
		border-bottom: 1px solid #ccc;
		display: inline-block;
		font-size: 1.3em;
		line-height: 1.5em;
		font-family: "Lato", Arial, sans-serif;
		font-weight: 300;
		color: #333;
		display: inline-block;
		
	}

	.tab-content a:hover {
		text-decoration: none;
		color: #999;
		border-left: 2px solid #4A88C0;
		padding-left: 2px;
		transition: all 250ms ease 0s; 
	}

	.tab-content a span.autor {
		font-size: 1em;
		line-height: 1.2em;
		font-family: "Lato", Arial, sans-serif;
		font-weight: 400;
		text-align: left;
		color: #4A88C0;
		display: block;
		margin-top: 10px;
	}

	.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

	#direita_ultimas_multimidia ul li > a {
    	padding: 10px 9px !important;
	}

	#direita_ultimas_multimidia div.tab-content {
    	min-height: 300px;
	}

/* Form Styles */
	.bg-form {
		background-color: #eee;
		width: 100%;
		padding: 30px 0;
		position: relative;
	}

	.form-faq input:nth-child(1), .form-faq input:nth-child(2) {
		padding: 10px 0;
		font-family: "Lato", Arial, sans-serif;
		font-size: 1.3em;
		font-weight: 300;
		color: #333;
		margin: 10px 1px;
	    line-height: 1.2em;
	    border: none;
	    text-indent: 10px;
	    box-shadow: none;
	    display: block;
	    border-radius: 0px;
	}

	.form-faq textarea {
		padding: 10px;
		font-family: "Lato", Arial, sans-serif;
		font-size: 1.3em;
		font-weight: 300;
		color: #333;
		margin: 10px 0px;		
	}

	.bg-form-image {
		width: 347px;
		height: 220px;
		position: absolute;
		top: 190px;
		right: 5%;
		background: url(http://imgs2.correiobraziliense.com.br/especiais/ir/2016/leao.png) no-repeat;
	}

	.form-faq button {
		width: 20%;
		font-size: 1.5em;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
	}

	.form-faq button:active, .form-faq button:focus, .form-faq button:hover {
		font-size: 1.3em;
		font-weight: 900;
		font-size: 1.5em;
		text-transform: uppercase;
		color: #fff;
	}
	
	h2.titulo {
		font-family: "Lato", Arial, sans-serif;
		font-size: 3.1em;
		text-align: center;
		font-weight: 600;
		margin: 20px 0;
	}

	p.descricao {
		font-family: "Lato", Arial, sans-serif;
		font-size: 1.4em;
		text-align: center;
		font-weight: 300;
		display: inline-block;
		width: 100%;
		margin: 0 0 20px;
	}

	p.vejamais {
		font-family: "Lato", Arial, sans-serif;
		font-size: 1.4em;
		text-align: center;
		font-weight: 300;		
		display: inline-block;
		width: 100%;
	}
	
	h4.chamada {
      font-family: "Lato", Arial, sans-serif;
      font-size: 1.8em;
      text-align: left;
      font-weight: 400;
	}

/*Pagina de ultimas*/
.sec-cover-news #titlelistaltimasnotcias{
	border-left: 4px solid #4a88c0;
    border-top: none;
    padding-left: 8px;
}
.sec-cover-news #listaltimasnotcias  h3{
	font-family: 'Lato',Helvetica,Arial,sans-serif !important;
	font-size: 20px;
	
}

/* Media Queries */

	
	@media (max-width:1199px) {
      .header-patrocinio{
        height: 132px;
      }
			
		.selo span  {
			display: inline-block;
			margin: 0px 10px 5px 0px;
			text-align: center;
			color: #fff;
		}
		
		.destaque-maior a h2 {left: 25px; top:190px;}

		.destaque-maior a h4 {left: 25px; bottom: 30px; width: 350px;}
		
		.destaque-menor a h3 {left: 25px; top:50px;}

		.destaque-menor a h4 {left: 25px; bottom: 30px; width: 350px;}

		
		.bg-countdown {
			min-height: 150px;
			width: 100%;
			background-color: #4A88C0;
			margin: 15px 0px; 
		}
	
			.alerta p {
				margin: 20px 0px;
				font-size: 2.5em;
			}
			.alerta p span {
				font-size: 0.73em;
				line-height: 0.7em;
				font-weight: 300;
			}
		
			p.descricao {
				margin: 10px 0 20px;			
			}
		
			.download-programa {
				background-color: #4A88C0;
				min-height: 250px;
				padding: 0px 10px;
			}

			.download-programa h2 {
				font-size: 2.0em;
				margin-bottom: 20px;
				margin-top: 20px;
			}

			.download-programa h2 span {font-weight: 300;}

				div.desktop a p, div.mobile a p {
					font-size: 1.2em;
					font-weight: 300;
				}
		}

	@media (max-width:991px) {
      .header-patrocinio{
        height: 100px;
      }
		
		.logo img {
			margin: 0 auto 20px;
		}
		
		.selo {
			text-align: center;
		}
		.selo span  {
			margin: 20px 10px 5px 0px;
			text-align: center;
			color: #fff;
		}
		
		.destaque-maior a h2 {left: 15px; top:50px;}

		.destaque-maior a h4 {left: 15px;}
		
		.destaque-menor a h3 {left: 15px; top:20px;}

		.destaque-menor a h4 {left: 15px;}
		
	.bg-countdown {
		min-height: 150px;
		width: 100%;
		background-color: #4A88C0;
		margin: 15px 0px; 
	}

		
		#clock h3 {
			display: inline-block;
			text-align: center;
			font-size: 1.8em;
			font-weight: 600;
			margin: 40px 10px;
			border: solid 1px #fff;
			border-radius: 8px;
			padding: 10px
		}

		#clock h3:nth-child(1), #clock h3:nth-child(2) {
			background-color: #F56737;
		} 

		#clock p {
			display: block;
			text-align: center;
			font-size: .6em;
			font-weight: 300;
		}

		#clock span {
			display: inline-block;
			font-size: 5em;
		}
		
			.alerta p {
				display: inline-block;
				background-color: #F56737;
				border-radius: 5px;
				padding: 5px 15px;
				margin: 30px 0px;
				font-family: "Lato", Arial, sans-serif;
				font-size: 2em;
				font-weight: 600;
				color: #FFF;
			}
			.alerta p span {
				display: block;
				font-size: 0.73em;
				line-height: 0.7em;
				font-weight: 300;
				margin-bottom: 15px;
			}
		
			p.descricao {
				margin: 10px 0 20px;			
			}
		}
    @media (max-width:769px) {
      .header-patrocinio{
        height: 100px;
      }

    }
	@media (max-width:767px) {
	
		
		.destaque-maior {
			margin-bottom: 5px;
			padding-right: 0px;
		}	
		
		.destaque-maior a h2 {
			position: absolute;
			top: 270px;
			left: 35px;
			font-weight: 600;
			font-size: 2.8em;
			padding-right: 25px;
			text-align: left;
			z-index: 160;
		}

		.destaque-maior a h4 {
			position: absolute;
			bottom: 45px;
			left: 35px;
			width: 450px;
			z-index: 160;
		}

		.destaque-menor a h3 {
			position: absolute;
			top: 90px;
			left: 35px;
			font-weight: 600;
			font-size: 2.5em;
			padding-right: 25px;
			text-align: left;
			z-index: 160;
		}

		.destaque-menor a h4 {
			position: absolute;
			bottom: 30px;
			width: 450px;
			left: 35px;
			z-index: 160;
		}

		.overlay {
			position: absolute;
			z-index: 150;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.4);
		}

		.destaque-menor div.overlay {
			width: 100%;
		}
		
		.bg-countdown {
			margin: 25px 0px 0; 
		}
		
		#clock h3 {
			font-size: 2em;
			margin: 15px 10px;
			}

		#clock h3:nth-child(1), #clock h3:nth-child(2) {
			background-color: #F56737;
		} 

		#clock p {
			display: block;
			text-align: center;
			font-size: .6em;
			font-weight: 300;
		}

		#clock span {
			display: inline-block;
			font-size: 5em;
		}

		.disabled {
			font-family: "Lato", Arial, sans-serif;
			color:#fff;
			font-size: 2em;
			font-weight: 600;
			margin-top: 50px;
		}
		.alerta {
			padding: 0px;
		}
		
		.alerta p {
			border-radius: 0px;
			padding: 5px 15px;
			margin: 0px 0px 50px;
			font-size: 2em;
			display: inline-block;
			width: 100%;
			text-align: center;
		}
		.alerta p span {
			display: block;
			font-size: 0.73em;
			line-height: 0.7em;
			font-weight: 300;
			margin-bottom: 15px;
			display: inline;
		}
		

		.download-programa h2 {
			font-size: 2.5em;
			margin-bottom: 40px;
		}

		div.desktop {padding-bottom: 20px;}

			div.desktop a p, div.mobile a p {font-size: 1.7em;}

		div.mobile {
			display: block;
			margin: 25px 0;
		}
		
		h2.titulo {	font-size: 2.2em;}
		
	}

	@media (max-width:480px) {
      .header-patrocinio{
        height: 50px;
      }
		.logo img {
			width:95%
		}
		
		.selo span  {
			display: inline-block;			
			margin: 20px 0 5px;
			text-align: center;
			font-size: 1em;
			color: #fff
		}
		
		.selo img {
			width: 30%;
			height: 100%;
			margin: 0px ;
		}
		
		.destaque-maior {
			padding: 0px;
			padding-right: 0px;
		}

			.destaque-maior a h2 {
				top: 50px;
				left: 15px;
				width: 270px;
				font-size: 2em;
			}

			.destaque-maior a h4 {
				bottom: 25px;
				width: 260px;
				left: 15px;
				font-size: 1.4em;
			}

		.destaque-menor {padding: 0px;}

		.destaque-menor a {
			padding: 0px;
			color: #fff;
			text-shadow: 1px 1px 1px #999;
			font-family: "Lato", Arial, sans-serif;
		}

			.destaque-menor div:nth-child(1) {
				margin: 0 0 2px;
				padding: 0px;
			}

			.destaque-menor div:nth-child(2) {
				margin: 3px 0 0; 
				padding: 0px;
			}

			.destaque-menor a h3 {
				position: absolute;
				top: 20px;
				left: 15px;
				font-size: 1.8em;
				width: 270px;
			}

			.destaque-menor a h4 {
				position: absolute;
				bottom: 15px;
				width: 270px;
				font-size: 1.3em;
				left: 15px;
			}

			.overlay {width: 100%;}

			.destaque-menor div.overlay {width: 100%;}
		
		
		#clock h3 {
			display: inline-block;
			text-align: center;
			font-size: 1.4em;
			font-weight: 600;
			margin: 20px 3px;
			border: solid 1px #fff;
			border-radius: 8px;
			padding: 10px
		}
		
		#clock h3:nth-child(1), #clock h3:nth-child(2) {
			background-color: #F56737;
		} 

		#clock p {
			display: block;
			text-align: center;
			font-size: .7em;
			font-weight: 300;
		}

		#clock span {
			display: inline-block;
			font-size: 3em;
		}
		
		.alerta p span {
			display: block;
			text-align: center;
		}
		
		.download-programa {
			min-height: 280px;
		}
		
		.download-programa h2 {
			font-size: 2.3em;
			margin-bottom: 40px;
		}

		div.desktop {padding-bottom: 20px;}

			div.desktop a p, div.mobile a p {font-size: 1.7em;}

		div.mobile {
			display: block;
			margin: 25px 0;
		}
		
		.form-faq button {
          	width: 100%;
			font-size: 1.5em;
		}
		
	}
/*Publicidade*/
#publicidade-destaques-desk-1{display:none;} 
#publicidade-destaques-desk-2{display:none;}


/* Custom Pressets */
	
	.row { 
		-webkit-transition: width 0.8s ease   ;
		-moz-transition: width 0.8s ease   ;
		-o-transition: width 0.8s ease  ;
		transition: width 0.8s ease ;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	/*Reset*/
		.reset-mg{margin:0 !important;}			.reset-mgl{margin-left: 0 !important;}		.reset-mgr{margin-right: 0 !important;}				.reset-pdt{padding-top:0 !important;}			.reset-pdl{padding-left:0 !important;}
		.reset-pd{padding:0 !important;}		.reset-mgt{margin-top: 0 !important;}		.reset-mgb{margin-bottom: 0 !important;}			.reset-pdb{padding-bottom:0 !important;}		.reset-pdr{padding-right:0 !important;}
	
	/*Margin*/
		.mgt-xxxlarge{margin-top: 40px !important;}		.mgb-xxxlarge{margin-bottom: 40px !important;}	.mgl-xxxlarge{margin-left: 40px !important;}	.mgr-xxxlarge{margin-right: 40px !important;}
		.mgt-xxlarge{margin-top: 30px !important;}		.mgb-xxlarge{margin-bottom: 30px !important;}	.mgl-xxlarge{margin-left: 30px !important;}     .mgr-xxlarge{margin-right: 30px !important;}
		.mgt-xlarge{margin-top: 20px !important;}		.mgb-xlarge{margin-bottom: 20px !important;}	.mgl-xlarge{margin-left: 20px !important;}    	.mgr-xlarge{margin-right: 20px !important;}
		.mgt-large{margin-top: 15px !important;}		.mgb-large{margin-bottom: 15px !important;}		.mgl-large{margin-left: 15px !important;}     	.mgr-large{margin-right: 15px !important;}
		.mgt-normal{margin-top: 10px !important;}		.mgb-normal{margin-bottom: 10px !important;}	.mgl-normal{margin-left: 10px !important;}      .mgr-normal{margin-right: 10px !important;}
		.mgt-small{margin-top: 5px !important;}			.mgb-small{margin-bottom: 5px !important;}		.mgl-small{margin-left: 5px !important;}		.mgr-small{margin-right: 5px !important;}	
		.mgt-xsmall{margin-top: 2px !important;} 		
		.mga {margin-left: auto !important; margin-right:auto !important;}
	
	/*Padding*/
		.pd-xxxxlarge{padding: 45px !important;}
		.pd-xxxlarge{padding: 40px !important;}				.pd-xxlarge{padding:30px !important;}					.pd-xlarge{padding:20px !important;}
		.pd-normal{padding: 10px !important;}				.pd-small{padding:5px !important;}						.pd-large{padding:15px !important;}
		
		.pdt-xxxlarge{padding-top: 40px !important;}		.pdb-xxxlarge{padding-bottom: 40px !important;}			.pdl-xxxlarge{padding-left: 40px !important;}			.pdr-xxxlarge{padding-right: 40px !important;}
		.pdt-xxlarge{padding-top: 30px !important;}			.pdb-xxlarge{padding-bottom: 30px !important;}			.pdl-xxlarge{padding-left: 30px !important;}			.pdr-xxlarge{padding-right: 30px !important;}	
		.pdt-xlarge{padding-top: 20px !important;}			.pdb-xlarge{padding-bottom: 20px !important;}        	.pdl-xlarge{padding-left: 20px !important;}      		.pdr-xlarge{padding-right: 20px !important;}
		.pdt-large{padding-top: 15px !important;}			.pdb-large{padding-bottom: 15px !important;}    		.pdl-large{padding-left: 15px !important;}      		.pdr-large{padding-right: 15px !important;}
		.pdt-normal{padding-top: 10px !important;}			.pdb-normal{padding-bottom: 10px !important;}   		.pdl-normal{padding-left: 10px !important;}    			.pdr-normal{padding-right: 10px !important;}
		.pdt-small{padding-top: 5px !important;}		 	.pdb-small{padding-bottom: 5px !important;}         	.pdl-small{padding-left: 5px !important;}       		.pdr-small{padding-right: 5px !important;}
		.pdt-xsmall{padding-top:3px !important;}
	
	/*Line-height*/
		.lineH0{line-height: 0 !important;}
		.lineH10{line-height: 10px !important;}			.lineH25{line-height: 25px !important;}
		.lineH12{line-height: 12px !important;}			.lineH30{line-height: 30px !important;}
		.lineH16{line-height: 16px !important;}			.lineH40{line-height: 40px !important;}
		.lineH18{line-height: 18px !important;}			.lineH50{line-height: 50px !important;}
		.lineH20{line-height: 20px !important;}			.lineH60{line-height: 60px !important;}
	
	/*Text-align*/
		.taC{text-align: center !important;}	.taR{text-align: right !important;}		.taL{text-align: left !important;}		.taJ {text-align: justify !important;}
	
	/*Text-transformation*/
		.ttU{text-transform: uppercase !important;}		.ttL{text-transform: lowercase !important;}		.ttC{text-transform: capitalize !important;}
	/*Font-size*/
		.fs-08{font-size: 8px !important;}
		.fs-10{font-size: 10px !important;}			.fs-12{font-size: 12px !important;}			.fs-13{font-size: 13px !important;}			.fs-14{font-size: 14px !important;}	
		.fs-15{font-size: 15px !important;}			.fs-16{font-size: 16px !important;}			.fs-18{font-size: 18px !important;}			.fs-19{font-size: 19px !important;}	
		.fs-20{font-size: 20px !important;} 		.fs-22 {font-size: 22px !important;} 		.fs-24{font-size: 24px !important;}			.fs-30{font-size: 30px !important;}	
		.fs-40{font-size: 40px !important;} 		.fs-50{font-size: 50px !important;}			.fs-80{font-size: 80px !important;}			.fs-100{font-size: 100px !important;}
	/*Font-weight*/
		.fw-100 {font-weight: 100 !important;} 		.fw-200 {font-weight: 200 !important;} 		.fw-300 {font-weight: 300 !important;} 		.fw-400 {font-weight: 400 !important;} 		
		.fw-500 {font-weight: 500 !important;} 		.fw-600 {font-weight: 600 !important;} 		.fw-700 {font-weight: 700 !important;} 		.fw-800 {font-weight: 800 !important;}  .fw-900 {font-weight: 900 !important;}
	/*Font Color*/
		.white {color: #fff;} 				.brown{color: #998A4D;} 			.green{color: #598019;} 				.orange{color: #FF5C0D;} 				.gray{color: #999;} 				
		.black {color: #000;}				.dark-brown{color: #272B1E;} 		.dark-green{color: #004D36;} 			.dark-orange{color: #AB350E;} 		.dark-gray{color: #333;}
		.red {color: #B92519;}
	/*Border Radius */
		.br-0 {border-radius: 0px;} 		.br-4 {border-radius: 4px;} 		.br-10 {border-radius: 10px;}	
	/*Position*/
		.pos-rel {position: relative;} 	.pos-abs {position: absolute;} .pos-fix {position: fixed;}