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:#333333; font-size:18px; line-height:1.5em}

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-size:2em; font-family:Diavlo_BOLD; line-height:1.5em}
h2{font-size:1.333em; font-family:OpenSans-Bold; line-height:1.5em}

.nav{font-size:0.666em; line-height:1.5em}

.p1{font-size:1.125em; font-family:OpenSans-Bold; line-height:1.5em}

.flex-container{display:-webkit-box; display:-webkit-flex; display:flex}

.top{position:fixed; background:#ffffff; width:100%; z-index:9999; top:0; -webkit-justify-content:space-between; justify-content:space-between}
.top2{position:fixed; width:49.99999%; min-width:160px; color:#ffffff;padding:0; z-index:9999; top:106px; background:#659226}

.topRight{-webkit-flex-direction:column; flex-direction:column; -webkit-align-items:flex-end; align-items:flex-end}
.topRight img{padding:0px 5px}

.topMenu{font-size:2em; line-height:1em}

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

.main-container{width:100%; padding:30px; background:url(images/logoBG.png) top right no-repeat; border:15px solid transparent; border-image: url(images/bgBorder.png) 22 15 stretch; position:relative; margin-top:-15px}

.content{width:100%; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}

.home-service-container{width:100%; margin-bottom:30px}
.home-service{-webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center}
.home-service-item{font-size:1.666em; font-family:OpenSans-Bold; line-height:1.5em; color:#ffffff; padding-top:20px}

.contact{width:100%;; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}

#contactForm{width:100%}
#contactForm label{display:block;line-height:30px}
#contactForm input,select{display:block;border:1px solid #cccccc; background:#ffffff; width:100%; height:30px; font-family:inherit; font-size:inherit; margin-bottom:10px}
#contactForm textarea{display:block;border:1px solid #cccccc; background:#ffffff; width:100%; height:100px; font-family:inherit; font-size:inherit;margin-bottom:10px}
#contactForm .hidetext{display:none; visibility:hidden}

.footer{font-size:0.666em; color:#cccccc; width:100%; background:#656565; -webkit-flex-shrink: 0; flex-shrink: 0}
.footer-container{-webkit-align-items:center; align-items:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer-container > div{padding:0px 10px; text-align:center}

.btn {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: 25px;}
.btn:hover span:after {opacity: 1; right: 0;}

.button {width:160px; height:40px; background:#e1e1e1; border:none; font-size:inherit; cursor:pointer}
.button2 {width:160px; height:40px; background:#89bf3e; border:none; font-size:inherit; cursor:pointer}
.button3 {width:80px; height:30px; background:#000000; opacity:0.4; border:none; color: #ffffff; font-family:OpenSans-Bold}

.w3-button{border:none;display:inline-block; width:100%;padding:10px 20px; font-family:OpenSans-CondBold; line-height:30px;vertical-align:middle;overflow:hidden;text-decoration:none; color:#000000;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button:hover{color:#659226!important}
.w3-button2{border-bottom:1px solid #e1e1e1;display:inline-block; width:100%;padding:10px 20px;vertical-align:middle;overflow:hidden;text-decoration:none; font-size:14px; line-height:1.5em; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button2:hover{color:#000000!important}
.w3-button3{border-bottom:1px solid #cccccc;display:inline-block; width:100%;padding:10px 0px;vertical-align:middle;text-decoration:none; text-align:right; font-family:OpenSans-Bold; color:inherit;background-color:inherit;cursor:pointer;white-space:normal}
.w3-button3:hover{color:#8dc63f!important}

.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-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}

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

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

.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%}

@media (max-width:600px){
	body{font-size:16px!important; line-height:1.5em!important}
	h1{font-size:1.5em!important; line-height:1.5em!important}
	.top{-webkit-align-items:center!important; align-items:center!important}
	.top2{top:70px!important}
	.logo{height:50px!important}
	.content-container{margin-top:70px!important}
	.main-container{padding:20px!important}
	.content-direction{-webkit-flex-direction:column-reverse!important; flex-direction:column-reverse!important}
	.footer-container{-webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center!important; justify-content:center!important}
	.button {width:120px!important}
	.button2 {width:120px!important}
	.w3-button3{text-align:center!important}
	.w3-hide-x-small{display:none!important}
	.w3-padding{padding:10px 20px 30px 20px!important}
	.w3-padding-x{padding:0px 20px!important}
	.w3-padding-x-b{padding:0px 10px 30px 10px!important}
	.w3-padding-header{padding:10px 20px!important}
	.w3-padding-footer{padding:10px 20px!important}
	.w3-col.xs6{width:49.99999%}
	}
@media (min-width:601px) and (max-width:992px){
	.top{-webkit-align-items:center!important; align-items:center!important}
	.main-container{padding:20px!important}
	.w3-hide-small{display:none!important}
	.w3-padding{padding:10px 20px 30px 20px!important}
	.w3-padding-x{padding:0px 20px!important}
	.w3-padding-x-b{padding:0px 10px 30px 10px!important}
	.w3-padding-header{padding:10px 20px!important}
	.w3-padding-footer{padding:10px 20px!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%}
	.w3-col.s13{width:22.99999%}
	.w3-col.s14{width:30.33333%}
	}
@media (min-width:993px) and (max-width:1440px){
	.w3-hide-large{display:none!important}
	.w3-padding{padding:30px 60px 60px 60px!important}
	.w3-padding-x{padding:0px 60px!important}
	.w3-padding-x-b{padding:0px 50px 60px 50px!important}
	.w3-padding-header{padding:10px 60px!important}
	.w3-padding-footer{padding:10px 60px!important}
	.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.l13{width:22.99999%}
	.w3-col.l15{width:48.49999%}
	}
@media (min-width:1441px){
	.w3-hide-x-large{display:none!important}
	.w3-padding{padding:30px 16.66% 60px 16.66%!important}
	.w3-padding-x{padding:0px 16.66%!important}
	.w3-padding-x-b{padding:0px 16% 60px 16%!important}
	.w3-padding-header{padding:10px 16.66%!important}
	.w3-padding-footer{padding:10px 16.66%!important}
	.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.xl13{width:22.99999%}
	.w3-col.xl15{width:48.49999%}
	}

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

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

@font-face {
    font-family: 'OpenSans-CondBold';
    src: url('fonts/OpenSans-CondBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Diavlo_BOLD';
    src: url('fonts/Diavlo_BOLD_II_37.otf');
    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)
}