.explorer {
	padding-left: 20px; padding-right: 20px;
	overflow: visible;
	margin-top: -45px; margin-bottom: -45px;
}
	.explorer .box {
		position: relative;
		border-radius: 6px;
		padding: 10px 50px 40px 50px;
		background-color: white;
		box-shadow: 2px 2px 10px #ccc;
		margin-left: 50px; margin-right: 50px;
		
		max-height: auto;
		-moz-transition: 1s;
		    -ms-transition: 1s;
		    -o-transition: 1s;
		    -webkit-transition: 1s;
		    transition: 1s;
	}
		.explorer .box > header {
			position: absolute;
			top: -20px; left: 50%;
		}
		.explorer .box > header > div {
			position: relative;
			left: -50%;

			text-transform: uppercase;
			text-align: center;
			
			letter-spacing: 1px;
			font-size: 15px; font-weight: 500;

			background-image: url("../../_template/img/explorer-header-bg.png");
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-position: top right;

			background-color: #17479d;
			color: white;
			padding: 10px 30px;
		}

			
		// .explorer .box > .nav-pills { margin-top: 30px; margin-bottom: 20px; border-bottom: 1px #a7a8ab solid; }
		// .explorer .box > .nav-pills > li { padding: 10px; padding-right: 10px; }
		// .explorer .box > .nav-pills > li:first-child { padding-left: 0; }
		// .explorer .box > .nav-pills > li:last-child { padding-right: 0; }
		// .explorer .box > .nav-pills > li > a {
		// 	text-transform: uppercase;
		// 	font-weight: 500;
		// 	color: #bcbec0;
		// 	letter-spacing: 1px;
		// 	border-radius: 20px;
		// 	padding: 8px;
		// }
		// .explorer .box > .nav-pills > li.active > a { background-color: #55b4e6; color: white; }






		.explorer .box > .owl-carousel { margin-bottom: 20px; border-bottom: 1px #a7a8ab solid; }
		.owl-carousel .item { padding: 10px; padding-right: 10px; }
				.explorer .box > .owl-carousel .item:first-child { padding-left: 0; }
				.explorer .box > .owl-carousel .item:last-child { padding-right: 0; }
				.explorer .box > .owl-carousel .item > a {
					text-transform: uppercase;
					font-weight: 500;
					color: #bcbec0;
					letter-spacing: 1px;
					border-radius: 20px;
					padding: 8px 25px;
					text-decoration: none;
				}
				

		.owl-item.active > div:after {
		  // content: 'active';
		}
		.owl-item.selected > div:after {
		  // content: 'center';
		}

		.owl-stage { padding-top: 20px; padding-bottom: 10px; }

		.owl-item { z-index: 9; }
		.owl-item:hover > div > a { background-color: #eee; }
		.owl-item.selected > div > a,
		.owl-item.selected:hover > div > a,
		.owl-item.selected:focus > div > a {
		  background-color: #55b4e6; color: white!important;
		}
		@media (max-width: 992px) {
			.owl-nav {
			  position: absolute;
			  top: 0; left: 0; right: 0;
			  width: 100%; height: 100%;
			  z-index: -1;
			}
			.owl-nav > div { height: 100%; }
			.owl-nav > div > i { padding: 8px 15px; margin-top: 25px; }
			  .owl-nav .owl-prev {
			    float: left;
			    margin-left: -25px;
			  }
			  .owl-nav .owl-next {
			    float: right;
			    margin-right: -25px;
			  }

				.owl-item {
					-webkit-transition: all 200ms ease-in;
					-ms-transition: all 200ms ease-in;
					-moz-transition: all 200ms ease-in;
					transition: all 200ms ease-in;
					opacity: 0.6;
					z-index: 2;
				}
				.owl-item.center {
					-webkit-transform: scale(1.4);
					-ms-transform: scale(1.4);
					-moz-transform: scale(1.4);
					transform: scale(1.4);
					opacity: 1;
					z-index: 3;
				}
		}
		@media (max-width: 768px) {
			.explorer .box > .owl-carousel { padding-left: 25px; padding-right: 25px; }
			.owl-stage { padding-top: 20px; padding-bottom: 20px; z-index: 1; }


				.owl-nav .owl-prev {
				  margin-left: 0;
				}
				.owl-nav .owl-next {
				  margin-right: 0;
				}

			}
		}



		.explorer .box > .tab-content {}
			.explorer .box > .tab-content form [class*="col-"] { margin: 10px 0; }
			.explorer .box > .tab-content form .btn {
				text-transform: uppercase;
				color: white;
				background-color: #17479d;
				padding: 6px 30px;
			}
			.explorer .box > .tab-content > .tab-pane > h3 { color: #17479d; }
			.explorer .box > .tab-content > .tab-pane > .suggest > h3,
			.explorer .box > .tab-content > .tab-pane > .suggest > a { display: inline-block; }

			.explorer .box > .tab-content > .tab-pane > .suggest > h3 { color: #6d6e71; }
			
			.explorer .box > .tab-content > .tab-pane > .suggest > a,
			.explorer .box > .tab-content > .tab-pane > .suggest > a:link { color: #00aeef; margin-left: 20px; }
			.explorer .box > .tab-content > .tab-pane > .suggest > a:hover { color: #17479d; }


	@media (max-width: 768px) {
		.explorer {
			padding-left: 0; padding-right: 0;
			margin-top: 0; margin-bottom: 0;
		}
			.explorer > .container { padding: 0; }
			.explorer .box {
				padding: 0 0 40px 0;
				margin-left: 0; margin-right: 0;
				box-shadow: none;
				margin-left: 0; margin-right: 0;
			}
			.explorer .box > *:not(header) { padding-left: 15px; padding-right: 15px; }
				.explorer .box > header { position: relative; width: 100%; top: 0; left: 0; }
				.explorer .box > header > div {
					padding: 10px 20px;
					left: 0;
				}

				.explorer .box > .nav-pills > li:first-child { padding-left: 10px; }
				.explorer .box > .nav-pills > li:last-child { padding-right: 10px; }


				.explorer .box > .tab-content > .tab-pane > .suggest > a:link { margin-left: 0; }

				.explorer .input-group,
				.explorer .input-group .form-control { display: block; }
				.explorer .input-group .form-control:first-child {
				    border-top-right-radius: 4px;
				    border-bottom-right-radius: 4px;
				}

				.explorer .input-group-btn:last-child > .btn {
				    margin-left: -1px; margin-right: -1px;
				}

				.explorer .box > .tab-content form .btn {
				    width: 100%;
				    margin-top: 25px;
				    border-radius: 20px;
				}
	}