/*Cores*/

$verde: #01B7CB;
$laranja: #E57D00;
$azul-escuro: #002652;

/*Cores*/

body {
	position: relative;
	width: 100%;

	&.menu-aberto {
		overflow: hidden;
		height: 100%;
		position: fixed;
		#barra-lateral {
			left: auto;
			right: 0;
			transform: translateX(0%);
		}

		main {
			transform: translateX(-244px);

			#header {
				.navbar-toggle { 
					.icon-bar {

						&.one {
							transform: translateY(-2px) rotate(45deg) scaleX(1);
							-webkit-transform: translateY(-2px) rotate(45deg) scaleX(1);
						}

						&.two {
							opacity: 0;
							transform: scaleX(1);
							-webkit-transform: scaleX(1);
						}

						&.three {
							transform: translateY(1px) rotate(-45deg) scaleX(1);
							-webkit-transform: translateY(1px) rotate(-45deg) scaleX(1);
						}
					}
				}
			}
		}

	}
}

a {
	transition: color .2s ease-in-out, background .2s ease-in-out;
	will-change: color, background, padding;
}

.btn {
	border-width: 0; 

	&.btn-sm {
		padding: 5px 10px 3px;
	}
} 

.container-fluid {
	max-width: 1116px;
	padding: 0 40px;

	@media screen and (max-width: 1024px) {
		padding: 0 20px;
	}
}

.button-group {
	.btn {
		margin-left: 20px;

		&:after {
			display: block;
			content: '';
			clear: both;
			margin: 0;
			float: left;
		}

		&:first-child {
			margin: 0;
		}
	}
}

#barra-lateral {
	z-index: 101;
	position: fixed;
	left: 0;
	top: 0;
	width: 244px;
	height: 100%;
	display: block;
	/*overflow: overlay;*/
	background-image: linear-gradient(135deg, #003973 0%, #00173C 100%);
	transition: transform .4s ease-in-out;
	-webkit-overflow-scrolling: touch; 
	overflow-scrolling: touch; 
	height: 100vh;

	@media screen and (max-height: 950px) {
		overflow: scroll;
	}

	@media screen and (max-width: 991px) {
		left: auto;
		right: 0;
		transform: translateX(100%);
	}

	.usuario {
		background: #002652;
		color: #fff;

		.avatar {
			display: table;
			padding: 30px 30px 20px;

			@media screen and (max-width: 991px) {
				padding: 18px 20px 18px;
			}

			@media screen and (max-width: 480px) {
				padding: 13px 20px 13px;
			}

			img, p  {
				display: table-cell;
				vertical-align: middle;
			}

			img {
				width: 48px;
				height: 48px;
				border-radius: 50px;
				overflow: hidden;
				margin-right: 14px;
			}

			p {
				font-size: 15px;
				font-weight: 500;

				@media screen and (max-width: 480px) {
					font-size: 13px;
				}
			}
		}

		.ead {
			text-align: center;
			text-transform: uppercase;
			color: #fff;
			background: #008EA8;
			font-size: 10px;
			letter-spacing: 0.36px;
			font-weight: 600;
			padding: 14px 15px;
		}
	}

	.nav-stacked {
		padding: 20px;

		.dropdown-menu {
			left: 100%;
			top: 0;
			margin: 0;
			border: 0;
			padding: 5px;

			a {
				border-radius: 3px;
				color: #838386;
			}

			li {
				margin: 5px;
				&:hover {
					a {
						color: #fff;
						background-color: #008BA8;
					}
				}
			}
		}

		a {
			color: #fff;
			display: block;
			width: 100%;
			font-size: 15px;
			font-weight: 500;
			letter-spacing: .5px;

			span, img {
				display: inline;
				vertical-align: middle;
			}

			img {
				margin-right: 10px;
			}

			&:focus {
				background: rgba($verde,1);
			}
		}

		li {
			&.active {
				a {
					color: #fff;
					background: rgba($verde,.7);
					box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
				}
			}

			a {
				padding: 15px 16px;

				&:hover {
					background: rgba($verde,1);
				}
			}

			&.open {
				> a {
					background: rgba($verde,1);
				}
			}

			@media screen and (max-width: 768px) {
				margin-bottom: 5px;

				a {
					padding: 8px 10px;
					font-size: 12px;

					img {
						width: 16px;
					}

					span {
						top: 1px;
						position: relative;
					}
				}

				&.dropdown {
					&.open {
						.dropdown-menu {
							position: relative;
							left: 0;
							width: 100%;
							float: none;
							border-top-right-radius: 0px;
							border-top-left-radius: 0px;
						}

						& > a {
							border-bottom-right-radius: 0px;
							border-bottom-left-radius: 0px;
						}
					}
				}
			}

			@media screen and (max-height: 950px) {
				margin-bottom: 5px;

				a {
					padding: 8px 10px;
					font-size: 12px;

					img {
						width: 16px;
					}

					span {
						top: 1px;
						position: relative;
					}
				}

				&.dropdown {
					&.open {
						.dropdown-menu {
							position: relative;
							left: 0;
							width: 100%;
							float: none;
							border-top-right-radius: 0px;
							border-top-left-radius: 0px;
						}

						& > a {
							border-bottom-right-radius: 0px;
							border-bottom-left-radius: 0px;
						}
					}
				}
			}
		}
	}
}

main {
	width: auto;
	position: relative;
	margin-left: 244px;
	z-index: 99; 
	left: 0;

	@media screen and (max-width: 991px) {
		margin-left: 0px;
		transform: translateX(0);
		transition: transform .4s ease-in-out;
	}

	#header {
		position: relative;
		z-index: 3;
		padding: 43px 0;
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0 2px 24px 0 rgba(0,0,0,0.11);

		@media screen and (max-width: 991px) {
			padding: 22px 0;
		}

		.navbar-toggle {
		    /* position: relative; */
		    float: none;
			margin-right: -4px;
		    margin-left: 25px;
		    padding: 0;
		    margin-top: 0;
		    margin-bottom: 0;
		    background-color: transparent;
		    background-image: none;
		    border: 0px solid transparent;
		    border-radius: 3px;
		    height: 28px;
		    display: table-cell;
		    vertical-align: middle;
		    width: 32px;

		    .icon-bar {
		    	transition: all .4s ease-in-out; 
		    	-webkit-transition: all .4s ease-in-out; 
		    	background: $azul-escuro;
				transition: 0;
				transform-origin: left;
				left: 6px;
				position: relative;


		    	&.one {
		    		/*width: 14px;*/
		    		transform: scaleX(0.75);
		    		-webkit-transform: scaleX(0.75);
		    	}

		    	&.two {
		    		transform: scaleX(1);
		    		-webkit-transform: scaleX(1);
		    		/*width: 22px;*/
		    	}

		    	&.three {
		    		/*width: 18px;*/
		    		-webkit-transform: scaleX(0.85);
		    		transform: scaleX(0.85);
		    	}
		    }
		}

		.container-fluid {
			display: table;
			width: 100%;
		}

		.col-esquerda {
			vertical-align: middle;
			display: table-cell;
			width: 75%;

			.logo {
				display: table;

				figure, h1 {
					display: table-cell;
					vertical-align: middle;
				}

				img {
					padding: 3px 0;
					margin-right: 40px;

					@media screen and (max-width: 991px) {
						height: 40px;
						margin: 0;
					}

					@media screen and (max-width: 480px) {
						height: 30px;
					}
				}

				h1 {
					font-weight: 500;
					font-size: 20px;
					color: $azul-escuro;
					letter-spacing: 0.5px;
					line-height: 1.38;

					@media screen and (max-width: 1220px) {
						font-size: 16px;
					}

					@media screen and (max-width: 1180px) {
						font-size: 1px;
						color: #fff;
						opacity: 0;
					}

					@media screen and (max-width: 480px) {
						width: 1px;
						overflow: hidden;
					}
				}
			}

			@media screen and (max-width: 1180px) {
				width: 60%;
			}

			@media screen and (max-width: 1024px) {
				width: 50%;
			}

			@media screen and (max-width: 991px) {
				width: auto;
			}
		}

		.col-direita {
			width: 25%;
			text-align: right;
			vertical-align: middle;
			display: table-cell;

			@media screen and (max-width: 1180px) {
				width: 40%;
			}

			@media screen and (max-width: 1024px) {
				width: 50%;
			}

			@media screen and (max-width: 991px) {
				width: auto;
			}

			@media screen and (max-width: 768px) {
				width: auto;

				.btn {
					font-size: 13px;
					background: transparent;
					color: $laranja;
					padding: 6px 0;
					text-transform: none;
					font-weight: 600;
				}
			}

			@media screen and (max-width: 480px) {

				.btn {
					font-size: 12px;
				}
			}
		}
	}

	#conteudo {
		position: relative;
		z-index: 1;

		h2, .h2 {
			@media screen and (max-width: 768px) {
				font-size: 24px;
			}
		}

		.certificados {
			.conteudo {
				margin-bottom: 30px;
				border-radius: 3px;
				background: rgba(#BEB6BE, .2);
				padding: 40px;

				h2 {
					color: #574F5D;
					margin-bottom: 30px;
				}

				label {
					display: block;
					text-align: left;
				}
			}
		}

		.curso {
			h2 {
				color: #574F5D;
			}

			h3 {
				color: #018DAA;
			}

			.conteudo {
				margin-top: 40px;
			}

			.lista {
				margin-bottom: 50px;

				a {
					color: #8B868F;

					&:hover {
						color: $orange;
					}
				}

				.item {
					padding: 20px 0;
					border-bottom: 1px solid rgba(#574F5D, .2);

					&:last-child {
						border-bottom: none;
					}
				}
			}
		}

		.navegacao {
			margin-bottom: 34px;

			@media screen and (max-width: 768px) {
				margin-bottom: 0;

				.btn {
					font-size: 11px;
				}
			}
		}

		.aguardando {
			background: rgba(#BEB6BE, .1);
			padding-left: 40px;
			padding-right: 40px;
		}

		.upload {
			padding: 20px;
			margin-bottom: 14px;

			&.form-control {
				height: auto;

				img {
					width: 100%;

				}
			}

			& + .btn {
				display: block;
			}
		}

		.noticia.detalhe {
			position: relative;
			z-index: 2;
			display: block;
			margin-bottom: 40px;

			.alinhamento-vertical {
				@media screen and (min-width: 768px) {
					display: table;

					& > div {
						display: table-cell;
					    vertical-align: middle;
					    float: none;
					}
				}
			}

			.thumb {
				margin-bottom: 9px;

				img {
					display: block;
					width: 100%;
					height: auto;
					border-radius: 4px;
				}

				@media screen and (max-width: 768px) {
					margin-bottom: 5px;
				}
			}

			header {
				padding-bottom: 0;

				.pagina {
					text-transform: uppercase;
					color: $azul-escuro;
					font-size: 12px;
					color: #002652;
					font-weight: 500;
					letter-spacing: 0.5px;
					padding-bottom: 0px;
					display: inline-block;
					margin-bottom: 12px;
					padding-top: 0;
					text-decoration: none;
					border-bottom: 1px solid $azul-escuro;

					a {
						color: $azul-escuro;
						text-decoration: none;
					}

					@media screen and (max-width: 768px) {
						font-size: 10px;
						padding-bottom: 0px;
						padding-top: 5px;

						p {
							font-weight: 600;
						}
					}
				}

				time {
					font-weight: 500;
					font-size: 12px;
					color: #797F82;
					letter-spacing: 0.5px;
					padding-bottom: 7px;
					padding-top: 9px;
					line-height: 14px;
					display: block;

					p {
						font-weight: 500;
						margin-bottom: 0;
						line-height: 16px;
					}

					&.agenda {
						padding-bottom: 2px;
						color: #008EA8;
						padding-top: 0;
						font-size: 24px;
						margin-top: 40px;
						line-height: 1.4;

						@media screen and (max-width: 991px) {
							font-size: 18px;
							margin-top: 20px;
						}

						@media screen and (max-width: 768px) {
							font-size: 14px;
						}

						p {
							span {
								font-weight: 300;
								color: #BCB6C0;
							}
						}
					}

					@media screen and (max-width: 768px) {
						font-size: 10px;
						padding-bottom: 3px;
						padding-top: 5px;

						p {
							font-weight: 600;
						}
					}
				}

				h3 {
					font-size: 40px;
					margin: 0;
					color: #574F5D;
					line-height: 1.3;
					letter-spacing: -0.5px;
					padding-top: 9px;
					padding-bottom: 10px;

					a {
						display: block;
						text-decoration: none;
					}

					@media screen and (max-width: 1200px) {
						font-size: 32px;
					}

					@media screen and (max-width: 991px) {
						font-size: 24px;
					}

					@media screen and (max-width: 768px) {
						font-size: 17px;
					}
				}
			}

			.acoes {
				margin-bottom: 20px;
			}

			.meta {
				display: table;
				width: auto;
				padding-top: 10px;

				@media screen and (max-width: 768px) {
					padding-top: 4px;
					padding-bottom: 20px;
				}

				a, ul {
					display: inline-block;
					vertical-align: middle;
				}

				p {
					display: inline;
					margin: 0;
					font-weight: 500;
					transform: translateY(3px);
					font-size: 12px;
					color: #797F82;
					letter-spacing: 0.5px;

					@media screen and (max-width: 768px) {
						font-size: 10px;
						font-weight: 600;
					}
				}

				.social {
					list-style: none;
					padding-left: 20px;
					margin: 0;

					li {
						float: left;
						margin-left: 14px;

						&:first-child {
							margin-left: 0;
						}

						a {
							opacity: 1;
						}

						img {
							opacity: .75;
							will-change: opacity, width, height;
							transition: filter .4s ease-in-out, opacity .4s ease-in-out;

							@media screen and (max-width: 768px) {
								height: 14px;
							}

							&:hover {
								opacity: 1;
							}
						}
					}

					&.small {
						img {
							transition: filter .4s ease-in-out, opacity .4s ease-in-out;
							will-change: filter, opacity, width, height;
							height: 12px;
						}

						&.bw {
							img {
								opacity: .25;
								filter: brightness(0);

								&:hover {
									opacity: 1;
									filter: brightness(1);
								}
							}
						}
					}
				}
			}
		}

		.texto {

			figure {
				figcaption {
					text-align: center;
					padding-top: 10px;
					opacity: 0.6;
					font-style: italic;
					font-size: 14px;
					color: #574F5D;
					letter-spacing: 0.31px;
					line-height: 1.3em;
				}
			}

			.inner-img {
				display: block;
				margin-top: 6px;
				margin-bottom: 16px;

				&.left {
					margin-right: 26px;
				}

				&.right {
					margin-left: 26px;
				}

				@media screen and (max-width: 640px) {
					width: 100% !important;
					float: none !important;
					margin-left:0 !important;
					margin-right:0 !important;
				}
			}

			p {
				line-height: 1.9;
				margin-bottom: 24px;
				letter-spacing: .25px;
			}

			h3 {
				color: #008EA8;
				margin-bottom: 20px;
				margin-top: 40px;
			}
		}

		.tag {
			float: left;
			background: #0F792B;
			border-radius: 3px;
			display: inline-block;
			padding: 8px 10px 6px;

			p {
				font-weight: bold;
				font-size: 12px;
				letter-spacing: 0.43px;
				color: #fff;
				text-transform: uppercase;
				margin: 0;
				padding: 0;
				line-height: 1;

				strong {

				}
			}

			&.small {
				padding: 7px 10px 7px;

				p {
					font-size: 11px;
				}
			}
		}

		.thumb {
			position: relative;

			.tag {
				position: absolute;
				top: 20px;
				left: -10px;
				border-radius: 3px 3px 3px 0;

				&:before {
					z-index: -1;
					left: -10px;
				    top: 100%;
				    border: solid transparent;
				    content: " ";
				    height: 0;
				    width: 0;
				    position: absolute;
				    pointer-events: none;
				    border-color: rgba(194,225,245,0);
				    border-right-color: #084518;
				    border-width: 10px;
				    margin-top: -10px;
				}

				&.small {
					top: 10px;	
				}
			}
		}

		#banner-superior {
			box-shadow: 0 2px 24px 0 rgba(0,0,0,0.11);
			background: rgba(87,79,93,0.20);
			width: 100%;
			display: block;
			margin-bottom: 40px;
			position: relative;
			z-index: 9;

			@media screen and (max-width: 768px) {
				margin-bottom: 30px;
			}

			.item {
				width: 100%;
				overflow: hidden;
				color: #fff;
				opacity: 0;
				transition: opacity .9s ease-in-out .5s; 

				img {
					width: 100%;
					height: auto;
				}

				.conteudo {
					width: 100%;
					position: absolute;
					top: 50%;
					display: block;
					transition: all 1.3s ease-in-out .8s; 
					transform: translate3d(0%,-50%,0);
					z-index: 99;

					p {
						margin: 0;
						font-style: italic;
						font-size: 36px;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 1.1;
						font-weight: 400;

						@media screen and (max-width: 1024px) {
							font-size: 4vw;
							line-height: 1.4;
							letter-spacing: .25px;
						}
					}
				}

				&.is-selected {
					opacity: 1;

					.conteudo {
						transform: translate3d(0%,-50%,0);
					}
				}

				.imagem {

					@media screen and (max-width: 768px) {
						height: 0;
						padding-bottom: 35%;
						position: relative;

						img {
							position: absolute;
							object-fit: cover;
							object-position: center center;
							width: auto;
							height: 100%;
						}
					}
				}
			}
		}

		header {
			h2 {
				padding-bottom: 20px;
				margin-bottom: 0;

				@media screen and (max-width: 768px) {
					padding-bottom: 10px;
				}
			}
		}

		.flex {
			display: flex;
		}

		.divisor {
			position: relative;
			margin-bottom: 40px;

			hr {
				z-index: 8;
				margin: 0;
				top: 50%;
				position: absolute;
				display: block;
				left: 15px;
				right: 15px;
			}

			a {
				position: relative;
				z-index: 9;
			}
		}

		.grade {
			padding: 20px 0;

			.alinhamento-vertical {
				@media screen and (min-width: 768px) {
					display: table;

					& > div {
						display: table-cell;
					    vertical-align: middle;
					    float: none;
					}
				}
			}

			&.com-borda {
				.item {
					border-bottom: 1px solid rgba(#574F5D,.2);
					padding-bottom: 36px;
					margin-bottom: 44px;
				}
			}

			&.sem-hover {
				.item {
					&:before {
						display: none;
					}
				}
			}

			&.agenda {
				& > div {

					&:first-of-type {
						.item {
							margin-bottom: 26px;
							padding-bottom: 20px;
							border-bottom: 1px solid rgba(87,79,93,0.20);
						}
					}
				}
			}

			& > div {
				&:last-child {
					.item {
						margin-bottom: 20px;
					}
				}
			}

			.item {
				position: relative;
				z-index: 2;
				display: block;
				margin-bottom: 40px;

				&:before {
					z-index: -1;
					content: '';
					display: block;
					height: 100%;
					width: 100%;
					position: absolute;
					top: -14px;
					left: -14px;
					background: #FFFFFF;
					box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 24px 24px 0 rgba(0,0,0,0.12);
					border-radius: 3px;
					padding: 14px;
					box-sizing: content-box;
					opacity: 0;
					transition: all .3s ease-in-out;

					@media screen and (max-width: 768px) {
						display: none;
					}
				}

				&:hover {
					&:before {
						opacity: 1;
					}
				}

				.thumb {

					img {
						display: block;
						width: 100%;
						height: auto;
						border-radius: 4px;
					}

					@media screen and (max-width: 768px) {
						margin-bottom: 5px;
					}
				}

				header {
					padding-bottom: 0;

					time {
						font-weight: 500;
						font-size: 12px;
						color: #BCB6C0;
						letter-spacing: 0.5px;
						padding-bottom: 7px;
						padding-top: 9px;
						line-height: 14px;
						display: block;

						p {
							font-weight: 500;
							margin-bottom: 0;
							line-height: 16px;
						}

						&.agenda {
							padding-bottom: 2px;
							color: #008EA8;
							padding-top: 0;
							font-size: 16px;

							p {
								line-height: 1.3;
							}

							@media screen and (max-width: 768px) {
								font-size: 14px;

								p {
									font-size: 14px;
								}
							}

							p {
								span {
									font-weight: 300;
									color: #574F5D;
								}
							}
						}

						@media screen and (max-width: 768px) {
							font-size: 10px;
							padding-bottom: 3px;
							padding-top: 5px;

							p {
								font-weight: 600;
							}
						}
					}

					h3 {
						font-size: 20px;
						margin: 0;
						line-height: 1.4;
						padding-top: 9px;
						padding-bottom: 10px;

						a {
							display: block;
							text-decoration: none;
						}

						@media screen and (max-width: 768px) {
							font-size: 17px;
						}
					}
				}

				.meta {
					display: block;
					width: auto;
					padding-top: 10px;

					@media screen and (max-width: 768px) {
						padding-top: 4px;
					}

					a, ul {
						display: inline-block;
						vertical-align: middle;
					}

					.btn-inscricao {
						margin-right: 16px;
					}

					.social {
						list-style: none;
						padding-left: 20px;
						margin: 0;

						li {
							float: left;
							margin-left: 14px;

							&:first-child {
								margin-left: 0;
							}

							a {
								opacity: 1;
							}
						}

						&.small {
							img {
								transition: filter .4s ease-in-out, opacity .4s ease-in-out;
								will-change: filter, opacity, width, height;
								height: 12px;
							}

							&.bw {
								img {
									opacity: .25;
									filter: brightness(0);

									&:hover {
										opacity: 1;
										filter: brightness(1);
									}
								}
							}
						}
					}
				}
			}

			&.lg { 
				.item {
					&:before {
						display: none;
					}

					header {

						time {
							&.agenda {
								font-weight: 900;
								font-size: 20px;
								letter-spacing: 0.33px;

								p {
									font-weight: bold;
								}
							}
						}

						h3 {
							font-size: 26px;

							@media screen and (max-width: 991px) {
							    font-size: 22px;
							}

							@media screen and (max-width: 768px) {
							    font-size: 17px;
							}
						}
					}
				}
			}

			&.com-borda {
				.item {
					border-bottom: 1px solid rgba(#574F5D,.2);
					padding-bottom: 36px;
					margin-bottom: 0px !important;
					padding-top: 44px !important;

					&:first-child {
					}

					&:last-child {
						border-bottom: none;
					}
				}
			}
		}
	}

	&.interna {
		header {
			padding-bottom: 22px;

			h1 {
				margin-top: 0;
			}
		}

		#conteudo {
			padding-top: 60px;
			padding-bottom: 70px;

			.grade {
				.item {
					margin-bottom: 70px;
				}
			}

			.label-busca, .select-busca {
				@media screen and (max-width: 768px) {
					text-align: left;
					margin-top: 10px;
				}
			}

			.pagination {
				@media screen and (max-width: 640px) {
					li {
						&:not(.prev, .next) {
							display: none;
						}
					}
				}
			}
		}
	}

	&.noticia {
		#conteudo {
			padding-top: 60px;

			@media screen and (max-width: 768px) {
				padding-top: 20px;
			}

			.texto {
				padding-top: 70px;

				@media screen and (max-width: 768px) {
					padding-top: 50px;
				}

				@media screen and (max-width: 640px) {
					padding-top: 30px;
				}

				@media screen and (max-width: 480px) {
					padding-top: 20px;
				}
			}
		}	
	}
}

#footer {
	padding: 45px 0;
	z-index: 99;
	position: relative;
	margin-left: 244px;
	background: #FFFFFF;
	box-shadow: 0 2px 24px 0 rgba(0,0,0,0.11);

	@media screen and (max-width: 991px) {
		margin-left: 0px;
		transition: all .4s ease-in-out;
		padding: 30px 0;
	}

	.wrapper {
		display:table-cell;
		vertical-align: middle;
	}

	.container-fluid {
		display: table;
		width: 100%;
	}

	.col-esquerda {
		vertical-align: middle;
		display: table-cell;
		width: 75%;

		.logo {
			display: table;

			figure, img, .copy {
				display: table-cell;
				vertical-align: middle;
			}

			img {
				margin-right: 40px;
			}

			.copy {
				p {
					font-weight: 500;
					line-height: 1.6;
					margin: 0;
					font-size: 12px;
					color: #574F5D;
				}
			}
		}
	}

	.col-direita {
		width: 25%;
		text-align: right;
		vertical-align: middle;
		display: table-cell;

		.redes {
			margin: 3px 0 0 0;
			padding-right: 4px;
			font-size: 12px;
			font-weight: 500;
			color: #BCB6C0;
			letter-spacing: 0.5px;
			line-height: 1;

			@media screen and (max-width: 768px) {
				font-size: 11px;
				color: darken(#BCB6C0, 20%);
			}
		}

		.btn-group {
			float: left;

			a {
				margin-left: 16px;
				display: inline-block;
				vertical-align: middle;

				img {
					width: 24px;
				}
			}
		}
	}

	@media screen and (max-width: 768px) {

		.container-fluid {
			display: block;
		}

		.col-esquerda, .col-direita {
			width: 100%;
			display: block;
		}

		.col-esquerda {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid rgba(87,79,93,0.2);

			.logo {
				img {
					margin-right: 20px;
				}

				.copy {
					p {
						font-size: 11px;
					}
				}
			}
		}
	}

	@media screen and (max-width: 560px) {

		.col-esquerda {
			.logo {
				img {
					height: 30px;
				}
			}
		}
	}

	@media screen and (max-width: 480px) {

		.col-esquerda {
			.logo {
				img {
					display: none;
				}
			}
		}
	}
}