@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
@import url(menu.css);
body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; overflow-x:hidden }

/*
	sass --watch E:\pms-design2-backup\dipakproject\projects\parkside\html\css\style.scss:E:\pms-design2-backup\dipakproject\projects\parkside\html\css\style.css --style compact
*/
.banner { clear: both; position: relative; min-height: 300px; }

.navbar { border-bottom: none; background: #bed5cb; }

.navbar-inner { min-height: 80px; border-bottom: 2px dashed #fff; }
.navbar-inner .container { position: relative; }
.navbar-inner .container .brand { position: absolute; left: 0; top: 0; }

.banner-text { position: absolute; left: 0; right: 0; top: 10%; text-align: Center; z-index: 4; }
.banner-text h1 { text-transform: uppercase; font-size: 25px; color: #fff; text-shadow: rgba(0, 0, 0, 0.7) 0 1px 10px; display:none }

.order-online-btn { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; position: relative; top: 50px; border: 5px solid #fff; font-weight: bold; background: #b71e21; color: #fff; width: 160px; height: 90px; padding: 35px 0; display: inline-block; font-size: 25px; text-transform: uppercase; line-height: 30px; /*	animation:order-btn .5s;
	-webkit-animation:order-btn .5s;
	-moz-animation:order-btn .5s;
	-o-animation:order-btn .5s;*/ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.order-online-btn:hover { text-decoration: none; color: #fff; /*		animation:order-btn .5s;
		-webkit-animation:order-btn-hover .5s;
		-moz-animation:order-btn-hover .5s;
		-o-animation:order-btn-hover .5s;*/ background: #eeea44; color: #333; border-color: #b71e21; }

@-webkit-keyframes order-btn { 100% { -webkit-transform: rotate(360deg); } }

@-moz-keyframes order-btn { 100% { -moz-transform: rotate(360deg); } }

@keyframes order-btn { 100% { transform: rotate(360deg); } }

@-o-keyframes order-btn { 100% { -o-transform: rotate(360deg); } }

@-webkit-keyframes order-btn-hover { 100% { -webkit-transform: rotate(360deg); } }

@keyframes order-btn-hover { 100% { transform: rotate(360deg); } }

@-moz-keyframes order-btn-hover { 100% { -moz-transform: rotate(360deg); } }

@-o-keyframes order-btn-hover { 100% { -o-transform: rotate(360deg); } }

.middle-content { /*border: 2px dashed #fff; border-width: 2px 0; background: #bed5cb; */z-index: 2; position: relative; padding: 180px 0 0 0; }

.white-box { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; padding: 20px; position: relative; bottom: -80px; z-index: 3; color: #7f9c8f; font-size: 15px; }
.white-box p { margin: 0; padding: 0 0 10px 0; font-size: 16px;line-height: 1.4;}
.white-box h2 { margin: 0; padding: 0; color: #4c7563; font-size: 22px; }

.addr-content { position: relative; padding:20px 0; }
.addr-content p { font-size: 18px; color: #fff; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-align: center; }

.footer-links { display: block; padding: 10px 0; text-shadow: none; color: #4c7563; text-transform: uppercase; font-size: 17px; }
.footer-links a { color: #4c7563; display: inline-block; margin: 0 5px; }
.footer-links a:hover { text-decoration: none; color: #fff; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }

.copyright { text-align: Center; font-size: 16px; color: #4c7563; background: #fff; position: relative; z-index: 2; }
.copyright .container { padding: 20px; }

.banner.sub-page { min-height: 0; }
.banner.sub-page li > .container { position: absolute; top: 0; right: 0; left: 0; max-width: 100%; width: auto; }
.banner.sub-page .slides { max-height: 200px; overflow: hidden; }
.banner.sub-page .banner-text { position: relative; }
.banner.sub-page .banner-text h1 { padding: 40px 0 0;display:none }
.banner.sub-page .banner-text .order-online-btn { width: 110px; height: 60px; padding: 25px 0; font-size: 18px; line-height: 1.2; right: 0; top: 20px; left: auto; position: absolute; }

.sub-page h3 { font-size: 17px; color: #555; font-family: 'Montserrat', Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 0 0; }
.sub-page .white-box-wrap { position: relative; bottom: -150px; }
.sub-page .sub-page-title { min-height: 80px; }
.sub-page .white-box { color: #666; font-family: arial, helvetica, sans serif; min-height: 300px; }

.sub-page + .white-box-wrap .white-box { min-height: 300px; }
.sub-page + .white-box-wrap h2 { color: #b71e21; text-transform: uppercase; }

.contact-us .span4 { position: relative; min-height: 220px; }
.contact-us .span4 .divider-vertical { position: absolute; top: 0; bottom: 0; right: 0; border-right: 1px dashed #ccc; }

.bg-img { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; }
.bg-img .slides { height: 100%; }
.bg-img .slides li { height: 100%; overflow: hidden; }
.bg-img .slides li img { width: 100%; max-width: 100%; }


.white-box-wrap.order-page .white-box{
	background: url(../images/bg.png);
	padding:7px;
}

.white-box-wrap.order-page .white-box .Columns{
	margin:0;
}

.Columns .Col1 {
	background: #fff;
	padding: 0 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

.i-alllocations-container {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 100%;
}



.middle-content .container{
	position:absolute;
	padding-top:40px;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	max-width:none;
	border: 2px dashed #fff;
	background:#bed5cb;
	border-width: 2px 0;
}