*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
	overflow-x: hidden;
}
html.modal-open {
	overflow: hidden;
}
body.page-main {
	background-color:#3F3F3F;
}
.background {
	background-color: rgba(63, 63, 63, 0.7);
	position: relative;
}
.round {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.p0 {
	padding: 0;
}
.margin0 {
	margin: 0;
}
.margin0-auto {
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.pd10 {
	padding: 10px;
}
.pd15 {
	padding: 15px;
}
.table-b {
	border: 1px solid #ccc;
}
.dis-in-block {
	display: inline-block;
}
.img-responsive-custom {
	width: 100%;
	margin: 0 auto;
}
.color-blue {
	/*color: #4389a3;*/
	color: #5882FA;
}
.text-white {
	color: #fff;
}
.text-c1 {
	color: orange;
}
.text-c2 {
	color: #ae1c29
}
.text-silver {
	color: #847b74
}
.background-white {
	background: #fff;
}
.font-bold {
	font-weight: bold;
}
.full-width {
	width: 100%;
}
.custom-ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.custom-ul .custom-li {
	padding: 5px 0;
}
.hr-dark {
	border-top: 1px solid #999;
}
.space-h {
	margin: 0 2px;
}

.navbar-nav.flag-container>li>.dropdown-menu {
	min-width: 0;
}
.page-index .btn-small {
	padding: 7px 10px;
}
.vflag { 
	padding-left: 25px; 
	background: transparent url('../img/flags_vertical.gif') 0 30px no-repeat; 
	padding-top: 0px; 
}
.vflag.de { 
	background-position: 5px -1647px; 
}
.vflag.en { 
	background-position: 5px -2337px; 
}
.vflag.nl { 
	background-position: 5px -1467px; 
}
.vflag.fr { 
	background-position: 5px -2277px; 
}
.vflag.es { 
	background-position: 5px -2007px; 
}
.page-index .header-container {
	position: relative;
	z-index: 999;
}
.page-index .container {
	width: 100%;
}
.page-index .page-header {
	padding: 5px 10px;
	margin: 0;
	border: 0;
}
.page-index .page-header h2 {
	margin-top:0px;
	color:orange;
	font-size:36px;
	padding:10px 10px 15px;
}
.page-index .page-header span.logo-line {
	margin-left:10px;
	color:orange;
	font-size:18px;
	padding:5px 0 5px 20px;
}
.page-index .center-box {
	position: relative;
}
.page-index .box-container {
	position:relative;
	margin-top:230px;
	margin-bottom: 170px;
	z-index:1000;
}
.page-index .box-container .box1 {
	color:orange;
	background-color:#000;
	opacity:0.7;
	font-size:32px;
	width:410px;
	padding:10px;
}
.page-index .box-container .box2 input#to {
	font-size:18px;
	color:#FF7F27; 
	width:405px;
	padding:15px 10px;
	opacity:0.9;
	margin-left: 10%;
}
.page-index .box-container .box3 .dis-in-block {
	margin-left: 15%;
}
.page-index .box-container .box3 .box3-inner {
	color:orange;
	background-color:#000;
	opacity:0.7;
	font-size:32px;
	padding:10px;
	width:410px;
}
.page-index .box-container .box4-span {
	margin-left: 30%;
}
.page-index .box-container .box4 input#from {
	font-size:18px;
	color:#FF7F27; 
	width:405px;
	padding:12px 10px;
	opacity:0.9;
}
.page-index .footer a {
	color: orange;
}

.maximage-box {
	position: fixed;
	top: 0;
	padding: 0;
}
#maximage {
	width:100%;
	overflow:hidden;
	position: static;
	top: 0;
	/*height: 500px !important;*/
}
.mc-image  {
	max-width: 100% !important;
	width: 100% !important;
	/*height: 500px !important;*/
}
.bottom-box {
	background: rgba(250, 250, 250, 0.6);/* #e0e1e3;*/
	padding: 10px 20px;
}
.explored-container .col-md-offset-0 {
	margin: 10px 0;
}
.explored-container .all-content {
	max-width: 300px;
	margin: 0 auto;
	border: 1px solid #ccc;
}
.explored-container .img-content {
	
}
.explored-container .text-content {
	padding: 15px;
	background: #fff;
	color: #4389a3;
}
.explored-container .icon-builing {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background: url(../img/home/calendar.png) no-repeat center center;
}
.icon-custom {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
}
.icon-earth {
	background: url(../img/home/earth-icon.png) no-repeat center center;
}
.icon-interest {
	background: url(../img/home/interest-icon.png) no-repeat center center;
}
.icon-favorite {
	background: url(../img/home/favorite-icon.png) no-repeat center center;
}
.icon-export {
	background: url(../img/home/export-icon.png) no-repeat center center;
}
.table.table-route {
	margin-bottom: 0;
}
.table.table-xs>thead>tr>th, .table.table-xs>tbody>tr>th, 
.table.table-xs>tfoot>tr>th, .table.table-xs>thead>tr>td, 
.table.table-xs>tbody>tr>td, .table.table-xs>tfoot>tr>td {
	padding: 4px;
}
.widget-img {
	max-width: 250px;
	margin: 0 auto;
}


.navbar-default {
	margin: 10px;
	min-height: 10px;
}
.navbar-right #keyword {
	font-size:12px;
	color:#777; 
	width:250px;
	height:30px;
	font-style:italic;
}
.navbar-brand {
	color:#ff7f27;
	text-shadow: 0px 1px 1px #342203;
}
.navbar-brand:hover {
	color:#ff7f27;
}
.navbar-brand .logo-name {
	font-size: 48px;
}
.navbar-brand .logo-small {
	margin-left:10px;
	font-size:18px;
	color:#ff7f27;
	text-shadow: 0px 1px 1px #342203;
}
.navbar-collapse {
	max-height: initial;
}
.navbar-toggle {
	background-color: #ccc;
}
.navbar-toggle .icon-bar {
	background: #333;
}
.page-header {
	padding: 10px;
}
.secondary-menu .btn-group {
	margin: 4px 5px;
	color:#000;
}
#mapcanvas {
	height:700px;
}
.ad-block-container {
	padding-right: 0;
}
.adblock {
	margin-left: 15px;
	max-width:15%;
	border-radius: 3px;
}
.grid-container .grid-column {
	border: 1px solid #d7d7d7;
	background: rgba(255,255,255, 0.7);
	padding: 20px 15px;
	border-radius: 10px;
	min-height: 700px;
}
.gridview-block .tile1 {
	max-width: initial;
}
.gridview-block .tile1 .thumbnail {
	max-width: 280px;
	min-height: 370px;
	max-height: 460px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.gridview-block .tile1 .price {
	text-align:center;color:red;background-color:yellow;padding:3px;
}
.gridview-block .tile1 .place-img {
	width:100%;
	min-height:140px;
	max-height:140px;
}
.gridview-block .tile1 .caption h5 {
	font-weight:bold;
	color:blue;
	background-color:yellow;
	padding:3px 0 3px 10px;
	width:90%; 
	white-space: nowrap; 
	overflow: hidden;  
	text-overflow: ellipsis;
}
.gridview-block .tile1 .description {
	overflow: auto; 
	max-height: 90px;
}
.gridview-block .tile1 .panel-footer {
	padding:10px 15px 30px 15px;
}
.destination-text {
	color: #ccc;
}

.right-container {
	height: 700px; 
	overflow:scroll;
}


/******** Info window **********/
#regIfw {
	padding:5px 5px 5px 2px;
}
#regIfw .thumb {
	margin-right:75px;
	font-style:italic;
}
#regIfw .icon3 {
	margin-left:10px;
}
#regIfw .icon3 .glyphicon {
	color:orange;font-weight:bold;
}
#regIfw .buttons {
	padding-left:20px;
}
#regIfw .more-info-btn {
	margin-right:30px;
}

#basicModal .modal-dialog {
	width:80%;
	margin-top:40px;
	margin-right:10%;
}
#basicModal .modal-header {
	background-color:#3f3f3f;
	position:relative;
	z-index:10;
	text-align:center;
}
#basicModal .modal-title {
	color:orange;
}
#basicModal .info {
	font-size:11px; 
	font-style:italic;
	color:#fff;
	font-weight:bold;
}
#basicModal .modal-body {
	position:relative;
	top:-80px;
}
#basicModal #loading {
	position: relative; 
	left: 50%; 
	top: 50%; 
	margin-left: -32px; 
	margin-top: 70px; 
	display: block; 
	z-index: 9999;
}
#basicModal #loading span {
	margin-left: -50px;
}
#directions-panel {
	background-color: white;
}