.active.focus, .active:focus, .focus, :active, :focus {
	outline: 0;
	text-decoration: none
}
b, strong {
	font-weight: 600
}
img {
	border: 0;
	max-width: 100%
}
.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
	max-width: 970px
}
body.boxed {
	background-image: url("../img/bg/background-image.webp");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 10px 0
}
body.boxed div.body {
	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .15);
	box-shadow: 0 0 14px rgba(0, 0, 0, .15);
	background-color: #fff;
	margin: 0 auto;
	max-width: 100%;
	width: 1040px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	z-index: 0;
	position: relative;
	border-top: 5px solid #e7402f
}
body.boxed div.body {
	border-top: 5px solid #9a1220
}
@media (min-width:176px) and (max-width:1200px) {
	body.boxed {
		padding: 0;
		overflow: hidden;
		box-shadow: none;
	}
}
a {
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	transition: .1s
}
a:hover {
	text-decoration: underline;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	transition: .1s
}
h1, h2, h3, h4, h5, h6 {
	color: #666
}
.primarycolor {
	color: #e7402f
}
.lead {
	margin-bottom: 10px
}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 15px
}
h1.intro {
	font-size: 26px;
	text-align: center;
	font-weight: 400;
	line-height: 1.4;
	margin-top: 0
}
.slidershadow {
	margin-top: -30px
}
.slidershadowcam {
	margin-top: -40px
}
.paddingright {
	padding-right: 20px
}
iframe {
	border: 0
}
header {
	padding: 0;
	z-index: 50
}
.topinfo {
	overflow: hidden;
	text-align: right
}
.footer a {
	color: #eee
}
.footer a:hover, ul.footermenu li a:hover {
	opacity: .7
}
.footer {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	margin-top: 60px;
	font-size: 13px
}
.footer > div.container > div.grid > div.grid-item-3col {
	margin-top: 20px
}
.footer.btn {
	background: #fff;
	color: #333 !important;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}
.copyright {
	font-family: Arial
}
.footer h1, .footer h2 {
	color: #fff;
	font-size: 17px;
	border-bottom: 1px solid #fff;
	display: inline;
	padding-bottom: 14px
}
.footer hr {
	border-top: 0;
	border-bottom: 1px solid #eee;
	margin-top: 14px
}
.footerbottom {
	color: #fff;
	line-height: 2;
	background: #333;
	border-top: 1px solid #444
}
.footerbottom a {
	color: #fff
}
.footerdark {
	background: #222;
	line-height: 1.6
}
.footerdark h1, .footerdark h2 {
	color: #eee;
	border-bottom: 1px solid #e7402f
}
.footerdark hr {
	border-top: 0;
	border-bottom: 2px groove #444
}
.footerdark .totop, .footerdark .totop:hover {
	background-image: none
}
.footerdark input, .footerdark input[type=text], .footerdark textarea {
	background: #222;
	border: 1px solid #333;
	padding: 10px;
	margin-bottom: 15px
}
.footerdark .btn {
	text-shadow: none;
	padding: 8px 10px;
	font-size: 13px;
	color: #ccc;
	border-radius: 0
}
.footerdark .btn:hover {
	background: #3f3f3f;
	box-shadow: none;
	color: #fff;
	border: 1px solid #3f3f3f
}
div.footer.footerdark > div.container > div > div > table > tbody > tr > td {
	border-top: none;
	border-bottom: 2px groove #444;
	vertical-align: top
}
div.footer.footerdark > div.container > div > div > table > tbody > tr:last-child > td {
	border-bottom: none
}
.wraptotop {
	margin-top: -55px;
	padding-bottom: 25px
}
.totop {
	border: 2px solid #fff;
	color: #fff !important;
	background: #e7402f;
	border-radius: 50%;
	display: inline-block;
	padding: 16px 20px;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}
.totop:hover {
	cursor: pointer;
	background: #e7402f;
	color: #fff;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}
.smallspacetop {
	margin-top: 7px;
	padding-top: 5px;
	padding-bottom: 5px
}
#quotes {
	margin: 0;
	position: relative
}
.textItem {
	position: absolute;
	display: none
}
.done {
	display: none
}
.error input, .error textarea, input.error, textarea.error {
	background-color: inherit;
	border-bottom: 1px dashed red !important;
	-webkit-transition: border .2s linear, box-shadow .2s linear;
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-o-transition: border .2s linear, box-shadow .2s linear;
	transition: border .2s linear, box-shadow .2s linear
}
.clearfix {
	float: none;
	clear: both
}
a.next, a.prev {
	background: url(../img/patterns/carousel_arrows.png) no-repeat padding-box #e7402f;
	width: 24px;
	height: 24px;
	display: block;
	position: relative;
	float: left;
	margin-left: 3px;
	-webkit-background-clip: padding-box;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1)
}
a.next:hover, a.prev:hover {
	background-color: #444
}
a.prev {
	background-position: -2px 0
}
a.prev.disabled {
	background-color: #555
}
a.next {
	background-position: -22px 0
}
a.next.disabled {
	background-color: #555
}
a.next.disabled, a.prev.disabled {
	cursor: default
}
a.next span, a.prev span {
	display: none
}
.featured-projects-image {
	padding-bottom: 5px
}
.featured-projects-content {
	padding: 10px 0 0;
	margin-top: 2px;
	background: linear-gradient(180deg, #f0f0f0 0, rgba(240, 240, 240, .2) 100%);
}
.featured-projects-content div.date-range, .featured-projects-content div.packages, .featured-projects-content h3, .featured-projects-content p {
	padding-left: 5px;
	padding-right: 5px
}


/*------------------------------------------------------------------- */

/* Base width for mobile and small screens */
.grid-item-2col,
.grid-sizer-2col,
.grid-item-3col,
.grid-sizer-3col {
  width: 100%;
}


.grid {
	max-width: 1000px
}
.grid:after {
	content: '';
	display: block;
	clear: both
}
.grid-item img {
	display: block;
	width: 100%
}
@media screen and (min-width:520px) {
	.grid-item-3col, .grid-sizer-3col {
		width: calc(50% - 10px)
	}
}
@media screen and (min-width:768px) {
	.grid-item-3col, .grid-sizer-3col {
		width: calc(33.333333% - 13.333333px)
	}
	.grid-item-2col, .grid-sizer-2col {
		width: calc(50% - 10px)
	}
}


/*------------------------------------------------------------------- */

.table-responsive-container {
  position: relative;
  overflow: hidden;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.table-responsive::-webkit-scrollbar {
  display: none;
}

.scroll-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 10;
  font-size: 24px;  color: rgba(154, 18, 32, 0.8); 
  transition: color 0.3s ease;
  align-items: center;
  justify-content: center;
  display: flex;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}

.scroll-arrow.visible {
  opacity: 1;
  pointer-events: auto;
}

.scroll-arrow.left {
  left: 0;
  justify-content: flex-start;
}

.scroll-arrow.right {
  right: 0;
  justify-content: flex-end;
}

.scroll-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

.scroll-arrow.left::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}

.scroll-arrow.right::before {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}

.scroll-arrow.left::after {
  content: "\f104"; 
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  pointer-events: none;
}

.scroll-arrow.right::after {
  content: "\f105"; 
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  pointer-events: none;
}




/*------------------------------------------------------------------- */

table.panel > tbody > tr > td:nth-child(2) {
	padding-right: 5px
}
div.featured-projects-content > h3 {
	color: #9a1220;
	font-size: 16px;
	margin-top: 0
}
.small {
	font-size: 12px
}
.btn, .btn:hover {
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}
.btn-primary {
	background-color: #e7402f
}
.btn-primary:hover {
	background-color: #444
}
.accordion h3, .toggle h3 {
	padding: 10px 11px;
	font-size: 15px;
	margin: 0 0 3px;
	line-height: 18px;
	color: #606060;
	cursor: pointer;
	position: relative;
	text-transform: none;
	background: #fcfcfa;
	transition: .3s;
	-webkit-transition: .3s;
	border-bottom: 1px solid #f1f1f1
}
.accordion h3 span, .toggle h3 span {
	line-height: 18px;
	display: block;
	padding: 0 0 0 17px;
	background: url(../img/patterns/acplus.png) left top no-repeat

}
.accordion h3.active, .accordion h3:hover, .toggle h3.active, .toggle h3:hover {
	background: #666;
	color: #eee
}
.accordion h3.active span, .toggle h3.active span {
	background: url(../img/patterns/acplus.png) left top no-repeat

}
.accordion h3.active span, .accordion h3:hover span, .toggle h3:hover span {
	background: url(../img/patterns/acminus.png) left top no-repeat  !important
}
.accordion .accord_cont, .toggle .toggle_cont {
	padding: 5px 0 2px 28px;
	display: none
}
.date {
	float: left;
	text-align: center
}
article .day {
	background: #e7402f;
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 6px;
	margin-bottom: 0
}
.month {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
	background: #444;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
	color: #fff;
	font-size: .9em;
	padding: 1px 10px;
	margin-top: -4px;
	display: inline-block
}
.progress {
	height: 35px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.box {
	background: #fff;
	padding: 10px;
	border-left: 1px solid #9a1220;
	border-right: 1px solid #9a1220;
	border-bottom: 1px solid #9a1220;
	margin: 0 auto 20px
}
.effect1 {
	-webkit-box-shadow: 0 10px 10px -10px #777;
	-moz-box-shadow: 0 10px 10px -10px #777;
	box-shadow: 0 10px 10px -10px #777
}
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline: 0
}
.flex-control-nav, .flex-direction-nav, .slides {
	margin: 0;
	padding: 0;
	list-style: none
}
.flexslider {
	padding: 0;
	margin: 0;
	position: relative;
	zoom: 1;
	color: #fff
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden
}
.flex-pauseplay span {
	text-transform: capitalize
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
* html .slides {
	height: 1%
}
.no-js .slides > li:first-child {
	display: block
}
.flexslider h1 {
	color: #fff;
	text-shadow: 2px 4px 3px rgba(0, 0, 0, .3);
	text-shadow: horizontal-offset vertical-offset blur color
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s
}
.loading .flex-viewport {
	max-height: 300px
}
.flexslider .slides {
	zoom: 1
}
.carousel li {
	margin-right: 5px
}
.flex-direction-nav a {
	width: 30px;
	height: 34px;
	margin: -20px 0 0;
	display: block;
	background: url(../img/patterns/bg_direction_nav.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: .3s
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px
}
.flex-direction-nav .flex-prev {
	left: -36px
}
.flexslider:hover .flex-next {
	opacity: .8;
	right: 5px
}
.flexslider:hover .flex-prev {
	opacity: .8;
	left: 5px
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1
}
.flex-direction-nav .flex-disabled {
	opacity: .3 !important;
	cursor: default
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1
}
.flex-control-paging li a {
	width: 15px;
	height: 15px;
	display: block;
	background: #eee;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}
.flex-control-paging li a:hover {
	background: #fff
}
.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer
}
.flex-control-thumbs img:hover {
	opacity: 1
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}
@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 0
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0
	}
}
.panel h1, .panel1 h1 {
	font-size: 18px;
	font-family: RalewayRegular;
	margin-top: 0;
	line-height: 24px
}
.panel ul, .panel1 ul {
	margin-left: 55px;
	list-style: square
}
.panel, .panel1 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fafafa;
	position: relative;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	color: #666;
	border-left: 8px solid #9a1220;
	font-weight: 600;
	overflow: auto;
	vertical-align: middle
}
.day {
	margin-bottom: 10px
}
.alignright {
	text-align: right
}
.tab-content {
	margin-top: 0
}
.hide, .ui-tabs-hide {
	display: none
}
.arrow {
	float: left;
	margin-left: 25px;
	width: 0;
	height: 0;
	border-top: 30px solid #f9f9f9;
	border-left: 30px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0
}
blockquote p {
	line-height: inherit;
	font-size: 14px;
	font-family: open-sans, sans-serif;
	font-style: normal;
}
#testimonials blockquote p {
	font-weight: 300;
	color: #fff;
	padding: 0;
	margin: 0 0 20px;
	border-left: none
}
.elements h3 {
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}
#content {
	max-width: 1000px;
	z-index: 0;
	margin-left: -20px;
	overflow: hidden
}
label {
    display: inline-block;
    padding-right: 10px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;		
}
label.error {
	color: #c00;
	font-size: 12px;
	margin: 0 0 10px;
	font-style: italic;
	width: 200px
}
label.success {
	color: #090;
	font-size: 12px;
	margin: 0 0 10px;
	font-style: italic;
	width: 200px
}
#filter ul li, .faqstitle, .flexslider .slides img, .hero-unit, .sectiontitlepost h1, .services h2, .testimonial h4, .textItem {
	animation: 2s fadein;
	-moz-animation: 2s fadein;
	-webkit-animation: 2s fadein;
	-o-animation: 2s fadein
}
@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-moz-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-webkit-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-o-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
.bottom0 {
	margin-bottom: 0
}
.bottom15 {
	margin-bottom: 15px
}
.top10 {
	margin-top: 10px
}
.top20 {
	margin-top: 20px
}
.btn {
	display: inline-block;
	padding: 10px 19px
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: 0
}
.btn.btn-d {
	background: rgba(0, 0, 0, .8);
	color: #fff
}
.btn.btn-d:focus, .btn.btn-d:hover {
	background: #000;
	color: #fff
}
.btn-primary {
	border: 0
}
@media (max-width:992px) {
	.slidershadow, form#search {
		display: none
	}
	.container {
		width: 100%
	}
	.footer .col-md-4 {
		margin-bottom: 30px;
		margin-top: 10px
	}
	.footerdark input, .footerdark input[type=text], .footerdark textarea {
		width: 100%
	}
}
@media (max-width:767.5px) {
	.camera_caption {
		width: 90% !important
	}
	.cameraContents .camera_caption div {
		margin-top: -60% !important
	}
	.thumbnails {
		margin-left: 0
	}
	.thumbnails > li {
		float: none;
		margin-left: 0
	}
	.input-append input, .input-append input[class*=span], .input-prepend input, .input-prepend input[class*=span] {
		display: inline-block;
		width: auto
	}
	.modal {
		position: fixed;
		top: 20px;
		right: 20px;
		left: 20px;
		width: auto;
		margin: 0
	}
	.modal.fade {
		top: -100px
	}
	.modal.fade.in {
		top: 20px
	}
}
@media (max-width:800px) {
	body.boxed div.body {
		margin-bottom: 0
	}
	#quotes {
		min-height: 140px
	}
	.camera_fakehover {
		min-height: 400px
	}
	.cameraContents .camera_caption h1 {
		font-size: 14px
	}
	.cameraContents .camera_caption span {
		font-size: 12px
	}
	.thumbnail {
		margin-bottom: 25px
	}
	.slidershadow, .slidershadowcam {
		display: none
	}
}
@media (max-width:480px) {
	.cameraContents .camera_caption div {
		margin-top: -130% !important
	}
	.nav-collapse {
		-webkit-transform: translate3d(0, 0, 0)
	}
	input[type=checkbox], input[type=radio] {
		border: 1px solid #ccc
	}
	.modal {
		top: 10px;
		right: 10px;
		left: 10px
	}
	#quotes {
		height: 140px
	}
	.camera_caption {
		left: 0;
		width: 100%
	}
	.camera_fakehover {
		min-height: 330px
	}
	.cameraContents .camera_caption h1 {
		font-size: 14px
	}
	.cameraContents .camera_caption span {
		font-size: 12px
	}
	.lead {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.6
	}
	@media (min-width:768px) {
		.lead {
			font-size: 18px
		}
	}
}
sup {
	white-space: nowrap
}
html {
	overflow-y: scroll !important
}
.red, th {
	color: #9a1220
}
.full_width {
	width: 100%
}
#myTab {
	margin-top: 20px
}
#myTab > li {
	text-align: center
}
.nav-tabs > li > a.page-tab {
	font-weight: 600
}
.right-arrow::after {
	content: "\200B";
	color: green
}
.date-range {
	margin: 12px 0;
	color: #9a1220
}
.packages {
	margin: 0 0 5px;
	text-align: right
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	border-top: 1px dotted #e6e6e6;
	border-bottom: none
}
div.accord_cont > table > tbody > tr > td, div.accord_cont > table > tbody > tr > th, table.table-date-range > tbody > tr > td, table.table-date-range > tbody > tr > th {
	vertical-align: top
}
div.accord_cont > table > tbody > tr:first-child > td, div.accord_cont > table > tbody > tr:first-child > th, table.table-date-range > tbody > tr > td, table.table-date-range > tbody > tr > th {
	border-top: none
}
table.rate-table td.table-footer, table.table-condensed td.table-footer, table.table-date-range td.table-footer, table.table-footer > tbody > tr > td, table.time-table td.table-footer {
	font-weight: 300;
	border-top: none
}
table > tbody > tr > td.top-border0, table > thead > tr > th.top-border0 {
	border-top: none;
	padding-top: 0
}
table > tbody > tr > th.bottom-border0, table > thead > tr > th.bottom-border0 {
	border-bottom: none
}
table > thead > tr > th.vertical-bottom {
	vertical-align: bottom
}
table.table-condensed > tbody > tr > td > i.fa-user, table.table-condensed > tbody > tr > td > i.fa-user-plus {
	color: #777
}
table.equal-width {
	table-layout: fixed
}
table.text-centered td, table.text-centered th {
	text-align: center
}
table {
	margin-bottom: 15px
}
table.with-footer {
	margin-bottom: 0
}
table.download-table, table.rate-table td, table.rate-table th, table.time-table td, table.time-table th {
	text-align: right;
	margin-bottom: 0
}
table.download-table td:first-child, table.rate-table td:nth-child(-n+2), table.rate-table th:first-child, table.time-table td:first-child, table.time-table th:first-child {
	text-align: left
}

table.rate-table td:first-child {
	width: 100%
}
table.rate-table td:nth-child(2) {
	white-space: nowrap
}
table.download-table tbody > tr > td {
	border-top: 0
}
table.table-condensed {
	margin-bottom: 10px
}
table.table-footer {
	width: auto;
	margin-bottom: 20px
}
table.starburst {
	position: relative;
	top: -10px;
	left: 5px
}
table.starburst > tbody > tr > td {
	vertical-align: middle
}
table.starburst > tbody > tr > td > span {
	white-space: nowrap
}
.package.box {
	border: 1px solid #060;
	padding: 5px 5px 0;
	background-color: transparent;
	color: #666;
	margin: 15px 5px
}
div.package.box > div.title {
	color: #fff;
	font-weight: 600;
	margin: -5px -5px 10px;
	padding: 3px 10px;
	background: linear-gradient(90deg, #060 0, rgba(0, 102, 0, .1) 100%)
}
div.package.box > table > thead > tr > th {
	color: #060;
	font-weight: 600
}
table.scenic-table > tbody > tr:first-child > td {
	border-top: 0
}
i.fa-star, i.fa-starburst, i.fa-file-pdf {
	color: #9a1220
}
table.footer-lines > tbody > tr > td > i.fa-sharp {
	color: #eee
}
.hidden {
	visibility: hidden
}
.bottom20 {
	margin-bottom: 20px
}
.bottom25 {
	margin-bottom: 25px
}
.fa-blank {
	visibility: hidden !important
}
.shuttle-img {
	background-image: url("../img/golden-bay-air-shuttles.webp");
	height: 388px;
	min-width: 465px;
	background-attachment: scroll;
	background-position: left;
	background-repeat: no-repeat
}

/* Responsive collapse to 1 column */
@media (max-width: 768px) {
    .grid-sizer-2col,
    .grid-item-2col {
        width: 100%;
    }

    .bg-figure {
        display: none !important;
    }
}

/* Background image figure with caption for 2 col grid*/
.bg-figure {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    background: #fafafa;
}

.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    flex: 1;
    min-height: 600px; /* adjust as needed */
}

.bg-figure figcaption {
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 300;
    background: #fff;
    color: #666;
}



.min_height280 {
	min-height: 280px
}

/*skin-gba.css*/


.brandlogo {
	float: left;
	margin-top: 25px;
	min-width: 272px
}
@media (max-width:346px) {
	.brandlogo {
		float: left;
		margin-top: 0;
		margin-left: -5px;
		min-width: 220px;
		max-width: 220px
	}
	.navbar-toggle {
		margin: 28px 15px 10px 0
	}
}
i.fa-cart-shopping, i.fa-magnifying-glass {
	margin-right: 5px
}
@media (max-width:767.5px) {
	.topinfo {
		text-align: left;
		font-size: 11px
	}
	.topinfo .social-media-list, .topinfo a.btn {
		display: none
	}
}
ul.social-media-list {
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 22px;
	padding: 0;
	font-size: 0px
}
ul.social-media-list li {
	display: inline-block;
	margin-left: 4px
}
ul.social-media-list img {
	padding: 5px;
	background-color: #222;
	width: 28px;
	height: 28px;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden
}
ul.social-media-list img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
.footer > div.container > div.grid > #footer-social-media ul.social-media-list img {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none
}
#footer-social-media > ul.social-media-list {
	margin-top: 0;
	margin-bottom: 10px
}
@media (min-width:767.5px) {
	.footer > div.container > div.grid > #footer-social-media {
		display: none
	}
}
.footerlogo47, .primarycolor, .service-box.black .circleicon i, .service-box.featured .circleicon i, .service-box:hover i, .testimonial-name {
	color: #9a1220
}
#skill i, .cameraContents .camera_caption span, .captionicons, .popular .vuzz-button, .popular .vuzz-button.buttonprice, .popular .vuzz-pricing-cost, .popular .vuzz-pricing-per, .primarybg, .service-box.featured, .service-box:hover, .tagcloud a:hover, .totop, .totop:hover, a.tagcloud:hover, article .day {
	background: #9a1220
}
.btn-primary {
	background-color: #9a1220
}
.titleborder0 {
	background: url("../img/patterns/dots4.gif") center repeat-x;
	min-height: 0
}
.titleborder0 h1 {
	font-size: 22px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: #fff;
	padding: 6px 6px 10px 0;
	display: inline-block;
	position: relative
}

@media (max-width:600px) {
	.intro h1, .titleborder0 h1, div.titleborder > h2 {
		font-family: open-sans-condensed, sans-serif;
		line-height: 1.2
	}
	table.schedule > tbody > tr > td {
		font-size: 12px;
	}
	.nav-tabs > li > a.page-tab {
		padding: 6px;
		font-family: open-sans-condensed, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 12px
	}
}
@media (max-width:820px) {
	#myTab > #nelson > a, #myTab > #takaka > a, #myTab > #wainui > a {
		line-height: 2.8571428
	}
}
.titleborder2 {
	background: url(../img/patterns/dots2.gif) center repeat-x;
	min-height: 0
}
.titleborder2 div {
	display: inline-block;
	background-color: #fff;
	padding: 6px 6px 10px 2px;
	position: relative;
	font-size: 16px
}
.titleborder {
	background: url("../img/patterns/dots3.gif") center repeat-x;
	min-height: 0
}
.titleborder h2 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
	font-style: normal;
	display: inline-block;
	background-color: #fff;
	padding: 10px 6px 14px 0;
	position: relative;
	font-size: 18px;
	font-family: open-sans, sans-serif;
	font-weight: 700
}
div.booking-widget > .titleborder h2 {
	color: #9a1220;
	background-color: #fafafa
}
div.name {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	color: #9a1220;
	padding: 0;
	position: relative;
	font-size: 18px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400
}
.page-content h3 {
	font-size: 14px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 700
}
.page-content .accordion h3 {
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 3px
}
.page-content h4 {
	font-size: 16px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-top: 20px
}
div.graysection {
	margin-left: 0;
	margin-right: 0;
	padding: 4px;
	background: linear-gradient(180deg, #fafafa 0, #fff 100%);
	border: 1px solid #9a1220;
	border-radius: 0
}
div.fleet {
	padding: 0;
	margin-top: 20px
}
div.fleet > div:first-child {
	padding: 0
}
div.graysection > .table {
	margin-bottom: 0
}
.page-content a:hover, a, a:hover {
	color: #9a1220
}
.page-content a.btn:hover {
	color: #fff
}
ul.bulleted {
	padding-inline-start: 15px
}
ul.bulleted li {
	line-height: inherit;
	list-style-type: disc;
	margin-bottom: 10px
}
div.terms > div > ol {
	counter-reset: item;
	margin-left: 0;
	padding-left: .5em
}
div.terms > div > ol > li {
	display: block;
	margin-bottom: .5em;
	margin-left: 1.5em
}
div.terms > div > ol > li::before {
	display: inline-block;
	content: counter(item) ".";
	counter-increment: item;
	width: 1.5em;
	margin-left: -1.5em
}
.blog hr {
	border-top: 1px dashed #ddd;
	height: 1px;
	margin: 0
}
.blog h2 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
	padding: 12px 0;
	font-size: 20px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 600
}
.blog h3 {
	font-size: 16px;
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-top: 20px
}
p.datepost {
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	color: #999
}
@media (min-width:992px) {
	.nav-aboutus .page-content .col-md-4 img, .nav-blog .page-content .col-md-4 img {
		margin-top: 15px
	}
}
@media (max-width:991px) {
	.nav-aboutus .page-content .col-md-4 img, .nav-blog .page-content .col-md-4 img {
		margin-bottom: 15px;
		float: left
	}
}
figure img {
	margin-top: 4px
}
figcaption {
	padding-top: 2px;
	font-size: 13px;
	font-weight: 300;
	background: #fff;
	color: #666
}
div.featured-projects-image > figcaption {
	padding-left: 5px;
	padding-right: 5px;
	background: 0 0
}
.border, img.border {
	border: 1px solid #9a1220
}


ul.fa-ul {
  padding-left: 0;
  margin-left: 0;
 list-style-type: none;  
}

ul.fa-ul li {
  position: relative;
  padding-left: 2em; /* Adjust this value as needed */
}

ul.fa-ul .fa-li {
  position: absolute;
  left: 0;
	width: 1.25em;
}

/* Default font-weight for all fa-ul inside .box */
.box .fa-ul li {
  font-weight: 300;
}

.box ul.fa-ul.calendar {
  margin-top: 20px;
	 background: linear-gradient(90deg, #fafafa 25%, #fff 100%);
}

.box ul.fa-ul.calendar li {
  font-weight: 400 !important;
}


table.top-border {
	border-top: 2px solid #ddd;
	margin-top: 17px
}
.table-width-null {
	width: auto
}
.table-li-offset {
	margin-left: -5px
}
table.table-li-offset > tbody > tr > td:first-child {
	width: 1%;
	white-space: nowrap
}
.width50pc {
	width: 50%
}
td.full_width {
	width: 100%
}
td.text-center, th.text-center {
	text-align: center
}
@media only screen and (max-width:519px) {
	.table-condensed.heaphy-faq > tbody > tr > td, .table-condensed.heaphy-faq > tbody > tr > th, .table-condensed.heaphy-faq > tfoot > tr > td, .table-condensed.heaphy-faq > tfoot > tr > th, .table-condensed.heaphy-faq > thead > tr > td, .table-condensed.heaphy-faq > thead > tr > th {
		padding: 2px
	}
	.table-condensed.heaphy-faq > thead > tr > th {
		font-weight: 600
	}
}
.float-left {
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
	max-width: 100%
}
.float-right {
	float: none;
	margin-left: 0;
	margin-bottom: 15px;
	max-width: 100%
}
@media (min-width:520px) {
	.float-left {
		float: left;
		margin-right: 30px;
		margin-bottom: 15px;
		max-width: 50%
	}
	.float-right {
		float: right;
		margin-left: 30px;
		margin-bottom: 15px;
		max-width: 50%
	}
}
.float50 {
	float: left;
	width: 50%
}
.floatimgs::after {
	content: "";
	clear: both;
	display: table
}
.float-left-accred {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	max-width: 40%
}
.float-right-accred {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	max-width: 30%
}
.doc {
	max-height: 180px;
	max-width: 110px
}
#ellipse .curve {
	width: 33%;
	height: auto;
	min-width: 200px;
	float: left;
	margin-right: 2rem;
	border-radius: 50%;
	-webkit-shape-outside: ellipse();
	shape-outside: ellipse()
}
.float-left-w-text {
	float: left;
	margin-right: 0;
	margin-bottom: 15px;
	width: 100%
}
.float-right-w-text {
	float: none;
	margin-left: 0;
	margin-bottom: 15px;
	max-width: 100%
}
@media (min-width:768px) {
	.float-left-w-text {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		max-width: calc(50% - 10px);
		object-fit: cover
	}
	.float-right-w-text {
		float: right;
		margin-left: 20px;
		margin-bottom: 15px;
		max-width: calc(50% - 10px)
	}
}
.booking-widget.box {
	border-top: 1px solid #9a1220;
	padding-top: 0;
	padding-bottom: 5px;
	background-color: #fafafa;
	color: #666
}
.booking-widget .checkbox-inline input[type=checkbox], .booking-widget .radio-inline input[type=radio] {
	margin-top: 5px
}
.booking-widget .help-block {
	margin-top: -12px;
	font-size: 11px
}
table.depart-destination-table > tbody > tr > td, table.search-table > tbody > tr > td {
	padding: 0;
	border-top: 0;
	width: 50%
}
table.depart-destination-table > tbody > tr > td.padding-l0 {
	padding-left: 10px
}
table.depart-destination-table > tbody > tr > td.padding-r0 {
	padding-right: 10px
}
@media (max-width:330px) {
	table.depart-destination-table > tbody > tr > td.padding-l0 {
		padding-left: 5px
	}
	table.depart-destination-table > tbody > tr > td.padding-r0 {
		padding-right: 5px
	}
}
.pax-number-table, .search-table {
	margin-bottom: 10px
}
table.pax-number-table > tbody > tr > td {
	padding: 0;
	border-top: 0;
	width: 33.33333333%
}
table.pax-number-table > tbody > tr > td.padding-l0 {
	padding-left: 10px
}
table.pax-number-table > tbody > tr > td.padding-r0 {
	padding-right: 10px
}
table.pax-number-table > tbody > tr > td.padding-l-r0 {
	padding-left: 5px;
	padding-right: 5px
}
@media (max-width:330px) {
	table.pax-number-table > tbody > tr > td.padding-l0 {
		padding-left: 5px
	}
	table.pax-number-table > tbody > tr > td.padding-r0 {
		padding-right: 5px
	}
	table.pax-number-table > tbody > tr > td.padding-l-r0 {
		padding-left: 5px;
		padding-right: 5px
	}
	.booking-widget .submit-button .btn {
		padding: 7px;
		font-size: 14px;
		width: auto
	}
	table.search-table > tbody > tr > td.padding-t-0 {
		padding-top: 0
	}
}
.submit-button {
	float: right
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	opacity: 1
}
#ReturnRow.opaque {
	opacity: .4
}
div.hidden {
	display: none
}
div.form-group > span.radio-inline {
	margin-left: 0;
	padding-left: 10px
}
.datepicker table tr td.disabled:active, .datepicker table tr td.disabled:focus, .datepicker table tr td.disabled:hover {
	cursor: not-allowed !important
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #ccc !important
}
.thumbnail {
	display: block;
	margin-bottom: 20px;
	padding: 0
}
.caption > h3 {
	margin-top: 5px
}
.thumbnail .caption {
	padding: 10px;
	background: linear-gradient(180deg, #fafafa 0, #fff 100%)
}
.flexslider {
	margin-top: 10px;
	margin-bottom: 20px
}
a.next, a.prev {
	background: url(../img/patterns/carousel_arrows.png) no-repeat #9a1220

}
a.next {
	background-position: -22px 0
}
.btn.fixed-width {
	margin-bottom: 10px;
	padding: 3px;
	font-size: 11px;
	width: 100px
}
.btn.btn-primary.fixed-width {
	margin-left: 10px
}
table.panel > tbody > tr > td {
	vertical-align: middle;
	padding: 10px
}
table.panel > tbody > tr > td > a.btn.fixed-width {
	margin-bottom: 0;
	float: right
}
div.topinfo > div > a.fixed-width {
	width: 124px;
	font-size: 14px
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 0;
	list-style: none;
	padding-inline-start: 10px;
	background: linear-gradient(-90deg, #fff 0, #fafafa 95%)
}
.breadcrumb > li {
	display: inline-block
}
.breadcrumb > li + li:before {
	padding: 0 2px;
	color: #ccc;
	content: "/\00a0"
}
.video-border {
	margin: 6px 0 10px;
	text-align: center;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden
}
.video-border iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: none
}
p.video-caption {
	font-weight: 300;
	color: #666
}
.accordion .accord_cont {
	padding: 5px 11px 1px;
	background: #fafafa
}
.accordion h3 {
	background: #eee
}
.footer a:hover {
	color: #fff
}
.footerdark h1, .footerdark h2 {
	border-bottom: 1px solid #9a1220
}
.footer-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.footer-logos a {
	max-width: 15%
}
.footer-logos img {
	width: 100%;
	height: 100%
}
.footer-logos a:nth-child(2) {
	max-width: 16%
}
.footer-logos a:nth-child(3) {
	max-width: 30%
}
.footer-logos a:nth-child(4) {
	max-width: 11%
}
table.footer-lines > tbody > tr > td {
	border-bottom: 2px groove #444;
	border-top: none
}
#footer-info > tbody > tr > td:nth-child(2) {
	width: 100%
}
@media (max-width:800px) {
	#quotes {
		min-height: 60px
	}
}
@media (max-width:480px) {
	#quotes {
		height: auto
	}
}
.flickity-enabled {
	position: relative
}
.flickity-enabled:focus {
	outline: 0
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.flickity-button {
	position: absolute;
	background: hsla(0, 0%, 100%, .75);
	border: none;
	color: #333
}
.flickity-button:hover {
	background: #fff;
	cursor: pointer
}
.flickity-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #19f
}
.flickity-button:active {
	opacity: .6
}
.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none
}
.flickity-button-icon {
	fill: currentColor
}
.flickity-prev-next-button {
	top: 25%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transform: translateY(-50%)
}
.flickity-prev-next-button.previous {
	left: 10px
}
.flickity-prev-next-button.next {
	right: 10px
}
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}
.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}
.flickity-rtl .flickity-page-dots {
	direction: rtl
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}
.flickity-page-dots .dot.is-selected {
	opacity: 1
}
.carousel-cell {
	width: 100%;
	margin-right: 10px
}
@media screen and (min-width:768px) {
	.carousel-cell {
		width: 50%
	}
}