img.runwal_logo {
	width: 160px;
}

p.justp {
	text-align: justify;
}

@media only screen and (max-width: 767px) {
	.consultation-info.default-title1 h2 {
		margin-left: 0px !important;
	}

	.address-wrap .fa {
		font-size: 20px !important;
	}

	.call-me {
		font-size: 20px !important;
	}

}

@media (min-width: 768px) {

	/*a.navbar-brand img.runwal_logo {
        width: 100px !important;
    }*/
	.theme-block {
		overflow: hidden;
		border: 0px solid #b4b4b4;
	}
}

@media only screen and (max-width: 767px) {
	.default-title1>h4 {
		font-size: 19px;
		line-height: 30px;
	}

	.single-do-title-info h3 {
		font-size: 30px;
		line-height: 35px;
		font-weight: 700;
	}

	.fade {
		opacity: 1 !important;
	}

	h2.titt {
		font-size: 32px !important;
	}

	.active {
		background-color: #717171;
	}

}

select#select-box {
	color: #000;
	font-size: 16px;
	background-color: #fff !important;
	border: 1px solid #ec8e70 !important;
	border-radius: 5px;
	display: inline-block;
	margin: 0;
	padding: 7px 16px;
}

/*New Web*/
h3.title {
	text-align: center;
}

.btn-other {
	color: #ffffff !important;
	background-color: #ddad3f;
	border: 1px solid #ddad3f;
	border-radius: 5px;
	cursor: pointer;
}

a.btn-other {
	line-height: 14px !important;
}

.amenities-icon {
	height: 175px;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

.amenities-icon img {
	filter: invert(70%) sepia(83%) saturate(243%) hue-rotate(356deg) brightness(87%) contrast(85%);
}

.amenities-icon:hover {
	transform: translateY(-5px);
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
}


.amenities-icon h3 {
	font-size: 13px;
    transition: ease all 0.5s;
    color: #676666;
    min-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
}

.pull-right {
	float: right !important;
}

.logo {
	padding: 5px 0;
	line-height: 50px;
}

.qr-box {
	margin: 0 auto;
	text-align: center;
}

.rera-sec {
	padding: 5px 0px;
	background: #000;
	color: #fff;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.copyright img {
	margin: 0px auto;
	display: block;
	width: 80px;
	margin-top: 20px;
}

.footer-bottom-area {
	background: #000;
	padding: 0px;
	border-top: 1px solid #00000045;
}

.qr-box img {
	margin-top: 5px;
}

.qr img {
	/*    text-align: center;*/
}

.qr-box p {
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}

.banner-with-bg {
  position: relative;
  padding: 40px 0 30px 0;
  z-index: 1; /* Make sure content stays above the background */
}

.banner-with-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('img/sylph/banner_shape.png');
  background-size: cover;
  background-position: 0% 90%;
  background-repeat: no-repeat;
  opacity: 0.3;
  z-index: -1; /* Put it behind the content */
}

.internalbg {
	background-image: url('img/sylph/bg3.jpg');
	background-size: cover;
	padding: 30px 0 50px 0;
	background-repeat: no-repeat;
}

.middlesection {
	background-image: url('img/sylph/ctabg.jpg');
	background-size: cover;
	padding: 60px 0 100px 0;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.imgbgconfig {
	background-image: url('img/sylph/bg.jpg');
	background-size: cover;
	padding: 40px 0 60px 0;
	background-repeat: no-repeat;
}

.imgbg1 {
	background-image: url("img/sylph/contactbg.jpg");
	background-size: cover;
	background-attachment: fixed;
}

.overlay-sec {
	width: 100%;
}

.address-wrap {
	text-align: center;
	margin-top: 50px;
}

.address-wrap p {
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.address-wrap h3 {
	font-size: 25px;
	font-weight: 800;
	/*    margin-bottom: 20px;*/
	color: #fff;
}

.call-me {
	font-size: 38px;
	font-weight: 900;
	color: #fff;
	line-height: 1.4;
	font-family: "FuturaMedium", serif;
}

.overlay-sec .overlay {
	padding: 40px 0px;
	background: #00000090;
}

.address-wrap .fa {
	font-size: 30px;
	margin-right: 7px;
}

@keyframes Gradient {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

#contactus .form-container {
	background-position: left;
	background: linear-gradient(150deg, #73737382 33%, #737373 34%, #23232345 66%, #313131b5 67%);
	text-align: center;
	padding: 30px 20px;
	background-image: url(img/new/bg-w.jpg);
	background-size: auto;
	background-attachment: inherit;
	background-position: center;
	/* background-color: #fff; */
}

.btn-primary5 {
	color: #fff !important;
	background: linear-gradient(90deg, #d2aa68 10%, #bb977a 100%) !important;
	border-color: #fff !important;
	padding: 10px 16px !important;
	font-size: 18px !important;
}

.head-line.white {
	background: #fff !important;
}

.white {
	color: #ffffff !important;
}

.head-line {
	height: 3px;
	background: #222;
	width: 60px;
	margin: 15px auto 20px;
}

.head-center {
	text-align: center;
}

.modal {
	z-index: 9999;
	background: rgba(185, 185, 185, 0.6);
}

.modal-content {}


.modal-body .close span {
	height: 30px;
	width: 30px;
	display: block;
	font-size: 26px;
}

.modal-body h3 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	margin-top: -35px;
	margin-bottom: 10px;
}

.modal-body p {
	color: #fff;
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px;
}

.modal-body img {
	width: 120px;
	margin: 0px auto;
	display: block;
	position: relative;
}

.text-danger {
	color: #96c848;
}

.modal-dialog {
	margin-top: 7% !important;
	z-index: 9999 !important;
}

/*---modal form--*/

.modal-body form input,
.modal-body form select {
	height: 40px;
	border: 1px solid #ffffff;
	width: 100%;
	background: #fff;
	margin-bottom: 0;
	padding-left: 10px;
	color: #222222;
	border-left: none;
}

input#Submit1 {
	width: 40%;
	animation: 3s 2s infinite Gradient, 3s 2s infinite rocking;
}

@keyframes rocking {

	0%,
	100%,
	25% {
		transform: rotate(0)
	}

	50% {
		transform: rotate(2deg)
	}

	75% {
		transform: rotate(-2deg)
	}
}

.modal-body form input::placeholder,
.modal-body form textarea::placeholder {
	color: #222222;
}

.modal-body form .input-group-addon {
	background: #fff;
	color: #72bf22;
	border: 1px solid #ffffff;
	border-right: 0;
	border-radius: 7px 0 0 7px;
}

.form-ico {
	font-size: 19px !important;
}

.modal-body form textarea {
	border: none;
	resize: none;
	/*background: #e4e4e4;*/
}

.modal-body form .form-group {
	height: 40px;
	margin-bottom: 23px;
	margin-top: 0;
}

.form-control:focus {
	box-shadow: none !important;
}

/*-----------Modal End --------*/

.popup-btn {
	color: #fff;
	background-color: #72bf22;
	font-size: 17px;
	text-transform: capitalize;
	letter-spacing: 2px;
	/* width: 100%; */
	padding: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease 0s;
	margin: 0 auto;
	display: block;
}

.popup-btn:hover,
.popup-btn:focus {
	font-weight: 600;
	letter-spacing: 5px;
	color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
}


.sticky-btn-enquire.call-btn {
	top: 230px;
	right: -15px;
	padding: 5px 20px !important;
}

.sticky-btn-enquire {
	position: fixed !important;
	top: 309px;
	right: -67px;
	font-size: 14px !important;
	padding: 11px 15px !important;
	z-index: 999 !important;
	transform: rotate(-90deg);
	transition: all 0.3s linear;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	background: linear-gradient(-45deg, #162137, #2c416b, #162137, #2c416b);
	animation: design 3s ease infinite;
	background-size: 400%;
}

@keyframes design {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

.enquire-btn::before,
.sticky-btn-enquire::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: #ffffff;
	z-index: -1;
	border-radius: 0px;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sticky-btn-enquire.sticky-brochure {
	top: 371px;
	right: -70px;
}

.call-btn svg {
	width: 28px;
	height: 28px;
	position: relative;
	right: 0px;
	top: 2px;
}

.sticky-btn-enquire:hover {
	color: #fff;
}

.enquire-btn:hover::before,
.sticky-btn-enquire:hover::before {
	width: 100%;
	background-color: #2c416b;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.global-sec {
	padding: 80px 0;
}

.ametab.mytab {
	text-align: center;
	margin-bottom: 0;
}

.mytab {
	text-align: center;
	border-bottom: none;
	margin-bottom: 30px;
	margin-top: 0;
}

.mytab li {
	float: none !important;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 0;
}

.mytab>li>a {
	color: #ffffff;
	padding: 13px 10px !important;
	border-radius: 0;
	font-size: 15px;
	font-weight: 400;
	background: transparent;
	text-transform: uppercase;
	letter-spacing: 3px;
	transition: ease all 0.5s;
	font-family: "FuturaMedium", serif;
	border: 1px solid #000 !important;
	margin-right: 0;
}

.mytab>li.active>a,
.mytab>li.active>a:hover,
.mytab>li.active>a:focus {
	color: #fff;
	background-color: #dc1c35;
	/* border: none; */
	border-color: #dc1c35;
	cursor: pointer;
	border-radius: 0;
}

.ametab.mytab>li.active>a,
.ametab.mytab>li.active>a:hover,
.ametab.mytab>li.active>a:focus {
	color: #ffffff;
}

.ametab.mytab>li>a {
	color: #000000;
	border-color: transparent;
}

.mr0 {
	margin: 0 !important;
}

.owl-carousel img {
	width: 100%;
	max-width: 300px;
	padding: 5px;
}

.wt-tilte-main h2 {
	font-size: 30px !important;
	color: #d2aa68;
	margin: 10px 0;
	font-family: "FuturaMedium", serif;
	font-weight: 400;
}

.amenities-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #d2aa68;
	padding: 15px;
	z-index: 9;
}

.amenities-title h4 {
	font-size: 18px;
	color: #fff;
	margin: 0;
}

td.her1 {
	vertical-align: middle !important;
	padding: 20px 5px !important;
	background: transparent;
	border-bottom: 1px solid #cdcdcd !important;
	color: #676666;
	border-style: none;
	border-width: 0px !important;
}

.her {
	color: #fff;
	border-bottom: none !important;
	text-align: center;
	vertical-align: middle !important;
	padding: 20px 0 !important;
	font-weight: normal;
	border-width: 0px;
}

a.price-click {
	font-family: "FuturaMedium", serif;
	text-transform: uppercase;
	padding: 6px;
	font-weight: 600;
	background-size: 400% 400%;
	text-decoration: none;
	animation: Gradient 3s ease infinite;
}

table th,
table td {
	padding: 10px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

.ab img {
	height: 70px;
	display: inline-block;
}

.ab {
	text-align: center;
	border-right: 2px #96c73b dotted;
}

.ab h3 {
	font-size: medium;
	font-weight: 700;
	padding: 20px 0px;
}

.abo {
	padding: 50px 0px 0 0;
}



h1,
h2,
h3,
h4,
h5 {
	font-family: "FuturaMedium", serif ;
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:hover {

	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {}

.theme-block.degree-360-img.actual-footage img {
	width: 100%;
	height: auto;
}

.theme-block-img {
	position: relative;
}

.theme-block-img.theme-img-animation {
	border: 1px solid #d2aa68;
}

.theme-block {
	overflow: hidden;
	border: 0px solid #b4b4b4;
}

.theme-block:hover .theme-block-img:before {
	opacity: 0.4;
}

.plan-inquire-btn:hover {
	color: #fff;
}

.Submit3 {
	/*	animation: 3s 2s infinite Gradient, 3s 2s infinite rocking;*/
}


.has-text-centered {
	text-align: center !important;
}

.mt-2 {
	margin-top: .5rem !important;
}

.floorplan-title span {
	font-size: 16px;
	text-transform: uppercase;
}

.theme-img-animation>picture>img {
	filter: blur(12px);
}

.theme-block .theme-block-icon {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	z-index: 9;
}

.theme-block .theme-block-icon svg {
	width: 40px;
	height: 40px;
	color: #fff;
}

a:active,
a:focus,
a:hover,
a:visited {
	text-decoration: none;
	outline: 0;
}

.connectivity-icon {
	max-width: 64px;
	margin: 0 auto 10px;
}

.section-title {
	position: relative;
}

#section-connectivity {
	background-color: #f5f5f5;
}

.connectivity-wrapper .section-title {
	margin-bottom: 40px;
}

.splide.is-active .splide__list {
	display: flex;
}

.connectivity-detail h3 {
	text-align: center;
	color: #000;
	margin-bottom: 10px;
}

.connectivity-detail p {
	margin-bottom: 5px;
	text-align: center;
}

.p-0 {
	padding: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.brochure-click {
	animation: slideInDown 3s ease infinite;
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		/* transform: translate3d(0, -100%, 0); */
		visibility: visible;
	}

	100%,
	80% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.light-pink-bg {
	background-color: #F2F1FF;
}

section,
.section {
	position: relative;
}

.degree-360-view-content .theme-block .theme-block-icon {
	opacity: 1;
}

.theme-block .theme-block-icon {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	z-index: 9;
}


.theme-block.degree-360-img .video-main svg {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.play-icon {
	position: relative;
	background: #312958;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.waves-block {
	position: relative;
}

.waves {
	position: absolute;
	width: 150px;
	height: 150px;
	background: #31295860;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	right: -50px;
	bottom: -50px;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}

.video-main {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-title {
	margin-bottom: 30px;
}

.wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}

	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

#Action_bar {
	background-color: #254558;
}

#Action_bar {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 30;
}

/*-------------------menu---------------------*/
input#phonemobile1,
input#phonemobile_2,
input#phonemobile3,
input#phonemobile4,
input#phonemobile5,
input#phonemobile6 {
	padding-left: 60px;
}

#hide-menu {
	position: fixed;
	z-index: 9999;
	width: 100%;
	padding: 5px 0px 0px 0px;
	top: 0;
	height: 70px;
	/* transition: top 0.3s; */
}


.section-codename-pacific-atlantic img {
	max-height: 100%;
	max-width: 100%;
}


.modal-highlight-bg {
	background-color: #f9f9f9;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	vertical-align: top;
	border-top-left-radius: 15px
}

.modal-highlight-title {
	display: block;
	text-align: center;
	font-size: 1.3vw;
	font-weight: 500;
	padding: 34px 0 .9vw;
	color: #000;
}

.modal-highlight {
	list-style: none;
	padding: 10px 0;
	margin-bottom: 0;
	width: 11vw
}

.modal-highlight li i {
	display: inline-block;
	font-size: 2.8vw;
	color: #c19e82;
}

.modal-title-secondary {
	display: block;
	font-size: 1vw;
	text-transform: capitalize;
	font-weight: 600;

}

.modal-highlight li span {
	display: block;
	font-size: .9vw;
	color: #000;
	padding: 0 0 1.3vw;
}

.modal-call-btn,
.modal-call-btn:hover {
	display: block;
	background-color: var(--colorPrimary);
	color: var(--colorBtn);
	text-decoration: none;
	font-size: 1.3vw;
	border-radius: 0 0 3px 3px
}

.modal-title {
	display: block;
	font-size: 1.5vw;
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
	padding: 1.2vw 0;
}

.modal-head {
	background: linear-gradient(90deg, #d2aa68 10%, #bb977a 100%);
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
}

.d-lg-block {
	display: block !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.popup-logo {
	padding-top: 21px;
	max-width: 20vw !important;
}

.popup-logo img {
	margin-top: 5px !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}

.modal-dialog {
	max-width: 35vw;
	border-radius: 3px;
}

.flex-fill.align-self-center {
	height: 380px;
}

form#contact_form {
	padding: 0 10px;
}

input,
select,
textarea {
	outline: 0;
	border-width: 0 0 1px !important;
	border-color: black !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}

input:focus {
	border-color: green;
	outline: 1px dotted #000
}

a.theme-block-icon1.view-360-icon {
	position: absolute;
	top: 65%;
	width: 376px;
	height: 50px;
	margin: 0px auto;
	left: 0;
	right: 0;
	color: #fff;
	background-color: #036d55;
}

.iti {
	position: relative;
	display: inline-block;
	width: 100%;
}

.box-aminities .col-md-2 {
	width: 20%;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
	background-color: transparent !important;
}

@media only screen and (max-width: 767px) {
	.wt-tilte-main h2 {
		font-size: 25px !important;
	}

	h2.m-b5 span {
		font-size: 15px !important;
	}

	.box-aminities .col-md-2 {
		width: 50%;
	}

	.flexclass {
		display: block !important;
	}

	.btncodeinstant, .sidebar-widgets {
		display: none;
	}
}

/*--------------------------------------------*/


h3.partnertxt {
	text-align: center;
	color: #fff;
	font-size: medium;
}

.btncode {
	color: #d2aa68;
	padding: 5px 10px;
	border: 2px solid #d2aa68;
	border-radius: 0;
	position: relative;
	z-index: 1;
	font-weight: 400;
	width: fit-content;
	transition: all 0.3s ease-in-out;
}

.btncode:hover {
	color: #d2aa68;
	border-color: #d2aa68;
	text-decoration: none;
}

.btncode:before,
.btncode:after {
	content: "";
	width: 16px;
	height: 16px;
	opacity: 0;
	position: absolute;
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #d2aa68;
	transition: all 0.3s ease-in-out;
}

.btncode:after {
	top: auto;
	left: auto;
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}

.btncode:hover:before,
.btncode:hover:after {
	opacity: 1;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #d2aa68;
}

a.btncode.ebrochure:hover {
	color: #d2aa68;
}

a.btncode.price-click:hover {
	color: #d2aa68;
}

@media only screen and (max-width: 767px) {
	.btncode {
		margin-bottom: 30px;
	}
}


.btncodeplan {
	color: #d2aa68;
	padding: 5px 10px;
	border: 2px solid #d2aa68;
	border-radius: 0;
	width: fit-content;
	transition: all 0.3s ease-in-out;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	margin: 0 auto;
	width: 100%;
	max-width: fit-content;
	opacity: 1;
	visibility: visible;
	z-index: 9;
	transition: all 0.3s ease-in-out;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: fit-content;
	background-color: #fff;
}

.btncodeplan:hover {
	color: #d2aa68;
	border-color: #d2aa68;
	text-decoration: none;
}


.btncodeplan:before,
.btncodeplan:after {
	content: "";
	width: 16px;
	height: 16px;
	opacity: 0;
	position: absolute;
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #d2aa68;
	transition: all 0.3s ease-in-out;
}

.btncodeplan:after {
	top: auto;
	left: auto;
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0 !important;
}

.btncodeplan:hover:before,
.btncodeplan:hover:after {
	opacity: 1;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #d2aa68;
}

@media only screen and (max-width: 767px) {
	.btncodeplan {
		margin-bottom: 30px;
	}

	h4.pricetableh4 {
		font-size: 15px;
	}
}

span.minutescolor {
	color: #602d90;
}

.btncodeinstant {
	font-weight: 600;
	border-radius: 0;
	border: 2px solid #d2aa68;
	background: linear-gradient(90deg, #d2aa68 10%, #bb977a 100%);
	position: fixed;
	z-index: 9999;
	font-family: "FuturaMedium", serif;
	text-transform: uppercase;
	bottom: 10px;
	right: 10px;
	color: #fff;
	padding: 5px;
	letter-spacing: 2px;
	font-size: 11px !important;
	outline: none !important;
	overflow: hidden;
	margin: 0 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3sease-in-out;
}

a.btncodeinstant.ebrochure:hover {
	color: # !important;
}

a.btncodeinstant.price-click:hover {
	color: #fff !important;
}

.btncodeinstant:before {
	content: "";
	width: 0;
	height: 100%;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all 0.5s ease-in-out;
	z-index: -1;
}

.btncodeinstant:hover:before {
	width: 100%;
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.btncodeinstant {
		margin-bottom: 30px;
	}
}


/*.interested {
	position: fixed;
	z-index: 9999;
	font-family: "Tenor Sans", sans-serif;
    text-transform: uppercase;
	bottom: 10px;
	right: 10px;
	border: none;
	color: #fff;
	padding: 12px;
	letter-spacing: 2px;
	font-size: 11px !important;
	outline: none !important;
background: linear-gradient(90deg, #8aba42 10%, #28563b 100%);
}

.interested:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: -5px;
	left: -5px;
	border-top: 2px solid #28563b;
	border-left: 2px solid #28563b;
	transition: all 0.25s;
}

.interested:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: -5px;
	right: -5px;
	border-bottom: 2px solid #28563b;
	border-right: 2px solid #28563b;
	transition: all 0.3s;
}

.interested:hover:before,
.interested:hover:after {
	width: 104%;
	height: 110%;
}*/


a.btncodeinstant.pulseanimation.dbrochure2:hover {
	color: #fff;
}

.pulseanimation {
	animation: pulse-cust 2s infinite;
}

@-webkit-keyframes pulse-cust {
	0% {
		-webkit-box-shadow: 0 0 0 0 #d2aa68;
	}

	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(19, 174, 156, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(19, 174, 156, 0);
	}
}

@keyframes pulse-cust {
	0% {
		-webkit-box-shadow: 0 0 0 0 #d2aa68;
	}

	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(19, 174, 156, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(19, 174, 156, 0);
	}
}

/*    .logosecbg {*/
/*        background-image: url(img/empire/logosecbg.png);*/
/*        background-position:55% 115%;*/
/*        background-repeat: no-repeat;*/
/*}*/


@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
	.landscapeipad {
		display: none !important;
	}


}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
	.portraitipad {
		display: none !important;
	}

	.modal {
		top: 100px !important;
	}

	.navbar .navbar-collapse {
		text-align: right !important;
	}


	.middlesection {
		padding: 0px !important;
	}

	.middlesection5 {
		padding: 30px 0 30px 0 !important;
	}

	.tabhidefloat {
		float: unset !important;
	}

	.navbar-nav>li>a {
		padding-left: 5px !important;
		padding-right: 5px !important;
		font-size: 10px !important;
	}
}

.wt-tilte-main {

	margin-bottom: 15px;
	/*    border-left: 9px solid #336e4c;*/
	text-align: center;
}


.connectivity-icon img {
	filter: invert(66%) sepia(37%) saturate(690%) hue-rotate(53deg) brightness(86%) contrast(80%);
}


.vh100 {
	height: 100vh;
}

.overviewbg img {
	height: 100vh;
	width: 100%;
	object-fit: cover;
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.oimg-wrap {
	position: relative;
}

.pd0 {
	padding: 0 !important;
}

.owl-theme .owl-nav [class*=owl-] {
	color: #000000;
	font-size: 26px !important;
	/* margin: 5px; */
	/* padding: 4px 7px; */
	background: #ffffff;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	height: 42px;
	width: 42px;
	background: #fff !important;
	border-radius: 0 !important;
	outline: none !important;
	color: #001836 !important;
}

#navinfo {
	width: 33.33%;
	position: absolute;
	text-align: center;
	bottom: 25px;
	z-index: 1;
	color: #fff;
	font-size: 18px;
	letter-spacing: 3px;
	font-family: "FuturaMedium", serif;
	font-weight: 500;
}


/*mobileslidercss clickable*/
.prevm,
.nextm {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	font-weight: bold;
	color: #48beb2;
	padding: 10px;
	cursor: pointer;
	border-radius: 50%;
	user-select: none;
}

.prevm {
	left: 10px;
}

.nextm {
	right: 10px;
}

/**/
.formWrap.formheight {
	height: 50px;
}

img.img-responsive {
	margin: auto;
}