/*import*/
@import url("./normalize.css");
@import url("./jquery-ui-1.10.4.custom.min.css");
@import url("./font-awesome.min.css");
@import url("./owl.carousel.css");
@import url("./owl.theme.css");
@import url("./owl.transitions.css");
@import url("./colorbox.css");


/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

html{font-size: 16px;font-family: Arial; font-weight: 400;}
h1{font-size: 30px; font-family: Arial; font-weight: 700;line-height: 35px;}
h2, h3{font-family: Arial; font-weight: 400;font-size: 20px; line-height: 25px;}
p{line-height: 20px;}

/*Background*/
body{background-repeat: no-repeat;background-position: center center;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url('../images/bg.jpg')}
.fullwidth{with:100%; margin: 0px; padding: 0px;max-width:100%;}
.fullheight{height: 100%;}
i{font-family: fontawesome;}

/*Header*/
#header > .row{position: relative;min-height: 175px;}
#header .nav {background-color: #FF9933;bottom: 25px;display: block;position: absolute;width: 100%;z-index: 99;}
#header .nav .navigation {display: block;margin: 0 0 0 auto;max-width: 940px;width: 100%;text-align: right}
#header .nav .navigation > li {display: inline-block;position: relative;margin-left: -4px;}
#header .nav .navigation > li:first-child{margin-left: 0;}
#header .nav .navigation > li > a {border-left: 1px solid #333333;color: #FFFFFF;display: block;font-size: 18px;font-weight: 300;padding: 7px 18px;text-transform: uppercase;}
#header .nav .navigation > .active > a,
#header .nav .navigation > li:hover > a{background-color: rgba(255, 255, 255, 0.8);color: #333333;}
#header .nav .navigation > li ul {display:none;margin: 0;position: absolute;text-align: center;width: 250px;}
#header .nav .navigation > li:hover ul{display: block;}
#header .nav .navigation .submenu a {background-color: rgba(255, 255, 255, 0.7);border: medium none;color: #333333;display: block;font-size: 14px;font-weight: 100;margin-top: 3px;padding: 10px;font-weight: 100;}
#header .nav .navigation .submenu a:hover {background-color: rgba(0, 0, 0, 0.7);color: #f2f2f2;}
#header .logo {box-shadow: 0 0 5px 0;display: block;left: 30px;position: absolute;z-index: 999;}

/*Slider*/
.page1 .slider{margin: -25px auto 0;}
.page1 .slider .prev,
.singleProd .slider .prev{background-color: rgba(255, 255, 255, 0.7);display: block;height: 40px;left: 0;margin-top: -20px;padding: 10px; position: absolute;top: 50%;width: 34px;cursor: pointer}
.page1 .slider .next, 
.singleProd .slider .next{background-color: rgba(255, 255, 255, 0.7);display: block;height: 40px;right: 0;margin-top: -20px;padding: 10px; position: absolute;top: 50%;width: 34px;cursor: pointer}
.page1 .slider .owl-buttons, .singleProd .slider .owl-buttons {display: none;}
.page1 .slider .clickable, .singleProd .slider .clickable {bottom: 0;margin: 0;position: absolute;right: 0;}
.page1 .intro {background-color: rgba(255, 255, 255, 0.75);font-weight: 300;line-height: 20px;padding: 40px 20px;text-align:center;}
#prodSlider .caption {background-color: rgba(255, 255, 255, 0.7);bottom: 0;max-width: 700px;padding: 30px 0 30px 20px; position: absolute;width: 100%;}
div#usefulTool {text-align: center;}


.services .block {background-color: rgba(255, 255, 255, 0.8);border-radius: 4px;margin-top: 20px;padding: 20px 40px;}
.services .block h3 {text-align: center;text-transform: uppercase;}
.services .block section {font-size: 16px;font-weight: 100;line-height: 20px;margin-top: 15px;text-align: center;}
.services .block > a {background-color: #ff9933;border-radius: 3px;color: #ffffff;display: block;line-height: 20px;margin: 15px auto 0;max-width: 125px;padding: 5px 10px;text-align: center;}

.content h1 {color: #eeeeee;line-height: 35px;margin-bottom: 20px;text-transform: capitalize;}
.content {background-color: rgba(0, 0, 0, 0.9);color: #eeeeee;padding: 20px 40px;}

#information, #newsTool {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;padding:0;}
#ation .ui-tabs-active,#newsTool .ui-tabs-active {background-color: #ff9933;}
#information .ui-tabs-active a,#newsTool .ui-tabs-active a{color: #FFFFFF;}
#information > ul, #newsTool > ul {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;padding: 0;}
#information .ui-tabs-active,#newsTool .ui-tabs-active {background-color: #ff9933;}
#information .ui-tabs-active a,#newsTool .ui-tabs-active a{color: #FFFFFF;cursor: pointer;}
#information > div ,#newsTool > div{background-color: #cccccc;border-radius: 0;min-height: 180px;}
#information > ul > li,#newsTool > ul > li {background-color: #e8e8e8;background-image: none;border: medium none;border-radius: 0;}
#information > ul > li > a,#newsTool > ul > li > a {text-transform: uppercase;display: block;width: 100%;}
#newsTool > ul > li {display: block;max-width: 49%;width: 100%;}
#newsTool > ul > li:nth-child(2n+2) {float: right;margin-right: 0;}
#welcome, #latestNews {font-family: arial;font-size: 16px;font-weight: 100;line-height: 20px;}
.tab > .columns:first-child {padding-left: 0;}
.tab > .columns:nth-child(2n+2) {padding-right: 0;}

.propertyLanding .prodItem{padding: 20px 10px;background-color: rgba(255,255,255,0.8);border-radius: 5px;display: block;margin: 0 auto;}
.propertyLanding h3 {text-align: center;display: block;padding: 10px 20px;}
.propertyLanding .prodItem p {font-size: 15px;font-weight: 100;color: #333333;}
.propertyLanding .prodItem article {padding: 0 20px;}
.propertyLanding .prodItem img {display: block;width: 100%;height: 246px;}


#prodShow, #siteShow {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;padding:0;margin-top: 10px;}
#prodShow > ul, #siteShow > ul {background-color: transparent;border:none;padding: 0;}
#prodShow > ul > li,#siteShow > ul > li {background:none repeat scroll 0 0 #e8e8e8;border: medium none;border-radius: 0;margin: 0 0 0 5px;padding: 0;width: 16.3%;}
#prodShow > ul > li:first-child, #siteShow > ul > li:first-child {border: medium none;border-radius: 0;margin: 0px;padding:0;}
#prodShow > ul > li a,#siteShow > ul > li a{text-transform: uppercase;display: block;text-align: center; float:none;}
#prodShow > div, #siteShow > div {background-color: #777777;border-radius: 0;}
#prodShow .ui-tabs-active, #siteShow .ui-tabs-active {background-color: #ff9933;}
#prodShow .ui-tabs-active a, #siteShow .ui-tabs-active a{color: #FFFFFF;text-transform: uppercase;display: block;cursor: pointer;}
#siteShow > ul > li{width: 50%;margin: 0;border:0;text-align: center}
#siteShow > ul > li > a{float:none;margin: 0 auto;}
#description > div {margin: 5px 0;}
#description strong {color: #ffffff;text-transform: uppercase;font-family: arial;font-size: 16px;}
#description p{ color:#FFFFFF; font-size: 16px; font-weight: 100;font-family: arial;letter-spacing: 1px;}
#location #map-canvas{height:400px; width: 100%;}
#location #map-canvas img{max-width: none;}
#Enquiry .formWrap{background:none; padding:0;color:#FFFFFF;}
#Enquiry .formWrap label{color: #FFFFFF;}
#location {color:#FFFFFF;}
#specification{color:#FFFFFF}
#floorplan{color:#FFFFFF}
#floorplan ul li img {display: block;margin: 0 auto;max-width: 300px;}
#roianalysis{color:#FFFFFF;}
.singleProd .calculation {position: absolute;max-width: 192px;left:-192px;top:20px;}


.contactWrap {background-color: rgba(255, 255, 255, 0.7);border-radius: 5px;margin-right:10px;padding: 40px 20px;text-align: center}
.contactWrap h3 {font-size: 18px;font-weight: 400;margin-bottom: 10px;text-transform: capitalize;}
.contactWrap > p {font-size: 16px;font-weight: lighter;letter-spacing: 1px;margin: 5px auto;line-height: 18px;}
.formWrap {background-color: rgba(0, 0, 0, 0.8);color: #cccccc;font-size: 15px;font-weight: 100;margin-left: 10px;padding: 40px 20px;}
.formWrap input[type="radio"], .formWrap input[type="checkbox"] {margin-right: 10px;}
.formWrap input[type="radio"]{margin-left: 15px;}
.formWrap input[type="radio"]:first-child{margin-left: 0;}
.formWrap label {color: #cccccc;font-size: 16px;font-weight: 400;font-family: arial;}
.formWrap input[type="submit"] {background-color: #ff9933;border: medium none;border-radius: 3px;color: #ffffff;display: block;font-weight: 400;margin: 30px 20px 0 auto;max-width: 100px;text-align: center;width: 100%;}

.newswrap {background-color: #2D2D2D;color: #cccccc;font-weight: 100;padding: 20px;}
.newswrap h3 {color: #cccccc;font-size: 16px;font-weight: 400;margin-bottom: 5px;text-transform: capitalize;}
.newswrap .author{color: #ff9933;font-size: 14px;text-transform: capitalize;}
.newswrap .date{color:#ff9933;font-size: 14px;}
.newswrap .newscontent{font-size: 14px;line-height: 20px;}
.newswrap .cta {text-align: right;}
.newswrap .cta > a {font-size: 13px;}
.newswrap .line {border-bottom: 4px solid #ff9933; padding-top: 25px;}
.topNewsWrap{position: relative;margin-bottom: 10px;min-height:300px;}
.topNewsWrap .newswrap{background-color: rgba(0,0,0,0.7); position: absolute;bottom: 0;}
.topNewsWrap .newswrap .feature {position: absolute; top:0; right:0; padding: 5px;text-align: center;text-transform: uppercase;background-color: #FF9933;color:#FFFFFF;display: block; width:120px}
.topNewsWrap > img {width: 100%;}

ul.pagination {margin-top: 10px;text-align: center;}
ul.pagination{display: inline-block;float:none;}
.pagination .current {background: #f93;color: #FFFFFF;}
ul.pagination li a {color: #333333;background: #f2f2f2;}

.singleNews figure {position: relative;}
.singleNews .caption {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);bottom: 0;color: #cccccc;display: block;max-width: 100%;padding: 20px 10px;position: absolute;width: 100%;text-transform: capitalize;font-size: 25px;}
.singleNews article {background-color: rgba(0, 0, 0, 0.8);display: block;margin-top: 10px;max-width: 100%;padding: 20px;width: 100%;}
.singleNews article p {color: #CCC; font-size: 16px; font-weight: 300;margin-bottom: 10px;}
.singleNews .author{color: #ff9933;font-size: 14px;text-transform: capitalize;}
.singleNews .date{color:#ff9933;font-size: 14px;}
.singleNews .newsContent {margin-top: 20px;}



.rightbar {background-color: #2D2D2D; padding: 20px 0;margin-left: 20px;}
.rightbar > h3 {background-color: #ff9933;}
.rightbar h3 p {background-color: #2d2d2d;color: #ff9933;font-size: 16px;line-height: 30px;margin-left: 35px;max-width: 210px;text-align: left;text-transform: uppercase;font-weight: 400;padding-left:15px;}
.rightbar > ul {margin: 0 auto;max-width: 280px;padding-left: 10px;}
.rightbar ul li a {color: #cccccc;display: block;font-size: 13px;font-weight: 100;padding: 3px 0;}

form input[type="text"], form input[type="password"],
form textarea, form select option{color: #333333;}


.errorpage {background-image: url(../images/404.jpg);}
.errorpage .errorbox {background-color: rgba(0, 0, 0, 0.3);border: 2px solid #FFFFFF;border-radius: 30px;height: 230px;left: 50%;margin: -115px 0 0 -300px;padding: 50px;position: absolute;text-align: center;top: 50%;width: 600px;}
.errorpage .errorbox h1{color: #F3F3F3;}
.errorpage .errorbox p {color: #F4F4F4;margin: 20px 0;}

footer > .row {background-color: #000000;}
footer .footermenu {margin: 20px 0}
footer .footermenu > li {display: inline-block;}
footer .footermenu a {border-left: 1px solid #999999;color: #999999;display: block;font-size: 13px;font-weight: 100;padding: 0 10px;text-align: center;}
footer .footermenu li:first-child a{border-left: none;}
footer .copyright p {color: #999999;font-family: arial;font-size: 12px;font-weight: 100;margin: 10px 0 20px;padding-left: 10px;}
footer .row.collapse.socialmedia {margin-top: 20px}
footer .socialmedia p {color: #999999;font-size: 13px;padding-right: 10px;text-align: right;}
footer .socialmedia a {color: #999999;font-family: fontawesome;padding: 5px;}