@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
.clear, body, img, p {
	margin:0
}
body, h2, p {
	font-weight:400
}
.clear, body, h2 {
	padding:0
}
.overlay, h2, h3 {
	text-align:center
}
.overlay h2, h2, header .h-right ul li, p {
	text-transform:uppercase
}
.h-right.small, .menu-icon, .menu-small, .overlap {
	display:none
}
#cssmenu ul ul li a, #index-popup a, #top-menu a, .dropdown-content a, a, a:hover {
	text-decoration:none
}
body {
	font-family:'Open Sans', sans-serif;
	line-height:1.5;
	font-size:16px;
	color:#6f7477
}
.spacer10, .spacer100, .spacer15, .spacer180, .spacer2, .spacer20, .spacer23, .spacer250, .spacer3, .spacer30, .spacer35, .spacer40, .spacer45, .spacer5, .spacer50, .spacer60, .spacer7, .spacer70, .spacer8 {
	font-size:1px;
	background:0 0
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:400;
	color:#000
}
.spacer2 {
	height:2px
}
.spacer3 {
	height:3px
}
.spacer5 {
	height:5px
}
.spacer7 {
	height:7px
}
.spacer8 {
	height:8px
}
.spacer10 {
	height:10px
}
.spacer15 {
	height:15px
}
.spacer20 {
	height:20px
}
.spacer23 {
	height:23px
}
.spacer25 {
	font-size:1px;
	height:25px;
	background:0 0
}
.spacer30 {
	height:30px
}
.spacer35 {
	height:35px
}
.spacer40 {
	height:40px
}
.spacer45 {
	height:45px
}
.spacer50 {
	height:50px
}
.spacer60 {
	height:60px
}
.spacer70 {
	height:70px
}
.spacer100 {
	height:100px
}
.spacer180 {
	height:180px
}
.spacer250 {
	height:250px
}
.clear {
	clear:both;
	font-size:0;
	height:0;
	background:0 0;
	line-height:0
}
.wrapper {
	width:1350px;
	margin:0 auto;
	position:relative
}
.wrapper-small {
	width:900px;
	margin:0 auto
}
h2, h3, p {
	margin:0;
	font-family:'Open Sans', sans-serif
}
.wrapper.inner {
	background:#fff
}
p {
	color:#505050;
	font-size:10px;
	line-height:12px;
	padding:0 0 3px
}
h2 {
	color:#010101;
	font-size:15px;
	line-height:21px
}
h3 {
	color:#717171;
	font-size:20px;
	font-weight:300;
	line-height:30px;
	padding:10px 0
}
#slider {
	margin:4% 0 0
}
header .h-left {
	float:left;
	width:200px
}
header .h-left img {
	margin:20px 0 0
}
header .h-right {
	float:right;
	width:75%
}
header .h-right ul {
	margin:0;
	padding:0;
	list-style:none
}
header .h-right ul li {
	float:left;
	font-family:'Open Sans', sans-serif;
	color:#010101;
	font-size:13px;
	line-height:17px;
	margin:0;
	text-align:center;
	font-weight:400;
	padding:25px 23px 30px
}
header .h-right ul li:hover {
	color:#575151
}
header .h-right ul li.call, header .h-right ul li.enquire {
	font-weight:600;
	font-size:14px;
	line-height:17px;
	color:#fefefe;
	padding:9px 25px 9px 45px;
transition:background-color .5s ease
}
header .h-right ul li.call {
	margin:17px 20px 0 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/call.png) left 17px top 7px no-repeat #e91f40
}
header .h-right ul li.call:hover {
	background:url(../images/call.png) left 17px top 7px no-repeat #bf1732
}
header .h-right ul li.enquire {
	margin:17px 0 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/message.png) left 10px top 7px no-repeat #5743bb
}
header .h-right ul li.enquire:hover {
	background:url(../images/message.png) left 10px top 7px no-repeat #3a1dc8
}
.overlay {
	position:absolute;
	width:100%;
	top:0;
	z-index:8000;
	height:100%;
	background:url(../images/overlay1.png) left 0 top 0 no-repeat;
	left:0;
	background-size:100%
}
.overlay h2 {
	font-family:'Playfair Display', serif;
	font-size:34px;
	line-height:40px;
	font-weight:900;
	padding:0;
	margin:0;
	text-align:left;
	color:#fff
}
.overlay h3, .overlay p {
	font-family:'Open Sans', sans-serif;
	padding:0;
	text-transform:none;
	text-align:left
}
.overlay .caption {
	margin:15% 0 0;
	width:34%
}
.overlay h3 {
	font-weight:700;
	color:#fc0;
	font-size:16px;
	line-height:23px;
	margin:10px 0 0
}
.overlay p {
	font-weight:400;
	font-size:12px;
	line-height:17px;
	margin:5px 0 10px;
	color:#fff;
	width:76%
}
.overlay .know-more, .projects-block .project .book-now {
	font-family:'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	font-size:12px;
	border-radius:4px;
	text-transform:uppercase;
transition:background-color .5s ease
}
.overlay .know-more {
	font-weight:400;
	background:#f67100;
	padding:12px 20px;
	margin:18px 0 0;
	width:80px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}
.overlay .know-more:hover {
	background:#c65b00
}
.projects-block {
	width:935px;
	margin:0 auto
}
.projects-block .project {
	float:left;
	width:45%;
	margin:60px 10% 60px 0
}
.projects-block .project.last {
	margin:60px 0
}
.projects-block .project img {
	width:100%
}
.projects-block .project .project-details {
	float:left;
	width:67%;
	margin:10px 2% 10px 0
}
.projects-block .project .book-now {
	float:right;
	width:21%;
	font-weight:600;
	line-height:15px;
	padding:8px 20px;
	margin:10px 0;
	background:#f67100;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer
}
.projects-block .project .book-now:hover {
	background:#c65b00
}
.projects-block .project .book-now.green {
	background:#4a9f16
}
.projects-block .project .book-now.green:hover {
	background:#438e16
}
.projects-block .project .project-details h2 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	text-align:left;
	padding:0 0 5px;
	margin:0;
	line-height:25px;
	font-size:20px;
	color:#000;
	text-transform:none
}
.projects-block .project .project-details h3, .projects-block .project p {
	font-family:'Open Sans', sans-serif;
	padding:0;
	margin:0;
	text-align:left
}
.projects-block .project .project-details h3 {
	color:#ff0c00;
	font-weight:700;
	font-size:12px;
	line-height:15px
}
.projects-block .project p {
	color:#414141;
	font-size:13px;
	font-weight:400;
	line-height:20px;
	text-transform:none
}
.about-block {
	padding:8% 0;
	background:url(../images/about.jpg) center center no-repeat;
	background-size:100%
}
.about-block h1 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	font-size:30px;
	line-height:36px;
	padding:0;
	margin:0;
	text-align:center;
	color:#fff
}
.about-block .know-more.about-button, .about-block p {
	font-family:'Open Sans', sans-serif;
	color:#fff;
	text-align:center
}
.about-block p {
	font-weight:300;
	font-size:14px;
	line-height:25px;
	padding:0;
	text-transform:none;
	width:65%;
	margin:30px auto
}
.about-block .know-more.about-button {
	font-weight:400;
	background:0 0;
	font-size:12px;
	text-transform:uppercase;
	padding:12px 20px;
	margin:0 auto;
	width:80px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #959595;
transition:background-color .5s ease
}
.past-projects .project h2, .past-projects h2 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	margin:0
}
.about-block .know-more.about-button:hover {
	background:#fff;
	color:#000
}
.past-projects {
	padding:40px 0
}
.past-projects h2 {
	text-align:center;
	padding:0;
	line-height:38px;
	font-size:30px;
	color:#e56506;
	text-transform:none
}
.past-projects .project {
	float:left;
	width:29.3%;
	margin:40px 6% 40px 0
}
.past-projects .project.last {
	margin:40px 0
}
.past-projects .project img {
	width:100%
}
.past-projects .project h2 {
	text-align:left;
	padding:10px 0;
	line-height:25px;
	font-size:20px;
	color:#000
}
.past-projects .project p, footer p {
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	text-align:left;
	text-transform:none;
	line-height:20px
}
.past-projects .project p {
	color:#414141;
	font-weight:400
}
.past-projects .project p a {
	color:#f67100
}
.past-projects .project p a:hover {
	color:#c65b00
}
footer p, footer p.right a {
	color:#fff
}
footer {
	background:#2a2c2d;
	padding:15px 0
}
footer p {
	float:left;
	width:42%;
	font-weight:300
}
.links ul li, .pattern h1 {
	font-family:'Playfair Display', serif
}
footer p.left {
	text-align:left;
	margin:10px 0 0
}
footer p.right {
	text-align:right;
	margin:10px 0 0
}
footer p.right a:hover {
	color:#e56506
}
footer .social {
	float:left;
	width:216px
}
footer .social img {
	float:left;
	margin-right:21%
}
footer .social img:hover {
	opacity:.6
}
footer .social img.last {
	margin-right:0
}
.pattern {
	background:url(../images/bricks.jpg) center center repeat-x;
	margin:4% 0 0
}
.pattern h1 {
	font-weight:900;
	color:#fff;
	font-size:34px;
	line-height:40px;
	text-align:center;
	padding:30px 0
}
.block p, .links ul li {
	font-size:14px;
	font-weight:400
}
.block h2, .block p, .links ul li {
	text-align:left
}
.links {
	border-bottom:1px solid #b9b9b9;
	float:left;
	width:65%;
	margin-right:0
}
.links ul {
	padding:0;
	margin:0;
	list-style:none
}
.links ul li {
	margin:0;
	line-height:25px;
	color:#757575;
	float:left;
	padding:0 10px
}
.left-index {
	float:none;
	width:100%;
	margin:0 0 0 auto
}
.right-index {
	float:right;
	width:30%;
	margin:.6% 0 0
}
.right-index.new {
	background:0 0
}
.block {
	padding:45px 0 0 40px
}
.block p {
	font-family:'Open Sans', sans-serif;
	line-height:27px;
	color:#636161;
	margin:0 0 20px;
	text-transform:none;
	padding:0
}
.block h2 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	margin:0;
	line-height:28px;
	font-size:20px;
	color:#000;
	padding:0 0 10px;
	text-transform:none;
	position:relative
}
.block .image p, ul.resident li {
	line-height:25px;
	text-transform:none;
	font-family:'Open Sans', sans-serif
}
.block .image {
	float:left;
	width:24.6%;
	margin:0 .5% .5% 0;
	height:120px;
	position:relative;
	overflow:hidden
}
.overlap {
	position:absolute;
	z-index:10;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background:url(../images/zoom-icon.png) 50% 50% no-repeat #000;
	opacity:.5;
	padding:0;
	transition:background 1s ease
}
.block .image:hover .overlap {
	display:block
}
.block .image img {
	height:172px
}
.block .image.last {
	margin:0 0 .5%
}
.block iframe.scholar-video {
	width:100%;
	height:400px
}
.get-directions .map {
	width:100%;
	height:382px;
	margin-top:0
}
.block .image.plan {
	width:32%;
	height:230px;
	text-align:center;
	border:1px solid #ccc;
	margin:0 1% 1% 0
}
.block .image p {
	font-size:15px;
	color:#333232;
	font-weight:600;
	text-align:center;
	margin:6px 0 0;
	padding:0
}
.block .image.plan.last {
	margin-right:0
}
.block .image.plan img {
	height:185px
}
ul.resident {
	padding:0;
	margin:0;
	list-style:none
}
ul.resident li {
	font-size:14px;
	color:#636161;
	font-weight:400;
	text-align:left;
	margin:0 0 8px;
	background:url(../images/circle.png) left top 10px no-repeat;
	padding:0 0 5px 18px
}
.block img.hero-pic {
	width:100%;
	margin:0 0 20px
}
.right-index .brochure {
	padding:10px;
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:80%;
	margin:0 auto;
	color:#f83d3d;
	border:1px solid #f83d3d
}
.right-index .brochure:hover {
	color:#fff;
	background:#c92020;
transition:background-color .5s ease
}
.right-index .project .project-details h2 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	text-align:left;
	padding:0 0 5px;
	margin:0;
	line-height:25px;
	font-size:20px;
	color:#000
}
.right-index .project .project-details h3, .right-index .project p {
	margin:0;
	padding:0;
	text-align:left;
	font-family:'Open Sans', sans-serif
}
.right-index .project .project-details h3 {
	color:#ff0c00;
	font-weight:700;
	font-size:12px;
	line-height:15px
}
.right-index .project p {
	color:#414141;
	font-size:13px;
	font-weight:300;
	line-height:20px;
	text-transform:none
}
.btn-primary, .right-index .project .book-now.green {
	text-transform:uppercase;
	cursor:pointer;
transition:background-color .5s ease
}
.right-index .project .project-details {
	float:left;
	width:67%;
	margin:10px 2% 10px 0
}
.right-index .project .book-now.green {
	float:right;
	width:21%;
	font-family:'Open Sans', sans-serif;
	color:#fff;
	font-weight:600;
	text-align:center;
	font-size:12px;
	line-height:15px;
	padding:8px 20px;
	margin:10px 0;
	background:#4a9f16;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}
.btn-primary, .form-group .inputbox {
	font-weight:400;
	font-size:14px;
	font-family:'Open Sans', sans-serif
}
.right-index .project .book-now:hover {
	background:#438e16
}
.right-index.video-right {
	margin:27% 0 0
}
.dropdown-content {
	display:none;
	position:absolute;
	background-color:#fff;
	width:200px;
	z-index:1;
	top:0;
	box-shadow:0 4px 3px #ccc
}
header .h-right ul .dropdown-content ul li {
	float:none;
	padding:0
}
.dropdown-content a {
	color:#000;
	padding:18px 15px;
	display:block;
	border-bottom:1px solid #efefef
}
.dropdown:hover .dropdown-content {
	display:block;
	margin:65px 0 0 3.5%
}
.dropdown:hover .dropbtn {
	background-color:#3e8e41
}
.links ul li.active-menu {
	border-bottom:2px solid #f58220;
	color:#000
}
.form-group {
	float:left;
	width:47.5%;
	margin-right:20px
}
.form-group.set_width {
	margin-right:0
}
.form-group.set_width1 {
	width:100%
}
.form-group .inputbox {
	background:#fff;
	margin:20px 0 0;
	line-height:20px;
	text-align:left;
	border:1px solid #adadad;
	border-radius:3px;
	color:#909090;
	padding:8px 13px;
	width:88%
}
.form-group.set_width1 textarea {
	width:94%
}
.btn-primary {
	background:#f67100;
	color:#fff;
	text-align:center;
	padding:12px 20px;
	margin:18px 0 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-appearance:none;
	-webkit-appearance:none;
	border:none;
	width:110px
}
.col1 h2, .col1 h3 {
	font-family:'Playfair Display', serif;
	text-align:left
}
.btn-primary:hover {
	background:#cf6f1d
}
#modal1Title {
	font-size:15px;
	padding:0 0 10px
}
.inputbox::-webkit-input-placeholder {
color:#303030
}
.inputbox:-moz-placeholder {
color:#303030
}
.inputbox::-moz-placeholder {
color:#303030
}
.inputbox:-ms-input-placeholder {
color:#303030
}
.map {
	width:100%;
	height:382px
}
.col1 {
	float:left;
	width:50%;
	margin:30px 3% 30px 0
}
.col1.last {
	margin-right:0;
	width:42%
}
.c-left {
	float:left;
	width:48%;
	margin-right:3%
}
.c-left.full, .col1 h2 {
	width:100%
}
.col1 h2, .col1 p {
	margin:0;
	text-transform:none
}
.c-left.last {
	margin-right:0
}
.col1 h2 {
	font-size:20px;
	line-height:24px;
	font-weight:700;
	padding:6px 0 0;
	color:#000
}
.col1 h3 {
	font-weight:900;
	color:#1e1e1e;
	padding:10px 0 0;
	font-size:16px;
	line-height:22px
}
.col1 p {
	font-family:'Open Sans', sans-serif;
	color:#414141;
	font-size:15px;
	font-weight:400;
	padding:0;
	text-align:left;
	line-height:25px
}
.inputbox, label {
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-align:left;
	color:#909090
}
.inputbox.code {
	float:left;
	width:50%;
	margin:20px 30px 0 0
}
.col1.last .cap {
	margin:30px 0 0;
	float:left
}
.inputbox.con {
	margin:18px 0 0;
	width:100%
}
textarea.inputbox.con {
	height:60px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px
}
.sub-btn.con {
	width:150px;
	margin:15px 0 40px;
	font-size:15px;
	letter-spacing:.6px;
	background:#f67100
}
.sub-btn.con:hover {
	background:#c65b00
}
label {
	font-size:12px;
	line-height:18px
}
.input-box {
	float:left;
	width:30%;
	margin-right:3%
}
.input-box.button {
	width:105px;
	margin:26px 0 0
}
.inputbox {
	background:#fff;
	margin:0;
	font-size:14px;
	line-height:20px;
	border:1px solid #adadad;
	border-radius:3px;
	padding:10px 13px;
	width:90%
}
.right-wrapper h2, .sub-btn {
	text-align:center;
	text-transform:uppercase
}
.social-icons {
	float:right;
	width:30%
}
.sub-btn {
	background:#585858;
	-moz-appearance:none;
	-webkit-appearnace:none;
	color:#fff;
	padding:9px 13px;
	font-size:13px;
	line-height:20px;
	border:none;
	border-radius:4px;
	width:100%;
	cursor:pointer
}
.sub-btn:hover {
	background:#323232
}
h2 span.menu-scroll {
	position:absolute;
	top:-170px
}
.left-wrapper {
	float:left;
	width:65%;
	margin:0 auto
}
.right-wrapper {
	float:right;
	width:400px;
	height:600px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	position:relative;
	margin:-50px 0 0
}
.form-block {
	position:absolute;
	width:400px;
	height:600px
}
<!--
.child-desk {
	position:fixed;
	top:175px;
	right:121px;
	width:400px;
	z-index:16000;
	background:#efefef
}
-->
.child-desk {
	position:relative;
	top:0;
	width:400px;
	z-index:11;
	background:#efefef;
	right:0
}
.right-wrapper form {
	width:85%;
	margin:0 auto
}
.right-wrapper .inputbox {
	width:93%;
	margin:0 0 10px;
	padding:6px 13px
}
.right-wrapper select.inputbox {
	width:101%
}
.right-wrapper .sub-btn.con {
	width:100%;
	margin:0 0 30px
}
.right-wrapper h2 {
	font-family:'Playfair Display', serif;
	font-weight:900;
	margin:0;
	line-height:24px;
	font-size:16px;
	color:#000;
	padding:20px 0
}
.right-index.inside {
	float:none;
	width:100%;
	margin:3.5% 0
}
#top-menu li, .cap {
	float:left
}
.links {
	display:block
}
#index-popup, .links.small, .mobile-display, .spacer30.foot, .static-div {
	display:none
}
.profile {
	padding:25px 0;
	width:85%;
	margin:0 auto
}
.fixed-nav, .fixed-nav-second, header {
	width:100%;
	position:fixed
}
.profile p {
	font-family:'Open Sans', sans-serif;
	color:#414141;
	font-size:13px;
	font-weight:400;
	margin:0;
	padding:0 0 10px;
	text-align:left;
	line-height:20px;
	text-transform:none
}
header {
	background:#fff;
	z-index:15000;
	top:0
}
.fixed-nav {
	z-index:200000;
	-webkit-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
	-moz-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
	box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1)
}
.fixed-nav-second {
	z-index:2000;
	-webkit-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
	-moz-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
	box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
	left:0;
	background:#f8f8f8
}
.fixed-nav-third {
	position:fixed;
	z-index:2000;
	background:#fff;
	width:25%;
	right:80px
}
.inpubox.captcha {
	width:100%;
	margin-right:4%
}
.cap {
	width:150px;
	margin:20px 0 0
}
.right-wrapper .inputbox.code {
	width:35%;
	margin-right:4%
}
.cap.inside {
	margin:0
}
#top-menu a {
	display:block;
	padding:10px 25px;
	width:4em;
	text-align:center;
	color:#757575;
	border-top:3px solid transparent
}
#top-menu a:hover {
	color:#000
}
#top-menu li.active a {
	border-bottom:3px solid #f58220;
	color:#000
}
#index-popup {
	background:#000;
	background:rgba(0, 0, 0, .85);
	width:100%;
	height:1000px;
	position:absolute;
	z-index:999999999;
	border:0 solid #FF0
}
#index-popup .outer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:visible;
	z-index:9999999991;
	padding:50% 0 0
}
#index-popup .inner {
	width:600px;
	margin-left:-300px;
	position:absolute;
	top:100px;
	left:50%;
	z-index:9999999992;
	background:#fff
}
#index-popup .inner p {
	font:400 22px/28px "Open Sans", sans-serif;
	padding:30px;
	margin:0;
	color:#000;
	text-align:center;
	text-transform:none
}
#index-popup a {
	color:#5e960e
}
#index-popup .video-close {
	float:right;
	font-family:"Open Sans", sans-serif;
	font-size:12px;
	font-weight:300;
	line-height:15px;
	color:#7b7b7b;
	padding:10px 10px 7px 0
}
#index-popup .video-close a {
	cursor:pointer;
	text-decoration:none;
	color:#000
}
#index-popup .video-close a span {
	text-transform:uppercase;
	padding:0 0 0 5px;
	color:#000
}
#cssmenu>ul>li.call, #cssmenu>ul>li.call a, #cssmenu>ul>li.enquire, #cssmenu>ul>li.enquire a {
	font-weight:600;
	font-size:14px;
	color:#fefefe
}
#mnu {
	margin:0 auto;
	padding:0;
	background:#fff
}
#cssmenu>ul>li, #mnu #cssmenu {
	float:left
}
#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	box-sizing:border-box
}
#cssmenu:after, #cssmenu>ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
#cssmenu ul ul li.has-sub>a::after, #cssmenu>ul>li.has-sub>a::after {
position:absolute;
right:10px;
content:""
}
#cssmenu #menu-button {
	display:none
}
#cssmenu {
	width:auto;
	font-family:Montserrat, sans-serif;
	line-height:1
}
#cssmenu>ul>li.call {
	line-height:17px;
	padding:0;
	margin:17px 20px 0 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/call.png) left 17px top 7px no-repeat #e91f40;
transition:background-color .5s ease
}
#cssmenu>ul>li.call:hover {
	background:url(../images/call.png) left 17px top 7px no-repeat #bf1732
}
#cssmenu>ul>li.call a {
	padding:9px 25px 9px 45px;
	line-height:17px
}
#cssmenu>ul>li.enquire {
	line-height:17px;
	padding:0;
	margin:17px 0 0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/message.png) left 10px top 7px no-repeat #5743bb;
transition:background-color .5s ease
}
#cssmenu>ul>li.enquire a {
	padding:9px 25px 9px 45px;
	line-height:17px
}
#cssmenu ul ul li a, #cssmenu>ul>li>a {
	font-weight:400;
	text-transform:uppercase
}
#cssmenu>ul>li.enquire:hover {
	background:url(../images/message.png) left 10px top 7px no-repeat #3a1dc8
}
#cssmenu>ul>li.call>a:hover, #cssmenu>ul>li.enquire>a:hover {
	color:#fff
}
#cssmenu.align-center>ul {
	font-size:0;
	text-align:center
}
#cssmenu.align-center>ul>li {
	display:inline-block;
	float:none
}
#cssmenu.align-center ul ul {
	text-align:left
}
#cssmenu.align-right>ul>li {
	float:right
}
#cssmenu.align-right ul ul {
	text-align:right
}
#cssmenu>ul>li>a {
	font-family:'Open Sans', sans-serif;
	color:#010101;
	font-size:13px;
	line-height:17px;
	padding:25px 40px 30px 20px;
	margin:0;
	text-align:center;
transition:color .2s ease
}
#cssmenu>ul>li>a:hover {
	color:#575151
}
#cssmenu>ul>li.has-sub>a {
	padding-right:25px
}
#cssmenu>ul>li.has-sub>a::after {
top:23px;
width:4px;
height:4px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
transform:rotate(45deg);
transition:border-color .2s ease
}
#cssmenu>ul>li.has-sub:hover>a::after {
border-color:#fff
}
#cssmenu ul ul {
	position:absolute;
	left:-9999px;
	z-index:9999999999
}
#cssmenu ul ul li {
	height:0;
transition:height .2s ease
}
#cssmenu ul ul li a {
	padding:10px 20px;
	width:180px;
	font-size:12px;
	line-height:20px;
	background:#fff;
	color:#000;
transition:color .2s ease
}
#cssmenu ul ul ul {
	margin-left:100%;
	top:0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
	color:#ccc
}
#cssmenu ul ul li.has-sub>a::after {
top:13px;
width:4px;
height:4px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
transform:rotate(-45deg);
transition:border-color .2s ease
}
#cssmenu.align-right ul ul li.has-sub>a::after {
right:auto;
left:10px;
border-bottom:0;
border-right:0;
border-top:1px solid #ddd;
border-left:1px solid #ddd
}
#cssmenu ul ul li.has-sub:hover>a::after {
border-color:#fff
}
#cssmenu ul li:hover>ul>li {
	height:41px;
	border-bottom:1px solid #ccc
}
#cssmenu li:hover>ul {
	left:auto
}
.img-logo {
	float:left
}
.left-padding{
padding:0px 30px 0px 0px;
}
.wrapper-inside{
	width:95%;
	border:0px solid #333;
}

#boxes #dialog {
    width: auto;
    height: auto;
    left: 10%;
    right: 10%;
    margin: 0px 20px 0px 20px;
    background-color: #ffffff;
    font: 400 14px/20px 'Open Sans', arial, sans-serif;
    text-align: left;
}
#boxes .window {
    position: absolute;
    left: 0;
    top: 40px;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background:rgba(0,0,0,0.7);
    display: none;
    width: 100% !important;
    height: 1000px !important;
	display:block;
}
.diclaimer{
	background:#000000;
	width:100%;
	padding:5px 0px 5px 0px;
	color:#ffffff;
	cursor:pointer;
}

@media all and (max-width:900px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:900px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:900px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:900px), only screen and (min-device-pixel-ratio:2) and (max-width:900px), only screen and (min-resolution:192dpi) and (max-width:900px), only screen and (min-resolution:2dppx) and (max-width:900px) {
#cssmenu {
width:100%
}
#cssmenu ul {
width:100%;
display:none
}
#cssmenu.align-center>ul, #cssmenu.align-right ul ul {
text-align:left
}
#cssmenu ul li, #cssmenu ul li:hover>ul>li, #cssmenu ul ul li {
width:100%;
height:auto;
border-top:1px solid #fff
}
#cssmenu #menu-button::after, #cssmenu #menu-button::before {
content:'';
right:30px;
width:25px;
position:absolute
}
#cssmenu ul li a, #cssmenu ul ul li a {
width:100%
}
#cssmenu.align-center>ul>li, #cssmenu.align-right>ul>li, #cssmenu>ul>li {
float:none;
display:block
}
#cssmenu ul ul li a {
padding:13px 20px 13px 30px;
font-size:12px;
color:#fff;
background:0 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
color:#fff
}
#cssmenu ul ul ul li a {
padding-left:40px
}
#cssmenu ul ul, #cssmenu ul ul ul {
position:relative;
left:0;
right:auto;
width:100%;
margin:0;
background:#229c4b;
border-bottom:1px solid #229c4b;
text-align:center
}
#cssmenu ul ul li.has-sub>a::after, #cssmenu>ul>li.has-sub>a::after, #menu-line {
display:none
}
#cssmenu #menu-button {
display:block;
padding:5px;
color:#fff;
cursor:pointer;
font-size:0;
text-transform:uppercase;
float:right;
width:40px;
margin-top:-46px;
z-index:600;
right:0
}
#cssmenu #menu-button::after {
top:11px;
display:block;
height:2px;
background:#000
}
#cssmenu #menu-button::before {
top:-3px;
display:block;
height:5px;
border-top:2px solid #000;
border-bottom:2px solid #000
}
#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid rgba(120, 120, 120, .15);
height:52px;
width:52px;
cursor:pointer
}
#cssmenu .submenu-button::after, #cssmenu .submenu-button::before {
content:'';
position:absolute;
display:block;
background:#fff;
z-index:99
}
#cssmenu .submenu-button::after {
top:21px;
left:26px;
width:1px;
height:11px
}
#cssmenu .submenu-button::before {
left:21px;
top:26px;
width:11px;
height:1px
}
#cssmenu .submenu-button.submenu-opened:after {
display:none
}
}
@media screen and (max-width:1380px) {
.wrapper {
width:98%
}
footer p {
width:41.9%
}
footer p.right {
width:300px;
float:right
}
header .h-right {
width:1015px
}
.past-projects .project {
width:27.3%;
margin:3%
}
.past-projects .project.last {
margin:3%
}
header .h-left {
margin:0 0 0 10px
}
.overlay .caption {
margin:10% 0 0 50px;
width:50%
}
.right-wrapper {
right:2%
}
.right-wrapper .inputbox {
width:91%
}
.pattern {
margin:5% 0 0
}
}
@media screen and (max-width:1300px) {
header .h-right ul li {
padding:25px 16px 30px
}
header .h-right {
width:955px
}
.dropdown:hover .dropdown-content {
margin:68px 0 0 5%
}
}
@media screen and (max-width:1215px) {
.left-wrapper {
width:60%
}
.links ul.padding-left-menu {
padding:0
}
#top-menu a {
padding:20px 15px 20px 10px
}
}
@media screen and (max-width:1190px) {
header .h-right ul li {
padding:25px 13px 30px
}
header .h-right {
width:895px
}
#cssmenu>ul>li>a {
padding:25px 15px 30px
}
.about-block {
background-size:cover
}
.left-index {
float:none;
width:95%;
margin:0 auto
}
.right-index {
float:none;
margin:2% 0 0 2.5%
}
.block {
padding:45px 0 0
}
.block .image img {
width:100%
}
.right-index.video-right {
margin:2% 0 0 2.5%;
width:95%
}
.links {
width:58%
}
.fixed-nav-second {
width:100%
}
}
@media screen and (max-width:1140px) {
.right-wrapper {
width:350px;
margin-right:0
}
.right-wrapper .form-block {
width:auto;
margin-right:2%
}
.child-desk {
width:355px
}
header .h-right ul li.call {
margin:17px 12px 0 0;
padding:9px 12px 9px 35px
}
header .h-right ul li.enquire {
padding:9px 12px 9px 36px
}
header .h-right {
width:840px
}
}
@media screen and (max-width:1092px) {
header .h-right ul li.call, header .h-right ul li.call:hover {
background:url(../images/call.png) left 10px top 7px no-repeat #e91f40
}
#cssmenu>ul>li>a {
padding:25px 10px 30px
}
#cssmenu>ul>li.call a, #cssmenu>ul>li.enquire a {
padding:9px 15px 9px 40px
}
#top-menu a {
padding:20px 10px
}
.links ul li {
padding:0 7px
}
.pattern {
margin:6% 0 0
}
header .h-right ul li.call {
margin:17px 12px 0 0;
padding:9px 12px 9px 29px;
font-size:0
}
header .h-right ul li.enquire {
padding:9px 12px 9px 34px;
font-size:0
}
header .h-right {
width:680px
}
header .h-right ul li {
padding:25px 17px 30px
}
}
@media screen and (max-width:1015px) {
header .h-right ul li.enquire {
padding:9px 10px 9px 38px
}
header .h-right ul li {
padding:25px 12px
}
<!--
header .h-right {
width:724px
}
-->
header .h-left {
width:160px
}
.projects-block {
width:90%;
margin:0 auto
}
.projects-block .project .project-details {
width:60%
}
.projects-block .project .project-details h2 {
font-size:16px;
line-height:23px
}
.projects-block .project .book-now {
padding:8px 13px
}
.right-wrapper {
float:none;
width:96%;
position:relative;
margin:30px auto;
right:0;
top:0;
z-index:1000
}
.left-wrapper, .links {
float:none;
width:100%
}
.right-wrapper .sub-btn.con, .right-wrapper select.inputbox {
width:100%
}
.right-wrapper .inputbox {
width:96%
}
.right-wrapper .form-block {
background:#efefef;
top:0;
position:relative;
z-index:5000;
width:100%
}
.child-desk {
width:100%;
position:relative;
top:0;
background:0 0
}
.form-block, .right-wrapper {
height:auto
}
.right-index .brochure {
width:83%
}
header .h-right {
width:625px
}
}
@media screen and (max-width:915px) {
#cssmenu>ul>li.call, #cssmenu>ul>li.call:hover {
background:url(../images/call.png) left 7px top 7px no-repeat #e91f40
}
header .h-right ul li {
display:none
}
header .h-right ul li.call {
display:block;
font-size:0;
padding:9px 20px;
margin:17px 10% 0 0
}
header .h-right ul li.enquire {
display:block;
font-size:0;
padding:9px 27px 9px 19px;
margin:17px 5% 0 0
}
header .h-right {
width:175px;
margin:0 0 8px
}
.overlay .caption {
margin:6% 0 0 50px
}
.menu-icon {
display:block;
float:left;
width:40px;
margin:21px 0 0 10px;
cursor:pointer
}
.menu-small, footer .social {
display:none
}
.menu-icon img {
width:100%
}
footer p.left, footer p.right {
width:auto;
float:none;
text-align:center
}
footer p.left {
margin:0 0 5px
}
footer p.right {
margin:0
}
.menu-small ul {
padding:0;
margin:0;
list-style:none
}
.menu-small ul li {
padding:15px 0;
text-align:center;
border-bottom:1px solid #f67100;
text-transform:uppercase;
font-size:15px;
line-height:20px
}
.menu-small ul li:hover {
color:#525252
}
.menu-small ul a {
color:#000
}
.overlay h2 {
font-size:27px;
line-height:35px
}
.col1 {
float:none;
width:100%;
margin:0
}
.c-left.full, .col1.last {
width:90%;
margin:20px auto
}
.c-left.full {
float:none
}
.inputbox.con {
width:96%
}
#cssmenu>ul>li.call {
float:left;
width:40px;
display:block;
margin-right:10%
}
#cssmenu>ul>li.enquire {
float:left;
width:45px;
display:block;
margin-right:5%
}
#cssmenu>ul>li>a {
display:none
}
#cssmenu>ul>li.call>a, .h-right.small, .spacer30.foot, .static-div {
display:block
}
#cssmenu>ul>li.call>a {
font-size:0
}
#cssmenu>ul>li.enquire>a {
display:block;
font-size:0;
padding:9px 15px 9px 30px
}
#cssmenu>ul>li.call a {
padding:9px 15px 9px 20px
}
.h-right.small .call {
font-weight:600;
font-size:0;
line-height:17px;
color:#fefefe;
padding:10px 0;
margin:17px 20px 0 0;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:url(../images/call.png) left 17px top 7px no-repeat #e91f40;
transition:background-color .5s ease
}
.h-right.small .call a, .h-right.small .enquire, .h-right.small .enquire a {
font-weight:600;
font-size:14px;
line-height:17px;
color:#fefefe
}
.h-right.small .call:hover {
background:url(../images/call.png) left 17px top 7px no-repeat #bf1732
}
.h-right.small .call a {
padding:9px 25px 9px 45px
}
.h-right.small .enquire {
padding:0;
margin:17px 0 0;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:url(../images/message.png) left 10px top 7px no-repeat #5743bb;
transition:background-color .5s ease
}
.h-right.small .enquire a {
padding:9px 25px 9px 45px
}
.h-right.small .enquire:hover {
background:url(../images/message.png) left 10px top 7px no-repeat #3a1dc8
}
.h-right.small .enquire>a:hover {
color:#fff
}
.menu-small ul li.mob-prjcts {
background:url(../images/down-arrow.png) right 20px top 19px no-repeat;
background-size:18px
}
.mobile-display ul li {
font-size:13px;
padding:10px 0;
background:#cbd9e0
}
.static-div {
position:fixed;
bottom:0;
width:100%;
background:#a93131;
color:#fff;
font-size:15px;
line-height:20px;
text-align:center;
padding:10px 0;
text-transform:uppercase;
webkit-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
-moz-box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
box-shadow:-1px 3px 5px 0 rgba(184, 184, 184, 1);
z-index:2000
}
.pattern {
margin:7% 0 0
}
}
@media screen and (max-width:800px) {
.overlay .caption {
margin:0 0 0 50px;
padding:20px 0 40px;
width:auto
}
.overlay {
position:relative;
background:#333;
padding:0 0 30px
}
.projects-block .project .book-now {
font-size:11px;
line-height:14px
}
.past-projects .project h2 {
font-size:18px;
line-height:23px
}
.about-block p, .overlay p {
width:90%
}
.right-wrapper .sub-btn.con {
width:98%
}
.pattern {
margin:8% 0 0
}
#slider {
margin:9% 0 0
}
}
@media screen and (max-width:783px){
#boxes #dialog {
    width: auto;
    margin: 0px 20px 0px 20px;
    left: 0px !important;
    right: 0% !important;
    top: 10px;
	height: 300px;
overflow-y: scroll;
}	
}
@media screen and (max-width:650px) {
.right-wrapper .inputbox {
width:94.5%
}
.pattern {
margin:11% 0 0
}
}
@media screen and (max-width:630px) {
#top-menu a {
padding:20px 4px
}
}
@media screen and (max-width:550px) {
.img-logo {
float:left;
margin:0 auto;
text-align:center;
width:50%;
border:0 solid #000
}
.past-projects .project, .past-projects .project.last, .projects-block .project.last {
margin:5% 4% 10%
}
.projects-block {
width:auto
}
.projects-block .project {
float:none;
width:auto;
margin:5% 4% 10%;
}
.projects-block .new-p1.project {
margin:5% 4% 0% !important;
}
.projects-block .new-p2.project{    
	margin: 0% 4% 10% !important;
}
.past-projects .project {
float:none;
width:auto
}
.overlay .caption {
margin:0 0 0 15px
}
.overlay h2 {
font-size:20px;
line-height:25px
}
.about-block h1, .past-projects h2 {
font-size:25px;
line-height:31px
}
.projects-block .project .project-details h2 {
padding:0 0 3px
}
.past-projects .project h2 {
padding:5px 0
}
.block .image {
width:49.5%
}
.block iframe.scholar-video {
height:250px
}
.right-index {
margin:5% auto 0;
width:auto
}
.links ul li {
font-size:13px;
line-height:20px;
padding:0 0 0 10px
}
.block {
padding:25px 0 0;
margin:15px auto
}
.pattern h1 {
font-size:28px;
line-height:32px
}
.links {
background:#fff
}
.links ul {
padding:0
}
.block h2 {
position:relative
}
#one {
margin:0 auto;
padding:10px 0 0
}
.form-group.cap {
float:left;
width:48%
}
.form-group {
float:none;
width:100%;
margin:0
}
.form-group.cap .inputbox {
width:76%
}
.form-group.set_width1 textarea {
width:88%
}
.inputbox.con {
width:93%
}
.inputbox.code {
width:35%
}
.sub-btn.con {
width:100%
}
.right-wrapper .sub-btn.con {
width:99%;
margin:0 auto 20px
}
.right-wrapper select.inputbox {
width:99%
}
.right-index.inside {
width:88%;
margin:3.5% auto
}
.right-wrapper form {
width:90%
}
.block .image.plan {
width:90%;
height:auto;
text-align:center;
border:1px solid #ccc;
margin:0 auto 8%;
float:none
}
.block .image.plan.last {
margin:0 auto 8%
}
.block .image.plan img {
height:auto
}
.links {
display:block;
margin-top:-3px
}
.wrapper {
width:100%
}
.right-wrapper .inputbox {
width:93%
}
.right-index .brochure {
width:auto
}
#slider {
margin:13% 0 0
}
}
@media screen and (max-width:470px){
.left-padding{
padding:0px 15px 5px 0px;
}
	
}
@media screen and (max-width:430px) {
header .h-right ul li.call {
margin:17px 9% 0 0
}
header .h-right ul li.enquire {
margin:17px 2% 0 0
}
header .h-right {
width:167px
}
header .h-left {
width:140px
}
header .h-left img {
width:100%
}
.projects-block .project .project-details h2 {
font-size:14px;
line-height:22px
}
.right-index .project .project-details {
width:60%
}
.inputbox.con, .right-wrapper .inputbox {
width:91%
}
.right-index .project .project-details h2 {
font-size:16px;
line-height:24px
}
.right-wrapper select.inputbox {
width:99%
}
.links ul li {
padding:0 0 0 5px
}
#top-menu a {
padding:10px 4px
}
#slider, .pattern {
margin:15% 0 0
}
}
@media screen and (max-width:390px) {
#top-menu a {
width:auto
}
#slider {
margin:17% 0 0
}
}
@media screen and (max-width:365px) {
.links ul li {
font-size:12px
}
.inputbox.code {
width:30%
}
.right-wrapper select.inputbox {
width:100%
}
.cap {
width:140px
}
}


/*06-10-2020*/
.projects-block .new-p1.project {
    margin: 60px 4% 60px 0;
}
.projects-block .new-p2.project .book-now {
    float: left;}