body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	
}

/*--------------------------------------------------------------------------------------------------
	Navbar
--------------------------------------------------------------------------------------------------*/

.navbar {
	background-color: #fff!important;
	padding: 0.5rem 1rem;
	box-shadow: 0 -1px 12px 3px rgba(0, 0, 0, 0.2);
}

.navbar-brand {
	/*position: absolute;
	top: 0;*/
}

.navbar-nav {
	/*margin: 0 auto;*/
}

.nav-item {
	/*background-color: #f7f7f7;*/
	margin-left: 0.5rem;
	/*transform: skew(-15deg);*/
	min-width: 90px;
	position: relative;
}

.nav-item.active::after {
	content: "";
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: -3px;
	height: 3px;
	background-color: #40a531;
}

.nav-item:hover {
	/*background-color: #40a531;*/
}

.nav-link {
	color: #212529!important;
	font-family: 'Orbitron', sans-serif;
    padding: 0.75rem 0.65rem!important;
    /*height: 100px;*/
    /*line-height: 100px;*/
    text-align: center;
    text-transform: uppercase;
    /*transform: skew(15deg);*/
}

.nav-item.active .nav-link {
	color: #40a531!important;
}

.nav-item:hover .nav-link {
	color: #40a531!important;
}

/*.logo-nav-img {
	width: 115px;
}*/

.logo-nav-img-2 {
	width: 200px;
}

#carouselMain {
	margin-top: 92px;
}


/*--------------------------------------------------------------------------------------------------
	Landing Page
--------------------------------------------------------------------------------------------------*/

.landing-wrapper {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
	/*background: radial-gradient(#ECE9E6, #fff);*/
	background-color: #0f0c29;
	background: url(../img/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.landing-cover {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landing-logo-wrap {
	position: relative;
    padding-bottom: 70.2%;
}

.landing-logo-wrap img {
	position: absolute;
	width: 50%;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.landing-logo-text {
	/*margin: 2rem 0;*/
}

.landing-logo-text img {
	width: 70%;
	display: table;
    margin: 0 auto;
}

.landing-logo-text h1 {
	text-align: center;
}

.site-link {
	text-align: center;
	margin-top: 2rem;
    background-color: #1293c4;
    border-radius: 50px;
}

.site-link a {
	text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 8px 16px;
    color: #fff;
}

#logo-img-p-1 {
	animation: logo-animate-one 2.5s linear forwards;
}

@keyframes logo-animate-one {
	0% {
		opacity: 0;
	}
	11.5% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-2 {
	animation: logo-animate-two 2.5s linear forwards;
}

@keyframes logo-animate-two {
	0% {
		opacity: 0;
	}
	24% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-3 {
	animation: logo-animate-three 2.5s linear forwards;
}

@keyframes logo-animate-three {
	0% {
		opacity: 0;
	}
	36.5% {
		opacity: 0;
	}
	37.5% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-4 {
	animation: logo-animate-four 2.5s linear forwards;
}

@keyframes logo-animate-four {
	0% {
		opacity: 0;
	}
	49% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-5 {
	animation: logo-animate-five 2.5s linear forwards;
}

@keyframes logo-animate-five {
	0% {
		opacity: 0;
	}
	61.5% {
		opacity: 0;
	}
	62.5% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-6 {
	animation: logo-animate-six 2.5s linear forwards;
}

@keyframes logo-animate-six {
	0% {
		opacity: 0;
	}
	74% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-7 {
	animation: logo-animate-seven 2.5s linear forwards;
}

@keyframes logo-animate-seven {
	0% {
		opacity: 0;
	}
	86.5% {
		opacity: 0;
	}
	87.5% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

#logo-img-p-8 {
	animation: logo-animate-eight 2.5s linear forwards;
}

@keyframes logo-animate-eight {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
	/*100% {
		opacity: 1;
	}*/
}


/*--------------------------------------------------------------------------------------------------
	Home Page
--------------------------------------------------------------------------------------------------*/

.home-wrapper {
	position: relative;
}

.top-head {
	padding: 3rem;
	text-align: center;
}

.single-icon img {
	width: 35%;
	margin: 0 auto;
	border: 4px solid #909090;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.single-icon h5 {
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.single-icon p {
	padding: 0 1rem;
    color: #7b7b7b;
}

.house-color {
	color: #40a531;
}

.heading-highlight, .heading-highlight-center {
	height: 2px;
	width: 15%;
	background-color: #40a531;
	margin-bottom: 2rem;
}

.heading-highlight-center {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.text-capital {
	text-transform: uppercase;
}

.top-head-pj {
	padding: 0 3rem 3rem;
	text-align: center;
}

.top-head-pj h1 {
	/*color: #40a531;*/
}

.top-head-pj p {
	/*font-size: 1.4rem;*/
	width: 60%;
	margin: 0 auto;
	margin-bottom: 200px;
}

.top-projects {
	background-color: #40a531;
	position: relative;
	height: 300px;
}

.projects-card-inner {
	position: absolute;
	top: -200px;
}

.other-projects-wrap {
	position: absolute;
	bottom: 60px;
	text-align: center;
	left: 0;
	right: 0;
}

.other-projects-wrap h3 {
	display: inline-block;
	color: #fff;
	margin-right: 50px;
}

.btn-projects {
	background-color: #fff;
	border-radius: 0;
}

.btn-projects a {
	color: #40a531;
	text-decoration: none;
}

.btn-projects:hover {
	background-color: #e2e2e2;
}

.hm-about {
	background-color: #f1f1f1;
}

.fm-wrap h3, .hm-pdt-cata h3 {
	font-size: 1.5rem;
}

.hm-abt-row {
	padding: 5rem 0;
}

.hm-abt-wrap {
	padding-right: 2rem;
}

.hm-abt-wrap h4 {
	font-size: 1.3rem;
	margin-bottom: 2rem;
	padding-top: 2rem;
}

.hm-abt-wrap p {
	margin-bottom: 2rem;
}

.hm-abt-link {
	background-color: #40a531;
	color: #fff;
	border-radius: 0;
}

.hm-abt-link:hover {
	background-color: #fff;
	color: #40a531;
	border: 1px solid #40a531;
}

.pdt-cata-img {
	position: relative;
}

.pdt-cata-link {
	position: absolute;
	top: 62%;
	left: 62%;
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	padding: 5px 10px;
}

.pdt-cata-link:hover {
	color: #40a531;
	background-color: #fff;
	text-decoration: none;
}

.management-wrapper {
	padding: 4rem 0;
}

.management-wrapper h3 {
	text-align: center;
}

.mgmt-title {
	margin: 1rem 0;
	color: #40a531;
	text-align: center;
}

.modal-dialog {
    max-width: 80vw;
}

.row-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.range-inner {
	position: relative;
}

.range-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem 0.5rem 0.5rem 1rem;
}

.range-title::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0,0,0,.7), transparent);
}

.range-title h5 {
	color: #fff;
	position: relative;
	z-index: 1;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
}




.arrivals-wrapper {
	background-color: #fafafa;
	padding: 4rem 0;
}

.arrival-head {
	text-align: center;
	margin-bottom: 3rem;
}

.pdt-carousel-row {
	flex-wrap: nowrap;
    overflow: hidden;
}

.pdt-carousel-card {
	box-shadow: 0px 2px 6px rgba(0,0,0,.2);
	background-color: #fff;
	/*animation: pdtCarousel 5s ease infinite;*/
}

@keyframes pdtCarousel {
	0% {
		transform: translateX(0%);
	}
	18% {
		transform: translateX(0%);
	}
	20% {
		transform: translateX(calc(-100% - 30px));
	}
	38% {
		transform: translateX(calc(-100% - 30px));
	}
	40% {
		transform: translateX(calc(-200% - 60px));
	}
	58% {
		transform: translateX(calc(-200% - 60px));
	}
	60% {
		transform: translateX(calc(-300% - 90px));
	}
	78% {
		transform: translateX(calc(-300% - 90px));
	}
	80% {
		transform: translateX(calc(-400% - 120px));
	}
	98% {
		transform: translateX(calc(-400% - 120px));
	}
	100% {
		transform: translateX(0%);
	}
}

.pdt-carousel-title {
	text-align: center;
}

.pdt-carousel-btn {
	text-align: center;
	background-color: #40a531;
    color: #fff;
    border-radius: 0;
    margin: 0 auto;
    display: table;
}

.pdt-carousel-btn:hover {
	background-color: #fff;
	color: #40a531;
	border: 1px solid #40a531;
}

.hm-vr-wrapper {
	background: url(../img/banner1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 10rem 0;
}

.hm-vr-cover {
	padding: 0 4rem;
}

.hm-vr-text {
	width: 50%;
	padding: 4rem 3rem;
	background-color: rgba(0,0,0,.5);
}

.hm-vr-text h3 {
	color: #fff;
	text-align: center;
	margin-bottom: 2rem;
}

.hm-vr-text p {
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.hm-vr-link {
	text-align: center;
	background-color: #40a531;
    color: #fff;
    border-radius: 0;
    margin: 0 auto;
    display: table;
}

.hm-vr-link:hover {
	background-color: #fff;
	color: #40a531;
	border: 1px solid #40a531;
}

.hm-brands-wrapper {
	padding: 4rem 0;
}

.hm-brands-cover h3 {
	text-align: center;
	margin-bottom: 2rem;
}

.hm-brands-inner {
	overflow: hidden;
	position: relative;
}

.hm-brands-inner img {
	transition: all .4s ease;
}

.hm-brands-inner:hover img {
	transform: scale(1.1);
}

.hm-query-box {
	position: fixed;
	background-color: #40a531;
	right: 0;
	top: 40%;
}

.hm-query-box a {
	color: #fff;
	text-decoration: none;
    padding: .5rem .2rem;
    text-orientation: upright;
    writing-mode: vertical-rl;
}


/*--------------------------------------------------------------------------------------------------
	About Us
--------------------------------------------------------------------------------------------------*/

.about-banner-top {
	margin-top: 92px;
	min-height: 200px;
	background: url(../img/about-banner.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-wrapper {
	padding: 6rem 0 4rem 0;	
}

.vision-wrapper {
	padding: 4rem 0;
	background-color: #f5f5f5;
}

.vision-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 2;
}

.vision-wrap, .mission-wrap, .quality-wrap {
	padding: 1rem;
	text-align: center;
}

.vision-wrap {
	grid-column: 1/3;
}

.mission-wrap {
	grid-column: 3/5;
}

.quality-wrap {
	margin-top: 2rem;
	grid-column: 2/4;
}

.infra-wrapper {
	padding: 4rem 0;
}

.infra-container h3 {
	text-align: center;	
}

/*--------------------------------------------------------------------------------------------------
	Projects
--------------------------------------------------------------------------------------------------*/

.projects-wrapper {
	padding: 4rem 0;
	margin-top: 92px;
}


/*--------------------------------------------------------------------------------------------------
	Virtual Room
--------------------------------------------------------------------------------------------------*/

.vr-wrapper {
	padding: 5rem 0;
}

.vr-top {
	padding: 4rem 0 2rem 0;
}

.vr-desc {
	width: 70%;
	margin: 0 auto 4rem auto;
}

.vr-rooms-inner {
	position: relative;
	overflow: hidden;
}

.vr-rooms-inner a {
	position: relative;
	display: block;
}

.vr-rooms-inner a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	transform: translateY(100%);
	background-color: rgba(0,0,0,.5);
	transition: .3s all ease;
}

.vr-rooms-inner a:hover::after {
	/*top: 0;
	height: 100%;*/
	transform: translateY(0);
	transform-origin: bottom;
}

.vr-overlay {
	position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
}

.vr-overlay h6 {
	margin: 0;
    padding: .5rem 0;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
}

.vr-top h1 {
	text-align: center;
	color: #40a531;
}

.vr-top p {
	text-align: center;
	font-size: 1.2rem;
}

.vr-inner-wrap {
	position: relative;
}

.vr-r-1 {
	margin: 0 auto;
	display: table;
	position: relative;
}

.vr-im, .vr-im1, .vr-im2, .vr-im3, .vr-im4, .vr-im5 {
	position: absolute;
	top: 0;
	left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.vr-img {
	position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.vr-markers {
	position: absolute;
    width: 200px;
    height: 100px;
}

.vr-markers-kit {
	top: 4%;
    left: 41%;
}

.vr-markers-off {
	top: 4%;
    left: 30%;
}

.vr-markers-living {
	top: 14%;
    left: 23%;
}

.vr-markers-g {
	position: absolute;
    width: 200px;
    height: 100px;
}

.vr-markers-g-kit {
	top: 48%;
    left: 32%;
}

.vr-markers-g-off {
	top: 50%;
    left: 33%;
}

.vr-markers-g-living {
	top: 37%;
    left: 10%;
}

.vr-markers-y {
	position: absolute;
    width: 200px;
    height: 100px;
}

.vr-markers-y-kit {
	top: 4%;
    left: 4%;
}

/*.vr-markers-g-off {
	top: 50%;
    left: 33%;
}

.vr-markers-g-living {
	top: 55%;
    left: 37%;
}*/

.red-marker, .green-marker, .yellow-marker {
	position: relative;
	width: 100%;
	height: 100%;
}

.rm-display {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*background-color: rgba(255,0,0,.5);*/
	background: url(../img/vr-pointer.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 2px 2px rgba(0,0,0,.12);
	top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.rm-display:hover div.marker-thumbs {
	visibility: visible;
	opacity: 1;
}

.gm-display {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*background-color: rgba(0,128,0,.7);*/
	background: url(../img/vr-pointer-g.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 2px 2px rgba(0,0,0,.12);
	top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.yl-display {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*background-color: rgba(0,128,0,.7);*/
	background: url(../img/vr-pointer-y.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 2px 2px rgba(0,0,0,.12);
	top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.marker-thumbs, .marker-thumbs-g, .marker-thumbs-y {
	position: relative;
	left: 50px;
	top: -38px;
	width: 200px;
	background-color: #fff;
	padding: 0.5rem 1rem;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
	transition: .3s;
}

.marker-thumbs::before, .marker-thumbs-g::before, .marker-thumbs-y::before {
	content: "";
	position: absolute;
	left: -10px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%)rotate(45deg);
}

.rm-display-wrap, .gm-display-wrap, .yl-display-wrap {
    height: 30px;
    width: 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.rm-display-wrap:hover div.marker-thumbs {
	visibility: visible;
	opacity: 1;
}

.gm-display-wrap:hover div.marker-thumbs-g {
	visibility: visible;
	opacity: 1;
}

.yl-display-wrap:hover div.marker-thumbs-y {
	visibility: visible;
	opacity: 1;
}

.marker-thumbs-vis {
	visibility: visible;
	opacity: 1;
}

.marker-thumbs h6, .marker-thumbs-g h6, .marker-thumbs-y h6 {
	text-align: center;
}

.vr-thumb-list {
	list-style: none;
	max-height: 100px;
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
}

.variations {
	display: inline-block;
	margin: 0 .5rem;
}

.variations figure {
	max-height: 90px;
	cursor: pointer;
	margin-bottom: 0;
}

.variations figcaption {
	text-align: center;
}

.vr-bottom {
	/*width: 60%;*/
	margin: 0 auto;
	margin-bottom: 2rem;
}

.vr-room-name {
	background-color: #40a531;
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
}

.vr-room-name h3 {
	color: #fff;
	padding: 1rem;
}

.vr-det-box {
	padding: 1rem .5rem;
}

.vr-r-des2, .vr-r-des3, .vr-g-des2, .vr-g-des3, .vr-y-des2, .vr-y-des3 {
	display: none;
}

.img-thumbnails {
	border: 2px solid #fff;
	outline: 1px solid #9d9d9d;
}


/*--------------------------------------------------------------------------------------------------
	Products
--------------------------------------------------------------------------------------------------*/

.products-wrapper {
	padding: 4rem 0;
	margin-top: 92px;
	background-color: #f7f7f7;
}

.pdt-cat-head {
	/*text-align: center;*/
	margin-bottom: 2rem;
	font-size: 2.2rem;
	padding-left: 10px;
}

.pdt-cat-head span {
	color: #40a531;
}

.pdt-cat-sidenav {
	background-color: #fff;
	padding: 0.5rem;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.pdt-cat-sidenav h3 {
	font-size: 1.4rem;
    text-transform: uppercase;
    border-bottom: 1px solid #40a531;
    padding-bottom: .75rem;
    color: #40a531;
}

.pdt-cat-sidenav ul {
	list-style: none;
	padding-left: 0;
}

.pdt-cat-sidenav ul li {
	padding: .5rem;
    border-bottom: 1px solid #e2e2e2;
}

.pdt-cat-sidenav ul li:hover {
	background-color: #ccc;
}

.pdt-cat-sidenav ul li a {
	color: #121212;
	text-decoration: none;
    display: block;
}

.pdt-cat-cover {
	margin-bottom: 1rem;
    padding: 0 0.5rem;
    overflow: hidden;
}

.pdt-cat-box {
	position: relative;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	transition: all .5s ease;
}

.pdt-cat-box:hover {
	transform: scale(.95);
}

.pdt-cat-desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    /*cursor: pointer;*/
    transition: all .3s ease;
}

.pdt-cat-desc:hover {
	background-color: rgba(0,0,0,.6);
}

.pdt-cat-desc h4 {
	text-align: center;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.2);
}

.pdt-cat-desc a {
	text-decoration: none;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	padding: .5rem 1.5rem;
	border-radius: 50px;
	opacity: 0;
	visibility: hidden;
}

.pdt-cat-desc:hover a {
	opacity: 1;
	visibility: visible;
}

.features-row {
	margin-top: 3rem;
}

.features-head {
	font-size: 2rem;
	margin-bottom: 2rem;
}

.features-head span {
	color: #40a531;
}

.features-icon-inner {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.features-icon-wrap {
	margin: .25rem;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------------------------------------------
	Product categories
--------------------------------------------------------------------------------------------------*/

.ind-ser-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.model-link {
	margin: 0 0.5rem 1rem 0.5rem;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	color: #777777;
	text-decoration: none;
	position: relative;
	transition: all .5s ease;
	transform-origin: top;
}

.model-link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	transform: scaleY(0);
	transition: all 2s ease;
}

.model-link:hover {
	text-decoration: none;
	color: #121212;
}

.model-link:hover::after {
	content: "";
	position: absolute;
	/*top: 0;
	right: 0;
	bottom: 0;
	left: 0;*/
	/*background-color: rgba(0,0,0,.5);*/
	transform: scaleY(1);
	transform-origin: top;
}

.model-card-body {
	padding: .5rem 1.25rem;
}

.model-title {
	font-size: 1.1rem;
    margin-bottom: 0;
    text-align: center;
}



/*--------------------------------------------------------------------------------------------------
	Contact Us
--------------------------------------------------------------------------------------------------*/

.ct-wrapper-outer {
	padding-top: 92px;
}

#ct-head {
	background: url(../img/contact-us.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin-bottom: 3rem;
}

#ct-head h1 {
	text-align: right;
	color: #40a531;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.ct-address-wrap {
	padding-left: 2rem;
}

.ct-address-inner, .ct-address-mails, .ct-address-social {
	margin-bottom: 2rem;
}

.ct-form h4 {
	text-transform: uppercase;
	color: #40a531;
	margin-bottom: 2rem;
}

.ct-form-text h4 {
	text-transform: uppercase;
	color: #40a531;
	margin-bottom: 1rem;
}

.ct-address-inner h4 {
	margin-bottom: 2rem;
}

.ct-address-mails i {
	color: #40a531;
	margin-right: 5px;
}

.ct-address-mails a {
	text-decoration: none;
	color: #212529;
}

.ct-address-mails i.fa-phone {
	transform: rotateY(180deg);
}

.social-wrap {
	list-style: none;
	display: flex;
	flex-direction: row;
	padding-left: 0;
	margin: 0;
}

.social-wrap li {
	margin-right: 1.5rem;
}

.social-wrap li a {
	text-decoration: none;
}

.social-wrap li a i {
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #40a531;
	border-radius: 50%;
}

.btn-ct-form {
	background-color: #40a531;
	color: #fff;
}

.btn-ct-form:hover {
	background-color: #0a5473;
}

#ct-page {
	margin-bottom: 3rem;
}

.error {
	width: 100%;
	text-align: center;
}

#mail-msg-alert {
	padding: 2rem;
}

#mail-msg-alert h5, #mail-msg-alert p {
	text-align: center
}

#mail-msg-alert button {
	display: table;
    margin: 0 auto;
}

#mail-msg-alert button a {
	color: #fff;
}

#mail-msg-alert button a:hover {
	color: #ccc;
}

.btn-ct-error {
	display: table;
	margin: 0 auto;
	background-color: #ccc;
	color: #121212;
	border-radius: 50px;
	width: 225px;
    text-align: center;
    padding: 1rem;
    margin: 1rem auto;
}

#ct-maps {
	padding: 0;
}

#ct-maps h4 {
	text-align: center;
	color: #40a531;
	margin-bottom: 2rem;
}

.map-inner {
	overflow: hidden;
}

#ct-maps iframe {
	display: block;
}


/*--------------------------------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------------------------------*/

.footer-wrapper {
	padding: 3rem 0;
	/*background-color: #3e3e3e;*/
	background: url(../img/footer-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.footer-social, .footer-navigation {
	display: flex;
	justify-content: space-around;
}

.footer-social ul {
	list-style: none;
	padding-left: 0;
}

.footer-social li {
	float: left;
	margin: 0 2rem;
}

.footer-link {
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50%;
	background-color: #606060;
	text-align: center;
    line-height: 40px;
}

.footer-link i {
	color: #fff;
}

.footer-link:hover {
	background-color: #40a531;
}

.footer-navigation ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.footer-navigation li {
	float: left;
	margin: 1rem 2rem;
}

.footer-pg-link {
	color: #fff;
}

.footer-pg-link:hover {
	color: #ddd;
	text-decoration: none;
}

.footer-bottom {
	text-align: center;
	color: #fff;
    font-size: 0.85rem;
    line-height: 1.7rem;
}

.footer-bottom a {
	color: #fff;
}

.footer-bottom a:hover {
	color: #40a531;
}








.rmo-display {
	height: 30px;
	width: 30px;
	display: block;
	background-color: red;
}

.marker-thumb {
	opacity: 0;
}

.redd-marker:hover div.marker-thumb {
	opacity: 1;
}

.rmo-display:hover div.marker-thumb {
	/*opacity: 1;*/
}

.vr-thumb-lists {
	display: flex;
	list-style: none;
	/*opacity: 0;*/
}

.rmo-display:hover {
	/*opacity: 0;*/
}

.variation {
	width: 50px;
	height: auto;
}

/*--------------------------------------------------------------------------------------------------
	Admin Panel
--------------------------------------------------------------------------------------------------*/

.form-wrapper {
	padding: 8rem 0 2rem 0;
}

.table-wrapper {
	padding: 2rem 0;
}

.admin-table {
	width: 100%;
	border: 1px solid #40a531;
}

.admin-table tr:nth-child(odd) {
	background-color: #e5f7ff;
}

.admin-table th {
	background-color: #40a531;
	padding: .25rem;
	color: #fff;
}

.admin-table td {
	padding: .25rem;
}