html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

body{margin:0; background:#87754d; font-family:CrimsonText-Roman,Arial,Helvetica,sans-serif; color:#ffffff; font-size:18px; line-height:1.8em}

a:link.w3-text {color:inherit}
a:active.w3-text {color:inherit}
a:visited.w3-text {color:inherit}
a:hover.w3-text {text-decoration:none}

h1{font-family:CrimsonText-Roman, Arial, Helvetica, sans-serif; font-size: 36px; color: #87754d; line-height:30px}
h2{font-family:CrimsonText-Roman, Arial, Helvetica, sans-serif; font-size: 48px; color: #87754d; line-height:40px}
h3{font-family:Antonio-Regular, Arial, Helvetica, sans-serif; font-size: 36px; color: #ffffff; line-height:30px}
h4{font-family:Antonio-Regular, Arial, Helvetica, sans-serif; font-size: 36px; color: #87754d; line-height:30px}
.p1{font-family: CrimsonText-Roman; font-size: 15px; color: #000000; line-height: 1.5em}
.p2{font-family: CrimsonText-Roman; font-size: 15px; color: #ffffff; line-height: 1.5em}
.p3{font-family: CrimsonText-Roman; font-size: 28px; color: #ffffff; line-height: 1.5em}

hr.new4{border: 1px solid #87754d}

.more{color: #006699; text-decoration: underline}
a:hover.more{text-decoration: none}
.more2{color: #050505; text-decoration: none}

.w3-padding,.w3-row-padding:after,.w3-row-padding:before,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-left{float:left!important}.w3-right{float:right!important}

.w3-hide{display: none!important} .w3-show-block,.w3-show{display: block!important} .w3-show-inline-block{display: inline-block!important}

.w3-top{position: fixed; display:inline-block; width:100%; height:100px; padding:20px 10px; z-index:9999; top:0; background-color: initial;}
.w3-top2{position:fixed; width:49.99999%; min-width:160px; color:#ffffff;padding:0; z-index:9999; top:80px; background-color:#000000}

.parent {display: block;position: relative;float: left;}
.parent:hover > ul {display:block;position:absolute;}
.child {display: none;}
.child li {background-color: #000000; color:#ffffff; width:100%;}
.ul{list-style: none;margin: 0;padding: 0px;}

.w3-button{border:none;display:inline-block;padding:10px 30px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:CrimsonText-Roman; line-height:25px;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
a.w3-button{position: relative;}
a.w3-button:hover{color:#87754d}
.w3-button2{border:none;display:inline-block; width:33.33333%; padding:10px 20px!important;vertical-align:middle;float:left;overflow:hidden;text-decoration:none; color:inherit;background-color:#000000;cursor:pointer;white-space:nowrap}
.w3-button2:hover{color:#87754d!important;background-color:#b3b3b3!important}

.w3-button-bar{border:none;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none; font-size:2.444em; line-height:60px;color:#ffffff;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button3{border:none;display:inline-block; width:100%;padding:10px 20px!important;vertical-align:middle;overflow:hidden;text-decoration:none; color:inherit;background-color:#000000;cursor:pointer;white-space:nowrap}
.w3-button3:hover{color:#87754d!important;background-color:#000000!important}

.gallery-container{display:-webkit-box; display:-webkit-flex; display:flex; align-items:stretch; -webkit-align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.gallery-item{display:-webkit-box; display:-webkit-flex; display:flex; padding:0px 5px 40px 5px}
.gallery-item img{width:100%}
.gallery-item a{font-family:opensans-regular; line-height:1.4em; color:#000000; font-size:14px; text-align:left; text-decoration:none; background:; padding:0px 0px 0px 0px; display:block}
.gallery-item a:hover{color:#87754d}

.gallery-item2{display:-webkit-box; display:-webkit-flex; display:flex; padding:0px 5px 10px 5px}
.gallery-item2 img{width:100%}
.gallery-item2 a{font-family:opensans-regular; line-height:1.4em; color:#000000; font-size:14px; text-align:left; text-decoration:none; background:#cccccc; padding:0px 0px 0px 0px; display:block}
.gallery-item2 a:hover{color:#87754d}

.brighten img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
          transition: all .3s ease;
}
.brighten img:hover {
  -webkit-filter: brightness(70%);
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}

.w3-quarter{width:24.99999%}
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}

.footer{background: #000000; font-size: 0.875em; color: #ffffff; width: 100%; -webkit-flex-shrink: 0; flex-shrink: 0}

.btn{margin: 10px 0; border-radius: 0px; text-decoration: none; cursor: pointer; transition: 0.5s;}
.btn span {display: inline-block; position: relative; transition: 0.5s;}
.btn span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn:hover span {padding-right: 0px; color: #87754d;}
.btn:hover span:after {opacity: 0; right: 0;}

.btn2{margin: 10px 0; border-radius: 0px; text-decoration: none; cursor: pointer; transition: 0.5s;}
.btn2 span {display: inline-block; position: relative; transition: 0.5s;}
.btn2 span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn2:hover span {padding-right: 0px; color: #ffffff;}
.btn2:hover span:after {opacity: 0; right: 0;}

.button{width: 115px; height: 50px; vertical-align: middle; text-align: center; background: inherit; border: none; color: #ffffff; font-family: Antonio-Regular ;font-size: 15px; cursor: pointer}
.button2{width: 135px; height: 50px; vertical-align: middle; text-align: center; background: inherit; border: none; color: #ffffff; font-family: Antonio-Regular; font-size: 15px; cursor: pointer}
.button3{width: 110px; height: 50px; vertical-align: middle; text-align: center; background: inherit; border: none; color: #ffffff; font-family: Antonio-Regular; font-size: 15px; cursor: pointer}
.button4{margin: 20px 0; width: 124px; height: 38px; background: #000000; border: 1px solid black; color: #ffffff; font-family: CrimsonText-Roman; font-size: 15px; cursor: pointer}
.button5{margin: 20px 0; width: 124px; height: 38px; background: #000000; border: 1px solid black; color: #87754d; font-family: CrimsonText-Roman; font-size: 15px; cursor: pointer}
.button6{margin: 20px 0; width: 278px; vertical-align: middle; height: 38px; background: #000000; border: 1px solid black; color: #ffffff; font-family: CrimsonText-Roman; font-size: 13px; cursor: pointer}
.button7{margin-top:-20px; width: 124px; height: 38px; background: #000000; border: 1px solid black; color: #ffffff; font-family: CrimsonText-Roman; font-size: 15px; cursor: pointer}


.head-info{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:flex-end; -webkit-justify-content:flex-end; align-items:center; -webkit-align-items:center}

.home-r{float: center; position: relative; margin-top: -117px}
.home-r2{float: center; position: relative; margin-bottom: -280px}

.service{background-image: url(images/bcg_about1.jpg); background-position: center; background-size: cover; width: 100%}
.service2{background-image: url(images/bcg_about2.jpg); background-position: center; background-size: cover; width: 100%}
.service3{background-image: url(images/bcg_about4.jpg); background-position: center; background-size: cover; width: 100%; height: 458px}
.service4{background-image: url(images/bcg_about3.jpg); background-position: center; background-size: cover; width: 100%}

.enquiry-container{min-width:320px; width:100%}
.enquiry-container .form{padding:0 50px}
#contactForm label{display:block;line-height:30px}
#contactForm input,select{margin-bottom:10px}
#contactForm textarea{display:block;border:none;width:100%; height:200px; font-family:inherit; font-size:inherit;margin-bottom:30px}
#contactForm input,select{display:block;border:none;width:100%; height:40px; font-family:inherit; font-size:inherit}
#contactForm .hidetext{display:none; visibility:hidden}


@media (max-width:600px){
	body{font-size:14px!important; line-height:1.5em!important}
  h1{font-size:2em!important; line-height:1.2em!important}
	h2{font-size:2em!important; line-height:1.2em!important}
	.p1{font-size:15px!important; line-height: 1.5em!important}
	.p2{font-size:15px!important; line-height: 1.5em!important}
	.p3{font-size:18px!important; line-height:1.5em!important}
	.service{background-position:left center!important}
	.service2{background-position:right center!important}
  .service3{background-position:left center!important; height: auto}
  .service4{background-position:right center!important}
  .home-r{margin-top:-43px!important}
  .home-r2{margin-bottom: -160px!important}
  .button4{width:120px!important; height:36px!important; font-size:14px!important}
  .button5{width:120px!important; height:36px!important; font-size:14px!important}
  .button6{width:300px!important; height:40px!important; font-size:14px!important}
	.footer-center{text-align:center}
	.logo{background-image: url('images/logo.png')}
	.logo2{display: none}
  .w3-top{height:80px!important}
	.w3-hide-x-small{display:none!important}
	.w3-padding{padding:30px 20px!important}
  .w3-padding2{padding:0px 0px!important}
	.w3-padding-footer{padding:10px 20px!important}
	.w3-col.xs6{width:49.99999%}
	.w3-col.xl16{margin-top:-50px}
	}
@media (min-width:601px) and (max-width:992px){
	.w3-top{height:80px!important}
  .service{background-position:left center!important}
	.service2{background-position:right center!important}
  .service3{background-position:left center!important; height: auto}
  .service4{background-position:right center!important}
  .home-r{margin-top:-15px!important}
  .home-service{margin-top:-30px!important}
	.footer-center{text-align:center}
	.w3-hide-small{display:none!important}
	.w3-padding{padding:30px 20px!important}
  .w3-padding2{padding:0px 20px!important}
	.w3-padding-footer{padding:10px 30px!important}
	.left-enquiry-padding{padding-right:10px}
	.right-enquiry-padding{padding-left:10px}
  .content-padding{padding-right:30px}
  .w3-col.s3{width:24.99999%}
	.w3-col.s4{width:33.33333%}
	.w3-col.s6{width:49.99999%}
	.w3-col.l14{width:40%}
	.w3-col.l15{width:60%}
  .w3-col.l16{width:70%}
	}
@media (min-width:993px) and (max-width:1440px){
  h1{font-size:2.8em!important; line-height:1.4em!important}
	h2{font-size:2.8em!important; line-height:1.4em!important}
	.w3-hide-large{display:none!important}
	.w3-padding{padding:60px!important}
  .w3-padding2{padding:0px 60px 0px 60px!important}
  .footer-right{text-align:right}
  .button{width:130px!important; height:60px!important; font-size: 16px}
  .button2{width:150px!important; height:60px!important; font-size: 16px}
  .button3{width:125px!important; height:60px!important; font-size: 16px}
	.w3-padding-footer{padding:30px 30px!important}
  .w3-col.l3{width:24.99999%}
	.w3-col.l4{width:49.99999%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l9{width:74.99999%}
	.w3-col.l13{width:14.28571%}
	.w3-col.l14{width:40%}
	.w3-col.l15{width:60%}
	.w3-col.l16{width:60%}
	.w3-col.l17{width:40%}
	}
@media (min-width:1441px){
  .w3-hide-large{display:none!important}
	.w3-hide-x-large{display:none!important}
	.w3-padding{padding:60px 16.66%!important}
  .w3-padding2{padding:0px 16.66% 0px 16.66%!important}
	.w3-padding-footer{padding:30px 16.66%!important}
  .footer-right{text-align:right}
  .w3-col.xl3{width:24.99999%}
	.w3-col.xl4{width:33.33333%}
	.w3-col.xl6{width:49.99999%}
	.w3-col.xl9{width:74.99999%}
	.w3-col.xl13{width:14.28571%}
	.w3-col.xl14{width:40%}
	.w3-col.xl15{width:60%}
  .w3-col.xl16{width:50%}
	}

@media (min-width:601px){
	.w3-col.half-info{width:49.99999%!important}
  .enquiry-padding{padding:0px 10px!important}
	.left-info-padding{padding-right:10px}
	.right-info-padding{padding-left:10px}
	}

@media (min-width:993px){
	.content-padding{padding-right:60px}
	.left-info-padding{padding-right:30px!important}
	.right-info-padding{padding-left:30px!important}
	.enquiry-container{margin:0px!important}
	}

@media (max-width:399px){
		.enquiry-container .form{width:320px!important; padding:10px!important}
		}
@media (min-width:993px) and (max-width:1019px){
		.enquiry-container .form{width:320px!important; padding:20px 10px!important}
		}


@font-face {
  font-family: 'Antonio-Regular';
  src: url('font/Antonio-Regular.eot');
  src: url('font/Antonio-Regular.woff2') format('woff2'),
       url('font/Antonio-Regular.woff') format('woff'),
       url('font/Antonio-Regular.ttf') format('truetype'),
       url('font/Antonio-Regular.svg#Antonio-Regular') format('svg'),
       url('font/Antonio-Regular?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText-Semibold';
  src: url('font/CrimsonText-Semibold.eot');
  src: url('font/CrimsonText-Semibold.woff2') format('woff2'),
       url('font/CrimsonText-Semibold.woff') format('woff'),
       url('font/CrimsonText-Semibold.ttf') format('truetype'),
       url('font/CrimsonText-Semibold.svg#CrimsonText-Semibold') format('svg'),
       url('font/CrimsonText-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText-Roman';
  src: url('font/CrimsonText-Roman.eot');
  src: url('font/CrimsonText-Roman.woff2') format('woff2'),
       url('font/CrimsonText-Roman.woff') format('woff'),
       url('font/CrimsonText-Roman.ttf') format('truetype'),
       url('font/CrimsonText-Roman.svg#CrimsonText-Roman') format('svg'),
       url('font/CrimsonText-Roman.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RAGE';
  src: url('font/RAGE.eot');
  src: url('font/RAGE.woff2') format('woff2'),
       url('font/RAGE.woff') format('woff'),
       url('font/RAGE.ttf') format('truetype'),
       url('font/RAGE.svg#RAGE') format('svg'),
       url('font/RAGE.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(img/iconTop.png) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}