@charset "utf-8";
/* CSS Document */


/** menu **/


#main-menu > li > a::before,
#main-menu > li > a::after {
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	height: 2px !important;
	background: #fff !important;
	content: '' !important;
	opacity: 0 !important;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s !important;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s !important;
	transition: opacity 0.3s, transform 0.3s !important;
	-webkit-transform: translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
	transform: translateY(-10px) !important;
}
#main-menu > li > a::before {
	top: 0;
	-webkit-transform: translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
	transform: translateY(-10px) !important;
}

#main-menu > li > a::after {
	bottom: 0 !important;
	-webkit-transform: translateY(10px) !important;
	-moz-transform: translateY(10px) !important;
	transform: translateY(10px) !important;
}

#main-menu > li > a:hover,
#main-menu > li > a:focus {
	color: #fff !important;
}

#main-menu > li > a:hover::before,
#main-menu > li > a:focus::before,
#main-menu > li > a:hover::after,
#main-menu > li > a:focus::after {
	opacity: 1 !important;
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}







*{
margin:0px auto;
padding:0px;
}
.container
{ width:100%;
height:auto;
}
header
{
width:100%;
height:auto;
}
.wrapper_1
{
width:100%;
margin-top:10px;
height:200px;
opacity: 0.9;
z-index: 9999;
position:absolute;
text-align: center;
}
.logo {
    height: 235px;
    text-align: center;
    width: 260px;
}
.wrapper_2
{
width:100%;
height:110px;
background-image:url(images/bg_menu.png);
background-repeat:repeat;
border-top:5px solid #CCCCCC;

}
/* This class is added on scroll */
.fixed {
	position: fixed; 
	top: -4px; 
	height: 100px; 
	z-index: 100;
	background-image:url(images/bg_menu.png);
	background-repeat:repeat;
	background-position:center;
}
.logo_small {
	float:left;
	display:none;
	transition: all 0.5s;
}

.logoScroll {
	display:inline;
	width:100px;
	padding:5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
	transition:all 0.5s;
}
.contact_fixed
{
font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight:900;
	color:#ffffff;
	}
nav {
width:1007px;
height:110px;
text-align: center;

}
nav a {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight:400;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	
}

nav a:hover,
nav a:focus {
	outline: none;
}
.wrapper_3
{ width:100%;
height:560px;
}
section {
width:100%;
height:auto;
}
.wrapper_4
{
width:100%;
height:auto;
margin: 40px 0px;
}
.wrapper_5
{
width:100%;
height:500px;
margin: 40px 0px;
}
#wrp_5
{
width:100%;
height:950px;
margin: 40px 0px;
}
.quality
{
width:807px;
margin:auto;
}
section h2
{
font-family: "Open Sans",sans-serif;
font-weight: 300;
font-size: 26px;
line-height: 40px;
color: #72A385;
padding: 10px 0px;
}

.wrapper_6
{
width:100%;
height:550px;
background-color:#F8F7F7;
margin: 40px 0px;
}
#wrp_6
{
width:100%;
height:550px;
background-color:#F8F7F7;
margin:0px;
}
.photo_gallery
{
width:1007px;
height:auto;
text-align:center;
}

article .welcome
{
width:1007px;
height:auto;
padding:30px 0px;
}
.box p
{
font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
	text-align:center;
	color:#666666;

}
article .welcome p
{
width:100%;
font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
	text-align:justify;
	color:#666666;
}
h1
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size: 45px;
line-height: 60px;
color: #72a385;
text-align:center;
padding-bottom:30px;
}
figcaption h2
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size: 26px;
line-height: 35px;
color: #FFF;
}
article .welcome h2
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size: 26px;
line-height: 40px;
color: #72a385;
padding:10px 0px;
}
.box h2
{
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size: 36px;
line-height: 40px;
padding-bottom:20px;
color: #72a385;
}
.box
{
width:1007px;
margin:0px auto;
height:550px;
}
.box_1
{
width:300px;
height:550px;
float:left;
padding-top:70px;
text-align:center;
}
.box_2
{
width:300px;
height:550px;
float:left;
margin-left:50px;
padding-top:70px;
text-align:center;
}
.box_3
{
width:300px;
height:550px;
float:left;
margin-left:50px;
padding-top:70px;
text-align:center;
}
#icon
{
padding-top:20px;
padding-bottom:20px;
}
footer {
width:100%;
height:auto;
}
.wrapper_7
{
width:100%;
height:auto;
background-image:url(images/bg_footer.png);
border-top:10px solid #909595;
}
.footer_inner
{ width:1007px;
height:400px;
}
.contact
{
width:650px;
height:400px;
float:left;
}
.social
{
width:300px;
height:400px;
float:left;
margin-left:56px;
}


footer h2
{font-family: "Open Sans",sans-serif;
font-weight: 300;
font-size: 36px;
line-height: 40px;
padding: 40px 0px;
color: #FFF;
}
#map
{
margin-top:40px;
margin-bottom:40px;
margin-right:30px;
float:left;
}
.title
{
font-family: 'Open Sans', sans-serif;
	font-size:28px;
	line-height:30px;
	color:#333;
	}
.address
{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:30px;
}
	.address-left
	{
	width:110px;
	padding:0px;
	margin:0px;
	color:#72A385;
	float:left;
	}
	#address-bold
	{
	color:#FFF;
	padding: 0px 0px 0px 0px;
	}
	.wrapper_8
	{width:100%;
	height:auto;
	background-image:url(images/bg_footer2.PNG);
	}
	.wrapper_8 p
	{
	padding:30px 0px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:30px;
	}
/* social icon style open */


/* Effect 21: borders slight translate */
#cl-effect-21 a {
	padding: 10px 0px !important;
	color: #025621 !important;
	margin-top:35px !important;
	text-shadow: none !important;
	-webkit-transition: color 0.3s !important;
	-moz-transition: color 0.3s !important;
	transition: color 0.3s !important;
	font-weight:600 !important;
}

#cl-effect-21 a::before,
#cl-effect-21 a::after {
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	height: 2px !important;
	background: #fff !important;
	content: '' !important;
	opacity: 0 !important;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s !important;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s !important;
	transition: opacity 0.3s, transform 0.3s !important;
	-webkit-transform: translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
	transform: translateY(-10px) !important;
}

#cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
	transform: translateY(-10px) !important;
}

#cl-effect-21 a::after {
	bottom: 0 !important;
	-webkit-transform: translateY(10px) !important;
	-moz-transform: translateY(10px) !important;
	transform: translateY(10px) !important;
}

#cl-effect-21 a:hover,
#cl-effect-21 a:focus {
	color: #fff !important;
}

#cl-effect-21 a:hover::before,
#cl-effect-21 a:focus::before,
#cl-effect-21 a:hover::after,
#cl-effect-21 a:focus::after {
	opacity: 1 !important;
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}
/* General button style (reset) */
.btn {
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight:400;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 60px;
	display: inline-block;
	margin: 35px 30px 10px 30px;
	text-transform:capitalize;
	font-family:
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content:' ';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 1e */
.container_button > section {
    position: relative;
    margin: 0px;
    z-index: 1;
	text-align: center;
color: #FFF;
}
.btn-1e {
	overflow: hidden;
}
.btn-1 {
    border: 3px solid #FFF;
    color: #FFF;
	}

.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #72a385;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover,
.btn-1e:active {
	color: #237546;
}

.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}

.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}
<!-- Animates Scrolling style start -->
input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}


/* animated elements */
.animateblock {
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
}
.animateblock.left.animated {
  margin-left: 0%;
}

.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: 0%;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 10px;
}

.animateblock.btm {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 25px;
}
.animateblock.btm.animated {
  margin-top: 10px;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -10%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -10%;
}
.animateblock.centerright.animated {
  margin-left: 0;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
}
<!-- Animated Scrolling End -->
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.hvr-rectangle-out{ border:solid 1px #ABABAB;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#F8F7F7;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#75a388;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}

[class^="hvr-"] {
    margin: 2em;
    padding:8px 20px 11px;
	font-size:14px;
    cursor: pointer;
    text-decoration: none;
    color: #5F5F5F;
	}
/* about us style open */
.before
{
width:400px;
height:300px;
float:left;
}
.after
{
width:400px;
float:right;
height:300px;
}
#sub_bg
{
width:100%;
height:auto;
}
/* bond cleaning style open */
.list
{
width:1007px;
margin:auto;
height:400px;
}

.right_box
{
width:450px;
float:left;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 400;
color: #666;
}
.left_box
{
width:550px;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 400;
float:right;
color: #666;
}
.welcome ul li
{
background-image:url(images/bullets.jpg);
background-repeat:no-repeat;
background-position:left centre;
list-style:none;
padding:0px 0px 0px 40px;
margin-top: 10px;
}
#sec_1
{
width:460px;
float:left;
}
#sec_2
{
padding-left:150px;
}
/* service */
h3
{
font-family: "Open Sans",sans-serif;
font-size:16px;
line-height:40px;
color: #666;
}
#phone
{
color:#FF3333;
font-weight:bold;
}

#sidebar p {padding: 10px; text-align:center; font-size:22px; line-height:20px; font-weight:bold; color:#FFFFFF; }
#sidebar h1 { padding: 10px; font-size:24px; color:#fff; line-height:20px; font-weight:900;}
#sidebar { 
/*background: #72A385; */
/* background: #000 none repeat scroll 0 0;
    border-radius: 25px;*/
    color: #fff;
    cursor: pointer;
opacity:1; 
width: 214px; 
float: right; 
top:400px; 
right:450px; 
position:fixed;

 }
 #sidebar {
    position: fixed;
    right: 0;
   
    z-index: 9999;
}
#sidebar a:hover .text-content {
    opacity: 1;
}
.text-content {
    background: #000 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: table;
    font-size: 24px;
    left: 10px;
    opacity: 0;
    padding: 16px 5px;
    position: absolute;
    top: 7px;
    transition: opacity 500ms ease 0s;
    width: auto;
}

.input, .textarea{
    -moz-border-radius: 5px 5px 5px 5px;
    background: none;
    border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf;
    border-style: solid;
    border-width: 1px;
    color: #4c474747;
	width:400px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    height: 30px;
    padding: 0px;
	resize:none;
    position: relative;
}
.textarea{
    height: 95px !important;
    padding: 10px !important;
    width: 400px;
}
form .button{
    background-color:#72A385;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	font-family: 'Carrois Gothic', sans-serif;
    font-size: 15px;
    font-weight:bold;
    height: 31px;
    line-height: 30px !important;
    margin: 20px 0 0;
    padding: 0 0 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 96px;
}
form .button:hover{
	background-color:#000000;
	transition:0.6s;
	}
	form p
	{
	font-weight:bold;
	line-height:30px;
	}


label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{
	cursor:pointer
}


.form-radio-container,.wsite-editor .form-radio-container{
	display:block;
	margin:5px 0px 7px 0px !important
}

.form-radio-container input,.wsite-editor .form-radio-container input{
	margin:0px 5px 0px 0px;
	border:none !important
}

.form-field-error .weebly-form-radio-container,.form-field-error .wsite-form-radio-container{
	border:1px solid red
}



input[type=radio]{
	margin-right:10px;
	margin:0px 10px 0px 5px;
	padding:0 10px;
	line-height:60px;
	
}
.w1
{
line-height:20px;
}


.footer-menu {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 2%;
    /*width: 66%;*/
    width: 72%;
}
.footer-menu ul li {
    float: left;
    margin: 0 20px;
}
.footer-menu ul li a {
    font-size: 16px;
}
.bg-wrapper {
    position: relative;
}

#header {
    padding-bottom: 65px !important;
    padding-top: 0 !important;
    text-align: center !important;
}
#header .head_title h2 {
    float: none !important;
    font-size: 26px !important;
    height: auto !important;
    padding: 0 !important;
}
#navigation {
    right: 195px !important;
    top: 250px !important;
}
.content-left {
    float: left;
    margin-right: 5%;
    width: 55%;
}

.pic-right {
    float: right;
    width: 40%;
}
.pic-right > img {
    width: 100%;
}
@media only screen and (max-width : 320px)
{
.wrapper_1 {
    height: auto;
}
.logo {
    height: auto;
    margin-top: -8%;
    padding: 0 !important;
    text-align: center;
    width: 40%;
}
.logo img {
    width: 75%;
}
.wrapper_2 {
    height: auto;
    overflow: hidden;
    padding: 2% 0;
    position: static;
}
nav {
    height: auto;
    width: 100%;
}
#menu-toggle {
    margin: 5px 10px;
    color: #000;
}
#menu-toggle i {
    font-size: 21px;
}
#main-menu > li > a {
    margin: 15px 25px !important;
}
.wrapper_3 {
    height: auto;
}
.parallax_container {
    height: auto;
}
section.module.parallax h1 {
    font: bold 35px/45px "Open Sans",sans-serif !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    width: 100% !important;
}
section.module.parallax h2 {
    font-size: 25px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
section.module.parallax p {
    font-size: 16px !important;
    line-height: 27px !important;
    width: 90% !important;
}
.btn {
    margin: 15px 30px 10px;
    padding: 10px 20px;
}
.wrapper_4 {
    margin: 10px 0;
}
article .welcome {
    padding: 10px 0;
    width: 100%;
}
article .welcome h1 {
    font-size: 24px;
    padding-bottom: 1%;
}
article .welcome p {
    width: 90%;
}
article .welcome h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.wrapper_6 {
    height: auto;
    margin: 10px 0;
}
.box {
    height: auto;
    width: 100%;
}
.box_1 {
    float: none;
    height: auto;
    padding-top: 10px;
    width: 100%;
}
.box h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_2 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_2 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_3 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_3 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box p {
    width: 90%;
}
.wrapper_5 {
    height: auto;
    margin: 10px 0;
    width: 100%;
}
.photo_gallery {
    width: 100%;
}
.grid {
    max-width: 100% !important;
    padding: 0 !important;
}
.footer_inner {
    height: auto;
    width: 100%;
}
.contact {
    float: none;
    height: auto;
    width: 100%;
}
footer h2 {
    font-size: 26px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
}
#map {
    float: none;
    margin: 3% auto;
    width: 48%;
}
.address {
    font-size: 13px;
	margin-left: 5px;
}
.title {
    font-size: 24px;
}
.address-left {
    width: 60px;
}
.social {
    float: none;
    height: auto;
    margin-left: 0;
    width: 100%;
}
.footer-menu {
    text-align: center;
    width: 65%;
}
.footer-menu ul li {
    float: none;
}
#sidebar {
    top: 355px;
    width: 130px;
}
#sidebar img {
    width: 100%;
}
.wrapper_8 p {
    font-size: 12px;
}
#topcontrol img {
    width: 50%;
    float: right;
}
#wrp_5 {
    height: auto;
    margin: 10px 0;
}
.quality {
    width: 100%;
}
.quality h1 {
    font-size: 40px;
    line-height: 55px;
    padding-bottom: 1%;
}
.before {
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
}
.after {
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
}
#wrp_6 {
    height: auto;
}
.list {
    height: auto;
    width: 90%;
}
.right_box {
	float: none;
    width: 100%;
}
.left_box {
	float: none;
    width: 100%;
}
#sec_1 {
    width: 100%;
}
#sec_2 {
    padding-left: 0;
}
.welcome h3 {
    text-align: center;
}
.contact_info h1 {
    font-size: 30px;
    line-height: 38px;
}
#header {
    padding-bottom: 0 !important;
}
#navigation {
    width: 95% !important;
}
#content-wrapper {
    width: 90% !important;
}
#contactform input {
    width: 100%;
}
#contactform textarea {
    width: 93%;
}
#radio {
    width: auto !important;
}
#contactform .button {
    width: 30%;
}
.contact_info p {
    font-size: 15px;
}
#header h1 {
    font-size: 30px;
    line-height: 35px;
}
}

@media only screen and (min-width : 321px) and (max-width : 480px)
{
.wrapper_1 {
    height: auto;
}
.logo {
    height: auto;
    margin-top: -8%;
    padding: 0 !important;
    text-align: center;
    width: 40%;
}
.logo img {
    width: 75%;
}
.wrapper_2 {
    height: auto;
    overflow: hidden;
    padding: 2% 0;
    position: static;
}
nav {
    height: auto;
    width: 100%;
}
#menu-toggle {
    margin: 5px 10px;
    color: #000;
}
#menu-toggle i {
    font-size: 21px;
}
#main-menu > li > a {
    margin: 15px 25px !important;
}
.wrapper_3 {
    height: auto;
}
.parallax_container {
    height: auto;
}
section.module.parallax h1 {
    font: bold 35px/45px "Open Sans",sans-serif !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    width: 100% !important;
}
section.module.parallax h2 {
    font-size: 25px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
section.module.parallax p {
    font-size: 16px !important;
    line-height: 27px !important;
    width: 90% !important;
}
.btn {
    margin: 15px 30px 10px;
    padding: 10px 20px;
}
.wrapper_4 {
    margin: 10px 0;
}
article .welcome {
    padding: 10px 0;
    width: 100%;
}
article .welcome h1 {
    font-size: 24px;
    padding-bottom: 1%;
}
article .welcome p {
    width: 90%;
}
article .welcome h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.wrapper_6 {
    height: auto;
    margin: 10px 0;
}
.box {
    height: auto;
    width: 100%;
}
.box_1 {
    float: none;
    height: auto;
    padding-top: 10px;
    width: 100%;
}
.box h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_2 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_2 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_3 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_3 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box p {
    width: 90%;
}
.wrapper_5 {
    height: auto;
    margin: 10px 0;
    width: 100%;
}
.photo_gallery {
    width: 100%;
}
.grid {
    max-width: 100% !important;
    padding: 0 !important;
}
.footer_inner {
    height: auto;
    width: 100%;
}
.contact {
    float: none;
    height: auto;
    width: 100%;
}
footer h2 {
    font-size: 26px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
}
.social a {
	margin: 25px;
}
#map {
    float: none;
    margin: 3% auto;
    width: 48%;
}
.address {
    font-size: 13px;
	margin-left: 5px;
}
.title {
    font-size: 24px;
}
.address-left {
    width: 60px;
}
.social {
    float: none;
    height: auto;
    margin-left: 0;
    width: 100%;
}
.footer-menu {
    text-align: center;
    width: 65%;
}
.footer-menu ul li {
    float: none;
}
#sidebar {
    top: 545px;
    width: 130px;
}
#sidebar img {
    width: 100%;
}
.wrapper_8 p {
    font-size: 12px;
}
#topcontrol img {
    width: 50%;
    float: right;
}
#wrp_5 {
    height: auto;
    margin: 10px 0;
}
.quality {
    width: 100%;
}
.quality h1 {
    font-size: 40px;
    line-height: 55px;
    padding-bottom: 1%;
}
.before {
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
}
.after {
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
}
#wrp_6 {
    height: auto;
}
.list {
    height: auto;
    width: 90%;
}
.right_box {
	float: none;
    width: 100%;
}
.left_box {
	float: none;
    width: 100%;
}
#sec_1 {
    width: 100%;
}
#sec_2 {
    padding-left: 0;
}
.welcome h3 {
    text-align: center;
}
.contact_info h1 {
    font-size: 30px;
    line-height: 38px;
}
#header {
    padding-bottom: 0 !important;
}
#navigation {
    width: 95% !important;
}
#content-wrapper {
    width: 90% !important;
}
#contactform input {
    width: 100%;
}
#contactform textarea {
    width: 93%;
}
#radio {
    width: auto !important;
}
#contactform .button {
    width: 30%;
}
.contact_info p {
    font-size: 15px;
}
#header h1 {
    font-size: 30px;
    line-height: 35px;
}
}

@media only screen and (min-width : 481px) and (max-width : 767px)
{
.wrapper_1 {
    height: auto;
}
.logo {
    height: auto;
    margin-top: -6%;
    padding: 0 !important;
    text-align: center;
    width: 40%;
}
.logo img {
    width: 75%;
}
.wrapper_2 {
    height: auto;
    overflow: hidden;
    padding: 2% 0;
    position: static;
}
nav {
    height: auto;
    width: 100%;
}
#menu-toggle {
    margin: 5px 10px;
    color: #000;
}
#menu-toggle i {
    font-size: 21px;
}
#main-menu > li > a {
    margin: 15px 25px !important;
}
.wrapper_3 {
    height: auto;
}
.parallax_container {
    height: auto !important;
    padding: 50px 0 !important;
}
section.module.parallax h1 {
    font: bold 35px/45px "Open Sans",sans-serif !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    width: 100% !important;
}
section.module.parallax h2 {
    font-size: 25px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
section.module.parallax p {
    font-size: 16px !important;
    line-height: 27px !important;
    width: 90% !important;
}
.btn {
    margin: 15px 30px 10px;
    padding: 10px 20px;
}
.wrapper_4 {
    margin: 10px 0;
}
article .welcome {
    padding: 10px 0;
    width: 100%;
}
article .welcome h1 {
    font-size: 24px;
    padding-bottom: 1%;
}
article .welcome p {
    width: 90%;
}
article .welcome h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.wrapper_6 {
    height: auto;
    margin: 10px 0;
}
.box {
    height: auto;
    width: 100%;
}
.box_1 {
    float: none;
    height: auto;
    padding-top: 10px;
    width: 100%;
}
.box h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_2 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_2 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_3 {
    float: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 100%;
}
.box_3 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box p {
    width: 90%;
}
.wrapper_5 {
    height: auto;
    margin: 10px 0;
    width: 100%;
}
.photo_gallery {
    width: 100%;
}
.grid {
    max-width: 100% !important;
    padding: 0 !important;
}
.footer_inner {
    height: auto;
    width: 100%;
}
.contact {
    float: none;
    height: auto;
    width: 100%;
}
footer h2 {
    font-size: 26px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
}
#map {
    float: none;
    margin: 3% auto;
    width: 25%;
}
.address {
    font-size: 13px;
    margin: 0 auto;
    width: 50%;
}
.title {
    font-size: 24px;
    text-align: center;
}
.address-left {
    width: 60px;
}
.social {
    float: none;
    height: auto;
    margin: 0 auto;
    width: 46%;
}
.footer-menu {
    text-align: center;
    width: 65%;
}
.footer-menu ul li {
    float: none;
}
#sidebar {
    top: 205px;
    width: 130px;
}
#sidebar img {
    width: 100%;
}
#topcontrol img {
    width: 50%;
    float: right;
}
#wrp_5 {
    height: auto;
    margin: 10px 0;
}
.quality {
    width: 100%;
}
.quality h1 {
    font-size: 40px;
    line-height: 55px;
    padding-bottom: 1%;
}
.before {
    height: auto;
    text-align: center;
    width: 50%;
}
.before img {
    border: 2px solid #eee;
}
.after {
    height: auto;
    text-align: center;
    width: 50%;
}
.after img {
    border: 2px solid #eee;
}
#wrp_6 {
    height: auto;
    overflow: hidden;
}
.list {
    height: auto;
    width: 90%;
}
.right_box {
	float: none;
    width: 100%;
}
.left_box {
	float: none;
    width: 100%;
}
#sec_1 {
    width: 100%;
}
#sec_2 {
    padding-left: 0;
}
.welcome h3 {
    text-align: center;
}
.contact_info h1 {
    font-size: 30px;
    line-height: 38px;
}
#header {
    padding-bottom: 0 !important;
}
#navigation {
    width: 95% !important;
}
#content-wrapper {
    width: 90% !important;
}
#contactform input {
    width: 100%;
}
#contactform textarea {
    width: 93%;
}
#radio {
    width: auto !important;
}
#contactform .button {
    width: 30%;
}
.contact_info p {
    font-size: 15px;
}
#header h1 {
    font-size: 30px;
    line-height: 35px;
}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait)
{
.wrapper_1 {
    height: 140px;
}
#sub_bg {
    height: 200px;
    width: 100%;
}
.logo {
    height: auto;
    margin-top: -6%;
    padding: 0 !important;
    text-align: center;
    width: 40%;
}
.logo img {
    width: 75%;
}
.wrapper_2 {
    height: auto;
    overflow: hidden;
    padding: 2% 0;
    position: static;
}
nav {
    height: auto;
    width: 100%;
}
#menu-toggle {
    margin: 5px 10px;
    color: #000;
}
#menu-toggle i {
    font-size: 21px;
}
#main-menu > li > a {
    margin: 15px 25px !important;
}
.wrapper_3 {
    height: auto;
}
.parallax_container {
    height: auto !important;
    padding: 50px 0 !important;
}
section.module.parallax h1 {
    font: bold 35px/45px "Open Sans",sans-serif !important;
    margin-bottom: 0 !important;
    padding-top: 15px !important;
    width: 100% !important;
}
section.module.parallax h2 {
    font-size: 25px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
section.module.parallax p {
    font-size: 16px !important;
    line-height: 27px !important;
    width: 90% !important;
}
.btn {
    margin: 15px 30px 10px;
    padding: 10px 20px;
}
.wrapper_4 {
    margin: 10px 0;
}
article .welcome {
    padding: 10px 0;
    width: 100%;
}
article .welcome h1 {
    font-size: 24px;
    padding-bottom: 1%;
}
article .welcome p {
    width: 90%;
}
article .welcome h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.wrapper_6 {
    height: auto;
    margin: 10px 0;
}
.box {
    height: auto;
    width: 100%;
}
.box_1 {
    height: auto;
    padding-top: 10px;
    width: 33%;
}
.box h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_2 {
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 33%;
}
.box_2 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box_3 {
    height: auto;
    margin: 0;
    padding-top: 10px;
    width: 33%;
}
.box_3 h2 {
    font-size: 30px;
    padding-bottom: 1%;
}
.box p {
    height: 220px;
    width: 90%;
}
.wrapper_5 {
    height: auto;
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
}
.photo_gallery {
    width: 100%;
}
.grid {
    max-width: 100% !important;
    padding: 0 !important;
}
.footer_inner {
    height: auto;
    width: 100%;
}
.contact {
    float: none;
    height: auto;
    width: 77%;
}
footer h2 {
    font-size: 26px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
}
.title {
    font-size: 24px;
}
.address-left {
    width: 60px;
}
.social {
    float: none;
    height: auto;
    margin: 0 auto;
    width: 32%;
}
.social a {
	margin: 6px !important;
}
.footer-menu {
    text-align: center;
    width: 93%;
}
.footer-menu ul li {
    margin: 0 10px;
}
#sidebar {
    top: 932px;
    width: 130px;
}
#sidebar img {
    width: 100%;
}
#topcontrol img {
    width: 70%;
    float: right;
}
#wrp_5 {
    height: auto;
    margin: 10px 0;
}
.quality {
    width: 100%;
}
.quality h1 {
    font-size: 40px;
    line-height: 55px;
    padding-bottom: 1%;
}
.before {
    height: auto;
    text-align: center;
    width: 50%;
}
.before img {
    border: 2px solid #eee;
}
.after {
    height: auto;
    text-align: center;
    width: 50%;
}
.after img {
    border: 2px solid #eee;
}
#wrp_6 {
    height: auto;
    overflow: hidden;
}
.list {
    height: auto;
    overflow: hidden;
    width: 90%;
}
.right_box {
    width: 50%;
}
.left_box {
    width: 50%;
}
#sec_1 {
    width: 100%;
}
#sec_2 {
    padding-left: 0;
}
.welcome h3 {
    text-align: center;
}
.contact_info h1 {
    font-size: 30px;
    line-height: 38px;
}
#header {
    padding-bottom: 0 !important;
}
#navigation {
    width: 95% !important;
}
#content-wrapper {
    width: 90% !important;
}
#contactform input {
    width: 100%;
}
#contactform textarea {
    width: 93%;
}
#radio {
    width: auto !important;
}
#contactform .button {
    width: 30%;
}
.contact_info p {
    font-size: 15px;
}
#header h1 {
    font-size: 30px;
    line-height: 35px;
}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)
{
.logo {
    margin-top: -35px;
}
.box p {
    height: 165px;
}
.grid {
    overflow: hidden;
    padding: 1em 0 4em 40px !important;
}
.contact {
    margin-left: 4%;
    width: 615px;
}
.social {
    margin-left: 0;
}
.footer-menu {
    width: 80%;
}
#sidebar {
    top: 515px;
}
#sub_bg {
    height: 300px;
}
article .welcome p {
    width: 95%;
}
.before {
    margin-left: 10%;
    width: 40%;
}
.wrapper_4 {
    padding-bottom: 2%;
}
article .welcome {
    width: 97%;
}
article .welcome h3 {
    margin-left: 25px;
}
#navigation {
    right: 32px !important;
	top: 220px !important;
}
.list {
    width: 95%;
}
.right_box {
    width: 50%;
}
.left_box {
    width: 50%;
}
}

@media screen and (min-width: 1424px)
{
.logo {
    height: 250px !important;
    width: 250px !important;
}
.grid {
    padding: 1em 0 4em 40px !important;
}
.footer-menu {
    width: 55%;
}
#navigation {
    right: 275px !important;
    top: 220px !important;
}
}

@media screen and (min-width: 1624px)
{
.logo {
    height: 250px !important;
    width: 250px !important;
}
.grid {
    padding: 1em 0 4em 40px !important;
}
.footer-menu {
    width: 50%;
}
#navigation {
    right: 362px !important;
    top: 225px !important;
}
}

@media screen and (min-width: 1920px)
{
.logo {
    height: 250px !important;
    width: 250px !important;
}
.grid {
    padding: 1em 0 4em 40px !important;
}
.footer-menu {
    width: 41%;
}
#navigation {
    right: 535px !important;
    top: 225px !important;
}
}