/* 17. Pricing */
.bgindex{
	background: url('../images/bgindex.jpg') no-repeat top right fixed;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.box_arte{
	display: block;
	position: absolute;
	top: 100px;
	right: 200px;
	width: 40%;
	padding: 60px;
	z-index: 99999999999999999999;
}

.box_cidade{
	position: absolute;
	top: 100px;
	left: 200px;
	width: 400px;
	padding: 50px;
	background: #fff;
	border-radius: 15px;
	border-top: 20px solid #000;
	border-bottom: 20px solid #000;
	box-shadow: 0 0 50px #000;
	text-align: center;
	z-index: 99999999999999999999;
}

.lk_local2{
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	transition: all .5s ease;
	font-weight: bold;
}

.lk_local2:hover{
	background: #ff5a00;
	color: #fff;
}

.logotwt{
	display: none;
}

@media only screen and (max-width: 1200px) {
	.bgindex{
		background: url('../images/bgindex.jpg') no-repeat top center fixed;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.box_cidade{
		position: absolute;
		top: 10px;
		left: 50px;
		width: 350px;
		padding: 20px 50px;
		background: #fff;
		border-radius: 15px;
		border-top: 20px solid #000;
		border-bottom: 20px solid #000;
		box-shadow: 0 0 50px #000;
		text-align: center;
		z-index: 99999999999999999999;
	}

	.lk_local2{
		padding: 5px 20px 5px 20px;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
		transition: all .5s ease;
		font-weight: bold;
	}

	.logotwt{
		display: block;
	}

	.box_arte{
		display: none;
	}

}

@media only screen and (max-width: 600px) {
	html{
		overflow: scroll;
	}

	.bgindex{
		background: url('../img/breadcrumb.jpg') no-repeat top center fixed;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.box_cidade{
		position: absolute;
		top: 20px;
		left: 10%;
		width: 80%;
		padding: 30px 8%;
		background: #fff;
		border-radius: 15px;
		border-top: 20px solid #000;
		border-bottom: 20px solid #000;
		box-shadow: 0 0 50px #000;
		text-align: center;
		z-index: 99999999999999999999;
	}

	.lk_local2{
		padding: 5px 20px 5px 20px;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
		transition: all .5s ease;
		font-weight: bold;
	}



}

.pb-shape::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/shape/pricing_shape01.html);
	background-repeat: no-repeat;
	width: 302px;
	height: 184px;
	z-index: -1;
	transition: .3s;
	transform: scale(1);
}
.pb-shape::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../img/shape/pricing_shape02.html);
	background-repeat: no-repeat;
	width: 277px;
	height: 199px;
	z-index: -1;
	transition: .3s;
	transform: scale(1);
}
.pricing-head h4 {
	font-size: 30px;
	margin-bottom: 0;
	letter-spacing: -1px;
	transition: .3s;
}
.pricing-list ul li {
	font-size: 18px;
	color: #5f5f5f;
	margin-bottom: 12px;
}
.pricing-list ul li:last-child {margin-bottom: 0;}
.price-count h2 {
	font-size: 45px;
	line-height: 1;
	letter-spacing: -2px;
	transition: .3s;
}
.pricing-btn .btn {
	background: #fff;
	color: #fff;
}
.pricing-btn .btn:hover {
	color: #fff;
}
.pricing-btn .btn::after {
	background: #68c92a;
}
.pricing-box:hover::before {transform: scale(1.5);}
.pricing-box:hover::after {transform: scale(1.5);}
.pricing-box:hover .price-count h2 {color: #68c92a;}
.pricing-box:hover .pricing-head h4 {color: #004b6e;}
.pricing-box.active::before {transform: scale(1.5);}
.pricing-box.active::after {transform: scale(1.5);}
.pricing-box.active .price-count h2 {color: #68c92a;}
.pricing-box.active .pricing-head h4 {color: #004b6e;}
.pricing-tabs {
	-ms-flex-wrap: wrap;
	flex-wrap: unset;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border: none;
	text-align: right;
	max-width: 286px;
	background: #f7f6fb;
	margin-left: auto;
	border-radius: 10px;
	padding: 10px;
}
.pricing-tabs li {
	display: inline-block;
}
.pricing-tabs.nav-tabs .nav-link.active {
	color: #fff;
	background-color: #eabf40;
	border-color: unset !important;
}
.pricing-tabs li a {
	border: none !important;
	font-size: 16px;
	font-weight: 700;
	color: #eabf40;
	padding: 13px 40px;
	border-radius: 5px !important;
	letter-spacing: -.5px;
	text-transform: none;
}
.s-pricing-box {
	background: #eee7e8;
	padding-bottom: 60px;
}
.s-pricing-icon {
	margin-bottom: 10px;
	position: relative;
	top: -30px;
}
.s-pricing-btn .btn {
	background: #004b6e;
}
.s-pricing-btn .btn::after {background: #004b6e;}
.s-pricing-box.active {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	color: fff;
}
.s-pricing-box.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #004b6e;
	opacity: .85;
	z-index: -1;
}
.s-pricing-box.active .pricing-head h4 {color: #fff;}
.s-pricing-box.active .pricing-list ul li {color: #fff;}
.s-pricing-box.active .price-count h2 {color: #fff;}
.s-pricing-box.active .s-pricing-btn .btn {background: #012f44;color: #fff;}
.s-pricing-box.active .s-pricing-btn .btn:hover {color: #012f44;}
.s-pricing-box.active .s-pricing-btn .btn::after {background: #fff;}
.s-pricing-tabs.nav-tabs .nav-link.active {
	color: #fff;
	background-color: #68c92a;
	border-color: unset !important;
}
.inner-pricing-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #68c92a;
	opacity: .85;
}
.inner-pricing-title .title-line {
	opacity: .5;
}
.inner-pricing-bg {
	background-position: center;
	background-size: cover;
}