@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;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot') format('embedded-opentype'),
         url('../fonts/BebasNeue.woff2') format('woff2'),
         url('../fonts/BebasNeue.woff') format('woff'),
         url('../fonts/BebasNeue.ttf') format('truetype'),
         url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
}
* { 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: #ececec;
	min-width: 100%;
	background-position:-180px 144px;
}

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:112px;
	background:#fff;
	float:left;
	border-bottom:2px solid #009ee3;
}


.header_top{
	background:#004a9b;
	height:30px;
	border-bottom:2px solid #009ee3;
	
}
.outer{
	background:#fff;
	padding:5px 0 0 0;
	box-shadow: 0px 2px 2px 0px #d0cfcb;
	float:left;
	width:100%;
}
.social{
	float:left;
	margin-top:4px;
}
.social li{
	list-style:none;
	float:left;
	margin-left:10px;
}
.social p{
  float: left;
  line-height: 27px;
  margin: 0 0 0 10px;
  font-family: 'BebasNeue',"Century Gothic", sans-serif, serif;
  font-size:18px;
  color: #009ee3;
 
}
.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:80px;
}
.logo_box img{
	
}

.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;
	
	float: right;

}
.nav1 li {
	float: left;
	list-style: none;
}
.nav1 li a {
	color: #009ee3;
	position: relative;
	float: left;
	 font-family: 'BebasNeue',"Century Gothic", sans-serif, serif;
 	 font-size:18px;
	text-decoration: none;
	padding: 0px 25px;
}
.nav1 li .active {
	background:#009ee3;
	color:#fff;
}
.nav1 li a:hover{
	background:#009ee3;
	color:#fff !important;
}

.nav1 li a:active{
	background:#009ee3;
	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: 80px;
	width:320ox;
}


#main-slider {
  position: relative;
  float:left;
  background:#131722;
  margin-top:15px;
  margin-bottom:30px;
}

.no-margin {
  margin: 0 !important;
  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 {
	    background: #fff;
    	padding: 20px 20px; 
	  }
.main h2 { font-size: 22px; 
	color: #004a9b; 
	font-family:'BebasNeue',"Century Gothic", sans-serif, serif; 
	font-weight: normal; 
	padding-bottom: 5px; 
	text-transform: uppercase; 
	
 }
.main p a { text-decoration: underline; }
.main p a:hover { text-decoration: none; }
.main section {padding-bottom: 15px; 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 { 
	padding:0 10px 10px 10px;
}
.main .post img { float: right; margin-left: 18px;  }

.main .post .right_menu { 
	float: right; 
	margin-left: 18px;  
	width:330px;
	height:270px;
	margin-top:10px;
}
.main .post .right_menu a {
	width:100%;
	float:left;
	background:#101010;
	border:1px solid #000;
	line-height:30px;
	font-size:14px;
	text-decoration:none;
	margin-bottom:5px;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	padding:0 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	color:#fff;
}
.main .post .right_menu a:hover {
background:#e21b3a;	
}
.main .post .right_menu h2 {
  font-size: 22px;
  color: #db1836;
  font-family: 'BebasNeue',"Century Gothic", sans-serif, serif;
  font-weight: normal;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.main .post-cnt {  }
.main .post-cnt p { 
	padding-bottom: 10px; 
	font-size:14px;
	text-align:justify;
	color:#272727;
}
.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: 10px; padding-right: 10px; }
.main .content span { text-decoration: underline; }
.main .content p {
	font-size:14px;	
}
.main #partners-slider { height: 100px; position:relative; }
.slider_arrow {
	position:absolute;
	width:136px;
	height:100px;
	right:0;
}
.main .partners { padding: 0 10px 10px 10px; 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 6px; float: left; height: 100px; }

.slider-arr a.arr-btn { background: url(../images/slider-b-arr.png) no-repeat 0 -60px; width: 90px; height:40px; display: block; position: absolute; top: 10px;}
.slider-arr a.prev-arr { right: 10px; top:60px; }
.slider-arr a.prev-arr:hover { background-position: right -60px; }
.slider-arr a.next-arr { right: 10px; background-position: -46px 0; top:0; }
.slider-arr a.next-arr:hover { background-position: right 0px; }
caroufredsel_wrapper {
	width:1000px !important;	
}

.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: #009ee3;
	float:left;
	width:100%;
}
#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 0px;  }
#footer .col { 
	width: 215px; 
	float: left;
}
#footer .col + .col { padding-left: 22px; }
#footer h2 { 
	font-size: 14px; 
	margin-bottom:  10px; 
	color: #fff;   
	padding:0 10px;
	background: #004a9b;
	line-height:30px ;
	/*font-family: 'BebasNeue',"Century Gothic", sans-serif, serif; */
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 700; 
	text-transform: uppercase;  }

#footer .col ul { list-style: none; list-style-position: outside; }
#footer .col ul li { 
	padding-left: 5px; 
	line-height:30px; 
	font-size: 14px; 
	color:#fff;
	}
#footer .col ul li a {
	text-decoration:none;
	color:#fff;	
}
#footer .col ul li a:hover {
	text-decoration:none;
	color:#fff;	
}
#footer .col p { 
	font-size: 14px; 
	color: #fff; 
	line-height:30px;	
} 

#footer .footer-bottom { 
	padding: 15px 0;
	/*font-family:'BebasNeue',"Century Gothic", sans-serif, serif;*/
	color:#fff;
	background:#004a9b;
}
#footer .footer-bottom p {
	 float: right; 
	 line-height: 40px; 
	 font-size: 14px;
	 text-align:center; 
}
#footer .footer-bottom p a {
	color:#009ee3;
	text-decoration:none;
}
#footer .footer-bottom p.copy {
	 float: left; 
	 line-height: 40px; 
	 font-size: 14px; 
	 text-align:left; 
}
#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:700px;
}
.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;
	line-height:30px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
 	 font-size:14px;
}
.mini_baner {
	width:100%;
	float:left;
	height:230px;
	background: #131722;
  /*	padding: 15px;*/
  	box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	 -ms-box-sizing:border-box;
  	-o-box-sizing:border-box;	
}



.main_head {
	font-family:'BebasNeue',"Century Gothic", sans-serif, serif;
	margin:0 10px;	
}
.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: 0px 0 15px;
	padding: 0 0 5px 0;
	color: #272727;
	font-weight: normal;
	font-family:'BebasNeue',"Century Gothic", sans-serif, serif;	
	text-transform:none;
	position: relative;
	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:270px;
	float:left;
	margin-right:20px;
}
.contact h1{
	font-size:16px;
	background:#009ee3;
	color:#fff;
	padding:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 20px;
	margin-bottom:20px;
}
.contact h2{
	color:#272727;
	font-size:14px;
	line-height: 30px;
	text-transform:none;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
}


.lab{
	width:480px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.lab h1{
	font-size:16px;
	background:#009ee3;
	color:#fff;
	padding:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 20px;
	margin-bottom:20px;
}
.lab h2{
	color:#272727;
	font-size:14px;
	line-height: 30px;
	text-transform:none;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
        padding-left:30px;
        background: url(../images/dot.png) no-repeat;
}
.lab li {
        width: 10px;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
}
.lab img {
	float:left;	
        margin-bottom: 15px;
}

.lab_left {
       float: left;
       width: 480px;
       margin-right: 20px;
}

.lab_right {
       float: left;
       width: 480px;
}

.marginright_zero {
	margin-right:0;	
}

.inpt_field {
	float:left;
	width:100%;
	padding:0 5px;
	box-sizing:border-box;
	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:40px;
	margin-bottom: 10px;
}
.send{
	background:#004a9b;
	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;
}
.enquiry {
    width: 420px;
    height: 380px;
    float: left;
    margin-right: 20px;
}

.enquiry h1 {
    font-size: 18px;
    background: #009ee3;
    color: #fff;
    padding: 20px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 20px;
    margin-bottom: 20px;
}


.wless{
	width:320px;
	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 end *******************************/

.client_box_align {
	float:left;
	margin-bottom:15px;	
}
.client_box{
	float:left;
	width:235px;
	margin-right:13px;
	margin-bottom:13px;
}
.client_box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;	
	line-height:30px;
	text-align:center;
	background:#009ee3;
	color:#fff;
}
.client_box p strong {
	font-weight:bold;	
}
.client_box img{
	border-bottom:solid 4px #004a9b;
	margin:0px;
	float:left;
}
.client_box img:hover{
	filter: gray;
	-webkit-filter: grayscale(1);
}


<!-----------------------------------------------services start here-------------------->


.services_box{
	float: left;
	width: 700px;
	margin-right:15px;
}
.services{
	width:100%;
	float:left;
	/* border-bottom: 1px dotted #db1836; */
	padding:25px;
        box-sizing:border-box;
	background: #c2edff;
}

.services img {
	float:left;
}

.services_box h3{
	text-align:center;
}
.services_box img{
	float:left;
	margin:0 5px 5px 0;
}
.services_box_text{
	width: 620px;
	margin-left: 15px;
	float:left;
}
.services_box_text p{
	line-height:26px;
	font-size:14px;
	color:#272727;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;

}
.services_box_text span{
	line-height:30px;
	color:#004a9b;
	font-family:'BebasNeue',"Century Gothic", sans-serif, serif;
	font-size:24px;
}
.services_box22{
	float: left;
	width: 220px;
	background: #F0F0F0;
	height: 760px;
	padding: 15px;
	margin-left: 20px;
}
.services_box22 p{
	line-height:26px;
	margin: 0 0 0 7px;
}
.services_box22 h3{
	text-align: left;
	color: #073d0b;
	/* text-shadow: 1px 1px 1px #000; */
	margin: 0 0 5px 2px;
	font-weight: bold;
}
.services_box22 ul{
	margin-left:20px;
	display:block;
	margin-bottom:25px;
}
.services_box22 ul li{
	text-decoration:none;
	list-style:circle;
	font-size:14px;
	color:#333;
	line-height:25px;
}


/*******************portfolio end here******************/

.portfolio_box_align {
	float:left;
	margin-bottom:15px;	
}
.portfolio_box{
	float:left;
	width:240px;
	margin-right:13px;
	
}
.portfolio_box p {
	font-family:"Century Gothic", Verdana;
	font-size:14px;
	line-height:24px;	
	line-height:30px;
	text-align:center;
	background:#db1836;
	color:#fff;
}
.portfolio_box p strong {
	font-weight:bold;	
}
.portfolio_box img{
	border-bottom:solid 4px #ff9038;
	margin:0px;
	float:left;
}
.portfolio_box img:hover{
	filter: gray;
	-webkit-filter: grayscale(1);
}
.back{
	float:right;
	line-height:30px;
	padding:0 10px;
	background:#db1836;
	border-radius:3px;
	list-style:none;	
	margin-top:2px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
}
.under_banner {
	float:left;
	line-height:100px;	
	width:100%;
}
.under_banner h2 {
	float:left;
	width:100%;
	font-size: 28px;
    color: #004a9b;
    font-family: 'BebasNeue',"Century Gothic", sans-serif, serif;
    font-weight: normal;
    padding-bottom: 5px;
    text-transform: uppercase;
	background:#c2edff;	
	text-align:center;
}