html{box-sizing:border-box; height: 100%;}*,*:before,*:after{box-sizing:inherit}

body{margin:0; height:100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; font-family: opensans-regular, Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:26px}

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}

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

h1{font-family: antonio-bold-webfont, Arial, Helvetica, sans-serif; font-size: 48px; color: #ffffff; line-height:58px; font-weight:normal}
h5{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 23px; color: #000000; line-height:33px; font-weight:normal; margin:0}
h6{font-family: OpenSans-Bold-webfont, Arial, Helvetica, sans-serif; font-size: 28px; color: #ffffff; line-height:38px; font-weight:normal; margin:0}

hr{border-bottom:1px solid #e7e7e7}

.bold{font-family:OpenSans-Bold, Arial, Helvetica, sans-serif}
.white{color:#ffffff}

.p1{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height:34px}
.p2{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height:23px}
.p3{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:24px}
.p4{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height:26px}

.title{font-family: antonio-bold-webfont, Arial, Helvetica, sans-serif; font-size: 30px; color: #ff0000; line-height:50px}
.title2{font-family: Antonio-Regular, Arial, Helvetica, sans-serif; font-size: 30px; color: #000000; line-height:40px}
.title3{font-family: antonio-bold-webfont, Arial, Helvetica, sans-serif; font-size: 36px; color: #ff0000; line-height:56px}
.title4{font-family: OpenSans-Bold-webfont, Arial, Helvetica, sans-serif; font-size: 30px; color: #ffffff; line-height:60px}

.ph{font-family: open_sansregular, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height:34px}

.flex-container{display:-webkit-box; display:-webkit-flex; display:flex}
.directionV{-webkit-flex-direction:column; flex-direction:column}
.wrap{-webkit-flex-wrap:wrap; flex-wrap:wrap}

.content-center {
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.content-container {-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-direction:column; flex-direction:column; padding-top:130px}

.home-do-item{height:100%; color:#585858}
.home-do-item img{width:100%}
/*.home-do-item a{display:block; padding:5px 0px; font-size:1.125em; line-height:1.5em}*/
.home-do-item a{padding:5px 0px; font-size:1.125em; line-height:1.5em}

.company-do-item{height:100%; background:url(images/bcg_06.png) top no-repeat;}
/*.company-do-item img{width:100%}*/

.h-captcha{margin:10px 0px}

.enquiry-container{min-width:320px; width:100%; margin-top:30px; background:#e6e6e6}
.enquiry-container .form{padding:20px 30px}
#contactForm label{display:block;line-height:40px; color: #ffffff}
#contactForm input,select{margin-bottom:10px; width: 100%; border: none; padding: 12px}
/*#contactForm textarea{display:block;border:none;width:100%; height:217px; font-family:Sk-Modernist-Regular; font-size:inherit;margin-bottom:10px}*/
#contactForm textarea{display:block;border:none;width:100%; height:218px; font-family:Arial, Helvetica, sans-serif; font-size:inherit;margin-bottom:10px}

#contactForm .message{text-transform:none; width:100%; height:217px; background:#FFFFFF; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:inherit; color:#333333; background-color:#ffffff}
#contactForm .hidetext{display:none; visibility:hidden}

.button{font-family: Arial; color: #ffffff; background: inherit; font-size: 14px; padding: 15px 60px 15px 60px; border: solid #00aeef 2px; text-decoration: none;}
.button:hover{background: #00aeef; text-decoration: none;}
.button2{border:none; background:#666666; width:135px; height:45px; font-family:opensans, Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; cursor:pointer}

.footer {flex-shrink: 0}
.footer-link div, .footer-link a{display:block; padding:5px 0px}
.footer-link1 {font-family:OpenSans-Bold; text-decoration:none; font-size:15px}
a:link.footer-link1 {color:inherit}
a:active.footer-link1 {color:inherit}
a:visited.footer-link1 {color:inherit}
a:hover.footer-link1 {color:#e35d17}
.footer-link2 {color:#666666; font-size:14px}
a:link.footer-link2 {color:inherit}
a:active.footer-link2 {color:inherit}
a:visited.footer-link2 {color:inherit}
a:hover.footer-link2 {color:#e35d17}
.footer-item {padding:5px 10px}

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

.w3-padding-2{padding:0px 20px 20px 20px}
.w3-padding-5{padding:5px}
.w3-padding-10{padding:10px}
.w3-padding-15{padding:15px}
.w3-padding-20{padding:20px}
.w3-padding-30{padding:30px}

.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; top:0; width:100%; height:130px; padding:10px 16.66%; z-index:9999; background:#ffffff; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between}
.w3-topM{position:fixed; width:83.33333%; color:#ffffff;padding:0; z-index:9999; top:0px; background:#000000}

.w3-button{border:none;display:inline-block;padding:10px 5px;vertical-align:middle;overflow:hidden;text-decoration:none; color: #666666; text-decoration:none; font-family:OpenSans-Bold-webfont, Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px; text-align:center;cursor:pointer;white-space:nowrap}
a.w3-button:hover{color:#e35d17}

.w3-center{text-align: center !important}

.w3-left-align {
    text-align: left !important;
}

.w3-right-align {
    text-align: right !important;
}

.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%}
.w3-whole{width:99.99999%}


@media (max-width:600px){
	body{font-size:14px!important; line-height:26px!important}
	h1{font-size:30px!important; line-height:36px!important}
	h5{font-size:20px!important; line-height:30px!important}
	h6{font-size:20px!important; line-height:30px!important}
	
	.title{font-size:28px; line-height:40px}
	.title2{font-size:20px; line-height:30px}
	.title3{font-size:30px; line-height:40px}
	.title4{font-size:20px; line-height:30px}
	
	.ph{font-size:20px; line-height:30px}

	.directionR{-webkit-flex-direction:column-reverse!important; flex-direction:column-reverse!important}
	
	.content-container {padding-top:155px!important}

	.logo{height:66px}/*height:60px*/
	
/*	.jq{margin-top:-35px}*/
	
	.box-padding{padding:0px 20px 60px}
	.box-padding2{padding:30px 10px}
	.box-padding3{padding:30px 0px}
	.box-padding4{padding:80px 0px 30px 0px}

	.banner{height:125px}
	.banner2{position:relative;left:0px;top:-15px}

	.w3-top{height:150px!important; padding:10px 20px}

	.footer-direction{-webkit-flex-direction:column; flex-direction:column}
	
	.w3-hide-x-small{display:none!important}

	.w3-padding{padding:30px 20px}
	.w3-padding-x{padding:0px 20px}
	.w3-padding-y{padding:0px 20px!important}
	
	.w3-padding-g{padding:30px!important}
	
	.w3-padding-footer{padding:10px 20px!important}

	.w3-col.xs2{width:16.66666%}
	.w3-col.xs3{width:24.99999%}
	.w3-col.xs4{width:33.33333%}
	.w3-col.xs6{width:49.99999%}
	.w3-col.xs8{width:66.66666%}
	.w3-col.xs9{width:74.99999%}
	}


@media (min-width:601px) and (max-width:992px){
	h1{font-size:2.5em!important; line-height:1.5em!important}

	.directionR{-webkit-flex-direction:column-reverse!important; flex-direction:column-reverse!important}

	.content-container {padding-top:165px!important}

	.logo{height:80px}

/*	.jq{margin-top:-30px}*/
	
	.box-padding{padding:0px 30px 50px}
	.box-padding2{padding:30px 10px}
	.box-padding3{padding:30px 0px}
	.box-padding4{padding:80px 0px 30px 0px}
	
	.banner{height:260px}
	.banner2{position:relative;left:0px;top:-30px}
	
	.left-enquiry-padding{padding-right:20px}
	.right-enquiry-padding{padding-left:10px}

	.w3-top{height:165px!important}

	.footer-direction{-webkit-flex-direction:column; flex-direction:column}

	.w3-hide-small{display:none!important}

	.w3-padding{padding:30px 20px}
	.w3-padding-x{padding:0px 20px}
	.w3-padding-y{padding:0px 16.66%!important}
	
	.w3-padding-g{padding:60px!important}
	
	.w3-padding-footer{padding:10px 30px!important}

	.w3-col.s3{width:24.99999%}
	.w3-col.s4{width:33.33333%}
	.w3-col.s6{width:49.99999%}
	.w3-col.s8{width:66.66666%}
	.w3-col.s9{width:74.99999%}
	}
	
@media (min-width:993px) and (max-width:1440px){
/*	.content-container {padding-top:170px!important}*/

	.logo{height:80px}

/*	.jq{margin-top:-60px}*/
	
	.box-padding{padding:0px 60px 60px}
	.box-padding2{padding:20px 10%}
	.box-padding3{padding:30px}
	.box-padding4{padding:100px 0px 60px 0px}

	.banner{height:420px}

	.w3-top{height:110px!important}

	.w3-button{padding:10px!important; line-height:1.5em!important}

	.w3-hide-large{display:none!important}
	
	.left-enquiry-padding{padding-right:20px}

	.w3-padding{padding:60px}
	.w3-padding-x{padding:0px 60px!important}
	
	.w3-padding-g{padding:60px 16.66% 0px!important}

	.w3-padding-footer{padding:30px 60px!important}

	.w3-col.l2{width:16.66666%}
	.w3-col.l3{width:24.99999%}
	.w3-col.l4{width:33.33333%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l8{width:66.66666%}
	.w3-col.l9{width:74.99999%}
	.w3-col.l20{width:40%}
	.w3-col.l21{width:60%}
	.w3-col.l22{width:20%}

	.w3-col.l13{width:19.99999%}
	}
@media (min-width:1441px){
/*	.jq{margin-top:-60px}*/
	
	.box-padding{padding:0px 9% 60px}
	.box-padding2{padding:20px 16.66%}
	.box-padding3{padding:30px}
	.box-padding4{padding:100px 0px 60px 0px}

	.banner{height:420px}

	.w3-hide-x-large{display:none!important}
	
	.left-enquiry-padding{padding-right:10px; padding-left:45px}

	.w3-padding{padding:60px 16.66%}
	.w3-padding-x{padding:0px 16.66%!important}
	
	.w3-padding-g{padding:60px 16.66% 0px!important}

	.w3-padding-footer{padding:30px 16.66%!important}

	.w3-col.xl2{width:16.66666%}
	.w3-col.xl3{width:24.99999%}
	.w3-col.xl4{width:33.33333%}
	.w3-col.xl6{width:49.99999%}
	.w3-col.xl8{width:66.66666%}
	.w3-col.xl9{width:74.99999%}

	.w3-col.x20{width:40%}
	.w3-col.x21{width:60%}
	.w3-col.x22{width:20%}

	.w3-col.xl13{width:19.99999%}
	}

@media (min-width:601px){
	.w3-col.half-info{width:49.99999%!important}
	.content-padding{padding-right:30px}
	.content-padding2{padding-left:30px}
	.contact-container{margin:0px!important}
	}

@media (min-width:993px){
	.content-paddingHome{padding-left:50px}
	.content-paddingHome2{padding-right:50px}
	.content-padding{padding-right:60px}
	.content-padding2{padding-left:60px}
	.info{width:79.99999%!important}
	.enquiry-container{margin:0px!important}
	.contact-container{margin:0px!important}
	}

@media (max-width:399px){
	.enquiry-container .form{width:320px!important; padding:10px!important}
	.contact-container .form{width:320px!important; padding:0px!important}
	}

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

@media (min-width:400px) and (max-width:992px){
	.quote-container .form{padding:20px 20px!important}
	.contact-container .form{padding:20px 0px!important}
	}

@media (min-width:1019px) and (max-width:1600px){
	.contact-container .form{padding:20px 50px!important}
	.quote-container .form{padding:20px 80px!important}
	}

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

}

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

}

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

}


@font-face {
    font-family: 'Antonio-Regular';
    src: url('font/Antonio-Regular.eot');
    src: url('font/Antonio-Regular.eot?#iefix') format('embedded-opentype'),
         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');
    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(images/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)
}