@import url("font-awesome.min.css");
@import url("navigation.css");
@import url("front-slider.css");

body{ margin:0px; padding:0px; color:#333; font-size:13px;background:#fff;font-family:'Roboto', sans-serif;}
img{border:0px;}
p{ margin:0px; padding:0px;}
ul, li{list-style-type: none;margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}
.wrapper{width:1280px; margin:0 auto; display:table; border-left:1px solid #d2d2d2;border:1px solid #cccccc;}
* {	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before, :after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clr{ clear:both;}

/*--front--*/
.header{ width:100%; position:fixed; top:0px; z-index:99; background:#fff;height:75px;}
.top{ width:100%; background:#019934;float:left;}
.header .bottom{ width:1280px; margin:0 auto;padding:14px 0px 14px 30px; position:relative; height:75px;border:1px solid #cccdcd;}
.rightcontact{width:1280px; margin:0 auto;}
.rightcontact ul{ list-style-type:none;margin:0;padding:0; width:100%; float: left;}
.rightcontact li{list-style-type:none;display:block;float:right; border-left:1px solid rgba(255, 255, 255, 0.24);}
.rightcontact li a{display:block;float:right;color:#fff;font-size:13px;text-decoration:none;padding:0 10px; min-height:40px; line-height:40px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.rightcontact li a .image{ margin-right:6px; margin-top:5px; float:left; height:23px;}
.rightcontact li a .title{ float:left;}
.title-insite{}
.rightcontact li a .image img{ max-width:100%;}
.rightcontact li a:hover{color:#fff;background:#017e2b;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.rightcontact li a .fa{ margin-right:5px;}
.header .bottom .left{ width:20%; float:left; position:relative; z-index:999999;}
.header .bottom .left a{ display:block;}
.header .bottom .left img{ max-width:100%;}
.header .bottom .right{ width:65%; float:left; margin-top:-4px;}
.make-enq{ float:right; width:234px; position:absolute; right:14px; text-align:center; top:23px;}
.make-enq a:link,.make-enq a:visited{ display:inline-block; vertical-align:top; background:#088a44; color:#fff; text-align:center; text-decoration:none; padding:5px 12px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;font-family:'Roboto', sans-serif; font-size:14px; font-weight:300; text-transform:uppercase; position:relative;}
.make-enq-popup{ width:100%; float:left; background:#088a44; min-height:100px; margin-top:17px; position:relative; z-index:9;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px; padding:28px 14px 10px 14px;}
.make-enq-arow{ width:100%; float:left; text-align:center; position:absolute; top:-14px; left:0px;}
.make-enq-form{ padding-bottom:6px;width:100%; float:left;}
.selectbox{ background:#fff;min-height:36px; line-height:36px; width:100%; font-size:14px; color:#404041;border:1px solid #cccdcd; padding-left:30px; font-weight:300;font-family:'Roboto', sans-serif;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;
-webkit-box-shadow:inset 0 -2px 2px #e3e3e3;
       -moz-box-shadow:inset 0 -2px 2px #e3e3e3;
            box-shadow:inset 0 -2px 2px #e3e3e3;}
.selectbox::-webkit-input-placeholder {color: #404041 !important;opacity: 1 !important;}
.selectbox:-moz-placeholder { color: #404041 !important;opacity: 1 !important;}
.selectbox::-moz-placeholder {color: #404041!important;opacity: 1 !important;}
.selectbox:focus, input:focus{outline: 0;}
.selectbox *:focus {outline: 0;}
.selectbox1{ background:#fff url(../images/user.jpg) no-repeat; background-position:left center}
.selectbox2{ background:#fff url(../images/message.jpg) no-repeat; background-position:left center}
.selectbox3{ background:#fff url(../images/flag.jpg) no-repeat; background-position:left center; padding-left:48px;}

.selectbox6{ background:#fff;min-height:36px; line-height:36px; width:100%; font-size:14px; color:#404041;border:1px solid #cccdcd; padding:6px 6px 6px 7px; font-weight:300;font-family:'Roboto', sans-serif;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;
-webkit-box-shadow:inset 0 -2px 2px #e3e3e3;
       -moz-box-shadow:inset 0 -2px 2px #e3e3e3;
            box-shadow:inset 0 -2px 2px #e3e3e3;}
.selectbox6:focus, input:focus{outline: 0;}
.selectbox6 *:focus {outline: 0;}			


.button-submit{ display:inline-block; vertical-align:top; width:130px; border:none; cursor:pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none; font-weight:600; color:#fff; font-size:14px; text-align:center; min-height:30px; line-height:28px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7200+0,ff7200+69,cc5b00+100 */
background: rgb(255,114,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,114,0,1) 0%, rgba(255,114,0,1) 69%, rgba(204,91,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,114,0,1) 0%,rgba(255,114,0,1) 69%,rgba(204,91,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,114,0,1) 0%,rgba(255,114,0,1) 69%,rgba(204,91,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7200', endColorstr='#cc5b00',GradientType=0 ); /* IE6-9 */border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.align-center{ text-align:center; padding-top:3px;}
.slider-area{ width:100%; float:left; padding-top:74px;}
.caption-strip{width:100%; float:left; text-align:center; color:#fff;font-family: 'Roboto', sans-serif; text-transform:uppercase; background:#0e8543; padding:10px 10px;}
.caption-strip h2{ font-size:30px; color:#fff; font-weight:400;}
.caption-strip h3{ font-size:27px; color:#fff; font-weight:300; margin-top:-3px;}
.projectbox{width:100%; float:left; padding:20px;}
.projectbox ul{width:100%; float:left; margin:0px; padding:0px; list-style-type:none; text-align:center;}
.projectbox li{margin:0px; padding:20px; list-style-type:none; float:left; width:618px;}
.projectbox li a{ display:block; text-decoration:none; border:none;}
.projectbox li .image{width:100%; float:left; position:relative;}
.projectbox li .image img{ max-width:100%; width:100%;}
.projectbox li .titlebag{ position: absolute; left:0px; right:0px; bottom:0px;}
.colorblue1{ background:#0c3b68;}
.colorblue2{ background:#45b6d3;}
.colorblue3{ background:#248e32;}
.colorblue4{ background:#39b54a;}
.projectbox-text{ padding:16px 10px; position:relative; padding-right:140px; text-align:right;width:100%; float:left;}
.projectbox-link{width:100%; float:left; font-weight:400; font-size:16px; color:#fff; text-transform:uppercase;}
.morelink1{ position:absolute; right:11px; bottom:10px;}
.morelink1 b{width:110px; display:inline-block; vertical-align:top;text-align:center; font-size:13px; font-weight:500;color:#fff; padding:6px 0px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; border:1px solid #082542;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#80b1e0+0,2989d8+7,5496d5+94,5496d5+97,355f86+100 */
background: rgb(128,177,224); /* Old browsers */
background: -moz-linear-gradient(top, rgba(128,177,224,1) 0%, rgba(41,137,216,1) 7%, rgba(84,150,213,1) 94%, rgba(84,150,213,1) 97%, rgba(53,95,134,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(128,177,224,1) 0%,rgba(41,137,216,1) 7%,rgba(84,150,213,1) 94%,rgba(84,150,213,1) 97%,rgba(53,95,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(128,177,224,1) 0%,rgba(41,137,216,1) 7%,rgba(84,150,213,1) 94%,rgba(84,150,213,1) 97%,rgba(53,95,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b1e0', endColorstr='#355f86',GradientType=0 ); /* IE6-9 */}
.morelink2 b{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5294a5+0,176f86+7,176f86+94,166b81+97,135b6e+100 */
background: rgb(82,148,165); /* Old browsers */
background: -moz-linear-gradient(top, rgba(82,148,165,1) 0%, rgba(23,111,134,1) 7%, rgba(23,111,134,1) 94%, rgba(22,107,129,1) 97%, rgba(19,91,110,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(82,148,165,1) 0%,rgba(23,111,134,1) 7%,rgba(23,111,134,1) 94%,rgba(22,107,129,1) 97%,rgba(19,91,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(82,148,165,1) 0%,rgba(23,111,134,1) 7%,rgba(23,111,134,1) 94%,rgba(22,107,129,1) 97%,rgba(19,91,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5294a5', endColorstr='#135b6e',GradientType=0 ); /* IE6-9 */}

.morelink3 b{ color:#248e32;border-top:1px solid #24722f;border-right:1px solid #2c8c39;border-left:1px solid #2c8c39;border-bottom:1px solid #9da19e;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fffa+0,f9fffa+7,f9fffa+94,f9fffa+97,9da19e+100 */
background: rgb(249,255,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,255,250,1) 0%, rgba(249,255,250,1) 7%, rgba(249,255,250,1) 94%, rgba(249,255,250,1) 97%, rgba(157,161,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(249,255,250,1) 0%,rgba(249,255,250,1) 7%,rgba(249,255,250,1) 94%,rgba(249,255,250,1) 97%,rgba(157,161,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(249,255,250,1) 0%,rgba(249,255,250,1) 7%,rgba(249,255,250,1) 94%,rgba(249,255,250,1) 97%,rgba(157,161,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fffa', endColorstr='#9da19e',GradientType=0 ); /* IE6-9 */}
.morelink4 b{ color:#39b54a; border-top:1px solid #2c8c39;border-right:1px solid #2c8c39;border-left:1px solid #2c8c39;border-bottom:1px solid #2c8c39;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fffa+0,f9fffa+7,f9fffa+94,f9fffa+97,9da19e+100 */
background: rgb(249,255,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,255,250,1) 0%, rgba(249,255,250,1) 7%, rgba(249,255,250,1) 94%, rgba(249,255,250,1) 97%, rgba(157,161,158,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(249,255,250,1) 0%,rgba(249,255,250,1) 7%,rgba(249,255,250,1) 94%,rgba(249,255,250,1) 97%,rgba(157,161,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(249,255,250,1) 0%,rgba(249,255,250,1) 7%,rgba(249,255,250,1) 94%,rgba(249,255,250,1) 97%,rgba(157,161,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fffa', endColorstr='#9da19e',GradientType=0 );
-webkit-box-shadow:-1px 1px 2px -1px #24722f;
  -moz-box-shadow:-1px 1px 2px -1px #24722f;
  box-shadow:-1px 1px 2px -1px #24722f;}

.footer-strip{width:100%;float:left; text-align:center; color:#fff;font-family:'Roboto', sans-serif; background:#0e8543; padding:20px 10px;}
.footer-title { font-size:18px; color:#fff; font-weight:300;width:100%;float:left; padding-bottom:6px;}
.footer-title span{ font-weight:400; text-transform:uppercase;}
.footer-desk { font-size:8px; color:#fff; font-weight:300;width:100%;float:left;}
/*--front--*/


/*golf page*/
.page_title_bar { width:100%; display:inline-block; background:#248e32; height:94px; }
.page_inner { padding:0 6%;}
.page_logo { display:inline-block;}
.page_title { padding:30px 20px; vertical-align:top; font-size:30px; font-family:'Roboto', sans-serif; color:#fff; text-transform:uppercase; text-align:left; display:inline-block;}
.page_content_box { padding:0 20px; width:100%; display:inline-block;}
.page_subtitle { text-align:center;  font-size:30px; font-family:'Roboto', sans-serif; color:#000; text-transform:uppercase; background:url(../images/title_line.jpg) no-repeat center bottom; font-weight:300; margin:40px 0; padding-bottom:5px; }
.page_content {  font-size:14px; line-height:38px; font-family:'Roboto', sans-serif; color:#000; font-weight:300; text-align:left; }
.page_content ul { margin:0; padding:0;}
.page_content ul li { list-style:none; padding-left:15px; background:url(../images/bullet.jpg) no-repeat left top 14px;}
.margin-none{ margin-bottom:0px !important;}
.golf_map { width:100%; display:inline-block; text-align:center; margin:60px 0;}
.golf_map img { max-width:100%;}
.page_footer_main { background:#248e32; width:100%; display:inline-block;}
.page_footer_title { text-align:center;  font-size:30px; font-family:'Roboto', sans-serif; color:#fff; text-transform:uppercase; background:url(../images/line.png) no-repeat center bottom; font-weight:300; margin:30px 0; padding-bottom:5px; }
.page_footer_list { width:33.3%; float:left; padding:0 20px; margin-bottom:50px;}
.page_footer_list ul { margin:0; padding:0; }
.page_footer_list ul li { list-style-type:none; display:block; background:url(../images/footer_list_icon.png) no-repeat left top 12px; font-family:'Roboto', sans-serif;  font-weight:300; font-size:14px; line-height:30px; padding:0 0 0 14px; color:#fff; }
.page_footer_btm { text-align:center; width:100%; display:inline-block; padding:15px;}
.p_foot_btm_cont { font-size:15px; line-height:21px; font-family:'Roboto', sans-serif; font-weight:300; color:#000; }
.p_foot_btm_cont span { font-size:8px; display:block;}
.p_foot_btm_cont strong { font-weight:400;}


/*blue*/
.blue_bar { background:#0c3b68;}
.page_left { float:left; width:51%;}
.page_right { float:right; width:49%; text-align:right; margin-top: -70px;}
.page_right img { max-width:100%; }
.page_left .page_content { text-align:justify;}
.page_left_img { width:100%; display:inline-block; margin:50px 0 0 0;}
.page_left_img img { float:left; margin-right:4px;}
.blue_content_bx { margin-bottom:30px;}

/*park*/
.green_light { background:#39b54a;}
.park_left { width:41%; float:left; padding-right:30px;}
.park_right { width:40%; float:right; }
.park_right img { width:100%;}

/*sky*/
.sky_blue { background:#45b6d3;}
.sky_rightmap { margin-top:0; padding-top:4%; } 

.park-left{ width:34%; float:left; padding-right:10px;}
.park-center{ width:36%; float:left; padding-right:10px;}
.park-right{ width:30%; float:left; padding-right:10px;} 

.park-center .park-left{ width:100%; padding-right:0px;}
.park-left-location{ width:100%; float:left; padding-bottom:20px; text-align:center;}
.park-left-location img{width:100%;}
.center-title{ padding-bottom:20px; text-align:center;}

  





@media all and (max-width:1920px){}

@media all and (max-width:1600px){}

@media all and (max-width:1366px){}

@media all and (max-width:1280px){
/*--front--*/
.header .bottom{ width:100%;}
.wrapper{ width:100%; border:none;}
.projectbox li{ width:50%;}

}

@media all and (max-width:1024px){
/*--front--*/
.make-enq a:link, .make-enq a:visited{ font-size:16px; padding:6px 9px;}
.make-enq{ width:204px;}
.menuzord-menu > li > a{ font-size:16px;}
.menuzord-menu > li > a{ padding:10px 15px;}
.header .bottom .left{ width:25%;}
.header .bottom .right{ padding-top:9px;}
.caption-strip h2{ font-size:24px;}
.caption-strip h3{ font-size:20px;}
.projectbox li{ width:50%; padding:15px;}
.projectbox{ padding:10px;}
.projectbox-link{ font-size:12px;}
.morelink1{ bottom:8px;}
.footer-title{ font-size:16px;}

/*golf*/
.page_title { font-size:24px; padding:30px 10px; }
.page_subtitle { font-size:24px;}
.page_footer_title { font-size:24px;}


/*blue*/
.page_left_img img { max-width:32%;}
.page_left_img { margin-top:30px;}



}

@media all and (max-width:800px){
/*--front--*/
.header .bottom .right{ width:100%; float:right;}
.make-enq{ right:40px; top:20px;}
.menuzord .showhide{ padding-top:12px;}
.header .bottom{ padding-left:0px;}
.header .bottom .left{ padding-left:30px;}
.menuzord-responsive.menuzord{ margin-top:-60px; background:none;}
/*.header .bottom{ height:88px;}
.header{ height:88px;}
.slider-area{ padding-top:88px;}*/
.menuzord-menu.menuzord-right{ position:absolute; top:73px; z-index:9999; background:#fff;}
.menuzord-menu > li > a{ text-align:center;}
.menuzord-menu > li > a{ padding:13px;}


/*golf*/
.golf_map img { width:100%;}
.page_logo { width:100%; text-align:center;margin-top: 30px;}
.page_title {padding: 30px 0; width:100%; text-align:center; }	
.page_subtitle {  margin: 20px 0; }
.golf_map { margin:20px 0;}
.page_title_bar{ height:auto;}

/*blue*/
.page_right {/* margin-top: -45px;*/ }

}

@media all and (max-width:640px){
/*--front--*/
.header .bottom{ height:68px;}
.menuzord .showhide{ padding-top:13px;}
.header{ height:67px;}
.slider-area{ padding-top:68px;}
.header .bottom{ padding-top:10px; padding-bottom:10px;}
.header .bottom .left{ padding-left:20px; height:52px;}
.make-enq{top:20px;}
.menuzord-menu.menuzord-right{top:66px;}
.projectbox ul{ text-align:center;}
.projectbox li{ width:80%; float:none; display:inline-block; vertical-align:top;}
.caption-strip h2{ font-size:18px;}
.caption-strip h3{ font-size:16px;}
.header .bottom .left img{ max-width:135px;}
.make-enq{ text-align:right; right:55px;}
.make-enq a:link, .make-enq a:visited{ font-size:10px;}
.make-enq-arow{text-align:right;}
.make-enq-arow img{ margin-right:10px;}
.footer-title{ font-size:14px;}

/*golf*/
.page_inner { padding:0 20px;}
.page_content_box { padding:0;}
.page_title { font-size: 20px; }
.page_logo { margin-top: 20px; }
.page_title { padding:20px 0;}
.page_footer_title {  margin: 20px 0; }
.page_footer_list { margin-bottom:20px;}
.page_subtitle { font-size:20px;  background-size: 14% 1px;}
.page_footer_title { font-size:20px;  background-size: 14% 1px;}
.page_footer_list { padding:0 10px;}
.p_foot_btm_cont { font-size:16px;}

/*blue*/
.page_left { width:100%;}
.page_right { float:left; width:100%; margin-top:30px; text-align:center;}

/*park*/
.park_left { width:100%; padding-right:0; }
.park_right { width:100%; }

.park-left{ width:100%; padding-right:0px;}
.park-center{ width:100%; padding-right:0px;}
.park-right{ width:100%; padding-right:0px;}

}

@media all and (max-width:480px){
/*--front--*/
.header .bottom .left{ padding-left:10px;}	
.projectbox li{ width:100%; float:none; display:inline-block; vertical-align:top;}

.projectbox li .titlebag{width:100%; float:left; position:relative; margin-top:-6px;}
.projectbox-text{padding-right:10px; padding-bottom:45px;}
.projectbox-link{text-align:center;}
.morelink1{left:11px;text-align:center;}

/*golf*/
.page_footer_list{width:100%;padding:0; margin-bottom:0px;}

/*blue*/ 
.page_right img { width:100%;}
.page_left .page_content { text-align:left; line-height:28px;}
.page_content ul li{background:url(../images/bullet.jpg) no-repeat left top 10px;}
.page_left_img { text-align:center;}
.page_left_img img { margin-bottom:4px; max-width:100%; float:none;}

}

@media all and (max-width:320px){}