/*
Theme Name: KNX
Author: macrew
Version: 1.0

*/


@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p,img, ul, li, form, label, nav { margin: 0; padding: 0; border: 0; outline: 0;}
.clearfix{ clear:both}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin:0; padding:0}
.container-fluid{ width:100%; padding:0; position:relative;min-height: 553px;}
.container{ width:1160px; margin:auto; padding:0;}
.text-center{ text-align:center}.text-right{ text-align:right}.right{ float:right}
body{font-family: 'Raleway', sans-serif; font-size:15px; color:#232331; background:#ffffff; margin:0; padding:0}
a:focus,a:hover{ outline:none; text-decoration:none;}a{ text-decoration:none; color: #4f8d2c;}
h1, h2, h3, h4, h5, h6, ul li a{}

header{ padding:0; width:100%; background:#fff; display:inline-block; border-bottom:3px solid #359d48;}
header .container{ width:90%; margin:auto; position:relative}
.logo{ display:inline-block; float:left; padding:18px 0}
.topbar{ float:right; display:inline-block;}
.topbar ul li{ display:inline-block; list-style:none; padding:25px 9px}
nav ul{ float:right; margin-top:px}
nav ul li{ display:inline-block; list-style:none; padding:11px 15px}
nav ul li:last-child{ padding-right:0}
nav ul li a{ color:#000000; font-size:15px; font-weight:400; text-transform:uppercase; padding:11px 0;}
nav .current-menu-item > a, nav .current-menu-ancestor > a, nav ul li a:hover{ color:#0264ad; border-bottom:3px solid #0264ad; background-image:url(./images/navActive.png); background-repeat:no-repeat; background-position:center bottom}
.menu{ display:none;}
nav .current-menu-ancestor.menu-item-has-children .sub-menu li.current-menu-item { background-color:#4F8D2C;}
/*Slider*/
.residencialApp{ width:55%; height:650px; display:inlini-block; overflow:hidden; position:relative; float:left}
.residencialApp img{ width:100%; height:100%}
.residencialAppText{ position:absolute; top:50%; left:6%; color:#fff; margin-top:-42px}
.residencialAppText h3{ font-size:48px; text-transform:uppercase}
.residencialAppText p{ font-size:24px;}
.metaslider .caption-wrap {background: none !important; line-height:1.1 !important; opacity:0.92 !important;}
.caption-wrap{ position:absolute !important; top:50% !important; left:6% !important; color:#fff !important;  transform: translateY(-50%);}
.caption h3{ font-size:48px; text-transform:uppercase}
.caption p{ font-size:24px;}

.bannerRight{ width:45%; height:650px; display:inlini-block; overflow:hidden; position:relative; float:left; padding-left:5px}
.overview{ position:relative; height:323px; overflow:hidden}
.overview img{ width:100%}
.overviewButton{ color:#fff; font-size:24px; font-weight:300; display:inline-block; width:100%; padding:10px;background: rgba(0,0,0, 0.5); position:absolute; bottom:0; left:0}
.overviewButton span{ color:#e5f864;}
.overviewText{ position:absolute; top:70px; left:50px}
.overviewText h2{ font-size:60px; color:#fff; line-height:60px; text-transform:uppercase}
.overviewText span{ font-size:36px; color:#e5f864; font-weight:300; line-height:36px; text-transform:uppercase}
.overviewText p{ font-size:36px; color:#e5f864; font-weight:300; line-height:36px; text-transform:uppercase}
.overviewRightBox{ width:250px; height:100%; position:absolute; right:0; top:0; background: url(./images/rightBox.png) no-repeat; background-position:center right; display:inline-block; padding:50px 0 0 84px}
.overviewRightBox ul li{ list-style:none; display:block; width:100%; float:left}
.overviewRightBox ul li a{ color:#fff; display:inline-block; font-size:18px; padding:12px 0}



/*Welcome*/
.welcome{ padding:20px 0; background:#f8f8f8; display:inline-block}
.welcomeLeft{ width:65%; display:inline-block; float:left; padding-right:100px}
.welcomeLeft h2{ font-size:36px; font-weight:300; color:#000}
.welcomeLeft h2 span{ font-weight:600; color:#4f8d2c; text-transform:uppercase;}
.welcomeLeft h4{ color:#214796; font-size:24px; font-weight:300}
.welcomeLeft p{ color:#4f4b4b; font-size:18px; margin-top:20px;text-align: justify;}
.welcomeRight{ width:35%; display:inline-block; float:left}
.welcomeRight img{ margin-top:70px}
/*News*/
.news{ padding:20px 0; background:#fff; display:inline-block}
.newsBox{ width:50%; float:left; display:inline-block; margin-top:20px}
.newsBox p{ color:#4f8d2c; font-size:16px; font-weight:300; margin-left:20px}
.newsBox img{ display:inline-block; float:left; vertical-align:middle}
.newsBox p{ display:inline-block; float:left; vertical-align:middle; width:56%;}
.news .welcomeRight{ background:#efefef; padding:20px; font-family: 'Roboto', sans-serif;}
.news .welcomeRight h2{ font-size:36px; font-weight:200; color:#000;}
.news .welcomeRight h2 span{ font-weight:600; color:#4f8d2c;;}
.widget_wysija input[type="text"], .widget_wysija input[type="email"]{ width:100%; height:48px; background:#fff; padding-left:15px; margin:10px 0; border:none}
.widget_wysija input[type="submit"]{ width:100%; height:48px; background:#204796; margin:10px 0; border:none; color:#fff; font-size:20px; text-align:center; font-weight:200}
/*Footer*/
footer{ display:inline-block; width:100%; background:#204796; padding:10px 0; color:#fff; font-family: 'Roboto', sans-serif;}
.footerLeft{ float:left; text-align:left; display:inline-block}
.footerRight{ float:right; text-align:right; display:inline-block}
.footerLeft ul li{ display:inline-block}
.footerLeft ul li a{ display:inline-block; color:#fff; font-size:14px; font-weight:100; padding:0 6px}
.footerBottom{ width:100%; display:inline-block; border-top:1px solid #2d5ab7; margin-top:10px; padding-top:10px}
.borderright li a{ border-left:1px solid #fff; line-height:14px}
.borderright li:first-child a{ border-left:none;}
.footerRight span{ color:#e5f864}
.top4{ margin-top:4px}
.fullwidth .entry-title { color: #0067b2; font-size: 36px; font-weight: 600;}
.fullwidth h2 { color: #0067b2; font-size: 36px; font-weight: 600;}
.fullwidth h2 span{ font-weight:600; color:#4f8d2c; text-transform:uppercase;}
.fullwidth h4{ color:#4f8d2c; font-size:24px; font-weight:300}
.fullwidth .page-title {color: #0067b2; font-size: 36px; font-weight: 600;}
/*.fullwidth p{ color:#4f4b4b; font-size:18px; margin-top:20px}*/
.fullwidth p {  color: #4f4b4b; font-size: 15px; line-height: 1.6em; margin-top: 20px;text-align: justify;}

.fullwidth > ul {
  list-style-image: url("./images/bullet.gif");
  list-style-position: outside;
}
.fullwidth ul {
  color: #666666;
  line-height: 1.5;
  padding-top: 5px;
}
.nav li{ position:relative}
.nav li:hover .sub-menu{ display:block !important}
.sub-menu li a{ font-size:12px; background:none; border:none; color:#000}
.nav li:hover .sub-menu li{ padding:8px 15px !important}
.sub-menu li:hover{ background:#4f8d2c !important}
.sub-menu{ position:absolute; background:#fff; z-index:99; display:none; width:200px; top:41px}
nav ul li ul li:hover a{ background:none; border:none; color:#fff}
.nav li ul li{ display:block}
.category .entry-footer {
  display: none;
}
.single .entry-footer {
  display: none;
}
.ulBorder{ width:150px; height:2px; background:#119C4B; margin-top:7px; margin-bottom:20px}
.menberHeading{ font-size:28px !important; font-weight: 300; line-height:36px}
.membership li, #MainUL li{ list-style:none; background:url(./images/ulArrow.png) no-repeat; padding-left:20px; background-position:center left}
.imgText p{ float:left; width:70%}
.imgText img{ float:right; width:25%; height:auto}
.ImagealignSpec{ width:25%; float:left; text-align:center}
.ImagealignSpec p{ font-size:12px}
.ImagealignSpec img{ height:35px; width:auto}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

.category .fullwidth h2{ font-size:23px; margin-top:20px}
.category .fullwidth p{ margin-top:15px}
.category .entry-header{ border-bottom:none}
.category .wp-pagenavi a, .wp-pagenavi span{ padding:10px 15px; display:inline-block; margin-top:20px}

.single .entry-content { margin-top: 20px;}

.fullwidth ul li{ list-style:none; background:url(./images/ulArrow.png) no-repeat; padding-left:20px; background-position:center left}

.archive .container-fluid {
  min-height: 552px;
}

.page .container-fluid.welcome {
  min-height: 550px;
}

/*send enquiry form css start*/

#mapdiv{
opacity:0.92;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}

.map {
  background: #fff none repeat scroll 0 0;
  border-radius: 2px;
  box-shadow: 0 0 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  margin: 20px 250px 0 251px;
  padding: 20px 30px;
  position: relative;
  width: 1100px;
}
#mapdiv .img {
  margin: 0;
  position: absolute;
  right: 0;
  top: 13px;
  width: 21px;
}
#contactdiv{
opacity:0.92;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#contact {
  background-color: white;
  font-family: "Raleway",sans-serif;
  margin: 0;
  position: relative;
  width: 350px;
}

#contact{
left: 50%;
top: 50%;
margin-left:-210px;
margin-top:-255px;
}

.form{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
margin:20px 250px 0 35px;
float:left;
}
input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
input[type="button"] {
  background-color: #204796;
  border: 1px solid white;
  color: white;
  font-family: "Raleway",sans-serif;
  font-size: 18px;
  font-weight: normal;
  width: 49%;
}
textarea {
  border: 1px solid #999;
  border-radius: 3px;
  height: 80px;
  margin-top: 5px;
  padding: 5px;
  resize: none;
  width: 100%;
}

#contactdiv .img {
  float: right;
  margin-right: -24px;
  margin-top: -16px;
  width: 21px;
}
/*send enquiry form css end*/

.page-id-63 td {
  padding: 4px 10px;
}

/*contact page css start*/
.address {
  margin-top: 20px;
}

.address > li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  float: left;
  min-height: 127px;
  width: 33%;
}
.fullwidth header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.page-header, .entry-header {
  border-bottom: none;
}

.um-page-user .entry-header .entry-title {
  display: none;
}
.entry-footer .edit-link {
  display: none;
}
.entry-footer {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.um-dropdown-b li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.postid-16 p {
  float: left;
}

.residencialApp .metaslider {
  max-width: 100% !important;
}

.um-profile-body {
  float: left;
  padding-left: 100px;
}

.um-editing .um-profile-body{ float:none; padding-left:0;}
.pp_social {
  display: none;
}
/*contact page css ends*/
@media (max-width: 1550px)
{
	.overview img{ width:auto; height:100%}
	.overviewText{ left:20px; top:30px}
	.overviewText h2{ font-size:40px;}
	.overviewText span{ font-size:20px}
	.residencialApp, .bannerRight{ height:410px}
	.caption h3{ font-size:34px}
	.caption p{ font-size:18px}
	.overview{ height:203px}
	.residencialApp img, .overview img{ width:100%; height: auto}
	.overviewRightBox{ padding:24px 0 0 84px}
	.overviewRightBox ul li a{ padding:4px 0}
}
@media (max-width: 1159px)
{
	.container, header .container, .welcomeRight img{ width:100%;}
	.logo{ display:block; text-align:center; float:none}
	header{ text-align:center}
	.right, .topbar, nav ul{ float:none; width:100%}
	nav ul li a, .newsBox p{ font-size:14px}
	nav ul li{ padding:11px 6px}
	.welcomeLeft{ padding-right:30px}
	.residencialApp img{ width: auto; height:100%}
	.residencialApp {
  float: none;
    width: 100%;
}
.bannerRight{ float:none; width:100%;}

.overview {  float: left;  width: 50%;}
.top4 {  margin-top: 0;}
}
@media (max-width: 1024px)
{
	nav ul li a, .overviewButton{ font-size:13px}
	nav ul li a{ padding:8px 0}
	.footerLeft ul li a, .footerRight > p{ font-size:10px}
	header{ border-bottom:none}
	.container, header .container{ padding:0 20px}
	.overview img{ width: auto; height:100%}
	.overviewRightBox{ width:180px; padding:24px 0 0 20px}
	.newsBox{ width:100%}
	.membership li{ background-position:left top 7px}
	
}


	

@media (max-width: 767px)
{
	nav ul{ display:none}
	.menu{ display:inline-block; width:100%; max-width:400px; text-align:left; background-color:#3bad32; color:#fff; padding:8px 15px; background-image:url(./images/menu.png); background-repeat:no-repeat; background-position:center right 15px; font-weight:bold; margin-top:15px}
	nav ul li{ display:inline-block; width:100%; padding:6px 15px}
	.active a, nav ul li a:hover{ border:none; background:none}
	.footerRight, .footerLeft{ width:100%; text-align:center}
	.welcomeLeft, .welcomeRight{ width:100%; display:block; margin:auto; float:none; max-width:400px; text-align:center}
	.welcomeRight img{ width:100%; max-width:300px}
	.residencialApp, .bannerRight{ width:100%; max-width:400px; margin:10px auto; padding:0; float:none}
	.top4{ margin-top:10px}
	.news .welcomeRight{ clear:both}
	.welcomeLeft{ padding-right:0}
	.newsBox img, .newsBox p{ display:block; float:none; margin:10px auto}
	.overviewText{ left:10px; top:50px}
	.overviewText span{ font-size:14px; line-height:14px}.overviewText h2{ font-size:28px; line-height:28px}
	.imgText p, .imgText img{ float:none; width: auto}
	.address > li {  width: 100%;}
	.residencialApp{ height:239px}
	.caption h3 { font-size: 27px;}
.caption p { font-size: 15px;}
.overview {  float: none;  width: 100%;}


}