body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px; font-family:calibri; font-size:15px; color:#333;
	margin-bottom: 0px;
}
a { text-decoration:none; border:0px;}
.request-call {
	height: 91px;
	width: 91px;
	position: fixed;
	left: 0px;
	bottom: 0px;
}


.fb-icon {
	
	height: 49px;
	width: 45px; 
	position: fixed;
	left: -5px; 
	top: 225px;
}
.fb-icon:hover {
	
	left: 0px;
	
}


.online {
	height: 90px;
	width: 215px;
	position: fixed;
	top: 275px;
	right: 0px;
}

.top-line {
	
	height: 100px; border-top:3px solid #228298; border-bottom:1px solid #e9e9e9; 
	width: 100%; padding-top:0px; 
	
	background-image: url(../images/f-bg.jpg);
      background-size: 100%; 
}
.center-area {
	height: auto; margin:0px auto;
	width: 1000px;
}
.logo {
	
	float: left;
	
	height: 100px; margin-top:6px;
	width: 247px;
}
.nav {
	
	float: left;
	height: 80px;
	width: 675px; margin-top:10px; 
	margin-left: 65px;
	float: left;
	


}
.nav ul { padding:0px; margin:0px; margin-top:15px;}
.nav li { float:left; display:block;}
.nav li a { float:left; font-size:14px; line-height:50px; transition: all 1s ease 0s;
        transition-property: all; font-family:arial;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-delay: 0s;
padding: 0px 12px 0px 14px; color:#666; text-decoration:none; display:block;}
.nav li a:hover { float:left;  background-color:#96bd0c; line-height:50px; padding:0px 14px 0px 15px; color:#FFF; text-decoration:none; display:block;}
.nav .active { float:left;  background-color:#96bd0c; line-height:50px;  color:#FFF; text-decoration:none; display:block;}
.nav .active a { float:left;  background-color:#96bd0c; line-height:50px;   color:#FFF; text-decoration:none; display:block;}
.active li a { float:left;  background-color:#96bd0c; line-height:50px;  color:#FFF; text-decoration:none; display:block;}


.banner {
	float: left;
	height: 300px;
	width: 1000px;
	margin-top: 15px;
}
.body-area {
	float: left;
	height: auto; margin-top:15PX;
	width: 1000px; margin-bottom:30px;
}
.heading {
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	height: 40px; padding-left:320px;
	width: 680px;
	float: left;
}
.heading2 {
	background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
height: 50px;
width: 460px;
float: left;
padding-left: 286px;

}
.welcome-text {
	text-align: center; font-family:arial;
	height: 40px; line-height:40px; font-size:28px; color:#666;
	width: 388PX; background-color:#fff; 
}
.welcome-text2 {
	text-align: center; font-family:arial;
	height: 40px; line-height:40px; font-size:25px; color:#666;
	width: 200PX; background-color:#fff; 
}
.body-area p { text-align:justify; font-size:16px; color:#666; line-height:20px; margin-top:20px;
	
}
.read-more  {

	float: right; margin-top:-20px;
	
}
.read-more a  {
	font-size: 14px; transition: all 1s ease 0s;
        transition-property: all;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-delay: 0s;
	color: #FFF;
	padding: 7px 10px; text-decoration:none;
	float: left;
	height: auto;
	width: auto; background-color:#228298;
}
.read-more a:hover  {
	font-size: 14px;
	color: #FFF;
	padding: 7px 10px; text-decoration:none;
	float: left;
	height: auto;
	width: auto; background-color:#96bd0c;
}

.footer-line {
	background-color: #228298;
	height: 250px; padding-top:10px;
	width: 100%; border-bottom:0px solid #FFF;
}
.gallery-area {
	
	float: left;
	height: 250px; 
	width: 770px;
}
.gallery-area h2 { padding:0px; margin:0px; margin-bottom:10px; width:700px; text-transform:uppercase; font-weight:normal; font-size:20px; color:#FFF;}

.gallery-area ul { padding:0px; margin:0px;}
.gallery-area li { display:block; float:left; margin-right:10px; margin-bottom:10px;}

.social-area {
	
	float: left;
	height: 250px; 
	width: 230px;
}
.social-area h2 { padding:0px; margin:0px; margin-bottom:10px; width:200px; text-transform:uppercase; font-weight:normal; font-size:20px; color:#FFF;}

.social-area ul { padding:0px; margin:0px;}
.social-area li { display:block; float:left; transition: all 1s ease 0s;
        transition-property: all;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-delay: 0s;  width:99px; margin-left:10px; margin-bottom:10px; height:90px; background-color:#099;  }


.social-area li:hover { display:block; float:left; -webkit-transform: rotateY(180deg); 
-ms-transform: rotateY(180deg); transform: rotateY(180deg); width:99px; margin-left:10px; margin-bottom:10px; height:90px; background-color:#099;  }

.bottom-nav {
	float: left;
	height: 40px;
	width: 1000px;
	
}
.bottom-nav ul { padding:0px; margin:0px;}
.bottom-nav li { float:left; display:block;}
.bottom-nav li a { float:left; display:block; text-decoration:none; transition: all 1s ease 0s;
        transition-property: all;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-delay: 0s; line-height:40px; padding-left:10px; padding-right:10px; font-size:14px; color:#333;}
.bottom-nav li a:hover { float:left; display:block; text-decoration:none; line-height:40px; padding-left:10px; padding-right:10px; font-size:14px; color:#228298;}
.form-controllo2:-moz-placeholder {
  color: #999999;
}

.form-controllo2::-moz-placeholder {
  color: #999999;
}

.form-controllo2:-ms-input-placeholder {
  color: #999999;
}

.form-controllo2::-webkit-input-placeholder {
  color: #999999;
}

.form-controllo2 {
	display: block;
	width: 205px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 0px solid #999999;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(119, 119, 119, 0.75);
	font-family:arial;
	
}


.form-controllo2:focus {
  border-color: #31a8ac;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-controllo2[disabled],
.form-controllo2[readonly],
fieldset[disabled] .form-controllo2 {
  cursor: not-allowed;
  background-color: #eeeeee;
}
#search-btn { background-color:#228298;



	
	color: rgb(238, 238, 238);
	
	border: 1px solid #228298;
	
	box-shadow: 0 1px 1px #F8FFEB inset;
	
	font-family: Calibri;
	font-size: 14px;
	font-weight: lighter;
	margin: 0;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	cursor:pointer;
}

#search-btn:hover{

background-color:#85a610;
box-shadow: 0 0px 0px #F8FFEB inset;

	color:#fff;
	text-decoration:none;
	border:1px solid #85a610;

}
.header-main {position:relative;}
.new-arew {padding-top: 0px;}
.new-arew .inner-images {margin-left:25px;}
.new-arew p {font-family: calibri; font-size: 15px; color: #333;}
.left-div {width:40%; float:left}
.right-div {width:60%; float:right}
.testi-left {width:100%}
.testi-left .tcontent {width:75%; float:left}
.testi-left .timage {width:25%; float:right}
.testi-left, .testi-right {overflow:hidden; margin-bottom:50px;}
.testi-right {width:100%}
.testi-right .tcontent {width:75%; float:right}
.testi-right .timage {width:25%; float:left}
.left-testi {float:left;}
.new-head {margin-left:249px;}
.new-head1 {margin-right:249px;}
.thank-img {float:right; margin-left:50px;}
.gallery-area ul.more {float:left; width:80%}
.gallery-area ul.more li img {width:100%}
.gallery-area ul.more li {width: 31%;display: inline-block;}
.gallery-area ul.single {float:right; width:20%}
@media screen and (min-width: 320px) and (max-width: 480px) {
.gallery-area ul.more {float:left; width:80%}
.logo {width: 84%;float: left; height: auto; margin-top: 13px;}
.logo img {width:100%; height:auto; max-width: 260px;}
#wowslider-container {width:100% !important;}
#wowslider-images {width:100%  !important;}
.center-area {width:90%; margin:0 auto;}
.gallery-area {float: none; height: auto; width: 100%;}
.bottom-nav {width:100%; height:auto;}
.footer-line {height:auto; overflow:hidden;}
.gallery-area li {width: 44% !important; display:inline-block;}
.gallery-area li img{width:100%; }
.header-main {width:100% !important; margin:0 auto}
.banner {width:100%;}
.banner iframe {width:100%;}
.heading {width:100%;padding: 0; height:auto}
.welcome-text {width:100%; height:auto}
.welcome-text img {width:100%; height: auto;}
.body-area {width:100%;}
.nav{float: right; margin: 31px 0 0 0; padding: 0; width: auto !important; height: auto !important;}
.new-class {background:#228298}
.bottom-nav {margin-top:20px;}
.bottom-nav li a, .bottom-nav li a:hover {line-height:25px;padding-left: 0; padding-right: 20px;}
.nav li a, .nav .active {float:none !important; font-weight:bold;}
.bottom-nav li:last-child {line-height: 23px; border-top: 1px solid #CCC; padding-top: 6px; margin-top: 6px;}
.nav .active, .nav li a , .nav li a:hover{line-height:40px;}
.nav li {border-bottom:1px solid #CCC}
.social-area {width:100%;height: auto;}
.social-area li, .social-area li:hover {width:21%; height:auto; background-color:#228298}
.social-area li img {width:100%; height:auto}
.new-arew .inner-images {clear:both; float:none; margin:0 !important;}
.left-div {width:100%; float:none}
.right-div {width:100%; float:none}
.right-div img {width:100%; height:auto}
.new-head, .new-head1 {margin:0;background: no-repeat; padding: 0; width: 100%;text-align: center;}
.welcome-text2 {width:100%;}
.testi-left {width:100%}
.testi-left .tcontent {width:100%; float:left}
.testi-left .timage {width:100%; float:right; text-align:left; margin-top:10px;}
.testi-left .timage img {float:left;}
.testi-right {width:100%}
.testi-right .tcontent {width:100%; float:right}
.testi-right .timage {width:100%; float:left; text-align:left; margin-top:10px;}
.left-testi {float:left;}
.new-head .welcome-text2, .new-head1 .welcome-text2 {width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
.thank-img {float: none; margin-left: 0;margin-bottom: 10px;}
#wowslider-images {width:100% !important}
#wowslider-images-new {width:100% !important}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.gallery-area ul.more li {width: 29%;}
.gallery-area ul.single li {width: 62%;}
.logo {width: 84%;float: left; height: auto; margin-top: 13px;}
.logo img {width:100%; height:auto; max-width: 260px;}
#wowslider-container {width:100% !important;}
#wowslider-images {width:100%  !important;}
.center-area {width:90%; margin:0 auto;}
.gallery-area {float: none; height: auto; width: 100%;}
.bottom-nav {width:100%; height:auto;}
.footer-line {height:auto; overflow:hidden;}
.gallery-area li {width: 46%; display:inline-block;}
.gallery-area li img{width:100%; }
.header-main {width:100% !important; margin:0 auto}
.banner {width:100%;}
.banner iframe {width:100%;}
.heading {width:100%;padding: 0; height:auto}
.welcome-text {width:100%; height:auto}
.welcome-text img {  height: auto;}
.body-area {width:100%;}
.nav{float: right; margin: 31px 0 0 0; padding: 0; width: auto !important; height: auto !important;}
.new-class {background:#228298}
.bottom-nav {margin-top:20px;}
.bottom-nav li a, .bottom-nav li a:hover {line-height:25px;padding-left: 0; padding-right: 20px;}
.nav li a, .nav .active {float:none !important; font-weight:bold;}
.bottom-nav li:last-child {line-height: 23px; border-top: 1px solid #CCC; padding-top: 6px; margin-top: 6px;}
.nav .active, .nav li a , .nav li a:hover{line-height:40px;}
.nav li {border-bottom:1px solid #CCC}
.social-area {width:100%;height: auto;}
.social-area li, .social-area li:hover {width:21%; height:auto; background-color:#228298}
.social-area li img {width:100%; height:auto}
.new-arew .inner-images {}
.left-div {width:100%; float:none}
.right-div {width:100%; float:none}
.right-div img {width:100%; height:auto}
.new-head, .new-head1 {margin:0;background: no-repeat; padding: 0; width: 100%;text-align: center;}
.welcome-text2 {width:100%;}
.testi-left {width:100%}
.testi-left .tcontent {width:100%; float:left}
.testi-left .timage {width:100%; float:right; text-align:left; margin-top:10px;}
.testi-left .timage img {float:left;}
.testi-right {width:100%}
.testi-right .tcontent {width:100%; float:right}
.testi-right .timage {width:100%; float:left; text-align:left; margin-top:10px;}
.left-testi {float:left;}
.new-head .welcome-text2, .new-head1 .welcome-text2 {width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
.thank-img {float: none; margin-left: 0;margin-bottom: 10px;}
nav ul, nav:active ul {width:40% !important}
#wowslider-images {width:100% !important}
#wowslider-images-new {width:100% !important}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-area ul.more li {width: 29%;}
.gallery-area ul.single li {width: 62%;}
.logo {width: 84%;float: left; height: auto; margin-top: 13px;}
.logo img {width:100%; height:auto; max-width: 260px;}
#wowslider-container {width:100% !important;}
#wowslider-images {width:100%  !important;}
.center-area {width:90%; margin:0 auto;}
.gallery-area {float: left; height: auto; width: 60%;}
.bottom-nav {width:100%; height:auto;}
.footer-line {height:auto; overflow:hidden;}
.gallery-area li {width: 29%; display:inline-block;}
.gallery-area li img{width:100%; }
.header-main {width:100% !important; margin:0 auto}
.banner {width:100%;}
.banner iframe {width:100%;}
.heading {width:100%;padding: 0; height:auto}
.welcome-text {width:100%; height:auto}
.welcome-text img {height: auto;}
.body-area {width:100%;}
.nav{float: right; margin: 31px 0 0 0; padding: 0; width: auto !important; height: auto !important;}
.new-class {background:#228298}
.bottom-nav {margin-top:20px;}
.bottom-nav li a, .bottom-nav li a:hover {line-height:25px;padding-left: 0; padding-right: 20px;}
.nav li a, .nav .active {float:none !important; font-weight:bold;}
.bottom-nav li:last-child {line-height: 23px; border-top: 1px solid #CCC; padding-top: 6px; margin-top: 6px;float: none !important;
clear: both;}
.nav .active, .nav li a , .nav li a:hover{line-height:40px;}
.nav li {border-bottom:1px solid #CCC}
.social-area {width:40%;height: auto;}
.social-area li, .social-area li:hover {width:21% !important; height:auto; background-color:#228298}
.social-area li img {width:100%; height:auto}
.new-arew .inner-images {}
.left-div {width:100%; float:none}
.right-div {width:100%; float:none}
.right-div img {width:100%; height:auto}
.new-head, .new-head1 {margin:0;background: no-repeat; padding: 0; width: 100%;text-align: center;}
.welcome-text2 {width:100%;}
.testi-left {width:100%}
.testi-left .tcontent {width:100%; float:left}
.testi-left .timage {width:100%; float:right; text-align:left; margin-top:10px;}
.testi-left .timage img {float:left;}
.testi-right {width:100%}
.testi-right .tcontent {width:100%; float:right}
.testi-right .timage {width:100%; float:left; text-align:left; margin-top:10px;}
.left-testi {float:left;}
.new-head .welcome-text2, .new-head1 .welcome-text2 {width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
.thank-img {float: right; margin-left: 0;margin-bottom: 10px;}
nav ul, nav:active ul{width: 40% !important;}
#wowslider-images {width:100% !important}
#wowslider-images-new {width:100% !important}
}


nav {
	float: right;
}
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #96bd0c url(../images/menu-icon.png) center;
	background-repeat: no-repeat;
background-position: center;
}
a:hover#menu-icon {
	background-color: #0077bd;
	border-radius: 4px 4px 0 0;
}
@media only screen and (max-width : 1023px) {
	#menu-icon {
		display:inline-block;
	}
	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 0px;
		background: #fff;
		border: 5px solid #0077bd;
		right: 0px;
		top: 60px; z-index:9999;
		width: 71%;
		border-radius: 4px 0 4px 4px;
	}
	nav li {
		text-align: left;
		width: 100%;
		padding: 0px 0;
		margin: 0;
	}
	nav:hover ul {
		display: block;
	}
	
	@media screen and (min-width: 600px) and (max-width: 1024px) {
		.gallery-area {float: left; height: auto; width: 60%;}
		.social-area {width:40%}
		.social-area li, .social-area li:hover {width:21%}
		.bottom-nav li:last-child {float: none !important;clear: both;}
		}