/**
 * Description: Portal Rede Simples
 *
 * Summary:
 *
 *	0. Imports
 *	1. Commons
 *	2. Buttons
 *	3. Navbar
 *	   - 3.1 Navbar Mobile
 *	4. Footer
 *	5. Breadcrumb
 *	6. Pagination
 *	7. Searchbar
 *	8. Home - Banner
 *	9. Home - CTA Section
 *		- 9.1 Steps Modal
 *	10. Home - Services/Steps
 *	11. Home - Acesso Rápido
 *		- 11.1 Panel Primary
 *		- 11.2 Panel Secondary
 *	12. Notícias
 *		- 12.1 Home - Notícias
 *		- 12.2 Notícias - Archive
 *		- 12.3 Notícias - Single
 *		- 12.4 Downloads
 *	13. Home - Parceiros
 *	14. Page - Contato
 *	15. Page - Em breve
 */

 /*==================================
 =            0. Imports            =
 ==================================*/

/** LESS Variables **/
//@import "variables.less";

/** Bootstrap LESS Variables **/
//@import (reference) "../dist/bootstrap/variables.less";

/** Rede Simples DF **/
//@import "../dist/rs-df/style-df.less";

/** Rede Simples MG **/
//@import "../dist/rs-mg/style-mg.less";

/** Rede Simples RS **/
// @import "../dist/rs-rs/style-rs.less"; 
 
 /*=====  End of 0. Imports  ======*/

/*===============================
=         1. Commons            =
===============================*/

.rendercss(
	@color-default,
	@color-darken, 
	@color-1, 
	@color-2, 
	@color-3, 
	@color-4, 
	@navbar-bgcolor, 
	@footer-bgcolor, 
	@panel-heading-color
) {

	body {
		background-color: #fff;
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		color: @color-darken;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Lato', sans-serif;
		font-weight: bold;
	}

	input {
		
		-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: fade(#333, 40%);
		}

		&::-moz-placeholder { /* Firefox 19+ */
		  color: fade(#333, 40%);
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: fade(#333, 40%);
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: fade(#333, 40%);
		}

		&::placeholder { /* Firefox 19+ */
		  color: fade(#333, 40%);
		}

	}

	a {
		color: darken(@color-2, 5%);
	}

	table tr > td,
	table tr > th {
		vertical-align: middle;
	}

	table.dataTable thead .sorting:before, 
	table.dataTable thead .sorting:after, 
	table.dataTable thead .sorting_asc:before, 
	table.dataTable thead .sorting_asc:after, 
	table.dataTable thead .sorting_desc:before, 
	table.dataTable thead .sorting_desc:after, 
	table.dataTable thead .sorting_asc_disabled:before, 
	table.dataTable thead .sorting_asc_disabled:after, 
	table.dataTable thead .sorting_desc_disabled:before, 
	table.dataTable thead .sorting_desc_disabled:after {
		top: 50%;
		bottom: -7px;
	   	transform: translate(-50%, -50%);
	}

	.rs-title {
	    margin-bottom: 30px;
		margin-top: 0;
	}

	.rs-title-section {
		text-transform: uppercase;
		font-weight: bold;
		color: @color-darken;
		border-bottom: 1px solid #dcdcdc;
		position: relative;
	    padding-bottom: 15px;
	    margin-top: 30px;
	    margin-bottom: 45px;

		&:after {
			display: block;
			position: absolute;
			width: 18%;
			height: 3px;
		    bottom: -3px;
			left: 0;
			background-color: @color-2;
			content: '';
		}
	}

	.rs-title-lg {
		font-size: 28px;
	}

	.rs-title-md {
		font-size: 22px;
	}

	.rs-title-detail {
	    height: 20px;
	    width: 27px;
	    background-color: @color-2;
	    display: inline-block;
	    margin-right: 13px;

	}

	/*=====  End of 1. Commons  ======*/

	/*===============================
	=         2. Buttons            =
	===============================*/
					
	.btn {
		font-weight: 600;
		font-family: 'Lato', sans-serif;
		border: none;
		border-radius: 30px;
		text-shadow: none;
		box-shadow: none;
		.transition(all 300ms ease-in-out);
	}

	.btn-lg {
		padding: 15px 25px;
		font-size: 16px;
	}

	.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
		.box-shadow(1px 2px 4px 0px rgba(0,0,0,0.3));

		&:hover {
			.box-shadow(1px 2px 4px 0px rgba(0,0,0,0.3));
			border: none;
		}
	}

	.btn-default {
		background: @color-default;
		text-transform: uppercase;
		padding: 12px 20px;
		color: #4b4b4b;

		&:hover, 
		&:focus,
		&:active,
		&.active.focus, 
		&.active:focus, 
		&.active:hover, 
		&:active.focus, 
		&:active:focus, 
		&:active:hover {
			background: darken(@color-default, 6%);
			outline: none;
		}
		
		i {
			color: @color-2;
			margin-left: 8px;
		  	font-size: 19px;
		}
	}

	.btn-primary {
		color: white;
		background: @color-4;
		text-transform: uppercase;

		&:hover, 
		&:focus,
		&:active,
		&.active.focus, 
		&.active:focus, 
		&.active:hover, 
		&:active.focus, 
		&:active:focus, 
		&:active:hover {
			background: darken(@color-4, 5%);
			outline: none;
		}
		
		i {
		  margin-left: 8px;
		  font-size: 19px;
		}
	}


	.btn-secondary {
		color: white;
		background: @color-2;
		text-transform: uppercase;

		&:hover, 
		&:focus,
		&:active,
		&.active.focus, 
		&.active:focus, 
		&.active:hover, 
		&:active.focus, 
		&:active:focus, 
		&:active:hover {
			color: white;
			background: darken(@color-2, 5%);
			outline: none;
		}

		i {
			color: white;
			margin-left: 8px;
			font-size: 19px;
		}
	}

	.btn-access {
		background: fade(@color-1, 90%);
		text-transform: uppercase;
		padding: 15px 30px;
		color: #fff;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		.flex-align-center;
		.flex;

		&:hover, 
		&:focus,
		&:active,
		&.active.focus, 
		&.active:focus, 
		&.active:hover, 
		&:active.focus, 
		&:active:focus, 
		&:active:hover {
			background: fade(@color-1, 100%);
			text-transform: uppercase;
			color: #fff;
			outline: none;
		}

		i {
			margin-right: 20px;
			font-size: 25px;
		}

		span {
			max-width: 112px;
		}
	}

	.btn-icon {
		border-radius: 8px;
		i {
		    font-size: 15px;
			margin: 0;
		}
	}


	.rs-btn-access {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 3;
		margin-right: -145px;
		margin-top: 190px;
		.transition (all ease 400ms);

		&:hover {
			margin-right: 0;
		}
	}

	/*=====  End of 2. Buttons  ======*/

	/*==============================
	=          3. Navbar           =
	==============================*/

	.navbar {
		background-color: @navbar-bgcolor;
		height: 70px;
		color: #fff;
		border-radius: 0;
		border: none;
		margin-bottom: 0;
		.box-shadow(1px 2px 3px 0px rgba(0,0,0,0.2));
	}

	.nav .open>a, 
	.nav .open>a:focus, 
	.nav .open>a:hover {
		background: transparent;
	}

	.navbar-info {
		.flex;
	}

	.navbar-header {
		width: 100%;
		padding: 10px 0;
		.flex;
		.flex-align-center;
		.flex-justify-between;
	}

	.navbar-brand {
		width: 100%;
		padding: 10px 15px;
		height: auto;
		.transition(all 300ms ease);

		img {
			max-height: 40px;
		}
	}

	.navbar-brand.right img {
		float: right;
		max-height: 60px;
	}

	.navbar-brand:hover {
		text-shadow: none;
		color: #f2f2f2;
	}

	.navbar-rs-header {
	  width: 100%;
	  height: 70px;

	  .flex;
	  .flex-align-center;
	  .flex-justify-between;
	}

	.navbar-nav>li {
		margin: 0 6px;

		&.dropdown:hover ul.dropdown-menu {
	        display: block;
	    }

		.dropdown-menu {
			padding: 0;
		    margin-top: -1px;
			border: 1px solid rgba(0,0,0,.1);
			border-radius: 0;

			li>a {
				margin: 0;
			    padding: 12px 15px;
			    // text-transform: uppercase;
			    color: #444;
			    // font-weight: bold;
			    border-left: 3px solid #ddd;
		        line-height: 28px;

				&:hover {
					color: @color-2;
					border-color: @color-2;
					background-color: lighten(@color-default, 8%)
				}

				&:after {
					display: none;
				}
			}

			.active {
				a {
					color: @color-2;
					border-color: @color-2;
					background-color: #fff;

					&:focus,
					&:hover {
						color: @color-2;
						background-color: lighten(@color-default, 8%);

					}
				}
			}
		}

		&.active {
			&:hover {
				a:after {
					width: 30px
				}
			}
		}

		a {
			color: #fff;
			font-size: 14px;
			text-shadow: none;
			padding: 9px;
			line-height: 35px;
			transition: all 400ms ease-in-out;
			-o-transition: all 400ms ease-in-out;
			-moz-transition: all 400ms ease-in-out;
			-webkit-transition: all 400ms ease-in-out;
			
			&:after {
				content: '';
				display: block;
				background-color: transparent;
				width: 0;
				height: 3px;
				margin: 2px auto -2px;
				transition: all 400ms ease-in-out;
				-o-transition: all 400ms ease-in-out;
				-moz-transition: all 400ms ease-in-out;
				-webkit-transition: all 400ms ease-in-out;
			}
		}
	}

	.navbar-nav>li.active>a:after {
		width: 30px;
		background-color: rgba(0,0,0,.15);
	}

	.nav>li>a:focus:after, .nav>li>a:hover:after {
		width: 30px;
		background-color: rgba(0,0,0,.15);
	}

	.nav>li>a:focus, .nav>li>a:hover, .navbar-nav>li.active>a {
		background-color: transparent;
	}


	/*----------  3.1 Navbar Mobile  ----------*/
	
	.navbar-mobile {
			.gradient-bgcolor;

			&::-webkit-scrollbar-track {
				background-color: @color-2;
			}

			&::-webkit-scrollbar {
				width: 8px;
				background-color: @color-2;
			}

			&::-webkit-scrollbar-thumb {
				border-radius: 15px;
				background-color: darken(@color-2, 20%);
			}

			ul {
				list-style: none;
				padding: 0;

				li {
					.dropdown-menu {
						padding: 0;
					    display: block;
					    box-shadow: none;
					    width: 100%;
					    position: static;
					    margin-top: 0;
					    border: none;
					    background-color: transparent;
				        float: none;

					    a {
					    	background-color: rgba(0,0,0,.1);
					    	color: #fff;
				    	    padding: 15px 20px;
					    }
					}
				}

				li > a {
					border-bottom: 1px solid @color-2;
					.transition (all 300ms ease);
					color: #fff;

					&:hover, &:active, &:focus {
						text-decoration: none;
						background: rgba(0,0,0,.05);
						color: #fff;
					}

					&.btn-access {
						border: none;
						border-radius: 0;
						text-align: left;
						font-size: 16px;
					}
				}
			}
		}

	/*=====  End of 3. Navbar  ======*/

	/*==============================
	=          4. Footer           =
	==============================*/
	.rs-footer {
		background: @footer-bgcolor;
		color: @color-default;
		padding: 15px 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;

		p {
			margin: 0;
		}
	}

	/*=====  End of 4. Footer  ======*/

	/*==================================
	=          5. Breadcrumb          =
	==================================*/

	.breadcrumb {
	    border-radius: 0;
	    border-left: 3px solid @color-2;
	    background: #fff;
	    padding: 6px 15px;

	    li {
	    	a {
			    color: @color-2;
		    	text-decoration: none;
		    	font-weight: normal;
	    	}
	    }
	}

	/*=====  End of 5. Breadcrumb  ======*/

	/*==================================
	=          6. Pagination           =
	==================================*/
	.pagination {
		li>a,
		li>span {
		    margin: 0 2px;
	    	border-radius: 30px !important;
	    	color: @color-2;
		}

		li>a:focus, 
		li>a:hover, 
		li>span:focus, 
		li>span:hover {
			color: darken(@color-2, 10%);
		}

		li {
			span {
				background-color: @color-2;
				color: #fff;

				&:hover {
					color: #fff;
				}
			}

			&.disabled span {
				background-color: @color-default;
				color: @color-2;
			}
		}

		li.active>a {
			background-color: @color-2;
			border-color: darken(@color-2, 5%);
			color: #fff;
		}

	}

	/*=====  End of 6. Pagination  ======*/

	/*=================================
	=          7. Searchbar           =
	=================================*/
		
	.rs-search-box {
		height: auto;
		background-color: fade(@color-2, 95%);

		label {
			display: none;
		}

		.container {
			position: relative;

			&:after {
				content: '';
				display: block;
			    position: absolute;
				width: 100%;
				height: 1px;
				background-color: #fff;
				bottom: 22px;
			    left: 0;
			}

			.rs-search-btn {
				position: absolute;
			    top: 0;
			    right: 0;
			    margin-top: 30px;
			    background: transparent;
	    		border: none;

				outline: none;
				border-radius: 50%;
			    font-size: 24px;
				height: 45px;
				width: 45px;
				line-height: 42px;
				color: #fff;

	    		&:hover,
				&:active,
				&:focus {
					border: none;
				    outline: none;
				}
			}
		}
		
		.rs-search-input {
			width: 100%;
			background-color: transparent;
			color: #fff;
			height: 101px;
			border: none;
			font-size: 20px;
			position: relative;

			&:hover,
			&:active, 
			&:focus {
				border: none;
			    outline: none;
			}

			.input-placeholder {
				color: #fff;
				opacity: 1;
			};
		}
	}

	.rs-toggle-search {
		height: 45px;
		width: 45px;
		line-height: 42px;
		font-size: 24px;
		outline: none;
		background: transparent;
		border: none;
		border-radius: 50%;
	    margin-right: 5px;

		&.menu-active {
			background-color: rgba(0, 0, 0, .15);
		}
	}

	/*=====  End of 7. Searchbar  ======*/

	/*=====================================
	=          8. Home - Banner           =
	=====================================*/
	// Não utilizado

	// .rs-banner {
	// 	height: 500px;

	// 	.rs-banner-item {
	// 		position: relative;
	// 	    width: 100%;
	// 	    height: 500px;
		    
	// 	    .flex;
	// 	    .flex-align-center;

	// 		.rs-banner-img {
	// 			position: absolute;
	// 			height: 100%;
	// 			width: 100%;
	// 			top: 0;
	// 			left: 0;
	// 		    filter: contrast(130%) brightness(110%) grayscale(20%);

	// 			img {
	// 				width: 100%;
	// 				height: 100%;
	// 				object-fit: cover;
	// 				position: relative;

	// 			}

	// 			&:after {
	// 				background-image: url('../img/bg-banner-overlay.png');
	// 				background-blend-mode: color-dodge;
	// 				position: absolute;
	// 				display: block;
	// 				height: 100%;
	// 				width: 100%;
	// 				content: '';
	// 				top: 0;
	// 				left: 0;
	// 				filter: contrast(130%);
	// 			}

	// 		}

	// 		.rs-banner-box {
	// 		    background-color: rgba(0, 0, 0, .5);
	// 		    color: #fff;
	// 		    padding: 60px 30px;
	// 		}
	// 	}
	// }

	/*=====  End of 8. Home - Banner  ======*/

	/*==========================================
	=          9. Home - CTA Section           =
	==========================================*/

	.rs-cta {
		background: url('../img/bg-cta.png') no-repeat bottom center;
		width: 100%;
		padding: 90px 0 40px;

		&:after {
			display: block;
			width: 100%;
			height: 80px;
			position: absolute;
			content: '';
			left: 0;
			margin-top: 40px;
			background: url('../img/bg-cta-after.png') no-repeat top center;
		    z-index: 2;
		}

		.rs-title {
			font-weight: bold;
			margin-top: 0;
			text-transform: uppercase;
			color: @cta-title;
			font-size: 30px;
		}

		.rs-subtitle {
			margin-bottom: 50px;
			line-height: 36px;
			font-size: 24px;
			font-weight: normal;
			color: #444444;
		}
		#rs-banner {
			.slick-prev{
				width: 40px;
				height: 60px;
				z-index: 1;
				left: -85px;
			}

			.slick-next {
			    width: 40px;
				height: 60px;
				z-index: 1;
				right: -85px;
			}
		}

		#rs-banner .slick-prev:before, 
		#rs-banner .slick-next:before {
		    font-family: FontAwesome;
		    font-size: 30px;
		    color: @color-2;
		}

		#rs-banner .slick-next:before {
		    content: "\f054";
		}

		#rs-banner .slick-prev:before {
		    content: "\f053";
		}
	}

	/*---------- 9.1 Steps Modal  ----------*/

	.rs-steps-modal {

		.modal-header {
			.gradient-bgcolor;
			width: 100%;
			display: block;
			height: 138px;

			/*Chrome,Safari*/
			-webkit-clip-path: polygon(0px 107px,628px 54px,897px 0px,0px 0px);

			/*Firefox*/
			clip-path: url("#clipModalHeader");
		}

		.modal-footer {
			.gradient-bgcolor;
			width: 100%;
			display: block;
			height: 108px;
			position: absolute;
		    bottom: 0;
		    z-index: 1;

			/*Chrome,Safari*/
			-webkit-clip-path: polygon(0px 107px,628px 54px,897px 0px,0px 0px);

			/*Firefox*/
			clip-path: url("#clipModalFooter");
		}
		
		.modal-body {
		    //.bg-modal-header;
			padding: 20px 0 0;
			border: none;
		}


		.modal-content {
			overflow: hidden;
		    border: none;

			h2 {
				color: #fff;
				font-size: 20px;
			}

			button.close {
			    position: absolute;
			    top: 15px;
			    right: 15px;
			    color: @color-2;
			    opacity: 1;
		        font-size: 28px;
		        z-index: 1;
			}
		}

		figure {
	    	width: 130px;
		    height: 130px;
		    margin: 20px auto;
		    line-height: 130px;
	    	border: 3px solid @color-2;
	    	border-radius: 50%;
	    	-webkit-box-shadow: 0px 0px 0px 18px fade(@color-3, 80%);
			-moz-box-shadow: 0px 0px 0px 18px fade(@color-3, 80%);
			box-shadow: 0px 0px 0px 18px fade(@color-3, 80%);

			.transition(all 400ms ease);

			animation: pulse-steps 4s infinite;
			animation-timing-function: cubic-bezier(.21,.72,.44,.65);

			&.coletor img {
			    padding-bottom: 19px;
			}

			@keyframes pulse-steps {
				0% {
					-moz-box-shadow: 0 0 0 18px rgba(191, 191, 191, .15);
					-webkit-box-shadow: 0 0 0 18px rgba(191, 191, 191, .15);
					box-shadow: 0 0 0 18px rgba(191, 191, 191, .15);
				}
				40% {
					-moz-box-shadow: 0 0 0 0 fade(@color-3, 5%), inset 0px 0px 1px 8px rgba(191, 191, 191, .2);
					-webkit-box-shadow: 0 0 0 0 fade(@color-3, 5%), inset 0px 0px 1px 8px rgba(191, 191, 191, .2);
					box-shadow: 0 0 0 0 fade(@color-3, 5%), inset 0px 0px 1px 8px rgba(191, 191, 191, .2);
				}
				100% {
					-moz-box-shadow: 0 0 0 18px rgba(191, 191, 191, .2);
					-webkit-box-shadow: 0 0 0 18px rgba(191, 191, 191, .2);
					box-shadow: 0 0 0 18px rgba(191, 191, 191, .2);
				}
			}

			img {
				width: 90px;
				padding-bottom: 10px;
			}

	    }

		.wizard {

			.steps {
				li:nth-last-child(1) {
					a:after {
						display: none;
					}
				}

				a {
					background-color: transparent;
					color: #c4c4c4;

					.number {
						height: 35px;
						width: 35px;
						line-height: 32px;
						font-size: 17px;
						text-align: center;
						background-color: transparent;
						color: #c4c4c4;
						border: 2px solid #c4c4c4;
						border-radius: 50%;
						display: inline-block;
						margin-right: 10px;
						font-family: 'Lato', sans-serif;
						font-weight: bold;
					}

					&:hover {
						background-color: transparent;
						color: #c4c4c4;
					}

					&:after {
			    		display: block;
			    		position: absolute;
			    		width: 1px;
			    		height: 25px;
			    		background-color: @color-default;
			    		content: '';
		    		    margin-left: 17px;
		    			margin-top: 8px;
			    	}
		    	}
			}

			.current {
				a {
					background-color: transparent;
					font-weight: bold;
					color: @color-2;

					.number {
						color: #fff;
						border: 2px solid transparent;
						background-color: @color-2;
					}

					&:hover {
						background-color: transparent;
						color: @color-2;
					}
				}

			}

			.content {
				background-color: transparent;
			    min-height: 47em;

			    .body {
				    height: 100%;
				    padding: 0;
			    }

			    h4 {
			    	font-size: 16px;
			    	text-transform: uppercase;
			    	font-weight: bold;
			    	color: @color-2;
			    	border-bottom: 1px solid #dcdcdc;
			    	position: relative;
		    	    padding-bottom: 15px;
		    	    margin-top: 30px;
		    	    margin-bottom: 30px;

			    	&:after {
			    		display: block;
			    		position: absolute;
			    		width: 40%;
			    		height: 3px;
		    		    bottom: -3px;
			    		left: 0;
			    		background-color: @color-2;
			    		content: '';
			    	}
			    }
			}

			.actions {
				//.bg-modal-footer;
				height: 108px;
				width: 100%;
				border: none;
			    padding: 45px 25px 0;
			    margin: 0;
		        z-index: 2;

				a {
					background-color: #fff;
					height: 35px;
					width: 35px;
					text-align: center;
					line-height: 35px;
					color: darken(@color-2, 10%);
					border-radius: 50%;
				    padding: 0;
				    .box-shadow(1px 2px 4px 0px rgba(0,0,0,0.3));
				    .transition (all 300ms ease);

				    &:hover {
				    	background-color: darken(#fff, 10%);
				    }
				}
				.disabled {
					a {
						background-color: #f2f2f2;
						color: @color-2;
						opacity: 0;
						visibility: hidden;
					}
				}

				li:nth-last-child(1) {
					a {
						background-color: #fff;
						color: @color-2;
					}
				}
			}
		}
	}

	/*=====  End of 9. Home - CTA Section  ======*/

	/*=============================================
	=          10. Home - Services/Steps          =
	=============================================*/

	.rs-steps {
		width: 100%;
		padding: 120px 0 60px;
		.gradient-bgcolor;
		position: relative;

		.rs-title {
			color: #fff;
			margin-bottom: 60px;
			width: 100%;
			text-align: center;
		}

		a {
			text-decoration: none;
		}
	}

	.rs-steps-soon {
		opacity: .4;
	}

	.rs-steps-soon-badge {
		background: rgba(255,255,255,0.2);
		border-radius: 30px;
		padding: 6px 12px;
		font-weight: bold;
		font-size: 11px;
		color: #fff;
	}

	.rs-steps-items {
		color: #FFFFFF;
		.transition(all 300ms ease);
		

		h3 {
		    margin-top: 40px;

		}

	    figure {
	    	width: 130px;
		    height: 130px;
		    line-height: 135px;
		    margin: auto;

	    	border: 3px solid #fff;
	    	border-radius: 50%;

	    	-webkit-box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			-moz-box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			.transition(all 400ms ease-in-out);

			img {
				max-height: 60px;
			}
	    }

		&:hover {
			cursor: pointer;
			color: @color-default;

			figure {
				animation: pulse 2.5s infinite;
				box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .1);
			}
		}

		@-webkit-keyframes pulse {
			0% {
			-webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			}
			40% {
			  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .05), inset 0px 0px 1px 8px rgba(255, 255, 255, .2);
			}
			100% {
			  -webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			}
		}

		@keyframes pulse {
			0% {
			-moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			}
			40% {
			  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .05), inset 0px 0px 1px 8px rgba(255, 255, 255, .2);
			  box-shadow: 0 0 0 0 rgba(255, 255, 255, .05), inset 0px 0px 1px 8px rgba(255, 255, 255, .2);
			}
			100% {
			  -moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			  box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
			}
		}

	}

	.rs-steps-items img, .rs-steps-items p, .rs-steps-items span {
		margin-bottom: 20px;
	}

	.rs-comingsoon {
		background: rgba(0, 0, 0, .1);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	    z-index: 1;
	    text-align: center;

		.flex;
		.flex-direction-column;
		.flex-align-center;
		.flex-justify-center;

	    h2 {
	    	width: 100%;
	    	color: #fff;
	    	font-size: 40px;
	    	margin-top: 40px;
	    }

	    p {
	    	width: 100%;
	    	color: #fff;
	    	font-size: 21px;
	    }

	    figure {
	    	width: 130px;
		    height: 130px;
		    line-height: 130px;
	    	border: 3px solid #fff;
	    	border-radius: 50%;
	    	-webkit-box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			-moz-box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, .15);
			.transition(all 400ms ease);

			animation: pulse-soon 4s infinite;
			animation-timing-function: cubic-bezier(.21,.72,.44,.65);
	    	

	    	@-webkit-keyframes pulseSoon {
				0% {
				-webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				}
				40% {
				  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .05);
				}
				100% {
				  -webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				}
			}

			@keyframes pulse-soon {
				0% {
				-moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				}
				40% {
				  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .05);
				  box-shadow: 0 0 0 0 rgba(255, 255, 255, .05);
				  border-color: @color-1;
				}
				100% {
				  -moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				  box-shadow: 0 0 0 18px rgba(255, 255, 255, .15);
				}
			}

			img {
				width: 105px;
				padding-bottom: 10px;
			}

	    }
	}

	/*=====  End of 10. Home - Services/Steps  ======*/

	/*============================================
	=          11. Home - Acesso Rápido           =
	============================================*/

	.rs-servicos {
		padding-top: 30px;
	}

	.panel {
		border: none;
	  	box-shadow: none;
	}

	.panel-heading {
		text-transform: uppercase;
		font-weight: 600;
	}

	.panel-body {
	  	border: 1px solid #dddddd;
	  	border-top: 0;
	  	padding: 20px;
	  	min-height: 185px;

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

		ul>li>a {
			padding: 10px 0;
			color: @color-2;
		}

		ul>li>a i {
			padding: 10px 0;
			color: @color-2;
			margin-left: 10px;
		}

		input {
			margin-bottom: 30px;
		}
	}

	.panel-default {

		.panel-heading {
			color: #fff;
			border: none;
			background-color: @panel-heading-color;

			.panel-heading-title {
				font-size: 18px;
				color: #fff;
				.flex;
				.flex-align-center;
				margin-top: 10px;
	    		margin-bottom: 10px;

				&:before {
					content: '';
					display: block;
					width: 12px;
					max-width: 12px;
					min-width: 12px;
					height: 14px;
					background: #fff;
					margin-right: 10px;
				}
			}
		}
	}


	/*----------  11.1 Panel Primary  ----------*/

	.panel-primary {
		border: 1px solid #dddddd;
		
		.panel-heading {
			background: #fff;
			border-bottom: 2px solid #bfbfbf;
			margin: 0 10px;

			.panel-heading-title {
				font-size: 18px;
				color: #444444;
				text-align: center;
				padding: 0;
				.flex;
				.flex-justify-center;

				&:before {
					display: none;
				}
			}
		}

		.panel-body {
			border: none;
		}

		.panel-body ul>li>a {
			width: 100%;
		  	display: block;
			padding: 15px 0;
			border-bottom: 1px solid #ddd;	
		}


		.panel-body ul>li:nth-last-child(1) a {
			border: none;
		}

		.panel-body ul>li>a:hover {
			text-decoration: none;
		}
	}

	/*----------  11.2 Panel Secondary  ----------*/

	.panel-secondary {
		border: 1px solid #dddddd;

		.panel-heading {
			color: #fff;
			border: none;
			background-color: @panel-heading-color;

			.panel-heading-title {
				.flex;
				.flex-align-center;
				color: #fff;
				font-size: 18px;
				margin-top: 10px;
	    		margin-bottom: 10px;

				&:before {
					content: '';
					display: block;
					width: 12px;
					max-width: 12px;
					min-width: 12px;
					height: 14px;
					background: #fff;
					margin-right: 10px;
				}
			}
		}

		.panel-body {
			border: none;

			ul>li>a {
				width: 100%;
			  	display: block;
				padding: 7.6px 0;
				border-bottom: 1px solid #ddd;	

				&:hover {
					text-decoration: none;
				}
			}

			ul>li:nth-last-child(1) a {
				border: none;
			}
		}
	}

	/*=====  End of Home - Acesso Rápido  ======*/

	/*================================
	=          12. Notícias          =
	================================*/

	/*----------  12.1 Home - Notícias  ----------*/
	.rs-noticias {
		width: 100%;
		padding-bottom: 60px;
		background-color: #fff;
	}

	.rs-noticias-items {
		margin-bottom: 30px;

		img {
			margin: 0;
			width: 100%;
			height: 100%;
			max-height: 200px;
			min-height: 200px;
			object-fit: cover;

			border-top: 1px solid #dcdcdc;
		    border-right: 1px solid #dcdcdc;
		    border-left: 1px solid #dcdcdc;
		}
	}

	.rs-noticias-data {
		padding: 20px 25px;
		background-color: #FFFFFF;
	    height: auto;
	    min-height: 280px;
	    border-bottom: 1px solid #dcdcdc;
	    border-right: 1px solid #dcdcdc;
	    border-left: 1px solid #dcdcdc;

		.rs-noticias-title {
			text-transform: uppercase;
			color: @color-darken;
			height: 37px;
			overflow:hidden; 
		    text-overflow: ellipsis;
	        font-size: 16px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		small {
			font-size: 13px;
		}

		a {
			color: @color-2;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
		}
	}

	.rs-noticias-readmore {
		padding-top: 20px;
		margin-bottom: 0;
	}

	/*----------  12.2 Notícias - Archive  ----------*/

	.rs-noticias-archive {
		.padding-section;
	    min-height: 75vh;
	}

	/*----------  12.3 Notícias - Single  ----------*/

	.rs-detalhamento {
		padding: 60px 0;
		min-height: 75vh;

		figure {
			margin-bottom: 20px;

			img {
				width: 100%;
			}
		}
	}

	/*----------  12.4 Downloads  ----------*/
	.rs-download {
		ul {
			padding: 0;
			list-style: none;
		}

		.rs-download-item {
			width: 100%;
		    margin: 10px;
		    align-iten: center;
		    list-style: none;

		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;

		    -ms-align-items: center;
		    -webkit-align-items: center;
		    align-items: center;
		}

		.icon-download {
			background-color: @color-2;
			border-radius: 6px;
			padding: 12px 15px;
			margin-right: 15px;
		}

		.ic-viabilidade {
			margin-bottom: 30px;
		    width: 100%;
		    height: auto;
		    object-fit: cover;
		}

		.rs-download-title {
			a:link,
			a:visited,
			a:hover,
			a:active {
			    text-decoration: none;
			    color: #666;
			}
		}
	}

	/*=====  End of 12. Notícias  ======*/

	/*========================================
	=          13. Home - Parceiros          =
	========================================*/

	.rs-parceiros {
		background-color: @color-default;
		width: 100%;
		padding: 40px 0 60px;


		.rs-parceiros-item {
			height: 175px;
			width: 100%;
			padding: 5px;

			figure {
				width: 100%;
				height: 100%;
				background-color: #fff;
				padding: 20px;
				.box-shadow(1px 1px 3px 0 rgba(0,0,0,0.2));
				.flex;
				.flex-align-center;
				.flex-justify-center;
				

				&:hover {
	  				img {
						-webkit-filter: grayscale(0) opacity(1);
		  				filter: grayscale(0) opacity(1);
	  				}
				}
			}

			img {
		        width: auto;
			    height: auto;
			    max-height: 100%;
			    max-width: 100%;
		        object-fit: contain;
				-webkit-filter: grayscale(1) opacity(.6);
				filter: grayscale(1) opacity(.6);
				.transition(all 300ms ease);
			}
		}
	}

	.slick-slide img {
		margin: auto;
	}

	#rs-parceiros {
		.slick-prev{
			width: 40px;
			height: 60px;
			z-index: 1;
			left: -35px;
		}

		.slick-next {
		    width: 40px;
			height: 60px;
			z-index: 1;
			right: -35px;
		}
	}

	#rs-parceiros .slick-prev:before, 
	#rs-parceiros .slick-next:before {
	    font-family: FontAwesome;
	    font-size: 30px;
	    color: @color-2;
	}

	#rs-parceiros .slick-next:before {
	    content: "\f054";
	}

	#rs-parceiros .slick-prev:before {
	    content: "\f053";
	}

	/*=====  End of 13. Home - Parceiros  ======*/

	/*======================================
	=          14. Page - Contato          =
	======================================*/

	.rs-contato {
		.padding-section;
		min-height: 75vh;

		i {
			color: @color-2;
			width: 40px;
			min-width: 40px;
			height: 40px;
			line-height: 38px;
			font-size: 18px;
			text-align: center;
			border-radius: 50%;
			border: 2px solid #c4c4c4;
			margin-right: 15px;
			.transition(all 300ms ease);

			&:hover {
				border: 2px solid @color-2;
			}
		}

		p {
			margin: 0 0 5px;
			font-weight: bold;
			color: @color-2;
			text-transform: uppercase;
		}

		a {
			color: #666;

			&:hover {
				text-decoration: none;
				color: @color-2;
			}
		}

		.rs-info {
			margin-bottom: 30px;	
			.flex;
			.flex-align-center;

			&:hover {
				color: #666;

				i {
					border: 2px solid @color-2;
				}

			}
		}

		small {
			margin-bottom: 30px;
			display: block;
		}

		address {
			margin: 0;
		}
	}


	/*=====  End of 14. Page - Contato  ======*/

	/*=======================================
	=          15. Page - Em breve          =
	=======================================*/

	.rs-steps-breve {
	    width: 100%;
	    padding: 350px 0 60px;
	    .gradient-bgcolor;
	    position: relative;
	    margin-top: 250px;
	    
	    .rs-title {
	        color: #fff;
	        margin-bottom: 60px;
	    }
	}

	.rs-logo-breve {
	    background: url("/assets/img/logo.png") top center;
	    background-repeat: no-repeat;
	    width: 100%;
	    padding: 20px 418px;
	}

	/*=====  End of 15. Page - Em breve  ======*/

	/*==========================================
	=            16 - Result Search            =
	==========================================*/
	
	.rs-results {
		.padding-section;
		min-height: 75vh;

		.rs-resultslist {
			list-style: none;
			text-transform: capitalize;
			padding: 0;

			ul {
				list-style: none;
				text-transform: capitalize;
			}
		}

	}

	/*=====  End of 16 - Result Search  ======*/
	
	/*========================================================
	=            17 - Units/Municípios integrados            =
	========================================================*/
	.rs-units {
		.padding-section;
		min-height: 75vh;
	}


/*=====  End of 17 - Units/Municípios integrados  ======*/


	// @Import style-responsive.less;
	//@import "style-responsive.less";
	
}

//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.mg {
	.rendercss (
		#ececec, 
		#666, 
		#e63c3c, 
		#e63c3c, 
		darken(#e63c3c, 15%), 
		#ff9b00, 
		darken(#666, 10%), 
		darken(#666, 10%), 
		#666
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: darken(@color-1, 25%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;

	.navbar-brand.right {
		display: none;
	}

	.navbar-brand img {
		max-height: 60px;
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}
}


//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.df {
	.rendercss(
		#f2f2f2, 
		#666, 
		#95bd3a, 
		#009d72, 
		#007b82, 
		#95bd3a, 
		#009d72, 
		#009d72, 
		#009d72
	);

	.gradient-bgcolor (@startColor: @color-2, @endColor: @color-3) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/
	@bg-login: url('../dist/rs-df/bg-login.jpg') top center;
	@navbar-brand: 15px 5px;

	/*----------  Guia rápido - Em breve  ----------*/
	// .rs-steps {
	// 	.rs-steps-items {
	// 		opacity: .1;
	// 	}
	// 	.rs-title {
	// 		display: none;
	// 	}
	// }

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	.rs-ic-libras img {
	    background-color: #01529b;
	    height: 38px;
	    width: 38px;
	    margin-top: 4px;
	    padding: 3px;
	    border-radius: 8px;
	}
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.ac {
	.rendercss (
		#dedede, 
		#666, 
		#589c45, 
		#589c45, 
		darken(#589c45, 15%), 
		#95bd3a, 
		darken(#5b5b5f, 5%), 
		darken(#5b5b5f, 5%), 
		#5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: darken(@color-1, 15%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.rs {
	.rendercss (
		#f2f2f2, 
        #5b5b5f, 
        #a31724, 
        lighten(#a31724, 5%), 
        lighten(#a31724, 5%), 
        #e1b21c, 
        darken(#5b5b5f, 5%), 
        darken(#5b5b5f, 5%), 
        #5b5b5f
	);



	.gradient-bgcolor (@startColor: lighten(@color-1, 5%), @endColor: darken(@color-1, 10%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.ms {
	.rendercss (
		#e1e1e1, 
        #5b5b5f, 
        #00a746, 
        #00a746, 
        darken(#76a73e, 15%), 
        #00a746, 
        darken(#5b5b5f, 5%), 
        darken(#5b5b5f, 5%), 
        #5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: darken(@color-1, 15%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.rr {
	.rendercss (
		#e1e1e1, 
        #5b5b5f, 
        #0072DF, 
        #2e509a,
        #0072DF,
        #2e509a, 
        darken(#5b5b5f, 5%), 
        darken(#5b5b5f, 5%), 
        #5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: @color-2) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.mt {
	.rendercss (
		#e1e1e1, 
        #5b5b5f, 
        #193282, 
        #0088CC,
        #193282,
        #0088CC, 
        darken(#5b5b5f, 5%), 
        darken(#5b5b5f, 5%), 
        #5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-2, @endColor: @color-1) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}
	
	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

body.ce {
	.rendercss (
		#e1e1e1, 
        #5b5b5f, 
        #079D56, 
        #079D56,
        #079D56,
        #FFC700, 
        lighten(#5b5b5f, 5%), 
        lighten(#5b5b5f, 5%), 
        #5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: darken(@color-1, 15%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-mg/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}

//@color-default
//@color-darken
//@color-1 
//@color-2
//@color-3
//@color-4
//@navbar-bgcolor
//@footer-bgcolor
//@panel-heading-color

body.am {
	.rendercss (
		#dedede, 
		#666, 
		#56a455, 
		#56a455, 
		darken(#56a455, 15%), 
		#95bd3a, 
		darken(#5b5b5f, 5%), 
		darken(#5b5b5f, 5%), 
		#5b5b5f
	);

	.gradient-bgcolor (@startColor: @color-1, @endColor: darken(@color-1, 15%)) {
		background-color: @startColor;
		background: linear-gradient(to right, @startColor, @endColor); /* Standard syntax */
		background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background: -webkit-linear-gradient(left, @startColor, @endColor);
		background: -moz-linear-gradient(right, @startColor, @endColor);
		background: -ms-linear-gradient(right, @startColor, @endColor);
		background: -o-linear-gradient(right, @startColor, @endColor);
	}

	.rs-ic-libras img {
		display: none;
	}

	.navbar-brand {
		img {
			max-height: 60px;
		}
		&.right img {
			max-height: 55px;
		}
	}

	.rs-search-input {
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #fff;
		}

		&:-ms-input-placeholder { /* IE 10+ */
		  color: #fff;
		}
		
		&:-moz-placeholder { /* Firefox 18- */
		  color: #fff;
		}

		&::placeholder { /* Firefox 19+ */
		  color: #fff;
		}
	}

	.btn-access {
		background: fade(#95bd3a, 90%);
	}

	@cta-title: darken(@color-darken, 10%);

	/*----------  Variable Admin  ----------*/

	@bg-login: url('../dist/rs-am/bg-login.png') top center;
	@navbar-brand: 14px 10px;
}