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

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	background: /*url(../images/bga.jpg)*/ #84ac4c repeat 0 0 ;
	min-width: 100%;
}

a { color: #bebebe; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more { background: url(../images/green-arr.png) no-repeat 0 5px; padding-left: 11px; color: #72ae13; text-decoration: underline; font-size: 12px; }
a.more:hover { text-decoration: none;  }

/*font-family: 'Coda', cursive;*/
/*font-family: 'Jura', sans-serif;*/

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { 
	overflow: auto; 
	height:100px

 }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; }

header{
	width:100%;
	height:205px;
	background:#F6FFD7;
	float:left;
}


.header_top{
	background:#1B733A;
	height:44px;
	border-bottom:2px solid #bbd16c;
	
}
.outer{
	background:#fff;
	padding:5px 0 0 0;
	box-shadow: 0px 2px 2px 0px #d0cfcb;
	float:left;
	width:100%;
}
.social{
	float:right;
	margin-top:10px;
	margin-bottom:5px;
}
.social li{
	list-style:none;
	float:left;
	margin-left:10px;
}
.fb{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position:left top;
	width: 13px;
	height: 21px;
	float:left;
	transition:all ease-out 0.5s;
	-webkit-transition:all ease-out 0.5s;
	-moz-transition:all ease-out 0.5s;
	-ms-transition:all ease-out 0.5s;
	-o-transition:all ease-out 0.5s;
}
.fb:hover{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position:left bottom;
	width: 13px;
	height: 21px;
	float:left;
}
.twt{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	width:21px;
	height:21px;
	float:left;
	transition:all ease-out 0.5s;
	-webkit-transition:all ease-out 0.5s;
	-moz-transition:all ease-out 0.5s;
	-ms-transition:all ease-out 0.5s;
	-o-transition:all ease-out 0.5s;
}
.twt:hover{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
	width:21px;
	height:21px;
	float:left;
}
.gplus{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position: right top;
	width: 21px;
	height: 21px;
	float:left;
	transition:all ease-out 0.5s;
	-webkit-transition:all ease-out 0.5s;
	-moz-transition:all ease-out 0.5s;
	-ms-transition:all ease-out 0.5s;
	-o-transition:all ease-out 0.5s;
}
.gplus:hover{
	background-image:url(../images/socialicon.png) ;
	background-repeat:no-repeat;
	background-position: right bottom;
	width: 21px;
	height: 21px;
	float:left;
}

.logo_box{
	margin:0;
	float:left;
	padding:0;
	height:100px;
}
.logo_box img{
	margin-top:10px;
}

.searcharea {
	float: right;
	margin-top: 12px;
}
.inpt_fieldsearch {
	background: none repeat scroll 0 0 #073d0b;
	border: medium none;
	box-shadow: 3px 3px 10px #021003 inset;
	float: left;
	padding: 8px;
	width: 250px;
	background-image: url(../images/search_icon.png);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#fff;
}
.nav1 {
	position: relative;
	background:/*url(../images/nav-bg.jpg)*/ #B9D945;
	border:1px solid #f9f9f9;
	float: left;
	margin-top: 5px;
	width:1018px;
	border-radius:4px 4px 0 0;
}
.nav1 li {
	float: left;
	list-style: none;
}
.nav1 li a {
	color: #272727;
	position: relative;
	float: left;
	font-size: 16px;
	font-family:"Century Gothic", sans-serif, serif;
	text-decoration: none;
	padding: 15px 25px;
}
.nav1 li .active {
	background:#073d0b;
	color:#fff;
	border-radius:4px 4px 0 0;
}
.nav1 li a:hover{
	background:#073d0b;
	color:#fff !important;
	border-radius:4px 4px 0 0;
}

.nav1 li a:active{
	background:#073d0b;
	color:#fff;
	border-radius:4px 4px 0 0;
}

.nav3{
	position: relative;
	float: left;
	width:100%;
}
.nav2 {
	position: relative;
	background: #073d0b;
	float: left;
	margin-bottom:30px;
	width:100%;
	height:30px;
	color:#fff;
	font-size:16px;
	padding-top:10px;

}
.nav2 li {
	float: left;
	list-style: none;
}
.nav2 li a {
	color: #e3e3e3;
	position: relative;
	float: left;
	font-size: 16px;
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	text-decoration: none;
	padding: 15px 52px;
}
.nav2 li a:hover {
	background:#fff;
	color:#272727;


}
.top_right {
	text-align: right;
	float: right;
	color: #2a2a2a;
	font-size: 14px;
	font-family: trebuchet ms;
	line-height: 26px;
	margin-top: 25px;
	width:320ox;
}


#main-slider {
  position: relative;
  float:left;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top: 140px;
}

#main-slider .carousel h2 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.50);
  color: #fff;
  margin-top: 25px;
  display: inline-block;
  font-size:1.8em;
  font-family: 'CluffHmkRegular',verdana;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 470px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #c52d2f;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #c52d2f;
   margin: 0 15px 0 0;
   border: 1px solid #c52d2f;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
  padding:2%;
  font-size:1.8em;
  background:#000;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




.header { background: url(../images/header.png) repeat 0 0; }
.header .shell { 
	padding: 21px 32px 0; 
	width: 918px; 
	background: url(../images/header-shell.png) no-repeat center 0; 
	/*box-shadow: 0px -10px 9px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); 
	-o-box-shadow: 0px -3px 10px 9rgba(0,0,0,0.7)*/
 }

.header-top { 
	height: 100px; 
	background:#bbd75f; 
}

#logo { 
	width: 260px; 
	height:80px;
	font-size: 0; 
	line-height: 0; 
	float: left;
	margin-top:10px; 
}
#logo a { 
	height: 80px; 
	display: block;  
	background: url(../images/logo.png) no-repeat 0 0; 
	text-indent: -4000px; 
}
#navigation { 
	float: right; 
	line-height:100px;
}

#navigation ul { list-style: none; list-style-position: outside; font-size: 17px; font-family: 'Coda', cursive; font-weight: 400;  }
#navigation ul li { display: inline; padding-left: 34px; }
#navigation ul li a {
	 color: #2a2a2a;
 }
#navigation ul li a:hover,
#navigation ul li.active a { color: #fff; text-decoration: none; }


.slider { height: 436px;  }


.slider, #carousel, #carousel > div {
	width: 100%;
	height: 436px;
}
.wrap {
	width:1020px;
	margin:0 auto;	
}

.slider {
	margin: 0px 0 0 -495px;
	overflow: hidden;
	position: relative;
	top: 50%;
	left: 50%;
}

#carousel {
	position: relative;
	z-index: 2;
}
#carousel div {
	overflow: hidden;
	position: relative;
	float: left;
}
#carousel div > * {
	position: absolute;
}
#carousel img.img-front {
	left: 649px;
	top: 0;
	z-index: 4;
}

#carousel img.img-mid {
	left: 572px;
	top: 46px;
	z-index: 3;
}

#carousel img.img-back {
	left: 498px;
	top: 80px;
	z-index: 2;
}


#carousel h3 {
	font-size: 68px;
	letter-spacing: -5px;
	font-weight: normal;
	font-family: 'pt-sans', arial, helvetica, serif; 
	color: #f5f5f5;
	line-height: 70px; 
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
	width: 420px;
	left: 32px;
	background: url(../images/slider-h3-border.png) repeat-x 0 bottom;
	top: 91px;
	padding-bottom: 13px; 
	margin: 0 0 18px;
}

#carousel h5 { font-size: 15px; color: #d3d2d3; font-family: tahoma, arial, helvetica, serif; text-transform: uppercase; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-weight: normal; position: absolute; top: 63px; left: 32px; white-space: nowrap; }

#carousel p {
	color: #959697;
	font-size: 14px;
	width: 420px;
	left: 32px;
	top: 181px;
	margin: 0;
	line-height: 26px; 
}
#carousel a.green-btn {
	color: #fff;
	font-size: 18px;
	font-weight: bold; 
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-decoration: none;
	text-align: center;
	line-height: 52px;
	outline: none;
	display: block;
	background-color: #888;
	width: 194px;
	height: 56px;
	left: 32px;
	top: 308px;
	background: url(../images/green-btn.png) no-repeat 0 0;

}
#carousel a:hover {
	background-position: -1px -54px; 
}

#prev, #next {
	background: url(../images/direction-nav.png) no-repeat 0 0;
	display: block;
	width: 17px;
	height: 22px;
	position: absolute;
	bottom: 15px;
	z-index: 10;
}

#prev {
	left: 426px;
}

#next {
	right: 434px;
	background-position: right 0; 
}

.pagination { position: absolute; bottom: 15px; left: 50%; margin-left: -44px; width: 88px; }
.pagination a { background: url(../images/pagination.png) no-repeat 0 0; width: 20px; height: 20px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; cursor: default; }
.pagination a.selected { background-position: 0 -20px; }

.main { padding: 54px 0 20px 0;   background: url(../images/main.png) repeat-x 0 0 #fff; box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -o-box-shadow: 0px -4px 10px rgba(0,0,0,0.4);  }
.main h2 { font-size: 22px; color: #000; font-family: "Century Gothic", sans-serif, serif; font-weight: normal; padding-bottom: 10px; text-transform: uppercase;  }
.main p a { text-decoration: underline; }
.main p a:hover { text-decoration: none; }
.main section { background: url(../images/section.png) no-repeat center bottom; padding-bottom: 50px; margin-bottom: 20px;  }

.main .cols { padding-left: 32px; padding-right: 32px;  }
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width: 287px; float: left; }
.main .cols .col + .col { padding-left: 30px; }
.main .cols .col img { float: left; margin-right: 16px; width: 90px; height:90px; }
.main .cols .col .col-cnt { 
	height: 100%; 
	overflow: hidden; 
}
.main .cols .col .col-cnt p {
	text-align:justify;	
}
.main .post { 
	background:#fff; 
	padding:0 32px 10px 32px;
}
.main .post img { float: left; margin-right: 18px;  }
.main .post-cnt { padding-top: 10px; }
.main .post-cnt p { 
	padding-bottom: 10px; 
	font-size:14px;
	text-align:justify;
}
.main .post-cnt ul { list-style: none; list-style-position: outside; height: 100%; overflow: hidden; }
.main .post-cnt ul li { padding-left: 11px; background: url(../images/green-arr.png) no-repeat 0 9px; padding-bottom: 7px;  }
.main .post-cnt ul li a { text-decoration: underline; }
.main .post-cnt ul li a:hover { text-decoration: none; }

.main .content { padding-left: 32px; padding-right: 32px; }
.main .content span { text-decoration: underline; }
.main .content p {
	font-size:14px;	
}
.main #partners-slider { height: 56px; }

.main .partners { padding: 0 70px 30px 70px; height: 100%;  position: relative; overflow: hidden; margin-top: -20px; z-index: 100; }
.slider-holder2 { position: relative; overflow: hidden; }
#partners-slider { overflow: hidden; position: relative; }
#partners-slider img { margin: 0px 25px; float: left; height: 52px; }

.slider-arr a.arr-btn { background: url(../images/slider-b-arr.png) no-repeat 0 0; width: 30px; height: 30px; display: block; position: absolute; top: 10px;}
.slider-arr a.prev-arr { left: 32px; }
.slider-arr a.prev-arr:hover { background-position: 0 -31px; }
.slider-arr a.next-arr { right: 32px; background-position: right 0; }
.slider-arr a.next-arr:hover { background-position: right -31px; }


.socials { 
	    background: #F6FFD7; 
		height: 50px; 
		padding: 0 17px;  
		margin: 0 32px; 
		border-radius: 4px; 
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		-o-border-radius: 4px;  
		box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
		 -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
		  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
		   -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset; 
}

.socials p { float: left; line-height: 50px; font-size: 12px; }
.socials p a { text-decoration: none; }
.socials p a:hover { text-decoration: underline; }
.socials ul { list-style: none; list-style-position: outside; float: right; padding-top: 11px;  }
.socials ul li { float: left; padding-left: 5px;  }
.socials ul li a { display: block; background: url(../images/socials.png) no-repeat 0 0; width: 32px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; }

.socials ul li a.facebook-ico { background-position: -2px 0; }
.socials ul li a.twitter-ico { background-position: -42px 0; }
.socials ul li a.skype-ico { background-position: -82px 0; }
.socials ul li a.rss-ico { background-position: -102px 0; }

#footer { background: url(../images/footer.png) repeat 0 0;}
#footer .wrap_ft { 
	/*background: url(../images/footer-shell.png) repeat 0 0; */
	padding: 26px 0;
	width:1020px;
	margin:0 auto; 
}
#footer .footer-cols { padding: 0 32px 26px;  }
#footer .col { 
	width: 215px; 
	float: left;
}
#footer .col + .col { padding-left: 22px; }
#footer h2 { font-size: 20px; margin-bottom:  10px; color: #fff; background: url(../images/footer-cols.png) repeat-x 0 bottom;  padding-bottom: 10px; text-shadow: rgba(0,0,0,0.9) 1px 1px 1px; font-family: 'Jura', sans-serif; font-weight: 700; text-transform: uppercase;  }

#footer .col ul { list-style: none; list-style-position: outside; }
#footer .col ul li { padding-left: 11px; background: url(../images/green-arr.png) no-repeat 0 8px; padding-bottom: 7px; font-size: 14px; }
#footer .col ul li a:hover {
	text-decoration:none;
	color:#F6FFD7;	
}
#footer .col p { 
	font-size: 14px; 
	color: #bebebe; 
	line-height:30px;	
} 

#footer .footer-bottom { background: url(../images/footer-cols.png) repeat-x 0 0; padding: 15px 32px 0;  }

#footer .footer-bottom p.copy {
	 float: right; 
	 line-height: 11px; 
	 font-size: 14px; 
	 color: #717171;
	 width:100%;
	 text-align:center; 
}
#footer .footer-bottom p.copy span { padding: 0 8px; }
#footer .footer-bottom p.copy a { color: #717171;  }
#footer .footer-bottom p.copy a:hover { color: #fff; text-decoration: none; }

#footer .footer-nav { float: left; }
#footer .footer-nav ul { list-style: none; list-style-position: outside; line-height: 11px;  }
#footer .footer-nav ul li { float: left; border-right: 1px solid #181818;  padding: 0 8px; text-shadow: rgba(0,0,0,0.7) 0px 1px 1px; }
#footer .footer-nav ul li:first-child { padding-left: 0; }
#footer .footer-nav ul li a { color: #717171; }
#footer .footer-nav ul li a:hover { color: #fff; }

#navigation a.nav-btn { display: none;  }
/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { min-width: 768px; }
	.shell { max-width: 748px; }
	#navigation ul li { padding-left: 24px; font-size: 15px; }
	.header .shell { padding: 21px 0px 0; width: 748px; background: url(../images/t-header-shell.png) no-repeat center 0; }
	.header-top { padding-left: 20px; padding-right: 20px;  }

	.slider, #carousel, #carousel > div {
		width: 708px;
		height: 436px;
	}

	.slider {
		width: 708px;
		margin: 0px 0 0 -354px;
		overflow: hidden;
		position: relative;
		top: 50%;
		left: 50%;
	}

	#carousel h3 { font-size: 58px; width: 290px; left: 10px; }
	#carousel h5 { font-size: 15px; width: 290px; left: 10px; }
	#carousel p { font-size: 14px;  width: 294px; left: 10px; }
	#carousel a.green-btn { top: 340px; left: 10px; }


	#carousel img.img-front {
		left: 476px;
		width: 230px  !important;
		height: 390px;  
	}

	#carousel img.img-mid {
		left: 425px;
		width: 192px  !important;
		height: 309px; 
	}

	#carousel img.img-back {
		left: 366px;
		width: 141px  !important;
		height: 238px; 
	}

	#prev { left: 290px; }
	#next { right: 297px; }

	.main section { background: url(../images/t-section.png) no-repeat center bottom; padding-bottom: 50px; margin-bottom: 20px; }
	.main .cols { padding-left: 20px; padding-right: 20px; }
	.main .cols .col { width: 200px; }
	.main .cols .col img { float: none; display: block; margin: 0 auto; width: 73px;  margin-bottom: 14px; }
	.main .cols .col .col-cnt { float: none; display: block;  text-align: center; }
	
	.main .post { padding-left: 20px; padding-right: 20px; }
	.main .post h2 { font-size: 21px;  }
	.main .post img { width: 274px; height: 274px; }

	.main .socials { height: 80px; padding-top: 16px;  margin: 0 20px; }
	.main .socials p { display: block; float: none; line-height: 22px; }
	.main .socials ul { display: block; float: none;  }
	.main .content { padding-left: 20px; padding-right: 20px; }

	#partners-slider img { margin: 0px 15px; float: left; height: 52px; }

	#footer .footer-cols { padding-left: 20px; padding-right: 20px;  }
	#footer .footer-cols .col { width: 165px; }
	#footer .footer-cols .col + .col { padding-left: 16px; }
	#footer .footer-bottom { padding-left: 20px; padding-right: 20px; }
}

	
@media only screen and ( max-width: 767px) { 
	body { min-width: 320px; }
	.shell { max-width: 320px; }
	.header .shell { padding: 0 0 0 0; background: url(../images/m-header-shell.png) no-repeat 0 0; } 
	.header-top { padding: 12px 0 0px 0; }
	#logo { margin: 0 auto; float: none; display: block; }

	#navigation { float: none; display: block; position: relative; background: url(../images/m-navigation.png) no-repeat 0 0; z-index: 1000; margin: 20px 10px 0 10px; height: 32px; padding-top: 0;  }
	#navigation a.nav-btn { display: block; height: 32px; padding-left: 13px; line-height: 32px; width: 286px; margin: 0 auto; background: url(../images/nav-btn.png) no-repeat right 0;
		font-size: 15px; color: #fff; font-size: 17px; font-family: 'Coda', cursive; font-weight: 400; position: relative; z-index: 100;}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span { background: url(../images/nav-arr.png) no-repeat 0 0; width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
	#navigation a.nav-btn span.active { background-position: 0 bottom;  }

	#navigation ul { display: none; position: absolute; width: 298px; background: #100f11; top: 22px; left: 0px; padding-top: 20px; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; }
	#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 8px; }
	#navigation ul li a { display: block; padding-left: 10px; }
	#navigation ul li.home { display: none;  } 
	#header { background: url(../images/m-header.png) repeat-x 0 0; height: 218px; width: 100%; }
	
	.slider, #carousel, #carousel > div {
		width: 300px;
		height: 436px;
	}

	.slider {
		width: 300px;
		margin: 0px 0 0 -150px;
		overflow: hidden;
		position: relative;
		top: 50%;
		left: 50%;
	}

	#carousel h3 { font-size: 56px; width: 290px; left: 10px; top: 70px; background: transparent; }
	#carousel h5 { font-size: 15px; width: 290px; left: 70px; top: 55px; }
	#carousel p { font-size: 14px;  width: 294px; left: 10px; display: none; }
	#carousel a.green-btn { top: 365px; left: 0px; width: 100%; text-align: center; background: url(../images/green-btn@2x.png) repeat-x 0 0; height: 35px; line-height: 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
	#carousel a.green-btn:hover { background-position: 0 bottom; }

	#carousel img.img-front {
		top: 120px;
		left: 120px;
		width: 140px  !important;
		height: 240px;
	}

	#carousel img.img-mid {
		top : 140px;
		left: 80px;
		width: 110px  !important;
		height: 198px; 
	}

	#carousel img.img-back {
		top: 160px;
		left: 40px;
		width: 90px  !important;
		height: 155px; 
	}

	.pagination { bottom: 8px; left: 155px; }


	.main section { background: url(../images/m-section.png) no-repeat center bottom; padding-bottom: 30px; margin-bottom: 20px; }
	.main .cols { padding-left: 10px; padding-right: 10px; }
	.main .cols .col { width: 100%; }
	.main .cols .col + .col { padding: 20px 0 0;  }
	.main .cols .col img { float: none; display: block; margin: 0 auto; width: 73px;  margin-bottom: 14px; }
	.main .cols .col .col-cnt { float: none; display: block;  text-align: center; }
	
	.main .post { padding-left: 20px; padding-right: 20px; }
	.main .post h2 { font-size: 21px;  }
	.main .post img { width: 274px; height: 274px; }

	.main .socials { height: 120px; padding-top: 16px;  margin: 0 10px; }
	.main .socials p { display: block; float: none; line-height: 22px; }
	.main .socials ul { display: block; float: none; }
	.main .socials span { display: block;  }
	.main .content { padding-left: 20px; padding-right: 20px; }

	.main #partners-slider { height: 56px; }
	.main .partners { padding: 0 40px 12px; position: relative; margin-top: -20px; } 
	#partners-slider img { margin: 0px 10px; }
	.slider-arr a.prev-arr { left: 10px; }
	.slider-arr a.next-arr { right: 10px; background-position: right 0; }

	#footer .footer-cols { padding-left: 10px; padding-right: 10px; }
	#footer .footer-cols .col { width: 100%; float: none; display: block; padding-bottom: 20px; }
	#footer .footer-cols .col + .col { padding-left: 0px; }

	#footer .footer-bottom { padding-left: 10px; padding-right: 10px; }
	#footer .footer-nav { float: none; display: block; padding-bottom: 12px; }
	#footer .footer-nav ul { padding-bottom: 12px; }
	#footer .footer-nav ul li { padding: 0 3px; border-right: 0; font-size: 11px; line-height: 11px; }
	#footer .footer-bottom p.copy { float: none; display: block; clear: both; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 

	#logo a { background: url(../images/logo@2x.png) no-repeat 0 0;   -webkit-background-size: 142px 57px; -moz-background-size: 142px 57px; background-size: 142px 57px; }
	#navigation { background: url(../images/navigation@2x.png) no-repeat 0 0;  -webkit-background-size: 298px 32px; -moz-background-size: 298px 32px; background-size: 298px 32px;  }
	#navigation a.nav-btn span { background: url(../images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 10px 15px; -moz-background-size: 10px 15px; background-size: 10px 15px; }
	.pagination a { background: url(../images/pagination@2x.png) no-repeat 0 1px; -webkit-background-size: 18px 40px; -moz-background-size: 18px 40px; background-size: 18px 40px; }
	.main section { background: url(../images/section@2x.png) no-repeat center bottom; -webkit-background-size: 300px 10px; -moz-background-size: 300px 10px; background-size: 300px 10px;  }
}
.clear {
	clear:both;	
}

.top_left {
	text-align:left;
	float: left;
	width: 270px;
	margin-top:15px;
}

.top_left img {
	float:left;	
}
.top_left p {
	float: left;
	line-height: 27px;
	margin: 0 0 0 10px;
	color: #393939;
}
.top_right {
	text-align: right;
	float: right;
	width: 290px;
	margin-top: 20px;
}
.top_right img {
	float:left;	
}
.top_right p {
	float: left;
	line-height: 27px;
	margin: 0 0 0 10px;
	color: #393939;
}
.top_right_inner {
	float:right;
	margin-bottom:8px;	
}
.mini_baner {
	width:100%;
	float:left;
	height:200px;
	background:#ccc;	
}


.main_head {
	font-family:"Century Gothic", Verdana;
	margin:0 30px;	
}
.main_head h1 i, 
.main_head h2 i, 
.main_head h3 i, 
.main_head h4 i {
	padding-right: 10px;
	color: #A8D13B;
	font-size: 0.8em;
	font-family:"Century Gothic", Verdana;	
}

.main_head h2:after, 
.main_head h3:after, 
.main_head h4:after {
	position: absolute;
	content: "";
	height: 1px;
	border-radius: 2px;
	left: 0;
	bottom: 0;
	box-shadow: 
		0 -1px 0 rgba(0,0,0,0.1), 
		0 1px 0 rgba(255,255,255,0.6);
}

.main_head h2:after { width: 100%; } 
.main_head h3:after { width:  75%; }
.main_head h4:after { width:  50%; }


.main_head h1 {
	margin: 5px 0 15px;
	padding: 0 0 5px 0;
	color: #6B5344;
	font-weight: normal;
	position: relative;
	text-shadow: 0 2px 0 rgba(255,255,255,0.5);
	font-size: 36px;
	line-height: 40px;
	font-family: 'Carrois Gothic', sans-serif;
}

.main_head h2 {
	margin: 15px 0 15px;
	padding: 0 0 5px 0;
	color: #2a2a2a;
	font-weight: normal;
	font-family:"Century Gothic", Verdana;	
	text-transform:none;
	position: relative;
	text-shadow: 0 2px 0 rgba(255,255,255,0.5);
	font-size: 26px;
	line-height: 35px;
}

.main_head h3 {
	margin: 1em 0 0.75em;
	padding: 0 0 5px 0;
	color: #6B5344;
	font-weight: normal;
	font-family: 'Scada', sans-serif;
	position: relative;
	text-shadow: 0 2px 0 rgba(255,255,255,0.5);
	font-size: 24px;
	line-height: 40px;
}

.main_head h4 {
	margin: 1em 0 0.75em;
	padding: 0 0 5px 0;
	color: #6B5344;
	font-weight: normal;
	font-family: 'Scada', sans-serif;
	position: relative;
	text-shadow: 0 2px 0 rgba(255,255,255,0.5);
	font-size: 18px;
	line-height: 20px;
}
.icon-leaf img{
	float:left;	
}
.pdng_top0 {
	padding-top:1px;
}

/************************ Contact start *******************************/
.contact_main {
	width:100%;
	float:left;	
}
.contact{
	width:310px;
	height:334px;
	float:left;
	margin-right:20px;
}
.contact h1{
	font-size:18px;
	background:#5d0000;
	color:#fff;
	padding:20px;
	font-weight:normal;
	font-family:"Century Gothic", Verdana;
	text-shadow: 2px 2px 2px #000;
	-webkit-text-shadow: 2px 2px 2px #000;
	-moz-text-shadow: 2px 2px 2px #000;
	-o-text-shadow: 2px 2px 2px #000;
	padding:10px 20px;
	margin-bottom:20px;
}
.contact h2{
	color:#2a2a2a;
	font-size:16px;
	line-height: 30px;
	text-transform:none;
	padding:0 5px;
}
.inpt_field {
	float:left;
	width:300px;
	padding:0 5px;
	border:none;
	box-shadow: 3px 3px 10px #ccc inset;
	-webkit-box-shadow: 3px 3px 10px #ccc inset;
	-moz-box-shadow: 3px 3px 10px #ccc inset;
	-o-box-shadow: 3px 3px 10px #ccc inset;
	background:#eeeeee;
	color:#999;
	line-height:30px;
}
.send{
	background:#5d0000;
	width:100px;
	height:30px;
	padding:0px;
	float:right;
	color:#FFF;
	font-size:17px;
	cursor:pointer;
	margin-top:10px;
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
}
.wless{
	width:295px;
	margin:0;
}
.maincnts_cnt{
	float:left;
	width:380px;
	border-bottom:2px dotted #CCCCCC;
}
.maincnts_cnt h1{
	font-size: 20px;
	color: #3b3b3b;
	font-family: 'Marcellus SC', serif;
}
.map{
	float:left;
	width: 365px;
}
.map h1{
	font-size: 20px;
	color: #3b3b3b;
	font-family: 'Marcellus SC', serif;
}
.map h2{
	font-size:16px;
	color:#ff7e9e;
	line-height:30px;
}
.w710{
	width:710px;
}
.img_left{
	float:left;
	margin:15px 15px 5px 0;
}


/************************ Contact start *******************************/
/*===================popup=======================*/
  
    #mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
 
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}
 
#boxes #dialog {
  width: 320px;
  height: 360px;
  padding: 30px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
 
#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
.mrg-top10{
	margin-top:20px;
}
.prdct_1{
	background:url(../images/product_bg1.png) !important;
	
}
.prdct_2{
	background:url(../images/product_bg2.png) !important;
	height:724px;
}
.prdct_3{
	background:url(../images/product_bg3.png) !important;
	height:724px;
}
.prdct_4{
	background:url(../images/product_bg4.png) !important;
	height:724px;
}
.prdct_5{
	background:url(../images/product_bg5.png) !important;
	height:724px;
}
.prdct_6{
	background:url(../images/product_bg6.png) !important;
	height:724px;
}
.prdct_7{
	background:url(../images/product_bg7.png) !important;
	height:724px;
}
.prdct_8{
	background:url(../images/product_bg8.png) !important;
	height:724px;
}
.prdct_9{
	background:url(../images/product_bg9.png) !important;
	height:724px;
}
.prdct_10{
	background:url(../images/product_bg10.png) !important;
	height:724px;
}
.meridian_application{
	float:left;
}
.product_a{
	color:#000;
}
.product_a li{
	font-weight:700;
	
}