.bg-blue {
    background-color: #006EB1;
}

.bg-purple {
	background-color: #633F8D;
}

.accordion h5 {
	margin-bottom: 20px;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #616469;
	letter-spacing: -0.01px;
	text-transform: uppercase;
}

.cta {
	margin-bottom: 60px;
}

.cta .cta-wrapper {
	position: relative;
	padding: 38px 30px;
}

.cta .cta-wrapper.bg-blue {
	background-color: #006EB1;
}

.cta .cta-wrapper h5 {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-size: 35px;
	color: #FFFFFF;
	letter-spacing: -0.01px;
	line-height: 40px;
}

.cta .cta-wrapper p {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -0.27px;
}

.cta .cta-wrapper button {
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 14px 26px;
	text-align: center;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #633F8D;
	letter-spacing: -0.27px;
	border: none;
	background-color: #FFFFFF;
}

.tab-icon h5 {
	margin-bottom: 20px;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #bd9b69;
	letter-spacing: -0.01px;
	text-transform: uppercase;
}

.tab-icon .tab-icons {
	display: inline-block;
	width: 100%;
	margin-bottom: 9px;
}

.tab-icon .tab-panels {
	position: relative;
}

.tab-icon .tab-panels button {
	display: inline-block;
	position: relative;
	margin: 0 0 12px 0;
	padding: 0 0 0 70px;
	width: 100%;
	height: 60px;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.14px;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	border: none;
	background-color: #bd9b69;
}

.tab-icon .tab-panels button:focus {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.tab-icon .tab-panels button.active {
	color: #FFF;
	background-color: #bd9b69;
}

.tab-icon .tab-panels button.active:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 26px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #bd9b69 transparent transparent transparent;
}

.tab-icon .tab-panels button i.icon {
	position: absolute;
	left: 14px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 52px;
	height: 52px;
	background-position: center;
	background-repeat: no-repeat;

}

.tab-icon .tab-panels button i.icon.icon-monitor {
	background-image: url('/site/images/CampanhaCH_2018/AcompanhamentoOnline_Branco.png');
}

.tab-icon .tab-panels button i.icon.icon-setas {
	background-image: url('/site/images/CampanhaCH_2018/ProcessoRapido_Branco.png');
}

.tab-icon .tab-panels button i.icon.icon-visto {
	background-image: url('/site/images/CampanhaCH_2018/SatisfacaoCliente_Branco.png');
}

.tab-icon .tab-panels .panel {
	display: none;
	margin-bottom: 20px;
	padding: 28px;
	width: 100%;
	height: auto;
	background-color: #F2F3F3;
}

.tab-icon .tab-panels .panel.active {
	display: block;
}

.tab-icon .tab-panels .panel h6 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #616469;
}

.tab-icon .tab-panels .panel p {
	margin-bottom: 15px;
}

/* =Table Colors - default NB green */

.table-nb-blue thead,
.table-nb-blue tbody { /*.btn {
			background-color: @nb-blue;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-nb-blue thead th,
.table-nb-blue tbody th {
	background-color: #47BAC5;
}

.table-nb-gold thead,
.table-nb-gold tbody { /*.btn {
			background-color: @nb-gold;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-nb-gold thead th,
.table-nb-gold tbody th {
	background-color: #AE9E6D;
}

.table-nb-gray { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @nb-gray;
				}
			}
		}
	}*/
}

.table-nb-gray thead,
.table-nb-gray tbody { /*.btn {
			background-color: @nb-gray;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-nb-gray thead th,
.table-nb-gray tbody th {
	background-color: #889291;
}

/* Purple Table (Produto 1) */

.table-produto-01 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-01;
				}
			}
		}
	}*/
}

.table-produto-01 thead,
.table-produto-01 tbody { /*.btn {
			background-color: @produto-01;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-01 thead th,
.table-produto-01 tbody th {
	background-color: #6A5298;
}

/* Sea Green Table (Produto 2) */

.table-produto-02 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-02;
				}
			}
		}
	}*/
}

.table-produto-02 thead,
.table-produto-02 tbody { /*.btn {
			background-color: @produto-02;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-02 thead th,
.table-produto-02 tbody th {
	background-color: #51AD71;
}

/* Lime Green Table (Produto 3) */

.table-produto-03 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-03;
				}
			}
		}
	}*/
}

.table-produto-03 thead,
.table-produto-03 tbody { /*.btn {
			background-color: @produto-03;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-03 thead th,
.table-produto-03 tbody th {
	background-color: #B8D028;
}

/* Yellow Table (Produto 4) */

.table-produto-04 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-04;
				}
			}
		}
	}*/
}

.table-produto-04 thead,
.table-produto-04 tbody { /*.btn {
			background-color: @produto-04;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-04 thead th,
.table-produto-04 tbody th {
	background-color: #E5E31C;
}

/* Light Orange Table (Produto 5) */

.table-produto-05 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-05;
				}
			}
		}
	}*/
}

.table-produto-05 thead,
.table-produto-05 tbody { /*.btn {
			background-color: @produto-05;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-05 thead th,
.table-produto-05 tbody th {
	background-color: #F6BC1C;
}

/* Blue Table (Produto 6) */

.table-produto-06 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-06;
				}
			}
		}
	}*/
}

.table-produto-06 thead,
.table-produto-06 tbody { /*.btn {
			background-color: @produto-06;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-06 thead th,
.table-produto-06 tbody th {
	background-color: #00A0D6;
}

/* Dark Green Table (Produto 7) */

.table-produto-07 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-07;
				}
			}
		}
	}*/
}

.table-produto-07 thead,
.table-produto-07 tbody { /*.btn {
			background-color: @produto-07;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-07 thead th,
.table-produto-07 tbody th {
	background-color: #4FA735;
}

/* Green Table (Produto 8) */

.table-produto-08 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-08;
				}
			}
		}
	}*/
}

.table-produto-08 thead,
.table-produto-08 tbody { /*.btn {
			background-color: @produto-08;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-08 thead th,
.table-produto-08 tbody th {
	background-color: #8EC02F;
}

/* Dark Cyan Table (Produto 9) */

.table-produto-09 { /*@media (max-width: @screen-xs-max) {

		tbody {

			td {

				&:before {
					background-color: @produto-09;
				}
			}
		}
	}*/
}

.table-produto-09 thead,
.table-produto-09 tbody { /*.btn {
			background-color: @produto-09;
			&:hover {
				.bg-gray50;
				.white;
			}
		}*/
}

.table-produto-09 thead th,
.table-produto-09 tbody th {
	background-color: #4CB2B3;
}

/* Blue Table (Produto 10) */

/* Tabela bordered complexa 4 colunas com larguras diferentes - 14px type - light
   ========================================================================== */

.info-table {
	border: 1px solid #E6E7E7;
}

.info-table thead th {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	font-weight: 700;
	text-align: center;
	border-left: 1px solid #ffffff;
	padding: 15px 12px 14px;
	text-transform: uppercase;
	background-color: #889291;
	color: #ffffff;
}

.info-table thead th:first-child {
	border-left: 0;
}

.gray-bg .info-table thead th {
	border-color: #F2F3F3;
}

.info-table tbody .main-row:nth-child(even) td {
	background-color: #E6E7E7;
}

.info-table tbody .main-row:nth-child(odd) td {
	background-color: #ffffff;
}

.info-table tbody td {
	border-left: 1px solid #F2F3F3;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	font-weight: 400;
	color: #676D6D;
	padding: 10px 20px 9px;
	text-align: left;
	text-transform: uppercase;
}

.info-table tbody td:first-child {
	font-weight: 700;
	border-left: 0;
}

.info-table tbody td strong {
	font-weight: 700;
	margin-right: 5px;
}

@media (max-width: 1199px) {
	.cta .cta-wrapper h5 {
		font-size: 30px;
	}

	.accordion h5 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.tab-icon h5 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	.cta .cta-wrapper button {
		position: relative;
		display: inline-block;
		margin-top: 30px;
		top: inherit;
		right: inherit;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	.info-table thead tr {
		position: relative;
		top: inherit;
		left: inherit;
	}
}

@media (min-width: 767px) {
	.tab-icon .tab-panels {
		padding-top: 142px;
	}

	.tab-icon .tab-panels button {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 7px 0 0;
		padding: 50px 0 0 0;
		width: calc(33.3% - 7px);
		height: 130px;
		text-align: center;
		color: #616469;
		background-color: #F2F3F3;
	}

	.tab-icon .tab-panels button:nth-child(3) {
		margin: 0 7px;
		width: calc(33.3% - 14px);
		left: 33.8%;
	}

	.tab-icon .tab-panels button:nth-child(5) {
		margin: 0 7px;
		width: calc(33.3% - 14px);
		left: 67.5%;
	}

	.tab-icon .tab-panels button:nth-child(7) {
		margin: 0 0 0 7px;
		width: calc(25% - 7px);
		left: 75%;
	}

	.tab-icon .tab-panels button.active {
		color: #FFF;
		background-color: #bd9b69;
	}

	.tab-icon .tab-panels button.active:after {
		content: '';
		position: absolute;
		bottom: -12px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 12px 0 12px;
		border-color: #bd9b69 transparent transparent transparent;
	}

	.tab-icon .tab-panels button.active i.icon.icon-monitor {
	background-image: url('/site/images/CampanhaCH_2018/AcompanhamentoOnline_Branco.png');
}
	
	.tab-icon .tab-panels button.active i.icon.icon-setas {
	background-image: url('/site/images/CampanhaCH_2018/ProcessoRapido_Branco.png');
}

.tab-icon .tab-panels button.active i.icon.icon-visto {
	background-image: url('/site/images/CampanhaCH_2018/SatisfacaoCliente_Branco.png');
}



	.tab-icon .tab-panels button i.icon {
		position: absolute;
		margin-top: -18px;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 52px;
		height: 52px;
		background-position: center;
		background-repeat: no-repeat;
	}

	.tab-icon .tab-panels button i.icon.icon-monitor {
	background-image: url('/site/images/CampanhaCH_2018/AcompanhamentoOnline_Preto.png');
}
	
	.tab-icon .tab-panels button i.icon.icon-setas {
	background-image: url('/site/images/CampanhaCH_2018/ProcessoRapido_Preto.png');
}

.tab-icon .tab-panels button i.icon.icon-visto {
	background-image: url('/site/images/CampanhaCH_2018/SatisfacaoCliente_Preto.png');
}




	.tab-icon .tab-panels .panel:first-of-type {
		display: block;
	}
}

@media (max-width: 767px) {
	.info-table tbody {
		border: none;
	}

	.info-table tbody .main-row:nth-child(even) td {
		background-color: #ffffff;
	}

	.info-table tbody .main-row:nth-child(odd) td {
		background-color: #ffffff;
	}

	.info-table tbody .main-row td:before {
		display: none;
	}

	.info-table tbody .main-row td:first-child {
		background-color: #E6E7E7;
	}

	.info-table tbody .main-row td:last-child {
		padding-bottom: 25px;
	}
	
	.table-nb-blue tbody td:before {
	background-color: #47BAC5;
	}

	.table-nb-gold tbody td:before {
		background-color: #AE9E6D;
	}
}