/*--
<!-- GTcms :: GT Web Framework-->
--*/
:root {
  /*--color1: #4633af;
  --color2: #00d9d9;
  --color3: #262431;
  --color4: #2f2c3d;*/
  --color1: #4633af;
  --color2: #ffe02a;
  /*--color3: #262431;
  --color4: #2f2c3d;
  --color5: #f1f1f8;
  --color6: #ffffff;*/
  --color3: #eeeeee;
  --color4: #f0f0e1;
  --color5: #333333;
  --color6: #353526;
}

body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: var(--color5); 
	/*font: 400 0.875rem/1.375rem "Open Sans", sans-serif;*/
	font: 400 1rem/1.375rem "Open Sans", sans-serif;
}

.p-large {
	color: var(--color5);
	font: 400 1rem/1.5rem "Open Sans", sans-serif;
}

.p-small {
	color: var(--color5);
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

.p-heading {
	margin-bottom: 3.75rem;
	text-align: center;
}

.li-space-lg li {
	margin-bottom: 0.375rem;
}

.indent {
	padding-left: 1.25rem;
}

h1 {
	color: var(--color5);
	font: 700 2.5rem/2.875rem "Open Sans", sans-serif;
}

h2 {
	color: var(--color5);
	font: 700 2.25rem/2.75rem "Open Sans", sans-serif;
}

h3 {
	color: var(--color5);
	font: 700 1.75rem/2.125rem "Open Sans", sans-serif;
}

h4 {
	color: var(--color5);
	font: 700 1.375rem/1.75rem "Open Sans", sans-serif;
}

h5 {
	color: var(--color5);
	font: 700 1.125rem/1.625rem "Open Sans", sans-serif;
}

h6 {
	color: var(--color5);
	font: 700 1rem/1.5rem "Open Sans", sans-serif;
}

a {
	color: var(--color5);
	text-decoration: none;
}

a:hover {
	color: var(--color5);
	text-decoration: none;
}

a.turquoise {
	color: var(--color2);
}

a.white {
	color: var(--color6);
}

.testimonial-text {
	font: italic 400 1rem/1.5rem "Open Sans", sans-serif;
	/*text-align:center;*/
}

.testimonial-author {
	font: 700 1rem/1.5rem "Open Sans", sans-serif;
	/*text-align:center;*/
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid var(--color2);
	/*border-radius: 2rem;*/
	background-color: var(--color2);
	color: var(--color1);
	font: 700 0.75rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: var(--color2);
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid var(--color2);
	/*border-radius: 2rem;*/
	background-color: var(--color2);
	color: var(--color1);
	font: 700 0.75rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-solid-lg:hover {
	background-color: transparent;
	background-color: var(--color1);
	color: var(--color2);
	text-decoration: none;
}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;
}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid var(--color2);
	border-radius: 2rem;
	background-color: transparent;
	color: var(--color2);
	font: 700 0.75rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-outline-reg:hover {
	background-color: var(--color2);
	color: var(--color6);
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid var(--color2);
	border-radius: 2rem;
	background-color: transparent;
	color: var(--color2);
	font: 700 0.75rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-outline-lg:hover {
	background-color: var(--color2);
	color: var(--color6);
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid var(--color2);
	border-radius: 2rem;
	background-color: transparent;
	color: var(--color2);
	font: 700 0.625rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-outline-sm:hover {
	background-color: var(--color2);
	color: var(--color6);
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: var(--color5);
	opacity: 1;
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
	pointer-events: none;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}
.label-control.vlist {
	top: -0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: var(--color3);
	color: var(--color5);
	font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
	transition: all 0.2s ease;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: var(--color3);
	color: var(--color5);
	font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
	transition: all 0.2s ease;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid var(--color5);
	outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid var(--color5);
}

.checkbox {
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 1px solid var(--color2);
	/*border-radius: 1.5rem;*/
	border-radius: 0;
	background-color: var(--color2);
	color: var(--color1);
	font: 700 0.75rem/1.75rem "Open Sans", sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
}

.form-control-submit-button:hover {
	background-color: transparent;
	color: var(--color2);
}

/* Form Success And Error Message Formatting */
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: var(--color5);
	font: 400 1.125rem/1rem "Open Sans", sans-serif;
}

.help-block.with-errors .list-unstyled {
	color: var(--color5);
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: left;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}
/* end of fade animation for image slider - magnific popup */


/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--color4);
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: var(--color6);
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color: var(--color3);
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	/*font: 700 0.75rem/2rem "Open Sans", sans-serif;*/
	transition: all 0.2s ease;
}

.navbar-custom .navbar-brand.logo-image img {
	max-height:60px;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 2.375rem/1.5rem "Open Sans", sans-serif;
	color: var(--color6);
	letter-spacing: -0.5px;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0 0.75rem 0 0.75rem;
	color: var(--color6);
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: var(--color2);
}

/* Dropdown Menu */
@media (min-width: 768px) {
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}
}
@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus  */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: var(--color3);
}

.navbar-custom .dropdown-item {
	color: var(--color6);
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: var(--color3);
}

.navbar-custom .dropdown-item .item-text {
	font: 700 0.75rem/1.5rem "Open Sans", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: var(--color2);
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.25rem auto 0.25rem auto;
	border: none;
	background-color: #b5bcc4;
	opacity: 0.2;
}
/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	/*border: none;
	color: var(--color6);
	font-size: 2rem;*/
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{
	display: inline-block;
	margin-right: 0.125rem;
}


/*********************/
/*    04. Header     */
/*********************/
/*
.header {
	background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/header-background.jpg') center center no-repeat;
	background-size: cover;
	background: var(--color1);
}

.header .header-content {
	padding-top: 8.5rem;
	padding-bottom: 7rem;
	text-align: center;
}

.header .text-container {
	margin-bottom: 3rem;
}

.header h1 {
	margin-bottom: 1rem;
}

.header #js-rotating {
	color: var(--color2);
}

.header .p-large {
	margin-bottom: 2rem;
}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}
*/

/****************************/
/*     05. Testimonials     */
/****************************/
.slider-1 {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: var(--color4);
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: 50%;
}

.slider-1 .card-body {
	padding-bottom: 0;
}

.slider-1 .testimonial-author {
	margin-bottom: 0;
}


/************************/
/*     05. Features     */
/************************/
.tabs {
	padding-top: 3.5rem;
	padding-bottom: 3.25rem;
	background-color: var(--color4);
}

.tabs h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.tabs .p-heading {
	margin-bottom: 3.125rem;
}

.tabs .nav-tabs {
	margin-right: auto;
	margin-bottom: 2.5rem;
	margin-left: auto;
	justify-content: center;
	border-bottom: none;
}

.tabs .nav-link {
	margin-bottom: 1rem;
	padding: 0.5rem 1.375rem 0.25rem 1.375rem;
	border: none;
	border-bottom: 0.1875rem solid var(--color5);
	border-radius: 0;
	color: var(--color5);
	font: 700 1rem/1.75rem "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
	border-bottom: 0.1875rem solid var(--color2);
	background-color: transparent;
	color: var(--color2);
}

.tabs .nav-link .fas {
	margin-right: 0.375rem;
	font-size: 1rem;
}

.tabs .tab-content {
	width: 100%; /* for proper display in IE11 */
}

.tabs .card {
	border: none;
	background: transparent;
}

.tabs .card-body {
	padding: 1rem 0 1.25rem 0;
}

.tabs .card-title {
	margin-bottom: 0.5rem;
}

.tabs .card .card-icon {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: var(--color2);
	text-align: center;
	vertical-align: top;
}

.tabs .card .card-icon .fas,
.tabs .card .card-icon .far {
	color: var(--color6);
	font-size: 1.75rem;
	line-height: 3.5rem;
}

.tabs #tab-1 .card.left-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.left-pane .card-icon {
	float: left;
	margin-right: 1rem;
}

.tabs #tab-1 img {
	display: block;
	margin: 2rem auto 3rem auto;
}

.tabs #tab-1 .card.right-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.right-pane .card-icon {
	margin-right: 1rem;
}

.tabs #tab-2 img {
	display: block;
	margin: 0 auto 2rem auto;
}

.tabs #tab-2 .text-area {
	margin-top: 1.5rem;
}

.tabs #tab-2 h3 {
	margin-bottom: 0.75rem;
}

.tabs #tab-2 .icon-cards-area {
	margin-top: 2.5rem;
}

.tabs #tab-2 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .text-area {
	margin-top: 0.75rem;
	margin-bottom: 4rem;
}

.tabs #tab-3 h3 {
	margin-bottom: 0.75rem;
}

.tabs #tab-3 img {
	margin: 0 auto 3rem auto;
}


/*********************/
/*     06. Video     */
/*********************/
.basic-1 {
	padding-top: 2.375rem;
	padding-bottom: 3.875rem;
	background: url('../images/video-background.jpg') center center no-repeat;
	background-size: cover; 
	background: var(--color1);
}

.basic-1 h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.basic-1 .p-heading {
	margin-bottom: 4rem;
	text-align: center;
}

.basic-1 .image-container img {
	border-radius: 0.375rem;
}

.basic-1 .video-wrapper {
	position: relative;
}

/* Video Play Button */
.basic-1 .video-play-button {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-1 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: var(--color2);
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-1 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: var(--color2);
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-1 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid var(--color1);
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
  
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
/* end of video play button */  


/*************************/
/*     07. Details 1     */
/*************************/
.basic-2 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	background-color: var(--color3);
}

.basic-2 img {
	margin-bottom: 3.5rem;
}

.basic-2 h3 {
	margin-bottom: 1.125rem;
}

.basic-2 .btn-solid-reg {
	margin-top: 0.5rem;
}


/*************************/
/*     08. Details 2     */
/*************************/
.basic-3 {
	padding-top: 3.5rem;
	padding-bottom: 7.25rem;
	background-color: var(--color3);
}

.basic-3 .text-container {
	margin-bottom: 3.5rem;
}

.basic-3 h3 {
	margin-bottom: 1.125rem;
}

.basic-3 .btn-solid-reg {
	margin-top: 0.5rem;
}


/**********************************/
/*     09. Details Lightboxes     */
/**********************************/
.lightbox-basic {
	position: relative;
	max-width: 46.875rem;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	border-radius: 0.25rem;
	background-color: var(--color4);
	text-align: left;
}

.lightbox-basic img {
	display: block;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.lightbox-basic h3 {
	margin-bottom: 0.625rem;
}

.lightbox-basic hr {
	width: 3.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-bottom: 1.125rem;
	margin-left: 0;
	border: 0;
	background-color: var(--color2);
	text-align: left;
}

.lightbox-basic h4 {
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
}

.lightbox-basic table {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.lightbox-basic table tr {
	line-height: 1.75em;
}

.lightbox-basic table .icon-cell {
	width: 2rem;
	padding-right: 0.25rem;
	color: var(--color2);
	text-align: center;
}

.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	color: var(--color2);
	opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
	color: var(--color5);
}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.375rem;
	right: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	color: var(--color5);
}


/***************************/
/*     10. Screenshots     */
/***************************/
.slider-2 {
	padding-top: 6.875rem;
	padding-bottom: 6.875rem;
	background-color: var(--color4);
}

.slider-2 .slider-container {
	position: relative;
}

.slider-2 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
	top: 50%;
	width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-2 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/************************/
/*     11. Download     */
/************************/
.basic-4 {
	padding-top: 6.5rem;
	padding-bottom: 6.75rem;
	background: url('../images/download-background.jpg') center center no-repeat;
	background-size: cover; 
	background: var(--color1);
}

.basic-4 .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.basic-4 h2 {
	margin-bottom: 1.25rem;
}

.basic-4 .p-large {
	margin-bottom: 1.75rem;
}

.basic-4 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}


/**************************/
/*     12. Statistics     */
/**************************/
.counter {
	padding-top: 6.5rem;
	padding-bottom: 5.375rem;
	background-color: var(--color1);
	text-align: center;
}

.counter #counter .cell {
	display: inline-block;
	width: 6.25rem;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 2rem;
}

.counter #counter .counter-value {
	color: var(--color5);
	font: 700 2.75rem/4.25rem "Open Sans", sans-serif;	
	vertical-align: middle;
	opacity: .8;
}

.counter #counter .counter-info {
	margin-bottom: 0;
	color: var(--color2);
	font: 400 1.275rem/1.25rem "Open Sans", sans-serif;
	vertical-align: middle;
}


/***********************/
/*     13. Contact     */
/***********************/
.form {
	padding-top: 3.25rem;
	padding-bottom: 2.625rem;
	background: url('../images/contact-background.jpg') center bottom no-repeat;
	background-size: cover; 
}

.form h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.form .list-unstyled {
	margin-bottom: 3.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
}

.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-right: 0.5rem;
	font-size: 0.875rem;
	color: var(--color2);
}

.form .list-unstyled .fa-phone {
	vertical-align: 3%;
}


/**********************/
/*     14. Footer     */
/**********************/
.footer {
	padding-top: 3rem;
	background-color: var(--color3);
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h4 {
	margin-bottom: 1rem;
}

.footer .list-unstyled .fas {
	color: var(--color2);
	font-size: 1rem;
	line-height: 1.375rem;
	margin-right: 10px;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
    color: var(--color1);
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: var(--color2);
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: var(--color2);
}

.footer .fa-stack:hover .fa-stack-2x {
    color: var(--color1);
	filter: drop-shadow(0px 0px 1px var(--color1));
}


/*************************/
/*     15. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: var(--color3);
	text-align: center;
}

.copyright .p-small, .copyright a {
	color: var(--color3);
	opacity: 0.6;
}


/**********************************/
/*     16. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 0.175rem;
	/*border-radius: 1.875rem;
	background: var(--color2) url("../images/up-arrow.png") no-repeat center 47%;*/
	background: var(--color2);
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
	filter: drop-shadow(0px 0px 2px var(--color1));
}

a:hover.back-to-top {
	background-color: var(--color1); 
}


/***************************/
/*     17. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background: linear-gradient(to bottom right, #2c1a7e, #5557db);
	text-align: center;
}

.ex-basic-1 {
	padding-top: 2rem;
	padding-bottom: 0.875rem;
	background-color: var(--color4);
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;
}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 4rem;
	background-color: var(--color3);
}

.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .list-unstyled .fas {
	color: var(--color2);
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: 0.25rem;
}

.ex-basic-2 .image-container-small img {
	border-radius: 0.25rem;
}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;
}


/*****************************/
/*     18. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
	
	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}

	h1 {
		font: 700 3.25rem/3.75rem "Open Sans", sans-serif;
	}
	/* end of general styles */


	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		box-shadow: none;
        background: transparent;
	}
	
	.navbar-custom .navbar-brand.logo-text {
		color: var(--color6);
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		padding: 0.25rem 0.45rem 0.25rem 0.45rem;
		color: var(--color6);
		border-right: 1px dotted #444057;
	}
	
	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active,
	.navbar-custom .nav-item.active > .nav-link {
		color: var(--color1);
		background-image: linear-gradient(to bottom,rgba(255,255,255,0.1) 0,rgba(0, 0, 0, 0.1) 100%);
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: var(--color3);
		box-shadow: 0px 0px 10px #000;
	}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: var(--color6);
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: var(--color6);
	}
	
	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active,
	.navbar-custom.top-nav-collapse .nav-item.active .nav-link,
	.ftrlink-grid ul li a:hover, .ftrlink-grid ul li.active a	{
		color: var(--color2);
	}

	.navbar-custom .dropdown-menu {
		box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}
	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 11rem;
	}
	/* end of header */


	/* Testimonials */
	.slider-1 .swiper-button-prev {
		left: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	
	.slider-1 .swiper-button-next {
		right: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	/* end of testimonials */


	/* Features */
	.tabs .card .card-icon {
		width: 4.5rem;
		height: 4.5rem;
	}
	
	.tabs .card .card-icon .fas,
	.tabs .card .card-icon .far {
		font-size: 2.25rem;
		line-height: 4.5rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper {
		width: 85%;
	}

	.tabs #tab-2 img {
		margin-bottom: 0;
	}

	.tabs #tab-2 .text-area {
		margin-top: 0;
	}

	.tabs #tab-2 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-2 div.card:nth-child(2n+2) {
		margin-right: 0;
	}

	.tabs #tab-3 .text-area {
		margin-bottom: 0;
	}

	.tabs #tab-3 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-3 div.card:nth-child(2n+2) {
		margin-right: 0;
	}

	.tabs #tab-3 img {
		margin-bottom: 0;
	}
	/* end of features */


	/* Details Lightboxes */
	.lightbox-basic {
		padding: 3rem 3rem;
	}
	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	
	.slider-2 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}
	/* end of screenshots */


	/* Contact */
	.form .list-unstyled li {
		display: inline-block;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.form .list-unstyled .address {
		display: block;
	}
	/* end of contact */


	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of extra pages */
}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
	
	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		/*margin-left: 0.5rem;*/
	}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		/*margin-left: 0.375rem;
		font-size: 0.75rem;*/
		font-size: 1.5rem;
	}
	
	.navbar-custom .fa-stack-2x {
		color: var(--color2);
		transition: all 0.2s ease;
	}
	
	.navbar-custom .fa-stack-1x {
		color: var(--color1);
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: var(--color1);
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: var(--color2);
	}
	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	}
	/* end of general styles */


	/* Header */
	.header .header-content {
		padding-top: 13rem;
		padding-bottom: 10rem;
		text-align: left;
	}

	.header .text-container {
		margin-top: 6.5rem;
	}
	/* end of header */


	/* Features */
	.tabs .card-body {
		padding: 1rem 0 1.5rem 0;
	}
	
	.tabs #tab-1 .card.left-pane {
		text-align: right;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 68%;
	}

	.tabs #tab-1 .card.left-pane .card-icon {
		float: none;
		margin-right: 0;
		margin-left: 1rem;
	}

	.tabs #tab-1 img {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.tabs #tab-2 .icon-cards-area {
		margin-top: 2.25rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	}

	.tabs #tab-2 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}
	/* end of features */


	/* Video */
	.basic-1 .image-container {
		max-width: 53.125rem;
		margin-right: auto;
		margin-left: auto;
		height: 100%;
	}
	.basic-1 .image-container .video-wrapper {
		height: 100%;
	}
	/* end of video */


	/* Details 1 */
	.basic-2 img {
		margin-bottom: 0;
	}

	.basic-2 .text-container {
		margin-top: 2.625rem;
	}
	/* end of details 1 */


	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 2.5rem;
		margin-bottom: 0;
	}
	/* end of details 2 */


	/* Details Lightboxes */
	.lightbox-basic img {
		margin-bottom: 0;
		margin-left: 0;
	}

	.lightbox-basic h3 {
		margin-top: 0.25rem;
	}
	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-container {
		width: 92%;
	}
	/* end of screenshots */


	/* Download */
	.basic-4 {
		padding-top: 6.75rem;
	}

	.basic-4 .text-container {
		margin-top: 7rem;
		margin-bottom: 0;
		text-align: left;
	}
	/* end of download */


	/* Statistics */
	.counter {
		padding-top: 6rem;
		padding-bottom: 4.5rem;
	}

	.counter #counter .cell {
		width: 8rem;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}
	
	.counter #counter .counter-value {
		font: 700 2.75rem/4.5rem "Open Sans", sans-serif;	
	}
	/* end of statistics */


	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	}
	/* end of extra pages */
}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Navigation */
	.navbar-custom {
		/*padding: 2.125rem 2rem 2.125rem 2rem;*/
		padding:0;
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 2rem 0.5rem 2rem;
	}
	/* end of navigation */

	
	/* General Styles */
	.p-heading {
		width: 44%;
	}
	/* end of general styles */


	/* Header */
	.header .text-container {
		margin-top: 7.5rem;
		margin-left: 2.5rem;
	}

	.header .image-container {
		margin-left: 3rem;
	}
	/* end of header */


	/* Features */
	.tabs {
		padding-bottom: 3.5rem;
	}

	.tabs #tab-1 .card.first {
		margin-top: 3.25rem;
	}

	.tabs #tab-1 .card {
		margin-bottom: 0.75rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 73%;
	}

	.tabs #tab-1 img {
		margin-top: 0;
	}

	.tabs #tab-2 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}

	.tabs #tab-2 .text-area {
		margin-top: 1.5rem;
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.tabs #tab-2 .icon-cards-area {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		margin-right: 3.875rem;
	}

	.tabs #tab-3 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}
	
	.tabs #tab-3 .icon-cards-area {
		margin-top: 2rem;
		margin-left: 1rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		margin-right: 3.875rem;
	}
	
	.tabs #tab-3 .text-area {
		margin-right: 1.5rem;
		margin-left: 1rem;
	}
	/* end of features */


	/* Details 1 */
	.basic-2 .text-container {
		margin-top: 4.5rem;
		margin-left: 4rem;
		margin-right: 1.5rem;
	}
	/* end of details 1 */
	
	
	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 4.5rem;
		margin-right: 3.5rem;
		margin-left: 2rem;
	}
	/* end of details 2 */


	/* Download */
	.basic-4 .text-container {
		margin-top: 11rem;
	}

	.basic-4 .image-container {
		margin-left: 3rem;
	}
	/* end of download */


	/* Footer */
	.footer .footer-col {
		width: 90%;
	}

	.footer .footer-col.middle {
		margin-right: auto;
		margin-left: auto;
	}

	.footer .footer-col.last {
		margin-right: 0;
		margin-left: auto;
	}
	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	}
	/* end of extra pages */
}
/* end of min-width width 1200px */
/*-- 5 columns layout --*/
.col-xs-5clm,
.col-sm-5clm,
.col-md-5clm,
.col-lg-5clm {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5clm {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5clm {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5clm {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5clm {
        width: 20%;
        float: left;
    }
}
/*-- //5 columns layout --*/

/*--xtraStyles--*/
footer .copy-right-gtcren{
	background: #eaeaea;
}
@media(max-width:767px){
p.copyright span{
	display: block;
}
}
.hide{
	display:none !important;
}
.map hr {
    margin-top: .5rem;
    margin-bottom: .2rem;
}
.sptn {
    display: none !important;
}
.error { 
	display: none; 
	padding:10px; 
	margin:0 0 5px 0;
	color: #D8000C; 
	font-size:1em;
	background-color: #FFBABA;
}
.success { 
	display: none; 
	padding:10px; 
	color: #044406; 
	font-size:1em;
	background-color: #B7FBB9;
}
.error img { 
	vertical-align:top; 
}
.txtcenter{
	text-align:center;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
a.tc{
    color: var(--color1);
}
a.tc:hover{
    color: var(--color2);
}

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scrollicon {
	position:absolute;
	top: 0;
	width: 42px;
	height: 42px;
	text-indent: 0;
	/*background:#b2b2b2;
	background:rgba(178,178,178,0.7);*/
	padding: 7px 10px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
 		
}
.scrollicon:hover {
	/*background:rgba(51,51,51,0.3);*/
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scrollicon:hover i {
	text-shadow: 1px 1px 0px var(--color6);
}
.scrollicon i {
    color: var(--color3);
	font-size: 1.8rem;
	text-shadow: 0px 0px 8px var(--color6);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.fourpointstars{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
}

.header-top{
	/*background: var(--color1);*/
	padding: 5px 15px;
	margin: 0 auto;
	position: absolute;
	z-index: 2000;
}
.top-right {
    text-align: right;
}
.nav-up {
    top: -90px;
}
.navbar-custom .nav-item .nav-link i {
    display: none;
}

.mmttl{
	padding: 12px 0;
    /*border-bottom: 1px solid #666;*/
	display:none;
	background: var(--color2);
}
.mmttl h1{
	font-size: calc(1em + 1vw);	
	margin-bottom: 5px;
	line-height: 1;
	text-decoration:none;
}
.mmttl h1 a{
	text-decoration:none;
}
.mm-close {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 0;
    line-height: 1em;
    background: none;
}
.mm-close i{
    border-radius: 50%;
    padding: 0px;
	font-size:2.6em;
	/*text-shadow: 0px 0px 2px #222;*/
	color:var(--color6);
	opacity: .6;
}
.mm-close:hover i{
	/*text-shadow: 0px 0px 2px #000000;*/
	color:#ff9999;
}
#header {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0, 0, 0, 0.1)), url("../images/b3.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
	min-height: 650px;
	padding-top: 50px;
	position: relative;
}
#services{
	background-color: var(--color3);
}
#services .services-item{
	overflow: hidden;
	/*box-shadow: 0 0 10px #000;
	border-radius: 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	background-color: var(--color4);
	border-bottom: 3px solid var(--color1);
	border-top: 3px solid var(--color2);
	height: 100%;
	width: 100%;
	display: grid;
}
.videospg #services .services-item{
	max-height: 250px;
}
#services .srvlst .services-item{
	background: #bb7d26;
}
#whyus .featured-box{
	text-align: center;
}
#whyus .featured-box i{
	font-size:3em;
	margin-bottom: 15px;
}
#vehicles {
	background-color: var(--color3);
}
#vehiclesinfo, #vehiclesinfo #vehicles, #page, #gallery, .gmap{
	background-color: var(--color4);
}
#vehicles.vehirow .vehi_img img{
	height: 140px;
	object-fit: fill;
}
#vehiclesinfo .vehi_img img{
	width:480px;
}
#vehicles .vhbx{
	box-shadow: 0px 0px 15px #555;
	padding: 0px 0px;
	/*height: 100%;
	border-radius: 30px;*/
	margin: 5px;
}
#vehicles .vehinfobx {
	background: var(--color2);
	background-image: linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.7) 100%);
	font-size: .9rem;
}
.innerpg #vehicles .vehinfobx {
	background:transparent;
	background-image: none;
	font-size: 1rem;
}
#vehicles .vhbx h4{
	text-align:center;
	font-weight:500;
	font-size:1.3em;
	background: var(--color2);
	padding: 10px 5px;
	text-transform: uppercase;
	letter-spacing: 1.1px;
}
#vehiclesinfo .vehinfobx .column{
	width: 50%;
}
#vehiclesinfo .vehinfolist {
    box-shadow: 0px 0px 2px var(--color1);
    padding: 20px 10px;
	border-radius: 3px;
	background-color: var(--color3);
}
.pgntr .pagination{
	display: inline-flex;
	margin-bottom: 5px;
}
.page-item.active .page-link {
    background-color: var(--color2);
    border-color: var(--color1);
    color: var(--color1);
}
.page-link {
    background-color: var(--color1);
    border-color: var(--color2);
    color: var(--color2);
	text-decoration: none;
	margin: 1px;
	border-radius: 0.25rem;
	/*padding: 5px 15px;*/
	min-width: 52px;
	min-height: 42px;
	line-height: 1.8;
	font-weight: 500;
}
.page-link:hover {
	color: var(--color1);
	background-color: var(--color2);
	border-color: var(--color1);	
}
.page-item.disabled .page-link{
	background-color: var(--color1);
	opacity: .8;
}
.navbar-custom .nav-item .nav-link {
    text-transform: uppercase;
	font-size: 1.0rem;
	padding: 20px 10px;
	font-weight: 500;
	font-weight: 600;
}
.gallery-grids i{
	color: var(--color2);
	font-size: 1.2em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	opacity:0;
	transition: all 0.5s ease;
}
.gallery-grids:hover i{
	opacity:1;
	font-size: 1.5em;
	transition: all 0.5s ease;
}
.galry-grid a img{
	box-shadow: 0 0 2px #000;
	border-radius: 3px;
	overflow: hidden;
	/*border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	background-color: var(--color4);
	border-bottom: 3px solid var(--color2);
	border-top: 3px solid var(--color1);
	margin-bottom: 0;
	width: 100%;
}
.header-top p{
	font-size:1.2em;
}
.header-top  i{
	margin-right: 5px;
	color: var(--color2);
}
.header-top .top-right a{
	margin-right: 20px;
}
.header-top .top-right a:hover{
	color: var(--color2);
}
#contact ul.list-unstyled .address span{
	display: inline-grid;
	text-align:left;
}
/*style the box which holds the text of the information window*/  
.gm-style .gm-style-iw {
	background-color: var(--color3) !important;
	top: 0 !important;
	left: 0 !important;
	padding-top: 10px;
	display: block !important;
}    
/*style the paragraph tag*/
.gm-style .gm-style-iw #google-popup p{
	padding: 10px;
}
/*style the annoying little arrow at the bottom*/
.gm-style .gm-style-iw-t::after {
	background-color: var(--color3) !important;
	margin: 0;
	padding: 0;
	top: 0;
	color: var(--color6);
	font-size: 16px;
}
/*style the link*/
.gm-style div div div div div div div div a {
	color: #f1f1f1;
	font-weight: bold;
}
.ftrlink-grid ul {
    list-style: none;
    columns: 2;
}
.ftrlink-grid ul li::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    color: var(--color2);
    font-weight: 900;
    margin-right: 3px;
}
.ftrlink-grid ul li a {
	display: inline-grid;
    line-height: 1.7;
	padding: 5px 0;
}
.footer .list-unstyled  span{
	display: inline-grid;
}
.footer .list-unstyled .fas{
	min-width:20px;
}
#page #services, #page #vehicles, #page #enquiry {
	background: var(--color4);
}
#services .srvbx .iconpg img{
	height: auto;
	width: 100%;
	object-fit: cover;
}
#services .srvbx .services-item h4{
	font-weight: 400;
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: 1.0px;
	letter-spacing: 0px;
}
#reviews .rating-container .filled-stars {
    color: var(--color2);
}
.review_icon {
	/*text-align:center;*/
    font-size: 3em;
	color: var(--color1);
}
.review-item  .srarrt .rating-container{
	/*text-align:center;*/
	font-size: 1.2em;
	margin-bottom: 10px;
}
.testimonial-text p {
    font: italic 400 1rem/1.5rem "Open Sans", sans-serif;
	/*text-align:center;*/
}
.vlist {
    font-size: 1em;
    /*background: var(--color3);*/
    width: calc(100% - 3rem);
}
#enquiry #cfcontainer .bootstrap-select button.dropdown-toggle{
	background: transparent;
	border: none;
    color: var(--color2);
}
#enquiry #cfcontainer .bootstrap-select .dropdown-menu{
	background: var(--color3);
	border: 1px solid #9791ae;
}
#enquiry #cfcontainer .bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--color5);
}
#enquiry #cfcontainer .bootstrap-select .dropdown-menu .dropdown-item.selected {
    color: var(--color2);
}
#enquiry #cfcontainer .bootstrap-select .dropdown-menu .dropdown-item:hover, #enquiry #cfcontainer .bootstrap-select .dropdown-menu .dropdown-item:focus {
    color: var(--color2);
    background-color: #313140;
}
.footer-col #reviews{
	max-width: 180px;
	background: var(--color4);
	padding: 8px 12px;
	border: 1px solid #555;
	border-radius: 50px;
}
.footer-col #reviews:hover{
	box-shadow: 0px 0px 5px #000;
}
#about .abtxt{
	letter-spacing: .5px;
	line-height: 1.8em;
	font-size: 1.1em;	
}
#counter span {
    background: var(--color4);
    display: block;
    width: 65px;
    height: 2px;
    margin: 0 auto;
}
#whyus .featured-content i{
    color: var(--color2);
}
.vid_thumb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
    background-color: transparent;
}
.vid_thumb span.video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
	text-align: center;
}
.vid_thumb span.video_overlay i {
    font-size: 2.4em;
    color: #d90000 !important;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -webkit-opacity: 0.85;
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    text-shadow: 0px 0px 5px #000;
    /*text-shadow: 1px 1px 1px #000,2px 2px 1px var(--color6);*/
    position: relative;
    top: calc(50% - 20px);
}
.table-dark {
    color: var(--color6);
    background-color: var(--color3);
}
.dataTables_filter input.form-control{
	background-color: var(--color3);
	color: var(--color6);
}
.dataTables_length select.form-control{
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: var(--color3);
	color: var(--color6);
}
.dataTables_length select.form-control:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
#upipay img{
	width:250px;
}
.daybx h4 {
    padding: 10px;
    background: var(--color2);
    color: var(--color6);
    text-align: left;
	border-radius: 3px;
}
.dgalry .imgbx img {
    box-shadow: 0px 0px 1px #958dbb;
    margin-top: 15px;
    /*padding: 10px;*/
	border-radius: 10px;
}
.navbar-custom.fixed-top-{
	display: block;
}
.ttllogo{
	width:340px;
	filter: drop-shadow(1px 1px 0px #888);
}
.navttl{
	background: rgba(255, 255, 255, 0.6);
}
.nav_div{
	background: var(--color2);
	/*overflow: hidden;*/
}
nav .nav-item.active{
	/*background: var(--color1);
	box-shadow: 0px 0px 2px #666;*/
	margin-right: 2px;
}
nav .nav-link{
	padding: 1rem 1rem;
	/*text-shadow: 0px 1px 2px #000;*/
	font-size: 1em;
}
nav .nav-item:hover{
	background: var(--color1);
	box-shadow: 0px 0px 2px #666;
}
.topcontact{
	position: absolute;
	right: 0;
}
#logo .topcontact a{
	font-size: 1em;
	color: #333;
}
.social i {
	color: #fff;
}
.social .fbbg{
	color: #3b5998;
}
.social .wabg{
	color: #25D366;
}
.social .fb, .social .wa{
	font-size: 1.5em;
}
.top-user-area-list{
	list-style:none;
}
.bookbtn h3{
	color: var(--color3);
	text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
	font-size: 2.5rem;
}
.navbar{
	padding:0;
}
nav span.social-icons.nav-item:hover{
	background: none;
	box-shadow:none;
}
nav .nav-item:hover {
    background: none;
    box-shadow: none;
}
.nav-item.socialbtn{
	display: flex;
	align-items: center;
}
.bookbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.swiper-button-next, .swiper-button-prev{
	color:var(--color2);
	opacity: .3;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
	color:var(--color2);
	opacity: 1;
}
.btn-solid-wide, .btn-solid-md {
    display: inline-block;
	width: 100%;
    padding: 1.375rem 2.625rem 1.375rem 2.625rem;
    /*border: 0.125rem solid var(--color2);*/
    background-color: var(--color2);
    color: var(--color1);
    font: 400 0.95rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s ease;
	background-image: linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.01) 100%);
	background-repeat: repeat-x;
	align-self: flex-end;
}
.btn-solid-wide:hover, .btn-solid-md:hover {
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.1) 0,rgba(0, 0, 0, 0.6) 100%);
	color:#fff;
}
.btn-solid-md {
	max-width: 130px;
    padding: 22px;
	text-align: center;
	margin-bottom: 5px;
}
.section-subtitle{
	font-size: 16px;
}
.card-slider .swiper-slide{
    border: 0.125rem solid var(--color2);
	height: 100%;
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.1) 0,rgba(251, 223, 59, 0.2) 100%);
}
}
.multiselect-container input[type="checkbox"] {
	accent-color: var(--color2);
	transform: scale(1.5);
}
.multiselect-container {
	width: 100%;
}
.multiselect-container.show .multiselect-option:focus, .multiselect-container.show .multiselect-option:hover, .multiselect-container.show .multiselect-option.active:not(.multiselect-active-item-fallback) {
    background-color: var(--color2) !important;
}
.multiselect-container.show .multiselect-option:focus input[type="checkbox"], .multiselect-container.show .multiselect-option:hover input[type="checkbox"], .multiselect-container.show .multiselect-option.active:not(.multiselect-active-item-fallback) input[type="checkbox"] {
	accent-color: var(--color1);
}
#whyus.tabs {
	background: var(--color1);
}
#whyus.tabs h2, #preview.basic-1 h2{
	color: var(--color4);
}
#whyus.tabs h4{
	color: var(--color3);
}
.counter #counter .counter-value {
    color: var(--color3);
}
.footer, .copyright {
	/*background: var(--color1);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.1) 0,rgba(0, 0, 0, 0.1) 100%);*/
	background: rgba(var(--color1rgb),.7);
	background-image: linear-gradient(to bottom,rgba(10, 10, 10, 0.7) 0,rgba(0, 0, 0, 0.9) 100%);
}
.footer .list-unstyled .fas, .ftrlink-grid ul li::before {
    color: var(--color2);
}
 .ftrlink-grid ul li.active a,.ftrlink-grid ul li a:hover, .footer a:hover {
    color: var(--color2);
}
.footer .fa-stack {
    font-size: 1.2rem;
}
.footer, .footer a, .copyright p {
    color: var(--color3);
}
.swiper-pagination-bullet-active {
    background: var(--color2);
}
.form-control-submit-button:hover{
    background: var(--color1);
}
.sidebar .sitem::after {
   content: '';
   display: inherit;
   width: 30%;
   margin: 10px auto;
	border-bottom: 1px solid var(--color1);
}
#page .sidebar .sbinner {
	background: var(--color2);
	background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,.9) 100%);
	left:unset !important;
	padding:0 15px;
}
#page .sidebar #enquiry {
	background: transparent;
}
#page .sidebar .sbinner .sbx--- {
	text-align: center;
}
#page .sidebar .sbinner .sbx img{
	width: 100%;
}
.mainbc .breadcrumb{
	margin-bottom: 0;
	background-color:transparent;
}
#page .sidebar #services{
    background: transparent;
}
.ttlbnr{
	background-image: url(../images/bcbnr01.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height:180px;
}
.bcbox{
	display: flex;
	height: 100%;
}
.mainbc{
	align-self: center;
	margin: 0 auto;
	background-image: linear-gradient(to bottom,rgba(var(--color2rgb),0.6) 0,rgba(var(--color2rgb), 0.9) 100%);
	border-radius: .125rem;
}
.section-title, .heading {
	text-transform: uppercase;
}
.copyright p {
    font-size: .9rem;
}
#contact .list-unstyled{
	text-align: left;
	display: grid;
}
#navbarNav ul li {
	border-bottom: 1px solid rgba(var(--color1rgb), .3);
}
#travel .dgalry .imgbx img {
	height:220px;
	object-fit:cover;
	border-radius: .125rem;
	margin-top:0;
}
#travel .dbxin {
	border: 1px solid var(--color2);
	height: 100%;
}
#travel .daybx h4 {
	margin-bottom:0;
	border-radius: 0;
	text-align:center;
}
#travel .daybx .infobx {
	padding:10px 10px;
}
.sidebar .label-control .fa{
	opacity:.7;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 0px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 10px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: var(--color2);
  background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  box-shadow: 0px 20px 20px rgba(var(--color1rgb), 0.55);
  transition: 0.3s;
  border-radius: 0px;
  list-style: none;
  min-width: 270px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  padding: 10px 5px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
  display: block;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: var(--color1);
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
.navbar-custom .nav-item .nav-link span.fas {
	opacity: .4;
	font-size: .8rem;
}
.dropdown-active{
	position: static;
	visibility: visible;
	opacity: 1;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 0px;
  padding: 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background:  rgba(var(--color2rgb),.3);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  height:0px;
  transition: all 0.5s ease;
}
.mmttl h1{
	text-transform:uppercase;
	color:var(--color1);
}
.border-none{
	border:none !important;
}
.wauto{
	width:auto !important;
	min-width: unset !important;
}
.ddlnk{
	cursor:pointer;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: var(--color1);
}
#tourpkg .section-title {
}
#navbarNav .dropdown ul li:last-child {
    border-bottom: none;
}
.tour_price{
	font-size:1.5rem;
	font-weight: 700;
}
.pricebx1{
	border-left: 1px solid #ccc;
}
.search-results{
	margin-top:20px;
}
.accordionmoredata .btn-link:not(.collapsed) i { transform: rotate(90deg); }
.accordionmoredata .btn-link i { transition: transform 0.3s ease; }
.accordionmoredata button{
	color:var(--color1);
	font-size: .8rem;
}
.accordionmoredata button:hover{
	color:var(--color2);
}
#radios {
	display:flex;
	gap: 10px;
	justify-content: center;
	white-space: nowrap;
}
#radios label {
  cursor: pointer;
  position: relative;
  flex:1;
}

#radios label + label {
  margin-left: 15px;
  margin-left: 0px;
}

input[type="radio"] {
  opacity: 0; /* hidden but still tabable */
  position: absolute;
}

input[type="radio"] + span {
  color: var(--color1);
  background: var(--light);
  border-radius: 5px;
  border-radius: 0px;
  padding: 12px;
  border: 1px solid #bbb;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  width: 100%;
  display: block;
}

input[type="radio"]:checked + span {
  color: var(--color1);
  background-color: var(--color2);
}

input[type="radio"]:focus + span {
  color: var(--color1);
}
#cfcontainer .btn:focus, #cfcontainer .btn.focus {
	box-shadow: none;
}
.bnfrm{
	background:url('../images/bcbnr01.jpg');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.bnfrm::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7); 
}
.bnfrm2{
  background-color: rgba(var(--color1rgb), 0.7); 
}
.bnfrm3{
	border-top: 10px solid var(--color2);
	border-bottom: 10px solid var(--color2);
}
.bnfrm3::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(106.8deg,rgba(224,240,255,.98) -3.8%,rgba(var(--color1rgb),.96) 17.79%,rgba(var(--color2rgb),.88) 100%),url("../images/bcbnr01-.jpg");
	background-image: linear-gradient(106.8deg,rgba(var(--color1rgb),.66) 17.79%,rgba(var(--color2rgb),.68) 100%),url("../images/bcbnr02.jpg");
	background-size: cover,cover;
	background-repeat: no-repeat,no-repeat;
}
.search-results #vehiclesinfo{
	background-color:transparent;
}
.dashboard .footer{
	background:transparent;
}
.dashboard .footer span{
	display: inline-grid;
}
#scroll-content #header{
	min-height:auto;
}


@media (min-width: 768px) {
#contact ul.list-unstyled .address{
	display: inline-block;
}
#services .srvbx .icon img{
	height: 150px;
	width: 100%;
	object-fit: cover;
}
#services #tourpkg .srvbx .icon img{
	height: auto;
	width: 100%;
	object-fit: cover;
}
#services #tourpkg .srvbx .icon img{
	height: 200px;
}
nav.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}
}
@media (max-width: 767px) {
#contact ul.list-unstyled .address{
	text-align: left;
	padding-left: 1em;
}
#header {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0, 0, 0, 0.1)), url("../images/b3.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 190px;
    /*margin-top: 50px;*/
}
.header-top{
	display:none;
}
.navbar-custom .navbar-brand.logo-image img {
    max-height: 45px;
    margin-bottom: 1px;
    -webkit-backface-visibility: hidden;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: var(--color3);
}
    .navbar-collapse-- {
        position: fixed;
        top: 0;
        left: 0;
		right:100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: calc(100% - 40px);
        height: 100%;
        transition: all 0.3s ease;
        display: block;
		background: var(--color3);
    }
    .navbar-collapse.collapsing {
        height: 100% !important;
        margin-right: 50%;
        transition: all 0.3s ease;
        display: block;
		left: -100%;
    }
    .navbar-collapse.show {
        right: 0;
    }
.ttlbnr{
	height:120px;
}
#slide-navbar-collapse, #navbarNav {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 9999;
	width: calc(100% - 40px);
    height: 100%;
	background: var(--color4);
    overflow: auto;
	box-shadow: 2px 0px 20px #000;
}
.menu-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=50);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1999;
}
.navbar-custom .navbar-nav {
    margin-top: 0;
}
.navbar-custom .nav-item .nav-link {
    padding: 0 0.75rem 0 0.75rem;
    color: #555;
    text-decoration: none;
    transition: all 0.2s ease;
}
.navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active {
    color: var(--color1);
}
.navbar-custom .dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 0;
    background-color: #eee;
    color: #333;
}
.navbar-custom .dropdown-item, .navbar-dark .navbar-nav .show > .nav-link {
    color: #333;
}
.navbar-custom .dropdown-item:hover {
    background-color: #eee;
    color: var(--color1);
}
.navbar-custom .dropdown-item:hover .item-text {
    color: var(--color1);
}
.dropdown-menu {
	display: block;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	padding: 0;
	transition: all 0.4s ease-in-out;
}
.show > .dropdown-menu {
    display: block;
	max-height: 800px;
	visibility: visible;
	padding: 0.5rem 0;
    transition: all 0.4s ease-in-out;
}
.navbar-custom .nav-item .nav-link {
    padding: 15px 10px;
	border-bottom: 1px solid #eee;
}
.navbar-custom .nav-item .nav-link i {
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
	color: var(--color2);
	width: 20px;
	text-align: center;
	text-shadow: 1px 1px 1px var(--color1);
	opacity: .8;
}
body.noscroll, html.noscroll {
    overflow: hidden;
    height: 100%;
}
.navbar-custom .nav-item .nav-link.mobmenu {
    padding: 15px 10px;
	border-bottom: 1px solid #eee;
	background: inherit;
	display: inherit !important;
}
.topcontact {
    position: relative;
	width: 100%;
}
.topcontact ul li{
	    display: inline-block;
		padding-right:05px;
}
.topcontact ul{
	padding: 0 10px;
	margin: 0 auto;
	text-align: center;
}
.ttllogo {
    width: calc(100% - 70px);
}
.navbar-light .navbar-toggler{
	padding: 0.6rem 0.6rem;
	display: inline-flex;
}
.navbar{
	padding:0;
}
.nav_div {
    position: absolute;
    top: 0px;
    left: 0;
    width: 90%;
	z-index: 2;
}
.nav_div #navbarNav{
	padding: 0px;
}
nav .nav-item.active{
	background: none;
	box-shadow: none;
	margin-right: 2px;
}
nav .nav-item:hover{
	background: none;
	box-shadow: none;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
  height:auto;
  padding: 0px 0;
 transition: all 0.5s ease;
 box-shadow: 0px 0px 5px #000 inset;
 background: rgba(var(--color2rgb),.2);
}
.bookbtn h3 {
    font-size: 1.7rem;
}
.section-title, .heading {
    font-size: 1.5rem;
}
section{
	padding-top: 1rem !important;
}
.tabs h2 {
    margin-bottom: 0.125rem;
}
.counter, .slider-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.card-slider.swiper-autoheight .swiper-wrapper- {
    height: auto !important;
}
.ddlnk{
	cursor:pointer;
}
.navbar .dropdown ul a {
    padding: 15px 15px;
}
.navbar-mobile .dropdown > .dropdown-active {
    display: block;
	visibility: visible !important;
    transition: 0.3s;
}
.mainpg{
	padding-right: 8px;
	padding-left: 8px;
}
}
/*--//xtraStyles--*/