/*
Client: CY BUILDING PTY LTD
Author: Josh SHEN & Alex LIU
Author URI: http://www.www.com.au
Description: Nothing yet
Version: 1.0
License: All plug-ins are with MIT License
Tags: Dark cold colour scheme
*/
/*===========================================================
											MAIN SETUPS
===========================================================*/
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/************************************
		Colour Scheme Selection
************************************/
/************************************
		Other Color Style
************************************/
/************************************
		Font Style Setup
************************************/
/* line 40, sass/style.scss */
* { font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; }

/*===========================================================
											PREFIX & RESET
===========================================================*/
/************************************
		CSS3 Prefix
************************************/
/* line 106, sass/style.scss */
body { background: #2B2B2B; line-height: 1.42857; }

/* line 110, sass/style.scss */
*, *::before, *::after { box-sizing: border-box; }

/************************************
		Other Styles Setup
************************************/
/* line 117, sass/style.scss */
button { border-radius: 5px; background: #91AA9D; border: 0; color: white; }

/* line 123, sass/style.scss */
a { text-decoration: none; color: #fff; }

/* line 127, sass/style.scss */
a:hover { color: #91AA9D; }

/* line 130, sass/style.scss */
.pointer { cursor: pointer; }

/* line 133, sass/style.scss */
.cevc { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

/* line 137, sass/style.scss */
.unlist_style { list-style: none; }

/*===========================================================
											HEADER SECTION
===========================================================*/
/************************************
		Mobile
************************************/
/* background setup */
/* line 146, sass/style.scss */
.nav_container { background-repeat: no-repeat; /* custom background-position */ background-position: 50% 50%; /* ie8- graceful degradation */ background-position: 50% 50% \9  !important; }

/* full-screen setup */
/* line 155, sass/style.scss */
html, body { height: 100%; min-width: 320px; }

/* line 159, sass/style.scss */
.fullscreen { width: 100%; min-height: 100%; }

/* line 163, sass/style.scss */
.not-fullscreen, .fullscreen.not-overflow { height: 100%; overflow: hidden; }

/* line 170, sass/style.scss */
.nav_container h1, .nav_container h2, .nav_container h3, .nav_container h4, .nav_container h5, .nav_container i { color: #fff; margin-bottom: 0; }

/* line 176, sass/style.scss */
.tool_bar { width: 100%; background-color: rgba(0, 0, 0, 0.8); min-width: 320px; height: 60px; position: fixed; z-index: 200; padding-left: 5%; padding-right: 5%; }
/* line 185, sass/style.scss */
.tool_bar .icon_menu { margin: auto 0; margin-right: 5%; }
/* line 189, sass/style.scss */
.tool_bar i { font-size: 1.75em; width: 55px; height: 55px; padding: 15px; }
/* line 195, sass/style.scss */
.tool_bar .fix_test { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: 100%; max-width: 1268px; height: 60px; margin: 0 auto; }
/* line 202, sass/style.scss */
.tool_bar .fix_test img { height: 35px; margin: auto 0; }

/* line 209, sass/style.scss */
.menu_overlay { position: fixed; right: -1000px; top: 60px; z-index: 200; width: 61.8%; background: rgba(0, 0, 0, 0.8); height: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
/* line 218, sass/style.scss */
.menu_overlay ul { white-space: nowrap; display: block; font-size: 1em; font-weight: 500; margin: 0; padding: 25px; }
/* line 225, sass/style.scss */
.menu_overlay ul li { height: 50px; border-top: 1px solid #c9c9c9; }
/* line 228, sass/style.scss */
.menu_overlay ul li:first-child { border: none; }
/* line 231, sass/style.scss */
.menu_overlay ul li a { display: block; text-decoration: none; color: #D1DBBD; font-weight: 600; padding: 15px 0 15px 0; }
/* line 237, sass/style.scss */
.menu_overlay ul li a:active { color: #F7FAF0; }

/* line 242, sass/style.scss */
.menu_overlay_push { right: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

/* line 246, sass/style.scss */
.home_content_container { width: 100%; min-width: 320px; position: absolute; padding-left: 5%; top: 35%; }

/* line 253, sass/style.scss */
.home_content { width: 100%; max-width: 1268px; margin: 0 auto; }
/* line 257, sass/style.scss */
.home_content h1 { margin-bottom: 22px; }
/* line 260, sass/style.scss */
.home_content p { margin: 0; padding: 0; font-size: 0.95em; word-spacing: wrap; }

/* line 269, sass/style.scss */
.under_bk { -webkit-box-pack: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; -webkit-align-self: flex-end; -ms-flex-item-align: flex-end; align-self: flex-end; position: absolute; bottom: 0; background: #193441; width: 100%; height: 100px; font-weight: 600; }
/* line 278, sass/style.scss */
.under_bk button { width: 150px; height: 50px; }
/* line 282, sass/style.scss */
.under_bk button:nth-child(2) { background: none; border: 2px solid #fff; }
/* line 285, sass/style.scss */
.under_bk button:nth-child(2):hover { background: #fff; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

/* line 293, sass/style.scss */
.overlay { display: none; z-index: 100; position: fixed; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; }

/* line 301, sass/style.scss */
.clear_fix { content: ""; display: block; clear: both; visibility: hidden; }

/************************************
		Desktop
************************************/
/* line 310, sass/style.scss */
.nav_bar { display: none; }
/* line 312, sass/style.scss */
.nav_bar ul { list-style: none; display: inline-block; white-space: nowrap; padding-top: 25px; padding-left: 0; margin: 0; }
/* line 319, sass/style.scss */
.nav_bar ul li { float: left; font-size: 1em; width: 95px; text-align: center; margin-bottom: 5px; }
/* line 325, sass/style.scss */
.nav_bar ul li:hover, .nav_bar ul li:focus { border-bottom: 5px solid #91AA9D; color: #fff; text-decoration: none; }
/* line 330, sass/style.scss */
.nav_bar ul li a { display: block; padding: 0 13px; padding-bottom: 10px; }
/* line 335, sass/style.scss */
.nav_bar ul li a:hover { color: #fff; text-decoration: none; }
/* line 336, sass/style.scss */
.nav_bar ul li a:focus { color: #91AA9D; text-decoration: none; }

/* line 340, sass/style.scss */
.d_under_bk { display: none; width: 100%; height: 100px; font-weight: 600; }
/* line 345, sass/style.scss */
.d_under_bk button { margin-top: 30px; margin-right: 20px; width: 125px; height: 45px; font-size: 0.85em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
/* line 353, sass/style.scss */
.d_under_bk button:nth-child(2) { background: none; border: 2px solid #fff; }
/* line 356, sass/style.scss */
.d_under_bk button:nth-child(2):hover { background: #fff; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

/*===========================================================
											2ND PAGE SECTION
===========================================================*/
/************************************
		Mobile
************************************/
/* line 369, sass/style.scss */
.second_page { display: block; width: 100%; padding: 10px 5% 10px 5%; text-align: justify; color: #F7FAF0; }
/* line 375, sass/style.scss */
.second_page h2 { margin-bottom: 10px; }

/* line 378, sass/style.scss */
.container_box { max-width: 1268px; margin: 0 auto; }

/* line 382, sass/style.scss */
.container_box_dk { max-width: 1268px; margin: 0 auto; color: #fff; padding: 10px 0 10px 0; }

/* line 388, sass/style.scss */
.little_line { height: 2px; width: 75px; border: 2px solid #91AA9D; margin-bottom: 10px; }

/* line 391, sass/style.scss */
.wwd { margin: 0; max-width: 1268px; margin: 0 auto; }
/* line 395, sass/style.scss */
.wwd .col-sm-4 { padding: 0; margin: 15px 0; margin-bottom: 35px; }
/* line 399, sass/style.scss */
.wwd .col-sm-4 h4 { font-weight: 600; margin: 15px auto; border-left: 5px solid #91AA9D; padding-left: 15px; }
/* line 405, sass/style.scss */
.wwd .col-sm-4 p, .wwd .col-sm-4 h4 { color: #F7FAF0; }
/* line 408, sass/style.scss */
.wwd .col-sm-4 p { line-height: 1.5em; }
/* line 412, sass/style.scss */
.wwd .col-sm-4 img { max-width: 100%; }

/*===========================================================
											3ND PAGE SECTION - GALLERY
===========================================================*/
/************************************
		Mobile
************************************/
/* line 425, sass/style.scss */
.gallery { background: #222222; padding: 10px 5% 10px 5%; padding-bottom: 40px; border-top: 1px solid #333; border-bottom: 1px solid #333; }

/* line 432, sass/style.scss */
.gl_head { display: block; width: 100%; height: 100px; background: #222222; padding: 10px 5% 10px 5%; }
/* line 438, sass/style.scss */
.gl_head h2 { color: #fff; margin-bottom: 10px; }

/* line 440, sass/style.scss */
.gl_container { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #222222; padding: 15px 5% 15px 5%; margin: 0; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

/* line 449, sass/style.scss */
.gl_items { width: 100%; margin: 10px auto; }
/* line 452, sass/style.scss */
.gl_items img { width: 100%; height: auto; border: 5px solid #F7FAF0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
/* line 458, sass/style.scss */
.gl_items span { margin-bottom: 15px; }
/* line 461, sass/style.scss */
.gl_items .gl_subtitle { display: block; width: 100%; color: #fff; font-size: 0.65em; padding-right: 10px; text-align: right; }

/* line 477, sass/style.scss */
.slider_container { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #222222; margin: 0; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
/* line 484, sass/style.scss */
.slider_container p { color: #fff; text-align: right; margin: 5px 0 20px 0; }

/* line 493, sass/style.scss */
.no_show { display: none; }

/*===========================================================
											4ND PAGE SECTION - TESTIMONIALS
===========================================================*/
/************************************
		Mobile
************************************/
/* line 504, sass/style.scss */
.testimonial { padding: 10px 5% 10px 5%; color: #fff; }
/* line 507, sass/style.scss */
.testimonial h2 { margin: 5px auto; }

/* line 511, sass/style.scss */
.test_head { background: #2B2B2B; display: block; width: 100%; padding-bottom: 10px; margin: 0 auto; max-width: 1268px; }

/* line 519, sass/style.scss */
.desktop_testi_con { margin-top: 30px; }

/* line 522, sass/style.scss */
.testimonial_container { display: block; position: relative; border-top: 1px solid #e9e9e9; width: 90%; height: 100%; margin: 10px auto; padding: 15px; margin-bottom: 70px; min-height: 135px; }
/* line 532, sass/style.scss */
.testimonial_container p { font-style: italic; line-height: 1.85em; }
/* line 536, sass/style.scss */
.testimonial_container img { width: 40px; margin-right: 10px; vertical-align: bottom; }
/* line 541, sass/style.scss */
.testimonial_container .potrait { position: absolute; bottom: -50px; left: 20px; }
/* line 545, sass/style.scss */
.testimonial_container .potrait img { width: 70px; border-radius: 100%; }
/* line 549, sass/style.scss */
.testimonial_container .potrait .t_name { position: absolute; bottom: 20px; left: 100px; white-space: nowrap; font-weight: 600; }

/* line 559, sass/style.scss */
.cn { font-family: "Microsoft YaHei"; letter-spacing: 3px; }

/*===========================================================
											5TH PAGE SECTION - Contact Us
===========================================================*/
/************************************
		Mobile
************************************/
/* line 569, sass/style.scss */
.ccc { background: #222222; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 0 5% 10px 5%; padding-bottom: 40px; }
/* line 575, sass/style.scss */
.ccc .contact_wrap { max-width: 1268px; margin: 0 auto; margin-top: 20px; }

/* line 582, sass/style.scss */
.contact_us h2 { margin: 5px auto; }
/* line 585, sass/style.scss */
.contact_us p { padding: 0; }
/* line 589, sass/style.scss */
.contact_us form .error { border: 1px solid #a94442; box-shadow: 0 0 10px #a94442; }
/* line 592, sass/style.scss */
.contact_us form .error:focus { box-shadow: 0 0 10px #a94442; }
/* line 596, sass/style.scss */
.contact_us form .form_name div, .contact_us form #response { border: 0px; color: #a94442; }
/* line 600, sass/style.scss */
.contact_us form #response { text-align: center; }
/* line 603, sass/style.scss */
.contact_us form .success { color: #3c763d; }

/* line 608, sass/style.scss */
.contact_form_div { color: #fff; max-width: 1268px; margin: 0 auto; }
/* line 612, sass/style.scss */
.contact_form_div .form_name { margin-bottom: 5px; }
/* line 614, sass/style.scss */
.contact_form_div .form_name div { box-shadow: none; }
/* line 615, sass/style.scss */
.contact_form_div .form_name input, .contact_form_div .form_name textarea { width: 100%; height: 35px; color: #D1DBBD; border-radius: 5px; padding-left: 10px; background: #333; outline: none; border: 0; border: 1px solid #444; margin-bottom: 5px; }
/* line 626, sass/style.scss */
.contact_form_div .form_name input:focus, .contact_form_div .form_name textarea:focus { box-shadow: 0 0 10px #D1DBBD; -webkit-transition: box-shadow ease 0.5s; -moz-transition: box-shadow ease 0.5s; transition: box-shadow ease 0.5s; }
/* line 631, sass/style.scss */
.contact_form_div .form_name textarea { height: 150px; }
/* line 635, sass/style.scss */
.contact_form_div .label_p { display: none; width: 100%; margin-right: 10px; }
/* line 639, sass/style.scss */
.contact_form_div .label_p span { margin: 0; font-size: 0.55em; text-align: center; }
/* line 645, sass/style.scss */
.contact_form_div .form_send { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; }
/* line 648, sass/style.scss */
.contact_form_div .form_send input { background: #3E606F; width: 150px; height: 35px; border-radius: 5px; border: 0; text-shadow: 2px 2px #333; margin-top: 5px; font-weight: 600; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5); }

/* line 662, sass/style.scss */
.contact_desk_v { display: block; position: relative; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
/* line 666, sass/style.scss */
.contact_desk_v h2 { margin: 5px auto; }
/* line 669, sass/style.scss */
.contact_desk_v p, .contact_desk_v p a { padding: 0; word-wrap: nowrap; }
/* line 673, sass/style.scss */
.contact_desk_v i { width: 30px; }
/* line 676, sass/style.scss */
.contact_desk_v span { margin-right: 32px; }
/* line 677, sass/style.scss */
.contact_desk_v .c_5 { color: #fff; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
/* line 681, sass/style.scss */
.contact_desk_v .c_5 i { width: 30px; }
/* line 684, sass/style.scss */
.contact_desk_v .c_5 span { margin-left: 20px; }

/* line 689, sass/style.scss */
.com_social { position: absolute; top: -40px; right: 25px; text-align: center; width: 150px; height: 40px; background: #3E606F; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
/* line 700, sass/style.scss */
.com_social span { margin: 0; color: #fff; }
/* line 704, sass/style.scss */
.com_social i { border-radius: 50%; background-color: #3E606F; border: 2px solid #fff; width: 25px; height: 25px; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; text-align: center; padding-top: 4px; margin: 0 10px; text-shadow: 2px 2px #333; }
/* line 718, sass/style.scss */
.com_social a:hover { color: #fff; text-decoration: none; }

/* line 724, sass/style.scss */
.com_social::after { content: ""; display: block; height: 0; border-left: 15px solid #fff; border-bottom: 16px solid transparent; position: absolute; bottom: 0; right: -15px; }

/* line 734, sass/style.scss */
#ad_note { font-size: 0.85em; color: #D1DBBD; font-style: italic; }

/* line 739, sass/style.scss */
.error { display: inline; }

/* line 743, sass/style.scss */
.jssora12l, .jssora12r { display: block; position: absolute; /* size of arrow element */ width: 30px; height: 46px; cursor: pointer; background: url(images/a12.png) no-repeat; overflow: hidden; }

/* line 753, sass/style.scss */
.jssora12l { background-position: -16px -37px; }

/* line 754, sass/style.scss */
.jssora12r { background-position: -75px -37px; }

/* line 755, sass/style.scss */
.jssora12l:hover { background-position: -136px -37px; }

/* line 756, sass/style.scss */
.jssora12r:hover { background-position: -195px -37px; }

/* line 757, sass/style.scss */
.jssora12l.jssora12ldn { background-position: -256px -37px; }

/* line 758, sass/style.scss */
.jssora12r.jssora12rdn { background-position: -315px -37px; }

/*===========================================================
											6TH PAGE SECTION - MAPS
===========================================================*/
/************************************
		Mobile
************************************/
/* line 765, sass/style.scss */
#map { display: block; width: 100%; height: 45vh; margin: 0 auto; }

/*===========================================================
											Footer
===========================================================*/
/************************************
		Mobile
************************************/
/* line 782, sass/style.scss */
footer { width: 100%; background: #222; border-top: 1px solid #333; margin-top: 40px; }

/* line 789, sass/style.scss */
.bottom_footer { padding: 20px 5%; position: relative; max-width: 1268px; margin: 0 auto; }
/* line 795, sass/style.scss */
.bottom_footer .copyright { display: block; color: #777; text-align: center; font-size: 0.75em; margin-top: 30px; }
/* line 801, sass/style.scss */
.bottom_footer .copyright span { color: #fff; }
/* line 806, sass/style.scss */
.bottom_footer .footer_menu ul { list-style: none; text-align: center; padding: 0; }
/* line 810, sass/style.scss */
.bottom_footer .footer_menu ul li { position: relative; display: inline-block; font-size: 0.75em; padding: 0 13px; }
/* line 815, sass/style.scss */
.bottom_footer .footer_menu ul li a:hover { color: #91AA9D; }

/*===========================================================
											MEDIA QUERY
===========================================================*/
@media screen and (max-width: 767px) { /* line 827, sass/style.scss */
  .com_social { display: none; }
  /* line 830, sass/style.scss */
  .contact_desk_v { margin-top: 40px; } }
@media screen and (min-width: 768px) { /* line 840, sass/style.scss */
  .menu_overlay, .under_bk { display: none; }
  /* line 841, sass/style.scss */
  .icon_menu { display: none; }
  /* line 844, sass/style.scss */
  .nav_bar, .d_under_bk { display: block; }
  /* line 848, sass/style.scss */
  .wwd .col-sm-4 { padding-right: 25px; padding-left: 25px; }
  /* line 853, sass/style.scss */
  .dns { display: none; }
  /************************************ 		Gallery - Desktop ***********************************/
  /* line 860, sass/style.scss */
  .gl_head { max-width: 1268px; margin: 0 auto; }
  /* line 864, sass/style.scss */
  .gl_container { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box: row wrap; -webkit-box-pack: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; padding: 0; max-width: 1268px; margin: 0 auto; }
  /* line 871, sass/style.scss */
  .gl_container .gl_items { width: 320px; margin: 0; padding: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  /************************************ 		Testimonials - DESKTOP ***********************************/
  /* line 882, sass/style.scss */
  .desktop_testi_con { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box: row wrap; -webkit-box-pack: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; max-width: 1268px; margin: 0 auto; margin-top: 30px; }
  /* line 889, sass/style.scss */
  .desktop_testi_con .testimonial_container { width: 45%; }
  /************************************ 		CONTACT - DESKTOP ***********************************/
  /* line 896, sass/style.scss */
  .ccc { width: 100%; background: #222222; max-height: 720px; }
  /* line 900, sass/style.scss */
  .ccc .contact_wrap { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; }
  /* line 904, sass/style.scss */
  .contact_us { margin-right: 5%; }
  /* line 908, sass/style.scss */
  .contact_us form .name_input, .contact_us form .number_input { width: 45%; float: left; }
  /* line 912, sass/style.scss */
  .contact_us form .number_input { margin-left: 10%; }
  /* line 915, sass/style.scss */
  .contact_us form .error { border: 1px solid #a94442; }
  /* line 917, sass/style.scss */
  .contact_us form .error:focus { box-shadow: 0 0 10px #a94442; }
  /* line 921, sass/style.scss */
  .contact_us form .form_name div, .contact_us form #response { border: 0px; color: #a94442; }
  /* line 925, sass/style.scss */
  .contact_us form #response { text-align: center; }
  /* line 928, sass/style.scss */
  .contact_us form .success { color: #3c763d; }
  /* line 933, sass/style.scss */
  .contact_desk_v { display: inline; border-left: 4px dashed #333; padding-left: 5%; }
  /* line 938, sass/style.scss */
  .contact_desk_v #map { height: 350px; }
  /* line 942, sass/style.scss */
  .contact_form_div .form_name textarea { height: 375px; }
  /************************************ 		Footer - DESKTOP ***********************************/ }
@media screen and (min-width: 1268px) { /* line 955, sass/style.scss */
  .tool_bar .fix_test img { margin-left: 0; }
  /* line 958, sass/style.scss */
  .test_head { padding: 0; } }
@media screen and (min-width: 958px) and (max-width: 1015px) { /* fix height issue in map area */
  /* line 965, sass/style.scss */
  .contact_form_div { margin-top: 32px; } }