.black {
	position: fixed;
	top: 0;
	background: #333;
	width: 100%;
	height: 50px
}

.black ul {
	list-style-type: none;
	padding: 0
}

.black ul li {
	display: inline-block;
	width: 100px;
	color: red
}

.line {
	background: url(../images/line.png) right no-repeat;
	background-position-y: 32px
}

.blue {
	position: fixed;
	top: 0;
	background: blue;
	width: 100%;
	height: 50px
}

body {
	background: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #272727;
	font-size: 16px;
	overflow-x: hidden;
	line-height: 1.5;
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	color: #272727
}

h3 {
	font-size: 24px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

p {
	font-weight: 400;
	color: #272727;
	line-height: 1.5;
	margin-bottom: 15px
}

a {
	color: #45aed6;
	-webkit-transition: color 400ms, background-color 400ms;
	-moz-transition: color 400ms, background-color 400ms;
	-o-transition: color 400ms, background-color 400ms;
	transition: color 400ms, background-color 400ms
}

a:hover,
a:focus {
	text-decoration: none;
	color: #2a95be
}

hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff
}

.mt-0 {
	margin-top: 0 !important
}

.mt-5 {
	margin-top: 5px !important
}

.mt-10 {
	margin-top: 10px !important
}

.mt-15 {
	margin-top: 15px !important
}

.mt-20 {
	margin-top: 20px !important
}

.mt-30 {
	margin-top: 30px !important
}

.mt-40 {
	margin-top: 40px !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-5 {
	margin-bottom: 5px !important
}

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

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

.mb-20 {
	margin-bottom: 20px !important
}

.mb-30 {
	margin-bottom: 30px !important
}

.mb-40 {
	margin-bottom: 40px !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-5 {
	padding-top: 5px !important
}

.pt-10 {
	padding-top: 10px !important
}

.pt-15 {
	padding-top: 15px !important
}

.pt-20 {
	padding-top: 20px !important
}

.pt-30 {
	padding-top: 30px !important
}

.pt-40 {
	padding-top: 40px !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-5 {
	padding-bottom: 5px !important
}

.pb-10 {
	padding-bottom: 10px !important
}

.pb-15 {
	padding-bottom: 15px !important
}

.pb-20 {
	padding-bottom: 20px !important
}

.pb-30 {
	padding-bottom: 30px !important
}

.pb-40 {
	padding-bottom: 40px !important
}

.gradiant {
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%)
}

.gradiant-horizontal {
	background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%)
}

.section-padding {
	padding: 40px 0
}

.section-header {
	margin-bottom: 30px
}

.section-header .section-title {
	font-size: 26px;
	color: #8c7e5c;
	position: relative;
	padding-bottom: 20px;
	margin: 0;
	font-weight: 500;
	letter-spacing: 1px
}

.section-header .section-title:before {
	content: "";
	position: absolute;
	width: 140px;
	bottom: 0;
	left: 50%;
	margin-left: -70px;
	height: 1px;
	background: #c9ad7e
}

.section-header .section-title:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: -11px;
	left: 50%;
	margin-left: -12px;
	border: 5px solid #c9ad7e;
	border-radius: 20px;
	background: #76103d
}

.navbar-brand {
	height: auto;
	padding: 5px
}

.btn {
	border-width: 0;
	border-bottom-width: 3px;
	border-radius: 3px
}

.btn.btn-primary {
	background: #45aed6;
	border-color: #2a95be
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background: #2a95be
}

.column-title {
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	position: relative
}

.column-title:after {
	content: " ";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 40%;
	border-bottom: 1px solid #45aed6
}

ul.nostyle {
	list-style: none;
	padding: 0;
	margin-bottom: 20px
}

ul.nostyle i {
	color: #45aed6
}

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

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

#main-slider {
	overflow: hidden
}

#main-slider .item {
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#main-slider .slider-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff
}

#main-slider .slider-inner h2 {
	margin-top: 180px;
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff
}

#main-slider .slider-inner h2>span {
	color: #45aed6
}

#main-slider .slider-inner .btn {
	margin-top: 10px
}

#main-slider .owl-prev,
#main-slider .owl-next {
	position: absolute;
	top: 50%;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 30px;
	display: inline-block;
	margin-top: -35px;
	height: 70px;
	width: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 100px;
	z-index: 5;
	-webkit-transition: background-color 400ms;
	transition: background-color 400ms
}

#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
	background-color: #45aed6
}

#main-slider .owl-prev {
	left: -35px;
	text-indent: 14px
}

#main-slider .owl-next {
	right: -35px;
	text-indent: -14px
}

#bar {
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #c3a065
}

#progressBar {
	margin-top: -4px;
	position: relative;
	z-index: 999;
	width: 100%;
	background: rgba(0, 0, 0, 0.1)
}

#cta {
	padding: 50px 0;
	background-color: #eeeeee
}

#cta h2 {
	margin-top: 0
}

#cta .btn {
	margin-top: 40px
}

#cta2 {
	background: #242a33 url() no-repeat 50% 50%;
	background-size: cover;
	color: #fff;
	padding-top: 70px
}

#cta2 .btn {
	margin-top: 10px
}

#cta2 h2 {
	color: #fff;
	font-size: 44px;
	line-height: 1
}

#cta2 h2>span {
	color: #45aed6
}

#features {
	padding: 40px 0
}

#features .media.service-box:first-child {
	margin-top: 8px
}

#services {
	padding: 40px 0 75px
}

.media.service-box {
	margin: 25px 0
}

.media.service-box .pull-left {
	margin-right: 20px
}

.media.service-box .pull-left>i {
	font-size: 24px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	width: 64px;
	border-radius: 100%;
	color: #45aed6;
	box-shadow: inset 0 0 0 1px #d7d7d7;
	-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
	transition: background-color 400ms, background-color 400ms;
	position: relative
}

.media.service-box .pull-left>i:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	right: -10px;
	border: 4px solid #fff;
	border-radius: 20px;
	background: #45aed6
}

.media.service-box:hover .pull-left>i {
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	color: #fff;
	box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8)
}

#portfolio {
	padding: 50px 0 50px;
	background: #efeddf
}

#offer {
	padding: 50px 0 50px;
	background: #efeddf
}

#portfolio .portfolio-filter {
	list-style: none;
	padding: 0;
	margin: 0 0 50px;
	display: inline-block
}

#portfolio .portfolio-filter>li {
	float: left;
	display: block
}

#portfolio .portfolio-filter>li a {
	display: block;
	padding: 7px 15px;
	background: #e5e5e5;
	color: #64686d;
	position: relative
}

#portfolio .portfolio-filter>li a:hover,
#portfolio .portfolio-filter>li a.active {
	background: #45aed6;
	color: #fff;
	box-shadow: 0 -3px 0 0 #318daf inset;
	-webkit-box-shadow: 0 -3px 0 0 #318daf inset
}

#portfolio .portfolio-filter>li a.active:after {
	content: " ";
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #318daf transparent transparent transparent
}

#portfolio .portfolio-filter>li:first-child a {
	border-radius: 4px 0 0 4px
}

#portfolio .portfolio-filter>li:last-child a {
	border-radius: 0 4px 4px 0
}

#portfolio .portfolio-items {
	margin: -15px
}

#portfolio .portfolio-item {
	width: 24.9%;
	float: left;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

#portfolio .portfolio-item .portfolio-item-inner {
	position: relative
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
	opacity: 0;
	transition: opacity 400ms;
	-webkit-transition: opacity 400ms;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
	font-size: 16px;
	line-height: 1;
	margin: 0;
	color: #fff
}

#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
	position: absolute;
	top: -18px;
	right: 12px;
	border-radius: 50%;
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	box-shadow: 0 0 0 2px #fff;
	-webkit-box-shadow: 0 0 0 2px #fff
}

#portfolio .portfolio-item:hover .portfolio-info {
	opacity: 1
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s
}

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}

#testimonial {
	background: #333333 url() no-repeat 0 0;
	background-size: cover;
	padding: 100px 0;
	color: #fff
}

#testimonial h4 {
	color: #fff;
	margin-bottom: 0
}

#testimonial small {
	display: block;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.7)
}

#testimonial .btns {
	margin-top: 10px
}

#about {
	padding: 100px 0 50px
}

#work-process {
	padding: 100px 0 50px;
	background: #20222e url() no-repeat 0 0;
	background-size: cover;
	color: #fff
}

#work-process h2 {
	color: #fff
}

#work-process h3 {
	color: #fff;
	margin-bottom: 0
}

#work-process .icon-circle {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border: 2px solid #45aed6;
	border-radius: 100px;
	position: relative
}

#work-process .icon-circle>span {
	border-style: solid;
	border-width: 2px;
	border-color: #45aed6;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	width: 24px;
	height: 24px;
	line-height: 20px;
	top: -12px;
	color: #64686d
}

#work-process h3 {
	margin-bottom: 50px
}

#meet-team {
	padding: 0px 0px
}

#meet-team .team-member {
	padding: 13px;
	background: #eeeeee;
	border: 2px solid #eeeeee;
	transition: border-color 400ms;
	-webkit-transition: border-color 400ms
}

#meet-team .team-member .team-img {
	margin: -15px -15px 0 -15px
}

#meet-team .team-member .team-info {
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px
}

#meet-team .team-member:hover {
	border-color: #45aed6
}

#meet-team .team-member:hover .social-icons>li>a {
	background: #45aed6
}

#meet-team .social-icons {
	list-style: none;
	padding: 0;
	margin: 0
}

#meet-team .social-icons>li {
	display: inline-block
}

#meet-team .social-icons>li>a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #222534;
	border-radius: 3px
}

.divider {
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	width: 95%;
	height: 1px
}

.progress {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #eeeeee
}

.progress .progress-bar.progress-bar-primary {
	background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	-webkit-box-shadow: none;
	box-shadow: none
}

.nav.main-tab {
	background: #eee;
	border-bottom: 3px solid #222534;
	border-radius: 3px 3px 0 0
}

.nav.main-tab>li>a {
	color: #272727
}

.nav.main-tab>li.active>a {
	background: #222534;
	color: #45aed6
}

.nav.main-tab>li:first-child>a {
	border-radius: 3px 0 0 0
}

.nav.main-tab>li:last-child>a {
	border-radius: 0 3px 0 0
}

.tab-content {
	border: 1px solid #eee;
	border-top: 0;
	padding: 20px 20px 10px;
	border-radius: 0 0 3px 3px
}

.panel-default>.panel-heading {
	background-color: #fff;
	border-color: #eee
}

.panel-default>.panel-heading .panel-title {
	font-size: 14px;
	font-weight: normal
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #eee
}

#animated-number {
	padding: 100px 0 70px;
	background: #132125 url() no-repeat 0 0;
	background-size: cover;
	color: #fff
}

#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
	color: #fff
}

#animated-number strong {
	display: block;
	margin-bottom: 30px
}

.animated-number {
	display: inline-block;
	width: 140px;
	height: 140px;
	font-size: 24px;
	line-height: 140px;
	border: 3px solid #fff;
	border-radius: 100px;
	margin-bottom: 20px
}

#pricing {
	padding: 100px 0 70px
}

#pricing ul.pricing {
	list-style: none;
	padding: 0;
	margin: 70px 0 30px;
	border: 1px solid #eee;
	border-radius: 5px 5px 4px 4px;
	padding: 15px;
	text-align: center
}

#pricing ul.pricing li {
	display: block;
	padding: 10px
}

#pricing ul.pricing li.plan-header {
	background: #eee;
	border-radius: 4px 4px 0 0;
	margin: -15px -15px 10px;
	padding: 15px 15px 30px;
	border: 0
}

#pricing ul.pricing li.plan-header .price-duration {
	position: relative;
	margin-top: -63px;
	top: -10px;
	display: inline-block;
	width: 116px;
	height: 116px;
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	color: #fff;
	border-radius: 100px;
	border: 5px solid #f6f6f6
}

#pricing ul.pricing li.plan-header .price-duration>span {
	display: block;
	line-height: 1
}

#pricing ul.pricing li.plan-header .price-duration>span.price {
	font-size: 24px;
	font-weight: 700;
	margin-top: 35px
}

#pricing ul.pricing li.plan-header .price-duration>span.duration {
	margin-top: 5px
}

#pricing ul.pricing li.plan-header .plan-name {
	margin-top: 10px;
	font-size: 24px;
	color: #272727;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase
}

#pricing ul.pricing.featured {
	background: #222534;
	color: #fff;
	border: 0
}

#pricing ul.pricing.featured li.plan-header {
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%)
}

#pricing ul.pricing.featured li.plan-header .plan-name {
	color: #fff
}

#get-in-touch {
	padding: 100px 0 50px;
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	color: #fff
}

#get-in-touch h1,
#get-in-touch h2 {
	color: #fff
}

#blog {
	padding: 100px 0
}

#blog .blog-post {
	border: 1px solid #eee;
	padding: 15px
}

#blog .blog-post .post-format {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background: #222534;
	border: 3px solid #fff;
	border-radius: 100px
}

#blog .blog-post.blog-large .entry-thumbnail {
	margin: -15px -15px 15px;
	position: relative
}

#blog .blog-post.blog-large .post-format {
	width: 66px;
	height: 66px;
	line-height: 60px;
	position: absolute;
	right: 20px;
	bottom: -33px
}

#blog .blog-post.blog-large .post-format>i {
	font-size: 20px
}

#blog .blog-post.blog-large .entry-date {
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #45aed6
}

#blog .blog-post.blog-large .entry-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 15px
}

#blog .blog-post.blog-large .entry-title a {
	color: #64686d
}

#blog .blog-post.blog-large .entry-title a:hover {
	color: #45aed6
}

#blog .blog-post.blog-media {
	margin-bottom: 30px
}

#blog .blog-post.blog-media .entry-thumbnail {
	margin: -15px 15px -15px -15px;
	position: relative
}

#blog .blog-post.blog-media .post-format {
	position: absolute;
	top: 20px;
	right: -10px
}

#blog .blog-post.blog-media .entry-date {
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #45aed6
}

#blog .blog-post.blog-media .entry-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 15px
}

#blog .blog-post.blog-media .entry-title a {
	color: #64686d
}

#blog .blog-post.blog-media .entry-title a:hover {
	color: #45aed6
}

#blog .blog-post .entry-meta {
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 15px
}

#blog .blog-post .entry-meta>span {
	display: inline-block;
	margin-right: 10px;
	color: #999
}

#blog .blog-post .entry-meta>span>a {
	color: #999
}

#blog .blog-post .entry-meta>span>a:hover {
	color: #45aed6
}

#contact {
	position: relative;
	overflow: hidden
}

#contact .container-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(69, 174, 214, 0.3);
	z-index: 1
}

#contact .contact-form {
	background: rgba(255, 255, 255, 0.8);
	padding: 20px;
	margin-top: 35px
}

#contact .contact-form h3 {
	margin-top: 0
}

#footer {
	color: #fff;
	background: #0c0c0c
}

#footer a {
	color: #fff
}

#footer a:hover {
	color: #45aed6
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0 -7.5px
}

#footer ul>li {
	display: inline-block;
	margin: 0 7.5px
}

.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	height: 40px
}

#main-slider .carousel-content h2 {
	color: #025018;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .35)
}

.red,
.error {
	color: red
}

.green,
.success {
	color: green
}

.media-body p {
	text-align: justify;
	font-size: 16px
}

.slidText span {
	font-weight: 500;
	font-size: 16px;
	padding: 0px 8px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.8)
}

.slideTxt2 {
	font-size: 22px;
	font-weight: 600;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .35)
}

#about table tr th {
	padding: 0 35px
}

.gr td {
	background: #66BD57;
	color: #fff;
	padding: 0 35px
}

.gr td b {
	color: yellow;
	font-weight: 500
}

.pn td {
	background: #E43232;
	color: #fff;
	padding: 0 35px
}

#main-contact-form .intl-tel-input {
	width: 100%
}

#theForm .mobileNum {
	width: 185px;
	padding-left: 54px
}

#collapseFixed .mobileNum {
	padding-left: 45px
}

#collapseFixed .country-name {
	color: #000
}

.enquireTxt {
	font-size: 22px;
	color: #31708F;
	text-align: center;
	padding-bottom: 15px
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield
}

.phoneNo {
	margin-top: 18px;
	font-size: 14px;
	font-weight: 500
}

.phoneNo-mobile {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
	width: 170px
}

.reviews {
	background-size: cover;
	position: relative;
	padding: 0px 0px
}

.reviews .row .col-sm-4 {
	margin-top: 1em
}

.reviews .row .col-sm-4 .floor-pl img {
	border: 3px solid #fff;
	z-index: 9999
}

.reviews .row .col-sm-4 .floor-pl img:hover {
	border: 3px solid #FFC300;
	z-index: 9999
}

.floor-pl {
	position: relative;
	/*margin-top:1.5em;*/
}

.floor-title {
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFF;
	width: 97.1%;
	display: block;
	position: absolute;
	bottom: 3px;
	left: 3px;
	padding: 5px;
	text-align: center;
	font-weight: 600
}

.sidebar-fixed-form {
	position: fixed;
	right: 0;
	top: 14%;
	z-index: 1000
}

.box {
	float: right;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	border-radius: 5px
}

.slide-toggle {
	float: right
}

.box-inner {
	padding: 10px
}

.box-inner h4 {
	color: #fff
}

.fixed-form {
	width: 247px;
	color: #fff
}

.fixed-form #accordion {
	background-color: #0a512b;
	/*border:1px solid #247a4c*/
}

.fixed-form .panel-default>.panel-heading {
	background-color: #0a512b;
	color: #fff
}

.fixed-form .panel-default>.panel-heading+.panel-collapse>.panel-body {
	background-color: #0a512b
}

.fixed-form form {
	padding-left: 18px
}

.fixed-form .row {
	padding-bottom: 21px
}

.fixed-form input[type=text],
.fixed-form input[type=number] {
	color: #6d6c6b;
	font-size: 14px;
	padding: 5px;
	width: 90%
}

#fixPhone {
	width: 90%;
	padding-left: 42px
}

.row .country-name {
	color: #000
}

.fixSubmitBtn {
	background: #eb1d2e;
	background-image: -webkit-linear-gradient(top, #eb1d2e, #b82b36);
	background-image: -moz-linear-gradient(top, #eb1d2e, #b82b36);
	background-image: -ms-linear-gradient(top, #eb1d2e, #b82b36);
	background-image: -o-linear-gradient(top, #eb1d2e, #b82b36);
	background-image: linear-gradient(to bottom, #eb1d2e, #b82b36);
	-webkit-border-radius: 14;
	-moz-border-radius: 14;
	border-radius: 5px;
	font-family: Roboto;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 7px 62px;
	text-decoration: none
}

.fixSubmitBtn:hover {
	background: #d91139;
	background-image: -webkit-linear-gradient(top, #d91139, #cc0a17);
	background-image: -moz-linear-gradient(top, #d91139, #cc0a17);
	background-image: -ms-linear-gradient(top, #d91139, #cc0a17);
	background-image: -o-linear-gradient(top, #d91139, #cc0a17);
	background-image: linear-gradient(to bottom, #d91139, #cc0a17);
	text-decoration: none
}

.fixed-form .panel-title>a,
.fixed-form .panel-title>a:hover,
.fixed-form .panel-title>a:active,
.fixed-form .panel-title>a:focus {
	color: #fff
}

.dropEnquiry {
	border: solid 1px #589284;
	position: fixed;
	z-index: 9999;
	left: 0.2%;
	background: #f5f5f5;
	width: 220px;
	font-family: 'Roboto', sans-serif;
	bottom: 0
}

.dropEnquiry fieldset .ddcommon {
	width: 96% !important
}

.dropEnquiry fieldset .ddTitle .ddTitleText {
	width: 247px !important;
	padding: 10px 5px !important
}

.dropEnquiry .icon {
	position: absolute;
	top: -40px;
	left: 10px;
	z-index: 1
}

.dropEnquiry a {
	display: block;
	background: #ffcb05;
	color: #000000;
	font-size: 14px;
	padding: 5px 10px;
	font-weight: bold;
	position: relative;
	text-decoration: none
}

.dropEnquiry a span {
	position: absolute;
	background: #589284;
	color: #2c2b28;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 24px;
	border-radius: 50%;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	right: 10px;
	top: 5px
}

.dropEnquiry fieldset {
	padding: 10px;
	border: none;
	border-top: solid 3px #589284
}

.dropEnquiry fieldset .row {
	float: left;
	width: 95%;
	padding-bottom: 8px;
	margin-left: 2px
}

.dropEnquiry fieldset .row input,
.dropEnquiry fieldset .row textarea,
.dropEnquiry fieldset .row select {
	border: solid 1px #d6d5d5;
	padding: 8px 5%;
	width: 89.4%
}

.dropEnquiry fieldset .row select {
	width: 100%;
	-webkit-appearance: none;
	background: url() no-repeat right 10px center transparent
}

.dropEnquiry fieldset .row textarea {
	height: 60px
}

.dropEnquiry fieldset .row .customSelect,
.customSelect .selectList {
	width: 100%
}

.dropEnquiry fieldset .row input[type=submit] {
	width: 5em;
	background: #025018;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	text-align: center;
	padding: 3px 0px 3px;
	-moz-box-shadow: inset 0 0 0px #d6d5d5;
	-webkit-box-shadow: inset 0 0 0px #d6d5d5;
	box-shadow: inset 0 0 0px #d6d5d5
}

.dropEnquiry fieldset .row input[type=submit]:hover {
	background: #ffcb05
}

.dropEnquiry fieldset .row.phone {}

.dropEnquiry fieldset .row.phone input {
	width: 22%
}

.dropEnquiry fieldset .row.phone input.alt {
	width: 53%;
	float: right
}

.dropEnquiry *,
.dropEnquiry *:before,
.dropEnquiry *:after {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important
}

.table>thead>tr>th,
.table>tbody>tr>td {
	line-height: 10px
}

.videowrapper {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.back-to-top {
	display: none
}

.back-to-top {
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	border: 2px solid #4099ff;
	border-radius: 50%;
	text-align: center;
	color: #4099ff;
	font-size: 18px;
	font-weight: 700;
	z-index: 32
}

.back-to-top:active,
.back-to-top:hover {
	color: #fff;
	background-color: #008E8F;
	border: none
}

.back-to-top:visited {
	color: #fff
}

.back-to-top.cd-is-visible {
	visibility: visible;
	opacity: 1
}

.back-to-top i {
	position: absolute;
	top: 8px;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 20px
}

.text-white {
	color: #fff;
	text-shadow: 2px 3px #000;
	padding-top: 25%
}

#amenities .panel {
	background: #fff;
	border: 2px solid #141a34;
	margin-bottom: 30px;
	padding: 30px 15px;
	border-radius: 10px
}

#amenities .panel:hover {
	background: rgb(234 229 210 / 80%);
	border: 2px solid #f7c62b
}

#amenities .panel-body h4 {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding-bottom: 15px
}

#amenities .panel-body h4:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 4px;
	left: 0;
	right: 0;
	width: 20%;
	background: #d79e3a;
	margin: auto
}

#amenities .panel:hover img {
	transform: rotate(360deg);
	transition: 0.9s
}

#amenities .panel:hover h4:after {
	transition: 0.9s;
	width: 40%
}

.sprite {
	background-image: url();
	background-repeat: no-repeat;
	display: block
}

.athletic {
	width: 72px;
	height: 72px;
	background-position: 1px 5px
}

.auditorium {
	width: 72px;
	height: 72px;
	background-position: -75px 4px
}

.barbeque {
	width: 72px;
	height: 72px;
	background-position: -157px 4px
}

.car-parking {
	width: 72px;
	height: 72px;
	background-position: -234px 4px
}

.club-house {
	width: 72px;
	height: 72px;
	background-position: -310px 4px
}

.cricket-field {
	width: 72px;
	height: 72px;
	background-position: -388px 4px
}

.football {
	width: 72px;
	height: 72px;
	background-position: -472px 4px
}

.indoor-games {
	width: 72px;
	height: 72px;
	background-position: -1020px 4px
}

.gym {
	width: 72px;
	height: 72px;
	background-position: -630px 3px
}

.forest {
	width: 72px;
	height: 72px;
	background-position: -708px 4px
}

.intercom {
	width: 72px;
	height: 72px;
	background-position: -787px 3px
}

.party-hall {
	width: 72px;
	height: 72px;
	background-position: -866px 3px
}

.party-venue {
	width: 72px;
	height: 72px;
	background-position: -946px 4px
}

.cafe {
	width: 72px;
	height: 72px;
	background-position: -1024px 4px
}

.theatre {
	width: 72px;
	height: 72px;
	background-position: -1104px 4px
}

.security {
	width: 72px;
	height: 72px;
	background-position: -1182px 4px
}

.swimming-pool {
	width: 72px;
	height: 72px;
	background-position: -1262px 4px
}

.volleyball {
	width: 72px;
	height: 72px;
	background-position: -1342px 4px
}

.carParking {
	width: 72px;
	height: 72px;
	background-position: -630px -1px
}

.cctv {
	width: 72px;
	height: 72px;
	background-position: -1500px 4px
}

.gazebo {
	width: 72px;
	height: 72px;
	background-position: -1580px 4px
}

.kids-play-area {
	width: 72px;
	height: 72px;
	background-position: -1660px 2px
}

.powerBackup {
	width: 72px;
	height: 72px;
	background-position: -1820px 4px
}

.road {
	width: 72px;
	height: 72px;
	background-position: -1900px 2px
}

.shopping {
	width: 72px;
	height: 72px;
	background-position: -1980px 4px
}

.tennis {
	width: 72px;
	height: 72px;
	background-position: -2060px 2px
}

.yoga {
	width: 72px;
	height: 72px;
	background-position: -2140px 5px
}

.temple {
	width: 72px;
	height: 72px;
	background-position: -2212px 5px
}

.long-jump {
	width: 72px;
	height: 72px;
	background-position: -2286px 5px
}

.mobilebanner {
	/* background-image:url(../images/Desktop_V1.png);
 background-image:url(../images/Desktop_08-06-2021.png); */
	background-position: center center;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% 100% !important;
	/* background-image:url(../images/Desktop-v2.webp);
 background-image:url(../images/SipaniPennantia_desktop_05-07-2021.webp);
 background-image:url(../images/banners/web-banner-22.webp); 
 background-image:url(../images/banners/web-banner-DesktopV1.webp); */
	background-image: url(../images/banners/web-banner-1608.jpeg);
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%
}

.jssorb05 {
	position: absolute
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('../images/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer
}

.jssorb05 div {
	background-position: -7px -7px
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
	background-position: -37px -7px
}

.jssorb05 .av {
	background-position: -67px -7px
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
	background-position: -97px -7px
}

.jssora12l,
.jssora12r {
	display: block;
	position: absolute;
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url('../images/a12.png') no-repeat;
	overflow: hidden
}

.jssora12l {
	background-position: -16px -37px
}

.jssora12r {
	background-position: -75px -37px
}

.jssora12l:hover {
	background-position: -136px -37px
}

.jssora12r:hover {
	background-position: -195px -37px
}

.jssora12l.jssora12ldn {
	background-position: -256px -37px
}

.jssora12r.jssora12rdn {
	background-position: -315px -37px
}

.enquire-now.fade {
	opacity: 1;
	display: block;
	top: inherit;
	overflow: inherit
}

.enquire-now {
	background: #0f173e;
	bottom: 0px;
	width: 100%;
	left: 0px;
	text-align: center;
	padding: 9px 0 5px
}

.wrap {
	width: 1330px;
	max-width: 100%
}

.enquire-head h2 {
	font-size: 14px
}

.enquire-head h2 {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	letter-spacing: 1.5px
}

.enquire-head h2 {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	letter-spacing: 1.5px;
	padding-top: 5px
}

.enquire-now .btn.btn-default {
	background: #fff;
	color: #000;
	border: none;
	width: 100%;
	font-size: 14px;
	height: 35px;
	width: 134px;
	border-radius: 3px;
	transition: all 0.6s ease 0s;
	text-transform: uppercase;
	letter-spacing: 1px
}

.enquire-now .form-group {
	margin: 0px
}

.navbar {
	border-bottom: none;
	padding: 0px 0;
	transition-duration: 0.6s
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
	color: #000;
	text-transform: uppercase
}

.navbar-scroll {
	background: #111631;
	padding: 0;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
	transition-duration: 0.6s
}

.nav-dropdown-scroll {
	background: #e7eaea;
	box-shadow: 0px 10px 9px rgba(0, 0, 0, 0.4)
}

.white {
	color: #fff !important
}

.fs-12 {
	font-size: 12px !important
}

.fs-14 {
	font-size: 14px !important
}

.fs-16 {
	font-size: 16px !important
}

.fs-18 {
	font-size: 18px !important
}

.fs-20 {
	font-size: 20px !important
}

.btn-quote {
	background: #f7c62b;
	color: #000;
	border-radius: 0;
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px
}

.btn-quote:hover {
	border-color: #f7c62b;
	background: transparent;
	color: #f7c62b;
	transition: 0.9s
}

.my-list {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	margin: 20px 0 5px
}

.my-list li {
	position: relative;
	display: table;
	font-weight: 400;
	color: #272727;
	line-height: 1.5;
	margin-bottom: 15px
}

.my-list li:before {
	content: '\f061';
	font-family: 'FontAwesome';
	position: absolute;
	left: -20px;
	top: -2px;
	color: #f7c62b;
	font-size: 16px;
	padding-right: 15px;
	display: table-cell
}

.my-list li p {
	margin-bottom: 0;
	text-align: left !important
}

.bg-grey {
	background: #f4f4f4
}

.bg-primary {
	background: #000 !important
}

a.scrollTop {
	position: fixed;
	bottom: 80px;
	right: 10px;
	transition: 0.4s ease-in;
	z-index: 999;
	background-color: #0c0c0c;
	font-weight: 400;
	font-size: 30px;
	padding: 2px 5px;
	text-align: center;
	line-height: 10px;
	margin: 0;
	color: #e0cc95
}

a.scrollTop:hover {
	background-color: #f7c62b;
	color: #000
}

a.interested {
	position: fixed;
	bottom: 5px;
	right: 10px;
	transition: 0.4s ease-in;
	z-index: 999;
	background-color: #061c65;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 15px;
	color: #ffcb6d;
	text-align: center;
	margin: 0
}

a.interested:hover {
	background-color: #f7c62b;
	color: #000;
	text-decoration: none
}

a.interested-download {
	position: fixed;
	bottom: 5px;
	left: 10px;
	transition: 0.4s ease-in;
	z-index: 999;
	background-color: #061c65;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 15px;
	color: #ffcb6d;
	text-align: center;
	margin: 0
}

a.interested-download:hover {
	background-color: #f7c62b;
	color: #000;
	text-decoration: none
}

a.interested-download .bounce-icon{
	margin-left: 5px;
	animation: bounce .5s infinite alternate;
	animation-timing-function: ease-in;
}

.divider {
	width: 100%;
	position: relative;
	height: 5vw;
	pointer-events: none;
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
	-webkit-mask-size: 100% 101%;
	mask-size: 100% 101%;
	background: #0c0c0c
}

.divider.divider-bottom {
	top: 1px
}

section>.divider-bottom {
	margin-top: calc(3.75rem - 5vw)
}

.min-vh-40 {
	min-height: 40vh
}

.btn.btn-lg.rounded-circle,
.btn-group-lg>.btn.rounded-circle {
	width: 4.5rem;
	height: 4.5rem
}

.btn.btn-lg.rounded-circle .icon {
	height: 1.5rem
}

.rounded-circle {
	border-radius: 50% !important
}

.d-flex {
	display: flex !important
}

.flex-column {
	flex-direction: column !important
}

.justify-content-center {
	justify-content: center !important
}

.align-items-center {
	align-items: center !important
}

.btn-light {
	color: #fff;
	font-size: 30px;
	box-shadow: none
}

#configuration {
	padding: 100px 0;
}

#Walkthrough h4 {
	color: #fff;
	margin: 0
}

#Walkthrough:hover a.btn-light {
	color: #f7c62b
}

#Walkthrough:hover h4 {
	color: #f7c62b
}

#Walkthrough:hover a {
	border-bottom: 2px solid #f7c62b;
	transition: 1.9s
}

.btn.rounded-circle {
	padding: 0;
	width: 3rem;
	height: 3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px
}

.section-header h4.section-title:before,
.section-header h4.section-title:after {
	left: 17%
}

.formwhite {
	display: flex;
	flex-direction: column;
	padding: 60px 30px 20px;
	background: #fff;
	border-radius: 15px
}

#html5-watermark {
	display: none !important
}

.bg-image {
	background: url('../images/bg.jpg') center / cover;
	position: relative
}

.col {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.bg-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0)
}

label.error {
	font-size: 12px;
	margin: 5px 0 0;
	display: block;
	text-align: left;
	font-weight: 400
}

#brochure {
	background-color: #0c0c0c
}

.form-label {
	color: #fff;
	font-size: 10px;
	margin: 0;
	display: block;
	text-align: left
}

.formwhite .form-group {
	margin-bottom: 10px
}

@media only screen and (min-width:300px) and (max-width:991px) {
	.mobilebanner {
		/*background-image:url(../images/SipaniPennantia_mobile_05-07-2021.webp);
		background-image:url(../images/banners/banner-mobile-22.webp);
		background-image:url(../images/banners/web-banner-MobileV1.webp); */
		background-image: url(../images/banners/mobile-banner-1608.jpeg);
		padding-bottom: 4rem;
	}
}

@media screen and (max-width:1200px) {
	.highlights {
		text-align: center
	}
}

@media (min-width:768px) {
	section>.divider-bottom {
		margin-top: calc(6rem - 5vw)
	}

	.parallax {
		background-attachment: fixed !important
	}

	.flex-sm-row {
		flex-direction: row !important
	}
}

@media (min-width:992px) {
	section>.divider-bottom {
		margin-top: calc(7.5rem - 5vw)
	}
}

@media (max-width:767px) {
	a.interested {
		display: none
	}

	.panel-body {
		padding: 0px
	}

	#amenities .panel-body h4 {
		min-height: 60px;
		font-size: 16px
	}

	#amenities .panel {
		padding: 15px 5px
	}

	#logo {
		width: 70%
	}

	.getCallback {
		position: absolute;
		bottom: 15px;
		left: 0;
		right: 0;
		width: max-content
	}

	#Walkthrough h4 {
		margin-top: 20px !important
	}

	div.dark_rounded .pp_nav .pp_play {
		display: none
	}
}

@media only screen and (min-width:768px) {
	.back-to-top {
		right: 15px;
		bottom: 15px
	}
}

@media only screen and (min-width:1024px) {
	.back-to-top {
		height: 40px;
		width: 40px;
		right: 30px;
		bottom: 88px
	}
}

@media only screen and (max-width:500px) {
	.back-to-top {
		right: 5px;
		bottom: 5px
	}
}

@media only screen and (max-width:760px) {
	.youtube {
		height: 200px
	}

	#main-menu.navbar-default {
		background: rgba(255, 255, 255, 1);
		padding: 0 !important;
		margin: 0 !important
	}

	.navbar-fixed-top {
		top: 0 !important
	}

	#project p {
		text-align: justify
	}

	h4.section-title {
		text-align: center
	}

	.section-header h4.section-title:before,
	.section-header h4.section-title:after {
		left: 50% !important
	}

	.navbar-toggle {
		padding: 20px 10px 10px;
		/*background:#010767;*/
		border-color: #fff !important
	}

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

	.navbar-default .navbar-toggle:hover {
		background: #FFF;
	}
	
	a.interested-download{
		position: absolute;
		left: 26%;
		bottom: -2.5rem;
	}
}

@media only screen and (min-width:768px) {
	#main-menu.navbar-default {
		background: #fff;
		-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1)
	}

	.navbar-nav {
		margin: 0
	}

	#main-menu.navbar-default .navbar-nav>li>a {
		padding-top: 30px;
		padding-bottom: 20px;
		font-weight: 500;
		font-size: 14px;
		letter-spacing: 1px
	}

	#main-menu.navbar-default .navbar-nav>li.active>a,
	#main-menu.navbar-default .navbar-nav>li.open>a,
	#main-menu.navbar-default .navbar-nav>li:hover>a {
		background: transparent;
		/* padding-top:22px;border-top:3px solid #7d1643; */
	}

	#main-menu.navbar-default .dropdown-menu {
		padding: 0 20px;
		min-width: 220px;
		background-color: rgba(26, 28, 40, 1.0);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		background-clip: inherit
	}

	#main-menu.navbar-default .dropdown-menu>li {
		border-left: 3px solid transparent;
		margin-left: -20px;
		padding-left: 17px;
		-webit-transition: border-color 400ms;
		transition: border-color 400ms
	}

	#main-menu.navbar-default .dropdown-menu>li>a {
		border-top: 1px solid #404455;
		padding: 15px 0;
		color: #eeeeee
	}

	#main-menu.navbar-default .dropdown-menu>li:first-child>a {
		border-top: 0
	}

	#main-menu.navbar-default .dropdown-menu>li.active,
	#main-menu.navbar-default .dropdown-menu>li.open,
	#main-menu.navbar-default .dropdown-menu>li:hover {
		border-left-color: #45aed6
	}

	#main-menu.navbar-default .dropdown-menu>li.active>a,
	#main-menu.navbar-default .dropdown-menu>li.open>a,
	#main-menu.navbar-default .dropdown-menu>li:hover>a {
		color: #45aed6;
		background-color: transparent
	}
}

@media only screen and (min-width:768px) {
	#footer .social-icons {
		float: right
	}
}

.divBannerImages {
	padding-top: 70px;
}

.w-100{
	width: 100% !important;
}
.text-sm-center{
	text-align: inherit;
}

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

	/* For mobile phones: */
	.divBannerImages {
		padding-top: 15px;
	}
	.text-sm-center {
		text-align: center;
	}
	.modal .modal-dialog {
		margin: 80px 3%;
	}
}

@keyframes bounce {
	from{
		transform: translateY(-8px);
	}
	to{
		transform: translateY(3px);
	}
}