@charset "utf-8";

/* CSS Document */

@font-face {
	font-family: 'georgia';
	src: url('../fonts/georgia regular font.ttf') format('truetype');
}

@font-face {
	font-family: 'georgia';
	src: url('../fonts/georgia bold.ttf') format('truetype');
}

@font-face {
	font-family: 'verdana';
	src: url('../fonts/verdana.ttf') format('truetype'), url('../fonts/verdanabold.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helvetica neu bold.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneue medium.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneuelt.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneuemed.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneue blackcond.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneue light.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helveticaneue thin.ttf') format('truetype');
}

::selection {
	background: #bc8836;
	color: #fff;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Roboto';
	padding-top: 142px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
}

*,
a,
button,
input {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	a,
	a:hover,
	a:focus {
		text-decoration: none;
		outline: none;
		color: inherit;
	}

	button,
	button:hover,
	button:focus,
	button:active,
	input,
	input:hover,
	input:focus {
		outline: none;
	}

a {
	color: #008abd;
}

	a:hover {
		color: #6d6e71;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.inline li {
		display: inline-block;
	}

	ul.block li {
		display: block;
	}

.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.fix-img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

header {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: rgba(255, 255, 255, 0.7);
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	background-color: #fff;
}

.log-bg > header {
	position: fixed;
	z-index: 11;
}

.navbar-default {
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	/* background-image: url('../images/navigationpattern.png'); */
	background-repeat: repeat;
	background-position: center center;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.40);
	border-bottom: 5px solid #6d6e71;
	background-color: #fff;
}

	.navbar-default .navbar-toggle {
		border: none;
		color: #fff;
		background: #008abd;
		border-radius: 3px;
		padding: 10px;
		font-weight: 400;
		text-align: center;
		margin-top: 20px;
	}

		.navbar-default .navbar-toggle:focus,
		.navbar-default .navbar-toggle:hover {
			color: #fff;
			background: #3686b9;
		}

		.navbar-default .navbar-toggle .icon-bar {
			background: #fff;
		}

	.navbar-default .navbar-brand {
		height: auto;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		padding: 20px 15px 5px;
	}


/*.navbar-default .navbar-brand img{height: 60px;}*/

.log .navbar-default .navbar-brand {
	padding-left: 30px;
}

.navbar-default .navbar-nav {
	margin-top: 40px;
}

	.navbar-default .navbar-nav > li {
		margin-left: 10px;
	}

		.navbar-default .navbar-nav > li:first-child {
			margin-left: 0;
		}

		.navbar-default .navbar-nav > li.div {
			padding-left: 25px;
			margin-left: 15px;
			border-left: solid 1px rgba(255, 255, 255, 0.3);
		}

		.navbar-default .navbar-nav > li > a {
			color: #161f2b;
			font-weight: 500;
			padding: 10px 12px;
			font-size: 15px;
			text-transform: uppercase;
		}

			.navbar-default .navbar-nav > li > a:focus,
			.navbar-default .navbar-nav > li > a:hover {
				color: #a7a9ac;
				background: none;
			}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover {
		color: #008abd;
		background: none;
	}

.navbar-default .user-drop {
	margin: 0 20px 0 20px;
}

	.navbar-default .user-drop .dropdown-toggle {
		padding: 0;
		vertical-align: middle;
		display: block;
		color: #fff;
	}

		.navbar-default .user-drop .dropdown-toggle .user-avtar {
			width: 40px;
			height: 40px;
			overflow: hidden;
			border-radius: 50%;
			display: inline-block;
			vertical-align: middle;
			margin: 0 10px 0 0;
		}

			.navbar-default .user-drop .dropdown-toggle .user-avtar img {
				width: 100%;
			}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background: none;
	color: #4bb7c3;
	color: #4bb7c3;
}

.navbar-default .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 5px;
	top: 120%;
	right: 0;
	left: inherit;
	background: rgba(0, 0, 0, 0.8);
	min-width: 200px;
}

	.navbar-default .navbar-nav .dropdown-menu a {
		color: #ddd;
		padding: 7px 20px;
		font-size: 14px;
		text-transform: uppercase;
	}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #4bb7c3;
	background: #111;
}

header.header.sticky {
	background: #fff;
}

.log header.sticky .navbar-default .navbar-brand {
	padding-left: 30px;
}

.banner-sec {
	min-height: calc(100vh - 120px);
}

.banner {
	height: 100vh;
	height: calc(100vh - 120px);
	background: url(../images/home-bg.png) center no-repeat;
	background-size: cover;
	padding: 100px 0 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-attachment: fixed;
	background-position: center 70px;
}

	.banner::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
	}

	.banner .down-scroll {
		position: absolute;
		bottom: 30px;
		left: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 1;
	}

	.banner .banner-caption {
		padding: 30px 30px 0px 0px;
		position: relative;
		z-index: 1;
		/* background-color: #ddd9d7; */
		display: inline-block;
		border-radius: 20px;
		padding-right: 100px;
		/* background-image: url('../images/navigationpattern.png'); */
		background-repeat: repeat;
		background-position: center center;
	}

.half-wd {
	max-width: 900px;
}

.banner .banner-caption .banner-title {
	color: #fff;
	font-size: 50px;
	margin: 0;
	font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.4) 2px 2px;
	text-transform: capitalize;
}

	.banner .banner-caption .banner-title span {
		color: #81adc9;
	}

.banner .banner-caption p {
	font-weight: 400;
	color: #5f5f5f;
	margin: 0 auto 50px;
	font-size: 14px;
}

.banner .banner-caption .btn-wrap .line-btn {
	margin: 0 10px 10px;
	color: #fff;
	border-color: #fff;
	min-width: 250px;
}

	.banner .banner-caption .btn-wrap .line-btn:hover {
		color: #4bb7c3;
		background: #fff;
	}

.banner:after {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* background-color: rgb(0 0 0 / 40%) */
	;
}

.navbar-default .navbar-nav > li.com-btn a {
	background-color: #81adc9;
	color: #fff;
	border-radius: 40px;
	padding: 12px 25px;
	padding-right: 60px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 1;
}

	.navbar-default .navbar-nav > li.com-btn a span {
		position: absolute;
		padding: 12px 20px;
		border-radius: 40px;
		top: 0;
		right: 0;
		background: #3686b9;
	}

	.navbar-default .navbar-nav > li.com-btn a:after {
		position: absolute;
		content: "";
		height: 100%;
		top: 0;
		right: 0;
		background: #3686b9;
		border-radius: 40px;
		padding: 12px 20px;
		z-index: -1;
		transition: all 0.4s;
	}

	.navbar-default .navbar-nav > li.com-btn a:hover:after {
		padding-left: calc(100% - 20px);
	}

.FlexContainerWrapper {
	display: flex;
	flex-direction: column;
}

.FlexContainer {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.FlexItem {
	box-sizing: border-box;
	/* width:100%; */
	position: absolute;
	bottom: 0px;
}


/* .pad-block{ padding:10px 0; } */

.white-bg {
	background: #fff;
}

.gray-bg {
	background: #f9f9f9;
}

.translate-top {
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px);
	z-index: 1;
	position: relative;
}

.box-shadow {
	box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.bg-white {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.icon-bg {
	position: relative;
}

.water-wave {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.modal img {
	vertical-align: middle;
	width: 100%;
}

.modal .close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	filter: alpha(opacity=20);
	opacity: 1;
	position: relative;
	margin: 0;
	height: auto;
	width: auto;
	text-shadow: none;
}

	.modal .close:after, .modal .close:before {
		background: #000;
		content: none;
	}

.box-1 img {
	max-width: 100%;
	border-radius: 5px;
	height: 100%;
	object-fit: cover;
}

.icon {
	font-size: 40px;
}

.icon-bg .icon {
	line-height: 100px;
}

span.box-1.icon.text-primary {
	width: 243px;
	height: 243px;
	display: block;
	margin: 0 auto;
}

	span.box-1.icon.text-primary.parts-icon {
		width: auto;
		/* height: auto; */
	}

.water-wave {
	margin-bottom: 1.5rem;
}

p,
.paragraph {
	font-weight: 400;
	color: #818385;
	font-size: 15px;
	line-height: 1.6;
	font-family: "Open Sans", sans-serif;
}


h4 {
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1.2;
	font-size: 22px;
}

.full-bg-view {
	background-image: url(../images/ordernow-bg.png);
	height: calc(100vh - 150px);
	background-size: cover;
	background-position: bottom center;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	padding: 100px 0;
}

footer {
	/*position:absolute;*/
	background-color: #353535;
	text-align: center;
	transition: all 0.4s;
	bottom: -175px;
	width: 100%;
	z-index: 99;
	border-top: 5px solid #008abd;
	bottom: 0;
	left: 0;
	width: 100%;
}

.footer-top {
	padding: 20px 0;
}

	.footer-top ul > li {
		display: inline-block;
		color: #e7e8e5;
		font-size: 13px;
		font-weight: 500;
		margin-right: 10px;
	}

		.footer-top ul > li span {
			color: #008abd;
		}

	.footer-top p {
		font-size: 11px;
		font-weight: 400;
		font-style: italic;
		color: #079abd;
		margin: 5px 0 0;
	}

p.last-foot {
	margin: 0;
	color: #e7e8e5;
	font-size: 11px;
}

.text-view h2 {
	color: #ffffff;
	font-size: 46px;
}

.text-view p {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin-top: 40px;
}

#cookieConsent {
	position: fixed;
	right: 10px;
	bottom: 10px;
	left: 10px;
	z-index: 999;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
	overflow: hidden;
	border-radius: 2px;
	width: 80%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

	#cookieConsent .alert {
		margin: 0;
	}

.mr-tp-15 {
	margin-top: 15px;
}

.blue-lable {
	color: #f32409;
	background-color: #c6dbcb;
	display: inline-block;
	padding: 25px 90px;
	margin: 15px 0;
	text-align: left;
}

.right-side {
	text-align: right;
}

.pdf-download > a {
	display: inline-block;
	background-color: #008abd;
	color: #fff;
	padding: 10px 25px;
	font-size: 20px;
	font-weight: 600;
}

	.pdf-download > a:hover {
		background-color: #6d6e71;
	}

.multi-seat:after {
	background-image: url(../images/combine-seat.png);
	content: '';
	width: 480px;
	position: absolute;
	background-size: contain;
	height: 480px;
	background-repeat: no-repeat;
	background-position: center center;
	top: 40%;
	right: -35%;
}

.pdf-download {
	margin-top: 50px;
	margin-bottom: 80px;
}

.multi-seat {
	position: relative;
}

.contact-form {
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
	/* border-top: 0; */
	border-radius: 5px;
}

	.contact-form .form-control {
		height: 36px;
		box-shadow: none;
		border-color: #ddd;
	}

.action .seffon-btn {
	background-color: #008abd;
	color: #fff;
	border: 0;
	padding: 12px 35px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

	.action .seffon-btn:hover {
		background-color: #1f2526;
	}

.text-area-view .form-control {
	height: auto;
}

.small-name {
	font-size: 12px;
	margin-top: 4px;
	color: #929292;
}

.title-view {
	font-size: 26px;
	font-weight: 600 !important;
	color: #000;
	margin: 0 0 30px !important;
	position: relative;
	text-transform: uppercase;
	line-height: 1.2;
}

.small-alert {
	font-style: italic;
}

	.small-alert .text-inner {
		font-size: 10px;
	}

.recon-sec h2.title-view {
	font-size: 26px;
	color: #000;
	margin: 0 0 50px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.2;
}


/* .recon-sec .intro-view { padding-right: 50px; } */

h2.title-view:after {
	content: '';
	width: 50px;
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 4px;
	background-color: #0e76a8;
	border-radius: 4px;
}

.reconfiguring-section .intro-view p {
	text-align: justify;
}

.intro-view p {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #676767;
	margin-bottom: 0px;
}

.banner-caption h2 {
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 2px 3px;
	font-weight: 600;
	margin: 10px 0 0;
	font-size: 24px;
	font-style: italic;
	letter-spacing: 1px;
}

.bg-red-shade {
	position: relative;
	background-color: #fff;
	z-index: 1;
	padding-top: 80px;
}

	.bg-red-shade:after {
		content: '';
		position: absolute;
		/* background-image: url(../images/seat-bg.png); */
		background-position: left center;
		z-index: -1;
		width: 50%;
		height: 100%;
		right: 0;
		top: 0;
		background-size: cover;
		opacity: 0.7;
	}

.footer-top h2 {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.sticky-b footer {
	bottom: 0;
}

.seats-view .nav-tabs {
	border-bottom: 0;
	border-right: 0;
}

.seats-view .nav > li > a:hover,
.tab-style .nav > li > a:hover {
	background-color: transparent;
	color: #353535;
}

.seats-view .nav-tabs > li.active > a,
.seats-view .nav-tabs > li.active > a:focus,
.seats-view .nav-tabs > li.active > a:hover {
	border: 0;
	border-left: 2px solid #008abd;
	background-color: #e2f0f5;
	border-radius: 0px;
	margin-right: 0;
	border-right: 2px solid;
}

.seats-view .nav-tabs > li.active a {
	color: #008abd;
	position: relative;
}

.frame-view img {
	max-width: 100%;
	object-fit: cover;
}

.intro-view p b {
	color: #008abd;
}

footer ul li a {
	color: #e7e8e5;
}

	footer ul li a:hover,
	footer ul li a:focus {
		color: #079abd;
	}

body {
	padding-top: 120px;
}

.footer-top {
	padding: 10px 0;
}

	.footer-top ul > li {
		font-size: 14px;
	}


/* .banner {height: calc(100vh - 110px);} */


/* .banner {height:100vh;} */

.bg-red-shade .owl-dots,
#Backrest .owl-dots {
	display: none;
}

body .product-view {
	padding-bottom: 20px;
	position: relative;
}


/*.product-view:after{content: '';position: absolute;background-image: url(../images/seat-bg.png);background-position: left center;z-index:-1;width:70%;height:100%;right:0;top:0;background-size:cover;opacity: 0.7;}*/

.seats-view .tab-content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	z-index: -1;
}

.seats-view .tab-content {
	background-color: rgba(0, 138, 189, 0.1);
	border: 2px solid #008abd;
	background-image: url(../images/bg-seats.png);
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 1;
}

.content-view {
	min-height: 450px;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

	.content-view h3 {
		margin-top: 0;
		font-size: 30px;
		font-weight: 700;
		line-height: 26px;
		margin-bottom: 30px;
		position: relative;
	}

		.content-view h3:after {
			content: '';
		}

	.content-view p {
		color: #7b7b7b;
		margin: 0;
		font-size: 18px;
		line-height: 28px;
	}

.action-view {
	border: 1px solid #dddd;
	background-color: #008abd;
	padding: 10px;
}

.calc-btn .btn {
	font-size: 12px;
	padding: 7px 8px;
	margin: 0 0 0 10px;
	border: 0;
	background-color: #008abd;
	outline: none;
}

	.calc-btn .btn:hover,
	.calc-btn .btn:focus {
		background-color: #353535;
	}

.input-view {
	font-size: 12px;
	margin-right: 12px;
}

	.input-view .form-control {
		width: 55px;
		display: inline-block;
		padding: 6px 6px;
		box-shadow: none;
	}

span.calc-btn {
	display: inline-block;
}

.radio-view {
	margin-left: 8px;
}

.title-inner p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
}

.title-inner {
	margin-bottom: 30px;
}

.contact-us-form .form-group > label > span {
	color: red;
	margin-left: 2px;
}

.banner.inner-hero {
	height: calc(100vh - 150px);
	max-height: 350px;
	/*height: calc(100vh - 300px);max-height: 400px;*/
	background-size: cover;
	background-position: 0% 240%;
	z-index: 1;
	color: #fff;
	padding: 0;
	background-repeat: no-repeat;
}

	.banner.inner-hero.FlexContainer.specs {
		background-position: 0% 50% !important;
	}

.contect.contactus {
	background-position: 0% 190% !important;
}

.banner.inner-hero:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: -1;
}

.banner.inner-hero .opt-view h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 46px;
	margin: 0;
	font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.6) 2px 5px 6px;
	letter-spacing: 1px;
	position: relative;
}

	.banner.inner-hero .opt-view h2:after {
		content: '';
		/* height: 4px; */
		background-color: #0e76a8;
		border-radius: 4px;
		position: absolute;
		width: 60px;
		bottom: -12px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

.gray-bg-view {
	background-color: #F0EDED;
}

.info-view h3 {
	font-size: 14px;
	color: #000;
	border-bottom: 3px solid #008abd;
	margin: 20px 0 10px;
	padding-bottom: 6px;
	display: inline-block;
	font-weight: 700;
}

.info-view p {
	color: #929292;
}

.navbar-default .navbar-nav > li.contact-us a {
	display: inline-block;
	color: #fff;
	text-align: left;
	font-size: 14px;
	position: relative;
	padding-left: 40px;
	margin-right: 5px;
	font-weight: 500;
	background-color: #008abd;
	border-radius: 20px;
	padding: 8px 20px 8px 40px;
}

	.navbar-default .navbar-nav > li.contact-us a:hover,
	.navbar-default .navbar-nav > li.contact-us a:focus {
		color: #ffffff;
		background-color: #353535;
	}

	.navbar-default .navbar-nav > li.contact-us a:after {
		content: '';
		font-family: FontAwesome;
		font-size: 15px;
		position: absolute;
		left: 3px;
		top: 3px;
		color: #008abd;
		width: 30px;
		height: 30px;
		background-color: #fff;
		border-radius: 100%;
		text-align: center;
		line-height: 31px;
	}

.tab-style .nav > li > a {
	position: relative;
	display: block;
	padding: 14px 25px 14px 0;
	font-size: 16px;
	color: #8a8a8a;
	border: none;
	border-bottom: 0;
	cursor: pointer;
	/* box-shadow: 0 4px 10px 0 rgb(57 58 61 / 10%); */
	/* background: #fff; */
	/* border-radius: 5px; */
	font-weight: 500;
	font-size: 18px;
	text-transform: capitalize;
	color: #777;
}

.tab-style .nav-tabs > li.active > a,
.tab-style .nav-tabs > li.active > a:focus,
.tab-style .nav-tabs > li.active > a:hover {
	border-bottom: 0;
	color: #353535;
	border: none;
	background-color: transparent;
}

.nav.nav-tabs a:before {
	position: absolute;
	content: "|";
	left: -24px;
	right: 0;
	color: #ddd;
	width: 1px;
	height: 20px;
}

.nav.nav-tabs li:first-child a:before {
	content: none;
}

.tab-style .nav-tabs {
	border-bottom: none;
	text-align: center;
}

.owl-carousel .owl-item .seat-bg img {
	width: 100%;
	display: inline-block;
}
/* .owl-carousel .owl-item.active.center {
	transform: scale(1.3);
	margin-top: 0 !important;
	position: relative;
	z-index: 999;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.owl-carousel .owl-item {
	transform: scale(0.7);
	padding: 10px 0px;
	transition: all 0.5s;
} */
.section-padding {
	margin: 0 auto;
}

.owl-item .item {
	transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
	margin: 0; /* OVERWRITE PLUGIN MARGIN */
}

.screenshot_slider .owl-item .item img {
	-webkit-transition: 0.3s;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: scale(0.80);
	-ms-transform: scale(0.80);
	transform: scale(0.80);
}

.screenshot_slider .owl-item.center .item img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.screenshot_slider .owl-nav {
	text-align: center;
	margin: 0;
}

	.screenshot_slider .owl-nav button {
		font-size: 28px !important;
		margin: 10px;
		color: #056a90 !important;
	}

.owl-carousel .owl-item .seat-bg {
	/* text-align: right; */
}

.calculator .table > thead > tr > th {
	font-size: 12px;
	padding: 6px;
}

.navbar-default .navbar-nav > li.contact-us {
	display: inline-block;
}

	.navbar-default .navbar-nav > li.contact-us.email-to a:after {
		content: '';
	}

.profile-img {
	height: 120px;
	width: 120px;
	background-size: cover;
	border-radius: 100%;
	border: 2px solid #008abd;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-in-out;
}

	.profile-img:before {
		content: '';
		background-image: url(../images/logo-mark.png);
		width: 80px;
		height: 80px;
		background-size: cover;
		position: absolute;
		z-index: -1;
		top: -15px;
		right: 75px;
	}

	.profile-img:hover {
		transform: scale(1.1);
		transition: all 0.3s ease-in-out;
	}

.teamprofile > ul > li .detail-view h2 {
	margin: 0 0 5px;
	font-size: 26px;
	font-weight: 700;
}

.teamprofile > ul > li .detail-view {
	vertical-align: middle;
	margin-top: 15px;
}

.teamprofile > ul > li {
	/* margin-top: 20px; width: calc(25% - 4px); */
	margin-bottom: 60px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.pro-title {
	color: #b3b3b3;
	font-size: 12px;
}

	.pro-title.b {
		color: #008abd;
		font-weight: 700;
		font-size: 18px;
	}

.about-view p {
	text-align: justify;
	line-height: 24px;
	color: #676767;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
}

.about-view h2 {
	margin: 0 0 10px;
	font-weight: 800;
}

.about-view h4 {
	margin-bottom: 25px;
}

.opt-view {
	display: flex;
	justify-content: flex-start;
	padding-bottom: 25px;
	padding-left: 0%;
}

.teamprofile > ul > li:last-child {
	border-bottom: 0;
}

radio-inline span {
	vertical-align: middle;
	margin-top: 2px;
	display: inline-block;
}

.owl-carousel.img-set .owl-item .seat-bg img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.margin-set .intro-view {
	margin-bottom: 10px;
}

.about-view.text-weight-view p {
	text-align: center;
	font-size: 15px;
	line-height: 22px;
	color: #676767;
	margin: 0 0 25px;
}

.btm-logo img {
	max-height: 50px;
}

.detail-view ul {
	margin-top: 10px;
}

	.detail-view ul > li {
		display: inline-block;
	}

		.detail-view ul > li a {
			width: 30px;
			height: 30px;
			display: inline-block;
			background-color: #008abd;
			line-height: 32px;
			border-radius: 100%;
			color: #fff;
			margin: 0 2px;
		}

			.detail-view ul > li a:hover {
				background-color: #353535;
			}

.teamprofile {
	margin-top: 15px;
}

.download-pdf a {
	display: inline-block;
	background-color: #008abd;
	color: #fff;
	border-radius: 20px;
	padding: 8px 20px;
	margin-right: 10px;
}

	.download-pdf a:hover {
		background-color: #353535;
		color: #fff;
	}

.download-pdf span {
	display: inline-block;
	margin-right: 10px;
	font-weight: 500;
}

.mr-50 {
	margin-top: 40px;
}

.contact-us > label {
	color: #b5b5b5;
	display: block;
	font-weight: 400;
	font-size: 11px;
	margin: 0 0 2px 10px;
	text-transform: uppercase;
}

.sticky-social {
	position: fixed;
	right: 27px;
	top: 40%;
	z-index: 999;
	display: none;
}

	.sticky-social > ul > li > a {
		width: 45px;
		height: 45px;
		border-radius: 100%;
		background: #0e76a8;
		display: inline-block;
		line-height: 45px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		margin-bottom: 15px;
		box-shadow: 1px 2px 6px 1px rgb(255 255 255 / 60%);
	}

		.sticky-social > ul > li > a:hover {
			background-color: #333333;
			transform: scale(1.2) rotate(360deg);
		}

.alert-view {
	margin-top: 20px;
	color: #adadad;
	line-height: 22px;
}

.small-alert {
	font-size: 11px;
	color: #9a9a9a;
	line-height: 20px;
	margin: 5px 0 5px;
}


/*#seatsTableBoard > tbody > tr:first-child {background-color: #e2f0f5;}*/

.radio-inline span {
	margin-top: 2px;
	display: inline-block;
}

.radio-view .radio-inline input {
	opacity: 0;
	height: 0;
	width: 0;
}

.radio-view .radio-inline b {
	width: 18px;
	height: 18px;
	display: inline-block;
	position: absolute;
	border: 2px solid #dddd;
	left: -2px;
	border-radius: 18px;
	top: 2px;
}

.radio-inline input[type="radio"]:checked + b:after {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #dddddd;
	position: absolute;
	top: 3px;
	left: 3px;
}

.radio-inline input[type="radio"]:checked + b {
	border-color: #dddddd;
}

.tab-side .nav-tabs > li {
	width: 100%;
}

.tab-side > ul {
	width: 235px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2;
}

.tab-side > .tab-content {
	width: calc(100% - 235px);
	display: inline-block;
	margin-left: -5px;
}

.tab-side {
	margin-top: 20px;
}

.tab-style .tab-side .nav-tabs > li.active > a,
.tab-style .tab-side .nav-tabs > li.active > a:focus,
.tab-style .tab-side .nav-tabs > li.active > a:hover {
	border-right: 0;
	border-bottom: 2px solid;
}

.tab-style .tab-side .nav-tabs {
	border-bottom: 0;
}

.flex-let-abt {
	/* background-image: url(../images/about.png); */
	background-size: cover;
	background-position: center center;
	z-index: 1;
	position: relative;
	background-attachment: fixed;
	background-color: #F0EDED;
}


/* .flex-let-abt::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(255 255 255 / 90%);z-index: -1;} */

.white-text h2.title-view {
	color: #fff;
}

.white-text .about-view p {
	color: #e4f8ff;
}

.white-text .intro-view p {
	color: #cecece;
}

.white-text h2.title-view:after {
	background-color: #fff;
}

.tema-view,
.team-view {
	position: relative;
}


/*.tema-view:after {width: 330px;content: '';position: absolute;background-image: url(../images/double-seat.png);height: 360px;z-index: 2;bottom: -200px;right: 30px;background-size: contain;background-repeat: no-repeat;}
.team-view:after {width: 230px;content: '';position: absolute;background-image: url(../images/single-seat.png);height: 360px;z-index: 2;top: -195px;right: 60px;background-size: contain;background-repeat: no-repeat;}*/

.navbar-brand > img {
	transition: all 0.4s;
	height: 90px;
}

.sticky .navbar-brand img {
	height: 80px;
}

.sticky .navbar-default .navbar-nav {
	margin-top: 34px;
}

.intro-view p a {
	font-weight: 500;
}

.seat-installation img {
	width: 100%;
}

.seat-installation {
	border: 4px solid #008abd;
}

#seatsTableBoard {
	background-color: #fff;
}

.features-1,
.features-3,
.features-5 {
	position: relative;
	;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	z-index: 1;
}

.features-1 {
	background-image: url(../images/calc-back-bg.jpg);
}

.features-3 {
	background-image: url(../images/Caravan_118_-_303.jpg);
}

.features-5 {
	background-image: url(../images/front-craft.jpeg);
}

.back-drop-bg-view:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255 255 255 / 90%);
	z-index: -1;
}

.back-drop-bg-view .content-view h3 {
	color: #6d6e71;
}

.content-view h3:after {
	content: '';
	width: 50px;
	position: absolute;
	bottom: -22px;
	left: 0;
	height: 4px;
	background-color: #0e76a8;
	border-radius: 4px;
}

.back-drop-bg-view .content-view h3:after {
	background-color: #fff;
}

.back-drop-bg-view .content-view p {
	color: #333;
}

.tab-set {
	margin: 30px 0 0;
}

.navbar-default .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 5px;
	top: 120%;
	right: 0;
	left: inherit;
	background: #fff;
	min-width: 205px;
	-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
}

	.navbar-default .navbar-nav .dropdown-menu a {
		color: #333;
		padding: 8px 20px;
		font-size: 14px;
		display: block;
	}

		.navbar-default .navbar-nav .dropdown-menu a:hover {
			background: #dfecf1;
			color: #008abd;
		}

.tab-style .nav-tabs > li.active > a,
.tab-style .nav-tabs > li.active > a:focus,
.tab-style .nav-tabs > li.active > a:hover,
.tab-style .nav > li > a {
	/* border-radius: 20px 20px 0 0; */
}

.tab-style .nav-tabs > li {
	margin-bottom: 15px;
	padding-right: 15px;
	float: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.tab-style .tab-set .nav-tabs > li {
	margin-bottom: 0;
}

.tab-style .tab-set .nav-tabs {
	border-bottom: 0;
}


/*.banner .banner-caption:after {content: '';display: inline-block;width: 125px;height: 100px;background-image: url(../images/seat-1.png);position: absolute;z-index: 2;background-size: contain;background-repeat: no-repeat;top: -12px;right: 25%;}*/
.wertin-right {
	box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
	padding: 30px 30px 30px 100px;
	background: #F0EDED;
	border-radius: 5px;
}

.wertin-left {
	position: relative;
}

.worthin-sec-img {
	position: absolute;
	top: -180px;
	right: -65px;
	z-index: 1;
	bottom: auto;
}

.flex-team .btm-logo {
	text-align: center;
}

.full-con-view {
	display: flex;
	align-items: center;
	justify-content: center;
}

.download-pdf {
	padding: 10px 0 15px;
}

.flex-team h2.title-view {
	text-align: center !important;
}

	.flex-team h2.title-view:after {
		right: 0;
		margin: 0 auto;
	}


.flex-team .intro-view p {
	text-align: center;
}

.flex-team .about-view {
	max-width: 650px;
}

.top-seat img {
	max-width: 100%;
}

.FlexItem .row {
	display: flex;
	align-items: center;
}

.contant-view {
	position: relative;
	/* padding-left:150px; */
}


/* .contant-view:after {content: '';background-image: url(../images/seat-1.png);width: 160px;height: 135px;position: absolute;top: -52px;border-radius: 20px;left: -15px;background-size: 80%;background-position: center center;background-repeat: no-repeat;z-index: 1;} */


/* .contant-view:before {content: '';background-image: url(../images/logo-mark.png);width: 60px;height: 70px;background-size: cover;z-index: -1;position: absolute;right: -70px;top: 6px;} */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	font-size: 12px;
}


/* .banner-caption .bg-structure {
    background-image: url(../images/navigationpattern.png);
    background-repeat: repeat;
    background-position: center center;
    border-radius: 20px;
    position: absolute;
    top: -42px;
    left: 0;
    height: 135px;
    width: 160px;
    background-color: #ddd9d7;
    z-index: -1;
} */

body .siq_bR {
	top: 28%;
	right: 25px;
}


/* 12-10-2020 Hardik M */

.reconfiguring-section {
	position: absolute;
	top: -190px;
	z-index: 1;
	width: 700px;
	box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
	background-color: #ffffff;
	right: -110px;
	border-radius: 5px;
}

.recon-sec {
	display: inline-block;
	z-index: 2;
	padding: 25px;
	position: relative;
}


/* 12-10-2020 Hardik M */

.recon-sec-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calculation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center; */
	margin-top: 150px;
}

	.calculation .form-control {
		height: 25px;
	}

.calculator .table {
	margin-bottom: 0px;
}

	.calculator .table > tbody > tr > td {
		padding: 10px;
	}

#total {
	color: #008abd;
}

#Flextotal {
	color: #008abd;
}

.radio-view span {
	color: #fff;
}

.txt-look p {
	font-size: 20px;
	line-height: 30px;
}

.txt-look input {
	max-width: 63px;
	height: 30px;
}

.txt-look {
	/* -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
}

.calculation-table {
	box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
	padding: 30px;
	background: #fff;
	border-radius: 5px;
}

.cal-txt {
	padding: 40px 80px;
}

.lt-tabel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.contect {
	background-position: 0% 15% !important;
}

.about {
	background-position: center !important;
}

.txt-look input.form-control {
	height: 40px;
	max-width: 90px;
	border: 2px solid #348abd;
	background-color: #348abd12;
}

.FlexItem-1 {
	box-sizing: border-box;
	/* width: 100%; */
	position: absolute;
	top: 35%;
	left: 25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.navbar-default .navbar-nav > li.email-to a {
	margin-right: 0px;
}

.flex-menu {
	display: flex;
	justify-content: center;
}

.btn-contect {
	display: none !important;
}

.btn-email {
	display: none !important;
}

.social-btn-sec {
	position: relative;
	right: 15px;
	width: 25%;
}

.logo-sec {
	width: 20%;
}

.nav-menu-sec {
	width: 55%;
}

.full-header {
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
	padding-right: 10px;
}

.hunt-txt p {
	text-align: center !important;
	font-weight: 600;
	margin-bottom: 10px;
}

.seat-tabbing:after {
	background: rgba(255, 255, 255) !important;
}

.seats-view .seat-tabbing {
	border: none;
	min-height: 300px;
}

.tab-head h2 {
	font-size: 24px;
	font-weight: 600 !important;
	color: #000;
	position: relative;
	text-transform: uppercase;
	line-height: 1.2;
}

.seats-view .tab-head .nav-tabs > li.active a {
	background-color: #008abd !important;
	border-right: none !important;
	color: #fff !important;
}

.seats-view .tab-head .nav-tabs > li a {
	background-color: #008abd !important;
	color: #fff;
	border-radius: 0px;
}

.seats-view .tab-head .nav > li > a:hover {
	background-color: #008abd !important;
}

.seats-view .tab-head .nav-tabs > li > a {
	border: none;
	text-align: center;
}

.circle {
	/* height: 15px;
    width: 15px;
    border: 2px solid #008abd;
    display: inline-block;
    border-radius: 50%; */
	top: 1px;
	margin-right: 6px;
	position: absolute;
	left: 0px;
}

.single-seat-info li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}

.btn-single {
	text-align: left;
	min-width: auto;
	color: #056a90;
	border: 0;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 10px;
}

.btn-doubel {
	text-align: left;
	min-width: auto;
	margin-right: 20px;
	color: #056a90;
	border: 0;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 400;
}

.btn-single a {
	color: #008abd;
	text-align: left;
	border-bottom: 1px solid #008abd;
	font-weight: 500;
}

.mt {
	margin-top: 20px;
}

.btn-doubel a {
	color: #008abd;
	text-align: left;
	border-bottom: 1px solid #008abd;
	font-weight: 500;
}

.set-feau-title {
	color: #008abd;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 20px;
}

.plain-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/* .plain-sec .frame-view
{
    padding-right: 50px;
} */

.black-seat-sec {
	background-image: url(/images/black-seat.png);
	min-height: 180px;
	background-size: cover;
	margin-top: 40px;
}

p.margin-30 {
	margin-bottom: 30px;
}

.text-2015 {
	padding-left: 8px;
}

p.lt-team {
	margin-bottom: 40px;
}

.seats-tp img {
	width: 100%;
	border-radius: 5px;
}

.seat-tabbing {
	background-image: none !important;
}

.product-chair-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #F0EDED;
	padding: 50px 30px;
	position: relative;
	border-radius: 5px;
	width: 80%;
	justify-content: center;
	margin: 0 auto 80px;
}

.pro-img {
	background: #fff;
	margin-left: -160px;
	box-shadow: 0 4px 10px 0 rgb(57 58 61 / 10%);
	border-radius: 0px;
	margin-right: 30px;
	padding: 0px 30px 10px;
	position: relative;
	overflow: hidden;
	width: 45%;
}

ul.feature-link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 50px;
}

	ul.feature-link li {
		display: inline-block;
		vertical-align: middle;
		padding: 0 50px;
		position: relative;
	}

		ul.feature-link li a {
			font-weight: 500;
			font-size: 18px;
			text-transform: capitalize;
			color: #777;
		}

			ul.feature-link li a:after {
				position: absolute;
				content: "|";
				left: 0;
				right: 0;
				color: #ddd;
			}

		ul.feature-link li:first-child a:after {
			content: none;
		}

		ul.feature-link li a:hover, ul.feature-link li a.active {
			color: #161f2b;
		}

h2 span {
	margin-top: -150px;
	padding-bottom: 100px;
	display: block;
}

ul.single-seat-info {
	margin: 40px 0 25px;
	font-size: 16px;
}

.tabel-foot-txt .small-alert {
	margin: 0px;
	line-height: 15px;
}

.worthin-sec-img img {
	width: 100%;
	border-radius: 5px;
}

.about-view {
	max-width: 650px;
}

.wertin-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 80px 0;
}

.calculator .table tbody tr:first-child td {
	font-weight: 900;
	color: #008abd;
}

.weight-align {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

label#lblweight {
	margin-left: 10px;
}

.txt-center {
	text-align: center;
	margin-top: 100px;
}

#seatsTableBoard {
	border: 0px;
}

.border-remove {
	border: 0px !important;
}

.tbl-txt {
	font-size: 11px;
	font-weight: normal;
	color: #9a9a9a;
	font-style: italic;
}

.circle i {
	transform: rotate(45deg);
	font-size: 15px;
	color: #008abd;
}

.teamprofile > ul > li:last-child {
	margin-bottom: 0px;
}

.seat-bg img {
	max-width: 100%;
}


/* .fp-tableCell
{
    vertical-align: bottom !important;
} */

.seat-bg {
	text-align: center;
}

.seats-view {
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.supply-box {
	position: relative;
}

.supply-left {
	box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
	padding: 30px 100px 30px 30px;
	background: #F0EDED;
	border-radius: 5px;
}

.supply-right {
	position: relative;
}

.seats-tp {
	position: absolute;
	top: -180px;
	left: -65px;
	z-index: 1;
	bottom: auto;
	width: 100%;
}

.features-2.full-con-view {
	padding: 80px 0 50px;
}

body .product-view.contact-box {
	padding: 20px 0 80px;
}

.mb-4 {
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1.2;
	font-size: 22px;
}

@media (min-width: 1680px) {
	.container {
		width: 1200px;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}

	.navbar-default .navbar-nav > li {
		margin-left: 30px;
	}

	.sticky-social {
		top: 25.8%;
	}

	body .siq_bR {
		top: 15.8%;
		position: fixed;
	}
}

@media(max-width: 1680px) {
	.sticky-social {
		top: 24.5%;
	}

	body .siq_bR {
		top: 14.5%;
	}

	.banner.inner-hero {
		max-height: 350px;
		background-position: 0% 130%;
	}

	.contect {
		background-position: 0% -30% !important;
	}

		.contect.contactus {
			background-position: 0% 70% !important;
		}

	.about {
		background-position: center center !important;
	}
}

@media(max-width:1366px) {
	body .siq_bR {
		top: 25%;
		position: fixed;
	}

	.sticky-social {
		top: 40%;
	}

	.pro-img {
		margin-left: 0;
	}

	.banner.inner-hero {
		max-height: 350px;
	}

	.contect {
		background-position: 0 -40% !important;
	}
}

@media(max-width:1199px) {
	.banner-sec {
		min-height: calc(100vh - 165px);
	}

	.banner {
		height: calc(100vh - 165px);
	}

	.bg-white.py-5.px-4.text-center.box-shadow.transition.hover-bg-dark {
		height: 100%;
		justify-content: center;
		align-items: center;
		max-height: 100%;
		vertical-align: middle;
		display: inline-block;
	}

	.navbar-brand > img {
		height: 60px;
	}

	.navbar-default .navbar-nav > li {
		margin-left: 5px;
	}

		.navbar-default .navbar-nav > li > a {
			font-size: 12px;
		}

	.navbar-default .navbar-nav {
		margin-top: 32px;
	}

	body {
		padding-top: 90px;
	}

	.multi-seat:after {
		width: 100%;
		height: 100%;
	}

	.banner .banner-caption .banner-title {
		font-size: 40px;
	}

	.recon-sec h2.title-view {
		font-size: 24px;
	}

	.banner-caption h2 {
		font-size: 22px;
	}

	.wertin-right {
		padding: 30px 20px 30px 65px;
		background: #F0EDED;
	}

	.worthin-sec-img {
		top: -180px;
		right: -45px;
	}

	.supply-left {
		box-shadow: 0 4px 10px 0 rgba(57, 58, 61, 0.1);
		background: #F0EDED;
		padding: 30px 65px 30px 20px;
	}

	.seats-tp {
		top: -150px;
		left: -45px;
	}

	.navbar-default .navbar-nav > li.contact-us a {
		font-size: 12px;
		padding: 8px 15px 8px 37px;
	}

	.mb-4 {
		font-size: 18px;
	}
}

@media(max-width:1024px) {
	.banner {
		height: calc(100vh - 100px);
	}

	.pad-block {
		/* padding: 50px 0; */
	}

	.navbar-default .navbar-nav > li.contact-us a {
		font-size: 13px;
	}

	.full-con-view {
		/* min-height: calc(100vh - 110px); */
	}

	body .siq_bR {
		top: 18.5%;
	}

	.sticky-social {
		top: 31%;
	}

	h2.title-view {
		font-size: 24px;
	}

	.txt-look p {
		font-size: 22px;
		line-height: 30px;
	}

	.banner.inner-hero {
		background-position: 0% -400%;
	}

	.contect {
		background-position: 0% 20% !important;
	}

	.nav-menu-sec {
		width: 50%;
	}

	.social-btn-sec {
		width: 30%;
	}

	h4 {
		font-size: 22px;
	}

	.trans-top {
		margin-bottom: 30px;
	}
}

@media(max-width:991px) {
	.product-chair-sec {
		padding: 50px 0;
		width: 100%;
		margin: 0 auto;
	}

	ul.feature-link {
		padding: 30px 0;
	}

	.banner .banner-caption {
		padding: 0;
	}

	.cal-txt {
		padding: 0 15px 40px;
	}

	.translate-top {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		margin-top: 30px;
	}

	.worthin-sec-img {
		top: auto;
		right: auto;
		position: relative;
	}

	.wertin-right {
		padding: 30px 15px;
		background: #fff;
		box-shadow: none;
	}

	.supply-left {
		box-shadow: none;
		background: transparent;
		padding: 30px 15px;
		order: 2;
	}

	.supply-right {
		position: relative;
		order: 1;
	}

	.seats-tp {
		top: auto;
		left: auto;
		position: relative;
	}

	.wertin-section {
		margin: 0;
	}

	.navbar-default .navbar-nav > li > a {
		padding: 10px 6px;
		font-size: 14px;
	}

	.sticky .navbar-brand img {
		height: 55px;
	}

	.navbar-default .navbar-nav > li.contact-us.email-to {
		display: none;
	}

	.seats-tp img {
		max-width: 100%;
	}

	.navbar-brand > img {
		height: 60px;
	}

	.multi-seat:after {
		top: 30%;
		right: -30%;
	}

	.teamprofile > ul > li {
		margin-bottom: 60px;
		/* width: calc(50% - 2px); */
		width: 100%;
	}

	.navbar-default .navbar-nav {
		margin-top: 24px;
	}

	.sticky .navbar-default .navbar-nav {
		margin-top: 22px;
	}

	body {
		padding-top: 90px;
	}

	.owl-carousel .owl-item .seat-bg img {
		width: 100%;
		object-fit: none;
	}
	/* .full-con-view {min-height: calc(100vh - 85px);} */
	.full-con-view {
		min-height: auto;
	}

	.recon-sec h2.title-view {
		text-align: left;
	}

	.white .banner {
		min-height: calc(100vh - 90px);
	}

	.banner.inner-hero {
		height: calc(100vh - 300px);
	}
	/* .calculation {
            min-height: calc(100vh - 85px);
        } */
	.calculation {
		min-height: auto;
	}

	.pad-block {
		padding: 50px 0 0;
	}

	body .siq_bR {
		top: 14%;
	}

	.sticky-social {
		top: 25%;
	}

	.banner.inner-hero {
		max-height: 286px;
	}

	.contect {
		background-position: 0% 50% !important;
	}

	.features-2.full-con-view {
		padding: 0;
	}

	.nav-menu-sec {
		width: 55%;
		padding-left: 60px;
	}

	.social-btn-sec {
		width: 25%;
	}

	.flex-team .about-view {
		max-width: 100%;
		margin-bottom: 0px;
	}

	.reconfiguring-section {
		position: relative;
		top: auto;
		z-index: 1;
		width: 100%;
		box-shadow: none;
		background-color: #ffffff;
		right: auto;
	}

	.col-sm-6.col-xs-12.recon-order1 {
		width: 100%;
		order: 2;
	}

	.recon-sec {
		padding: 0;
	}

	.col-sm-6.col-xs-12.recon-order2 {
		order: 1;
		width: 100%;
		margin-bottom: 30px;
	}

	.seat-bg img {
		max-width: 100%;
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.box-shadow {
		box-shadow: 2px 8px 13px 4px rgba(8, 18, 109, 0.1);
	}

	.calculation {
		margin-top: 50px;
	}

	.pad-block.calculation {
		padding-top: 0;
	}

	.supply-box {
		padding-top: 0;
	}

	.pro-img {
		margin-right: 0;
	}

	body .product-view.contact-box {
		padding: 30px 0;
	}
}

@media (max-width:767px) {

	.nav.nav-tabs a:before {
		left: -20px;
	}

	.contect.contactus {
		background-position: 55% -71px !important;
	}

	.tab-head h2 {
		font-size: 20px;
	}

	ul.feature-link li {
		padding: 0 15px;
	}

	.bg-white.py-5.px-4.text-center.box-shadow.transition.hover-bg-dark {
		display: block;
	}

	.translate-top {
		text-align: center;
	}

	.product-chair-sec {
		margin: 0 auto 40px;
	}

	.col-lg-3.col-md-3.col-sm-6.mb-4.mb-lg-0.trans-top {
		height: auto;
		display: inline-block;
	}

	.pro-img {
		margin-left: 0;
		position: relative;
		overflow: hidden;
		order: 1;
		width: 100%;
		padding: 0px 15px 10px;
		height: 100%;
	}

	.row.masonary-box {
		width: 80%;
		margin: 0 auto;
	}

	.supply-box {
		padding: 0 !important;
	}

	.calculation-table {
		box-shadow: none;
		padding: 15px;
		background: transparent;
	}

	.col-sm-6.col-xs-12.calculation-table {
		order: 2;
	}

	.col-xs-12.col-sm-6.cal-txt {
		order: 1;
		padding: 15px;
	}

	.small-alert.txt-center {
		margin: 0;
	}

	.wertin-section {
		margin: 0;
	}

	.tema-view .container {
		padding: 0;
	}

	.supply-left {
		padding: 30px 0px;
	}

	.supply-right {
		padding: 0;
	}

	.wertin-right {
		padding: 30px 15px 0;
	}

	.flex-team .about-view {
		margin-bottom: 0;
	}

	.navbar-brand > img {
		height: 60px;
	}

	.seats-tp {
		text-align: center;
	}

	.full-con-view {
		min-height: unset;
	}

	.navbar-default .navbar-brand {
		padding: 0 20px 0px 9px;
		padding-top: 10px;
	}

	br {
		display: none;
	}

	body {
		padding-top: 75px;
	}

	.FlexItem {
		width: 100%;
	}

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

		.navbar-default .navbar-nav > li {
			text-align: center;
		}

	h2.title-view {
		font-size: 32px;
		margin-bottom: 30px;
	}

	.right-side {
		text-align: center;
	}

	.multi-seat:after {
		width: 70%;
		top: 40%;
		right: 0;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}

	.full-bg-view {
		padding: 30px 0;
	}

	.text-view h2 {
		font-size: 22px;
	}

	.text-view p {
		font-size: 18px;
		margin-top: 15px;
	}

	.bg-red-shade:after {
		width: 100%;
		height: 54vh;
		right: 0;
		top: auto;
		bottom: 0;
	}

	body .banner .banner-caption .banner-title {
		font-size: 26px;
	}

	body .banner-caption h2 {
		font-size: 12px;
	}

	.footer-top h2 {
		font-size: 18px;
		margin-right: 2px;
	}

	.footer-top ul > li {
		font-size: 14px;
	}

	.footer-top ul + p {
		font-size: 14px;
	}

	.banner .banner-caption {
		padding-right: 0;
	}

	body h2.title-view {
		font-size: 20px;
		margin-top: 20px !important;
		padding-right: 0px;
	}

	h4 {
		font-size: 20px;
	}

	.teamprofile > ul > li .detail-view h2 {
		font-size: 22px;
	}

	.seats-view .nav-tabs {
		border-right: 0;
		border-bottom: 0;
	}

	.banner {
		height: calc(100vh - 75px);
		background-position: 73% 60px;
	}

	span.full-con-mob {
		margin-bottom: 10px;
		display: block;
	}

	span.calc-btn {
		display: inline-block;
		margin-right: 0px;
	}
	/*body.sticky-b {
            padding-bottom: 68px;
        }*/
	.owl-carousel .owl-item .seat-bg img {
		width: auto;
	}

	.owl-carousel .owl-item .seat-bg {
		text-align: center;
	}

	.seat-bg img {
		height: auto;
	}

	.product-chair-sec {
		padding: 0px;
	}

	.features-2.full-con-view {
		padding: 10px 0 40px 0;
	}

	.contact-us a {
		margin-bottom: 15px;
	}

	.sticky-social {
		position: unset;
	}

		.sticky-social > ul > li {
			display: inline-block;
		}

			.sticky-social > ul > li > a {
				width: 35px;
				height: 35px;
				line-height: 38px;
				margin: 0 3px
			}

	.btm-logo img {
		max-height: 60px;
	}

	.tabing-view .nav-tabs > li {
		text-align: center;
		width: 100%;
	}

	.teamprofile > ul > li {
		width: 100%;
		margin-bottom: 60px;
	}

	.about-view h2 {
		font-size: 22px;
	}

	.about-view h4 {
		margin-bottom: 18px;
		font-size: 16px;
	}

	.about-view p {
		font-size: 14px;
	}

	.banner.inner-hero {
		min-height: 250px;
		background-size: auto;
		background-position: 30% -30%;
	}

		.banner.inner-hero .opt-view h2 {
			font-size: 34px;
		}

	.intro-view p {
		font-size: 14px;
	}

	.download-pdf {
		margin-top: 20px;
	}

		.download-pdf span {
			display: block;
			margin: 0 0 5px;
		}

		.download-pdf a {
			padding: 8px 12px;
			margin-right: 3px;
			font-size: 12px;
		}

	.content-view:before {
		height: 50px;
		top: -48px;
		right: auto;
		width: 170px;
		left: 15px;
	}

	.content-view h3 {
		font-size: 26px;
	}

	.content-view p {
		font-size: 16px;
	}

	.fileds {
		margin-bottom: 30px;
	}

	body .siq_bR {
		bottom: 40px;
		top: auto;
	}

	.intro-view {
		margin-bottom: 0;
	}

	.tab-side > .tab-content {
		width: 100%;
		margin-left: 0;
	}

	.tab-side > ul {
		width: 100%;
		text-align: center;
	}

	.tab-style .nav > li > a {
		position: relative;
		display: block;
		padding: 10px 20px 10px 0;
		font-size: 15px;
	}

	h2.title-view:after {
		bottom: -16px;
	}

	.tema-view:after {
		display: block;
		max-height: 300px;
		min-height: 300px;
		background-position: center center;
		margin-top: 50px;
		position: unset;
	}

	.pad-block {
		padding: 40px 0;
	}

	.sticky .navbar-brand img {
		height: 60px;
	}

	.content-view {
		display: block;
		padding: 30px 0;
		min-height: unset;
	}

	.features-2 .row,
	.features-4 .row,
	.features-6 .row {
		display: flex;
		flex-flow: column-reverse;
	}

	.features-2 .row {
		display: block;
		padding: 15px;
	}

	ul.feature-link {
		padding: 0;
	}

	.navbar-default .navbar-nav > li.contact-us {
		display: block;
	}

	.seats-view .nav-tabs li {
		width: 100%;
		text-align: center;
	}

	.intro-view {
		margin-bottom: 0px;
		padding-right: 0px;
	}

	.banner .banner-caption:after {
		display: none;
	}

	.navbar-default .navbar-nav .dropdown-menu {
		left: 0;
		width: 300px;
		text-align: center;
		margin: 0 auto;
	}

	.navbar-default .navbar-nav > li.contact-us.email-to {
		display: block;
	}

	.full-con-view {
		display: block;
	}

	.FlexItem .row {
		display: block;
	}

	.top-seat {
		margin-top: 30px;
	}

	.contant-view:after {
		top: -102px;
		width: 125px;
		height: 125px;
	}

	.contant-view:before {
		width: 50px;
		height: 55px;
		right: -65px;
		top: 2px;
	}

	.contant-view {
		padding-left: 0;
	}

	.recon-sec {
		margin-bottom: 5px;
	}

	.calculation {
		min-height: unset;
	}

	.txt-look {
		margin-bottom: 15px;
	}

	.calculator {
		display: -ms-grid;
		display: grid;
	}

	.contect {
		background-position: 30% 0% !important;
		background-size: cover !important;
	}

	.specs {
		background-position: 50% 80% !important;
	}

	.about {
		background-position: 48% 40% !important;
	}

	.recon-sec h2.title-view {
		line-height: 30px;
		font-size: 20px;
		margin: 0 0 30px;
		padding-right: 0px;
	}

	.recon-sec .intro-view {
		padding-right: 0px;
	}

	.txt-look p {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 15px;
	}

	.calculation .lt-tabel {
		margin-bottom: 0px;
	}

	.teamprofile > ul > li:last-child {
		margin-bottom: 15px;
	}

	.product-view .intro-view {
		margin-bottom: 0px;
	}

	.logo-sec {
		width: 100%;
	}

	.nav-menu-sec {
		width: 100%;
		padding-left: 0px;
	}

	.social-btn-sec {
		display: none;
	}

	.btn-contect {
		display: block !important;
	}

	.btn-email {
		display: block !important;
	}

	.full-header {
		padding-left: 0px;
		padding-right: 0px;
	}

	.frame-view {
		display: flex;
		justify-content: center;
	}

	.pills {
		margin-top: 0px;
	}

	.plain-sec .frame-view {
		padding-right: 0px;
	}

	.flex-team .btm-logo {
		margin-top: 20px;
	}

	.black-seat-sec {
		margin-top: 30px;
	}

	.logo-sec .navbar-toggle {
		margin-right: 8px;
	}

	.nav-menu-sec .navbar-collapse.in {
		width: 100%;
	}

	.mb-0 {
		margin-bottom: 10px;
	}

		.mb-0 p {
			margin-bottom: 0px;
		}

	.mb-10 {
		margin-bottom: 15px !important;
	}

	.owl-item .item {
		margin: 0;
	}

	.screenshot_slider .owl-item .item img {
		-webkit-transform: scale(0.90);
		-ms-transform: scale(0.90);
		transform: scale(0.90);
	}

	.mb-4 {
		font-size: 14px;
	}
}

@media(max-width:520px) {
	/*body.sticky-b {
            padding-bottom: 90px;
		}*/
	ul.feature-link li a {
		font-size: 15px;
	}

	.tab-head h2 {
		font-size: 18px;
	}
}


/* .footer{
		height: 68px !important;
		display:block !important;
		width: 100%;
		z-index:9;
	}

	.footer{
		bottom:0px;
    }
    footer .fp-tableCell {
        display: block !important;
        height: 100% !important;
    } */

.mrtp-180 {
	margin-top: 180px;
}

.mrtp-80 {
	margin-top: 100px;
}



.intro-view p.mb-10 {
	margin-bottom: 50px;
}

.form-group {
	margin-bottom: 5px;
}

.product-chair-sec .pills .tab-wrap {
	align-items: center;
	justify-content: center;
	/* display: grid; */
}

.product-chair-sec .tab-head {
	padding-bottom: 30px;
}

.download-btn img {
	display: inline-block;
	max-width: 18px;
	margin-right: 10px;
}

.part-top {
	position: relative;
	background-color: #ffffff;
	margin: 80px 0;
}

	.part-top .header-title {
		font-size: 26px;
		font-weight: 600;
		color: #000;
		position: relative;
		line-height: 1.2;
		margin-bottom: 4px;
		margin-top: 0;
	}

.shadow {
	box-shadow: 0 4px 10px 0 rgb(57 58 61 / 10%);
}

.part-top .container {
	padding: 50px;
}

.part-top .btm-logo {
	margin-top: 48px;
	margin-bottom: 8px;
}

.part-top .intro-view p {
	text-align: start;
	margin-bottom: 8px;
}

.part-top h2.title-view {
	text-transform: capitalize;
}

	.part-top h2.title-view br {
		display: block !important;
	}

.part-top .reconfiguring-section {
	position: absolute;
	top: -155px;
	z-index: 1;
	width: auto;
	box-shadow: 0 4px 10px 0 rgb(57 58 61 / 10%);
	background-color: #ffffff;
	right: -110px;
	border-radius: 5px;
}

.part-top .btm-logo img {
	max-height: 80px;
}

.intro-view.buttons-part .download-btn img {
	display: inline-block;
	max-width: 18px;
	margin-right: 2px;
	margin-top: -6px;
}

.intro-view.buttons-part p a.link-pdf {
	color: #9c2a08;
	font-weight: 700;
	text-decoration: none;
	padding-bottom: 5px;
}

.intro-view.buttons-part {
	padding-top: 10px;
}

.pro-title.b.italic {
	font-weight: 500;
	font-size: 16px;
	font-style: italic;
}

@media(max-width:1199px) {
	.mrtp-180 {
		margin-top: 0px;
	}

	.mrtp-80 {
		margin-top: 0px;
	}
}

@media(max-width:767px) {
	.contact-form {
		padding: 30px 10px !important;
	}

	.fe-con {
		padding: 0;
	}
}

@media(max-width:360px) {
	.footer-top ul > li:nth-child(4) {
		font-size: 0;
	}

	.bg-white {
		padding: 15px;
	}

	.pad-block.calculation {
		padding-top: 0;
		margin-top: 0;
	}

	ul.feature-link {
		display: block;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

		ul.feature-link li {
			padding: 0 15px 15px;
		}

			ul.feature-link li a:after {
				content: none;
			}
}

@media(max-width:320px) {
	.footer-top ul > li {
		font-size: 13px;
		text-align: center;
		margin: 0 auto;
	}

	.footer-top ul + p {
		font-size: 13px;
	}

	.btn-single {
		margin-right: 0;
	}

	.mb-4 {
		font-size: 14px;
	}

	/* masonary grid */
	.row.masonary-box {
		width: 80%;
		margin: 0 auto;
	}

	.masonary {
		column-width: 295px;
		column-gap: 5px;
		padding: 5px;
	}

		.masonary img {
			width: 100%;
			cursor: pointer;
			padding: 0 0 5px;
		}

	.lightbox {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		display: none;
		background: #7f8c8d;
		perspective: 1000;
		left: 0;
		right: 0;
		z-index: 999 !important;
	}

	.filter {
		position: absolute;
		width: 100%;
		height: 100%;
		filter: blur(20px);
		opacity: 0.5;
		background-position: center;
		background-size: cover;
	}

	.lightbox img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotateY(0deg);
		max-height: 95vh;
		max-width: calc(95vw - 100px);
		transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
		transform-style: preserve-3d;
	}


	/*.lightbox:hover img{
  transform: translate(-50%, -50%) rotateY(180deg);
}*/

	[class^="arrow"] {
		height: 200px;
		width: 50px;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
	}

		[class^="arrow"]:after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) rotate(-45deg);
			width: 15px;
			height: 15px;
		}

	.arrowr {
		right: 0;
	}

		.arrowr:after {
			border-right: 1px solid white;
			border-bottom: 1px solid white;
		}

	.arrowl {
		left: 0;
	}

		.arrowl:after {
			border-left: 1px solid white;
			border-top: 1px solid white;
		}

	.close {
		position: absolute;
		right: 0;
		width: 50px;
		height: 50px;
		background: rgba(0, 0, 0, 0.6);
		margin: 20px;
		cursor: pointer;
	}

		.close:after,
		.close:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 1px;
			height: 100%;
			background: #fff;
		}

		.close:after {
			transform: translate(-50%, -50%) rotate(-45deg);
		}

		.close:before {
			transform: translate(-50%, -50%) rotate(45deg);
		}

	@media screen and (max-width:767px) {
		.row.masonary-box {
			width: 100%;
			margin: 0 auto;
		}
	}

	.under_cn_main {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
	}

	span.un_logo_top img {
		max-width: 90%;
	}

	span.un_logo_top {
		position: absolute;
		top: -100px;
		left: -170px;
	}

	img.un_img_right {
		margin-top: -110px;
	}

	h2.un_title {
		color: #6d6e71;
		font-size: 58px;
		font-weight: 400;
		font-family: 'Roboto', sans-serif;
	}

	p.un_para {
		font-family: 'Roboto', sans-serif;
		color: #008cbf;
		font-size: 37px;
	}

	body.unbody {
		padding-top: 100px !important;
	}

	.under_cn_main .footer {
		margin-top: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -120px;
	}

		.under_cn_main .footer p {
			margin: 0;
		}

	.parts-icon img {
		max-width: 100%;
		border-radius: 0;
	}

	.parts h3.title {
		font-weight: 700;
		font-size: 22px;
	}

		.parts h3.title span {
			font-weight: 500;
			font-size: 13px;
			font-style: italic;
		}

	p.subtitle {
		color: #000;
		font-size: 16px;
		font-weight: 700;
		margin: 0;
	}

	p.subdesc {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		margin: 0;
	}

	.parts-img {
		margin-top: 15px;
	}

	.col-4.col-md-2.left-title {
		width: 12%;
	}

	.parts-wraper {
		margin-bottom: 70px;
	}

	.detail-view h2 {
		font-weight: 700;
		font-size: 24px;
	}

	@media screen and (max-width:1440px) {
		h2.un_title {
			font-size: 35px;
		}

		p.un_para {
			font-size: 22px;
		}

		body.unbody {
			padding-top: 20px !important;
		}

		.under_cn_main .footer {
			padding-top: 0;
		}

		span.un_logo_top {
			top: -30px;
			left: -120px;
		}
	}

	@media screen and (max-width:1199px) {

		span.un_logo_top {
			left: 0;
		}
	}

	@media screen and (max-width:1024px) {
		.under_cn_main .footer {
			bottom: 0;
		}
	}

	@media screen and (max-width:991px) {
		span.un_logo_top img {
			max-width: 65%;
		}

		.features-2.full-con-view.parts {
			overflow-x: hidden;
		}

		.parts-img {
			width: 50%;
			float: left;
		}

		span.box-1.icon.text-primary.parts-icon {
			width: 100%;
			height: 100%;
		}
	}

	@media screen and (max-width:767px) {
		span.un_logo_top {
			left: -100px;
			top: -80px;
		}

			span.un_logo_top img {
				max-width: 30%;
			}

		.under_cn_main {
			padding: 0 30px;
		}

		img.un_img_right {
			margin-top: 0;
		}

		body.unbody {
			padding-top: 70px !important;
		}

		h2.un_title {
			font-size: 22px;
		}

		p.un_para {
			font-size: 15px;
		}

		.under_cn_main .footer {
			padding-top: 80px;
			position: relative;
		}

		img {
			max-width: 100%;
		}

		.parts-wraper {
			margin-bottom: 0;
		}

		.parts h3.title {
			padding: 0 15px;
		}

			.parts h3.title br {
				display: block;
			}

		.col-4.col-md-2.left-title {
			width: 24%;
			flex: 24%;
			display: inline-block;
			vertical-align: middle;
		}

		.col-8.col-md-10.right-title {
			width: 75%;
			flex: 75%;
			display: inline-block;
			vertical-align: middle;
		}
	}

	@media screen and (max-width:479px) {
		.parts-img {
			width: 100%;
			float: left;
		}

		.parts h3.title span {
			width: 100%;
			display: block;
		}

		.col-4.col-md-2.left-title {
			width: 33%;
			float: left;
		}

		.col-8.col-md-10.right-title {
			width: 65%;
			float: left;
		}

		p.subtitle, p.subdesc {
			font-size: 14px;
		}

		.parts h3.title {
			font-size: 20px;
			margin-top: 0;
		}

		.frame-view {
			height: 100%;
		}

			.frame-view img {
				object-fit: cover;
				height: 100%;
			}

		span.un_logo_top {
			left: -100px;
			top: -80px;
		}

		.banner {
			padding: 40px 0 0px;
			background-position: 70% 60px;
			background-size: 153%;
			height: 220px;
		}

		.banner-sec {
			min-height: 220px;
			height: 220px;
			max-height: 220px;
		}

		.white .banner {
			min-height: 220px;
			height: 220px;
			max-height: 220px;
		}

			.white .banner.inner-hero {
				background-size: cover;
			}

		.banner.inner-hero.FlexContainer.about {
			background-size: 165% !important;
		}

		.banner.inner-hero {
			background-size: 150% !important;
			max-height: 230px;
			min-height: 230px;
		}

		.pro-img {
			height: 335px;
		}

		.un_logo img {
			max-width: 80%;
			padding-top: 60px;
			padding-bottom: 20px;
		}

		body.unbody {
			padding-top: 50px !important;
		}

		.under_cn_main .footer {
			padding-top: 30px;
		}

		.under_cn_main {
			height: 100%;
		}
	}

	@media screen and (max-width:375px) {
	}

	@media screen and (max-width:360px) {
	}

	@media screen and (max-width:320px) {
	}

	@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}


	/* Landscape */
	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}
	/* Landscape */
	@media screen and (device-width: 412px) and (device-height: 824px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}


	/* Landscape */
	@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	@media only screen and (min-device-width: 375px) and (max-device-width: 812px)
	/* and (-webkit-min-device-pixel-ratio: 3) */
	and (orientation: landscape) {
		.under_cn_main {
			height: auto;
		}
	}

	#myModalSubmit #myModalSubmit .modal-confirm {
		color: #636363;
		width: 325px;
		font-size: 14px;
	}

		#myModalSubmit #myModalSubmit .modal-confirm .modal-content {
			padding: 20px;
			border-radius: 5px;
			border: none;
		}

		#myModalSubmit #myModalSubmit .modal-confirm .modal-header {
			border-bottom: none;
			position: relative;
		}

		#myModalSubmit #myModalSubmit .modal-confirm h4 {
			text-align: center;
			font-size: 26px;
			margin: 30px 0 -15px;
		}

		#myModalSubmit #myModalSubmit .modal-confirm .form-control, #myModalSubmit #myModalSubmit .modal-confirm .btn {
			min-height: 40px;
			border-radius: 3px;
		}

		#myModalSubmit #myModalSubmit .modal-confirm .close {
			position: absolute;
			top: -5px;
			right: -5px;
		}

	#myModalSubmit .modal-confirm .modal-footer {
		border: none;
		text-align: center;
		border-radius: 5px;
		font-size: 13px;
	}

	#myModalSubmit .modal-confirm .icon-box {
		color: #fff;
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -70px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #82ce34;
		padding: 15px;
		text-align: center;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}

		#myModalSubmit .modal-confirm .icon-box i {
			font-size: 58px;
			position: relative;
			top: 3px;
		}

	#myModalSubmit .modal-confirm.modal-dialog {
		margin-top: 80px;
	}

	#myModalSubmit .modal-confirm .btn {
		color: #fff;
		border-radius: 4px;
		background: #82ce34;
		text-decoration: none;
		transition: all 0.4s;
		line-height: normal;
		border: none;
		font-size: 18px;
	}

		#myModalSubmit .modal-confirm .btn:hover, #myModalSubmit .modal-confirm .btn:focus {
			background: #6fb32b;
			outline: none;
		}

	#myModalSubmit .trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

	#myModalSubmit .modal-confirm h4 {
		text-align: center;
		font-size: 30px;
		margin: 30px 0 -15px;
		color: #5c5c5c;
	}

	#myModalSubmit p {
		font-size: 18px;
	}

	.staff-meta {
		margin-top: 20px;
	}

		.staff-meta h3 {
			margin: 0 0 10px;
		}

	.staff-list .owl-nav button {
		display: inline-block;
		width: 40px;
		height: 40px;
		background-color: #000 !important;
		transition: .3s;
		color: #fff !important;
		font-size: 20px !important;
	}

		.staff-list .owl-nav button:hover {
			background: #008abd !important;
			color: white !important;
		}

	.staff-list .owl-nav {
		position: absolute;
		/* right: 0; */
		top: 50%;
		width: 100%;
	}

	.staff-desc {
		margin-top: 20px;
	}

	.single-staff-item {
		border: 2px solid #ccc;
		min-height: 520px;
		margin-bottom: 30px;
	}

	.img-inner {
		background: #e8e8e8;
		cursor: pointer;
	}

	.staff-meta {
		padding: 0 15px;
	}

	button.owl-prev {
		position: absolute;
		left: -30px;
	}

	button.owl-next {
		position: absolute;
		right: -30px;
	}

	.login-section {
		position: relative;
		overflow: hidden;
	}

		.login-section:before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.2);
		}
	/* login form */
	.login-page {
		width: 400px;
		padding: 4% 0 0;
		margin: auto;
	}

		.login-page .form {
			position: relative;
			z-index: 1;
			background: #FFFFFF;
			max-width: 400px;
			margin: 0 auto 100px;
			padding: 45px;
			text-align: center;
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
		}

			.login-page .form input {
				font-family: "Roboto", sans-serif;
				outline: 0;
				background: #f2f2f2;
				width: 100%;
				border: 0;
				margin: 0 0 15px;
				padding: 15px 35px 15px 15px;
				box-sizing: border-box;
				font-size: 14px;
			}

	.act-type-view .checkbox {
		text-align: left;
	}

	button#btnLogin {
		background: #008abd;
		color: #fff;
		font-family: "Roboto", sans-serif;
		text-transform: uppercase;
		outline: 0;
		width: auto;
		border: 0;
		padding: 14px 30px;
		font-size: 14px;
		cursor: pointer;
		border-radius: 0;
	}

	.checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background-color: transparent;
		border: 2px solid #0079bf;
		box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
		padding: 6px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 5px;
	}

	.checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 5px;
		left: 6px;
		width: 5px;
		height: 9px;
		border: solid #0079bf;
		border-width: 0 2px 2px 0;
		transform: rotate( 45deg );
	}

	input#RememberMe {
		opacity: 0;
	}

	input#chkbox {
		opacity: 0;
		width: auto;
		margin: 0;
		padding: 0;
		float: left;
		text-align: left;
		display: none;
	}

	.login-page .form button {
		font-family: "Roboto", sans-serif;
		text-transform: uppercase;
		outline: 0;
		background: #008abd;
		width: auto;
		border: 0;
		padding: 14px 30px;
		color: #FFFFFF;
		font-size: 14px;
		-webkit-transition: all 0.3 ease;
		transition: all 0.3 ease;
		cursor: pointer;
	}

		.login-page .form button:hover, .login-page .form button:active, .login-page .form button:focus {
			background: #008abd;
		}

	.login-page .form .message {
		margin: 15px 0 0;
		color: #b3b3b3;
		font-size: 12px;
	}

		.login-page .form .message a {
			color: #008abd;
			text-decoration: none;
		}

	.login-page a.login-logo img {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.login-page .form-group {
		display: block;
		margin-bottom: 15px;
	}

		.login-page .form-group input {
			/*padding: 0;
	 height: initial;
	width: initial;
	margin-bottom: 0;
	display: none; */
			cursor: pointer;
		}

		.login-page .form-group input {
			cursor: pointer;
			font-family: "Roboto", sans-serif;
			outline: 0;
			background: #f2f2f2;
			width: 100%;
			border: 0;
			margin: 0 0 15px;
			padding: 15px 35px 15px 15px;
			box-sizing: border-box;
			font-size: 14px;
			height: auto !important;
			transition: none !important;
		}

	.back-bg {
		border: 1px solid #ccc;
		padding: 30px;
	}

	.login-logo {
		text-align: center;
	}

		.login-logo img {
			max-width: 80%;
			margin: 0 auto;
			text-align: center;
		}

	.login-page .form-group label {
		position: relative;
		cursor: pointer;
		font-weight: 400;
	}

		.login-page .form-group label:before {
			content: '';
			-webkit-appearance: none;
			background-color: transparent;
			border: 2px solid #0079bf;
			box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
			padding: 6px;
			display: inline-block;
			position: relative;
			vertical-align: middle;
			cursor: pointer;
			margin-right: 5px;
			margin-top: -2px;
		}

	.login-page .form-group input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 5px;
		left: 6px;
		width: 5px;
		height: 9px;
		border: solid #0079bf;
		border-width: 0 2px 2px 0;
		transform: rotate( 45deg );
	}

	form.login-form {
		position: relative;
		overflow: hidden;
	}

	span.email-img {
		position: absolute;
		right: 15px;
		top: 15px;
	}

	span.lock-img {
		position: absolute;
		right: 15px;
		top: 80px;
	}

	@media screen and (max-width:479px) {
		.login-page {
			width: 280px;
			padding: 8% 0 0;
			margin: auto;
		}

			.login-page .form {
				max-width: 300px;
				margin: 0 auto 25px;
				padding: 15px;
			}

		.single-staff-item {
			border: 2px solid #ccc;
			min-height: 460px;
		}

		.parts h3.title {
			font-size: 18px;
			margin-top: 0;
		}
	}

	.img-inner img {
		max-width: 100%;
	}

	a.link-pdf {
		padding-bottom: 10px;
		display: inline-block;
		text-decoration: underline;
	}

	.single-staff-item ul {
		list-style: disc;
		padding-left: 15px;
		color: #008abd;
		font-size: 20px;
	}

	@media screen and (max-width:479px) {
		span.line {
			display: none !important;
		}

		a.link-pdf {
			padding-bottom: 0;
			padding-top: 10px;
		}

		.parts h3.title span {
			padding-bottom: 0;
		}

		.parts-img {
			margin-top: 0;
			padding-top: 0;
		}

		.banner.inner-hero .opt-view h2 {
			font-size: 30px;
		}
	}


	.parts-program-banner {
		position: relative;
		background-color: #ffffff;
		margin: 80px 0;
	}

		.parts-program-banner .contents {
			box-shadow: 0 4px 10px 0 rgb(57 58 61 / 10%);
			padding: 25px;
		}
}
@media(max-width:575px){
	.banner.inner-hero.FlexContainer.specs {
		background-position: unset !important;
	}

	.banner.inner-hero {
		min-height: unset;
		background-size: auto;
		background-position: 30% -30%;
	}
}
@media(min-width:444px) and (max-width:575px) {
	
	.banner.inner-hero {
		max-height: 210px;
	}
}
@media(min-width:321px) and (max-width:443px) {

	.banner.inner-hero {
		max-height: 177px;
	}
}
@media(max-width:320px){

	.banner.inner-hero {
		max-height: 147px;
	}
}