/* ----------------------------------------------------------- */
/*                         BASICS                              */
/* ----------------------------------------------------------- */
.hidden{
 display: none;	
}

.float-left{
	float: left;
}

.res-list{
		
		display: block;
		color: #fff !important;
		list-style: disc outside none;
		margin: 5% auto;
		text-align: left;
		width: 70%;
}


.res-list-new{
		
		display: block;
		color: #fff;
		list-style: disc outside none;
		margin: 2% auto;
		text-align: left;
		width: 82%;
		margin-left:19%;
}

.res-list-new li p{
	color:#fff;
	font-size:14px;
	font-family:Gill Sans MT;

}



.button.reverted-new{
	background-color:#2fb135;
	color:#000;
}

.button.reverted-new:hover{
	color:#fff;
}

.res-list li p{
	color:#fff;
	font-size:14px;
	font-family:Gill Sans MT;
	
}

.pricingTable header{
		background-color:none !important;
		font-size:30px;
	
}

.pricingTable header h4{
	
  	font-size: 32px;
	text-align: center;
	margin: 0;
	font-weight: bold;
	line-height: 33px;
}

.pricingTable .currency {
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		display: block;
		line-height: 25px;
		font-family:Cambria;
}


.pricingTable .price{
  	margin: auto;
	margin-bottom: 6%;
	margin-top: 6%;
	width: 74%;
	text-align: left;
	

}

.tb-box-text{
	font-size:25px;
	font-weight:bold;
	text-align:center;
    margin-bottom: 9%;
    display: block;
	line-height: 28px;
	color:#002859 !important;
}

.tb-box-text:hover{
	text-decoration:none;
}

.price-table-color-text-blue{
	color:#002859 !important;
}

.price-table-color-blue{
	background-color:#002859 !important;
}

.price-table-color-text-green{
	color:#2fb135 !important;
}

.price-table-color-green{
	background-color:#2fb135 !important;
}

.new-seperator{
		height:4px;
		border-top: 1px dotted #fff;
		border-style: dotted;
		border-bottom: 1px dotted #fff;
		width:85%;
		margin:0 auto;
}

.right-float{
	float:right;
}

img.float-left{
	float: left;
	margin-right: 10px;
}

.float-right{
	float: right;
}

.center{
	text-align: center;
}

.italic{
	font-style: italic;
}

.separator{
  height: 2px;
  border-top: 1px dotted #fff;
  border-style:dotted;
}

.circle-wrap {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

.border.large{
  border: 10px solid #fff;	
}

.boxsizing{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;	
}

.boxsizing img{
  display:block;
}

.alignleft{
 text-align: left;
}

.seperator-sep {
	height: 104%;
	position: absolute;
	left: 99.8%;
	width: 2px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.hidden{
 display: none;	
}

.float-left{
	float: left;
}

img.float-left{
	float: left;
	margin-right: 10px;
	border:none;
}

.float-right{
	float: right;
}

.center{
	text-align: center;
}

.italic{
	font-style: italic;
}

.separator{
  height: 2px;
  border-top: 1px dotted #fff;
  border-style:dotted;
}

.circle-wrap {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

.border.large{
  border: 10px solid #fff;	
}

.boxsizing{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;	
}

.boxsizing img{
  display:block;
}

.alignleft{
 text-align: left;
}


.color-blue{
	color:#002859 !important;
}

.color-grey{
	color:#777777;
}

.color-green-light{
	color:#34b14a;
}

.bold{
	font-weight:bold;
}

#how h4{
	font-size:28px;
	font-weight:bold;
}

#how p{
	font-size:12px;
	color:#999999;
	
}

/* ----------------------------------------------------------- */
/*                       TIPSY TOOLTIP                         */
/* ----------------------------------------------------------- */


.tipsy {
    padding: 5px;
    font-size: 12px;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    padding: 2px 6px 3px 6px;
    color: white;
    max-width: 200px;
    text-align: center;
}

.tipsy-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	border-top: 6px solid #fff;
}


.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    background-position: bottom left;
}

/* ----------------------------------------------------------- */
/*                   MAILCHIMP NEWSLETTER                      */
/* ----------------------------------------------------------- */
.mailchimp .separator{
 width: 306px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}


.mailchimp{
 text-align: center;
 position: relative;
  margin:0 auto;
}

.mailchimp p{
  margin-bottom:0;
}

.mailchimp input[type="text"]{
 margin:0 auto;
 background: transparent;
 font-size: 20px;
 line-height: 30px;
 text-align: center;
 width: 306px;
 font-family: 'Droid Sans', sans-serif;
}

.mcresult{
 color: #fff;
 font-size: 20px;
 line-height: 30px;
 text-align: center;
}

.mailchimp input[type="submit"]{
 border-width:0px;
  margin:0;
  padding:18px;
}

@-moz-document url-prefix() {
   .mailchimp input[type="submit"]{
	  padding:11px;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 1400px) {
	
	.bull1{margin:0 auto; margin-left:10%}
	.bull2{margin:0 auto; margin-left:10%}
	.buy{font-weight:bold; background:#2eb135; margin-top:30%;margin-left:9%; position:absolute;}
	
	.bdrgt{ border-right:1px solid #ccc; width:3px; height:730px; float:left}	
	.bdlft{ border-right:1px solid #ccc; height:730px; float:left}
	
	.bord{ margin-top:3%; margin-bottom:20%;}
	.bdrgt1{ border-right:1px solid #ccc;width:3px; height:730px; float:left}	
	.bdlft1{ border-right:1px solid #ccc; height:730px; float:left}
	
	.twocol1{width:48%; min-width:350px;height:77%; float:left}
	.twocol2{width:48%; min-width:350px;height:77%; float:left}
	
	.bdtop{ border-top:1px solid #ccc; width:73%; height:3px; margin-left:12%;}	
	.bdbot{ border-top:1px solid #ccc; width:73%;  margin-left:12%;}
	
	.Ucan-product-layer1-box1{float:left;}
	
	.buynow{position: absolute;	margin-left:-3%; margin-top:-8%;}
	
	.Ucan-product-layer1-box1-img1{	z-index:0 auto; margin-left:50%;}
	
	.Ucan-product-layer1-box1-img2{	z-index:0 auto; margin-left:87%; margin-top:5%;}
	
	.Ucan-product-layer1-box2-img1{	z-index:0 auto;}
	
	.Ucan-product-layer1-box2-img2{	z-index:0 auto; margin-left:30%; margin-top:5%;}
	
	.Ucan-product-layer1-box3-img1{	z-index:0 auto; margin-left:60%; margin-top:5%}
	
	.Ucan-product-layer1-box3-img2{	z-index:0 auto; margin-left:87%;}
	
	.Ucan-product-layer1-box4-img1{	z-index:0 auto;margin-top:4%;}
	
	.Ucan-product-layer1-box4-img2{	z-index:0 auto; margin-left:20%;}

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	.buy{font-weight:bold; background:#2eb135; margin-top:30%;margin-left:9%; position:absolute;}
	
	.bdrgt{ border-right:1px solid #ccc; width:3px; height:730px; float:left}	
	.bdlft{ border-right:1px solid #ccc; height:730px; float:left}
	
	.bord{ margin-top:1%; margin-bottom:20%;}
	.bdrgt1{ border-right:1px solid #ccc;width:3px; height:730px; float:left}	
	.bdlft1{ border-right:1px solid #ccc; height:730px; float:left}
	
	.twocol1{width:48%; min-width:350px;height:50%; float:left}
	.twocol2{width:48%; min-width:350px;height:50%; float:left}
	
	.bdtop{ border-top:1px solid #ccc; width:73%; height:3px; margin-left:12%;}	
	.bdbot{ border-top:1px solid #ccc; width:73%;  margin-left:12%;}
	
	.Ucan-product-layer1-box1{float:left;}
	
	.buynow{position: absolute;	margin-left:-3%; margin-top:-8%;}
	
	.Ucan-product-layer1-box1-img1{	z-index:0 auto; margin-left:50%;}
	
	.Ucan-product-layer1-box1-img2{	z-index:0 auto; margin-left:40%;}
	
	.Ucan-product-layer1-box2-img1{	z-index:0 auto; margin-left:30%;}
	
	.Ucan-product-layer1-box2-img2{	z-index:0 auto; margin-left:40%;}
	
	.Ucan-product-layer1-box3-img1{	z-index:0 auto; margin-left:50%;}
	
	.Ucan-product-layer1-box3-img2{	z-index:0 auto; margin-left:40%;}
	
	.Ucan-product-layer1-box4-img1{	z-index:0 auto; margin-left:50%;}
	
	.Ucan-product-layer1-box4-img2{	z-index:0 auto; margin-left:40%;}
	
	
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
	.mailchimp .separator{
	 width: 270px;
	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	.bdrgt{ border-right:1px solid #ccc; width:3px; height:730px; float:left}	
	.bdlft{ border-right:1px solid #ccc; height:730px; float:left}
	
	.bord{ margin-top:3%; margin-bottom:20%;}
	.bdrgt1{ border-right:1px solid #ccc;width:3px; height:730px; float:left}	
	.bdlft1{ border-right:1px solid #ccc; height:730px; float:left}
	
	.twocol1{width:48%; min-width:350px;height:50%; float:left}
	.twocol2{width:48%; min-width:350px;height:50%; float:left}
	
	.bdtop{ border-top:1px solid #ccc; width:73%; height:3px; margin-left:12%;}	
	.bdbot{ border-top:1px solid #ccc; width:73%;  margin-left:12%;}
	
	.Ucan-product-layer1-box1{float:left;}
	
	.buynow{position: absolute;	margin-left:35%; margin-top:-10%;}
	
	.Ucan-product-layer1-box1-img1{	z-index:0 auto; margin-left:25%; margin-top:63%;}
	
	.Ucan-product-layer1-box1-img2{	z-index:0 auto; margin-left:40%;  margin-top:15%;}
	
	.Ucan-product-layer1-box2-img1{	z-index:0 auto;  margin-top:15%;}
	
	.Ucan-product-layer1-box2-img2{	z-index:0 auto; margin-left:40%;  margin-top:15%;}
	
	.Ucan-product-layer1-box3-img1{	z-index:0 auto; margin-left:50%;  margin-top:15%;}
	
	.Ucan-product-layer1-box3-img2{	z-index:0 auto; margin-left:40%;  margin-top:15%;}
	
	.Ucan-product-layer1-box4-img1{	z-index:0 auto; margin-left:50%;  margin-top:15%;}
	
	.Ucan-product-layer1-box4-img2{	z-index:0 auto; margin-left:40%;  margin-top:15%;}
	
	
	
	

	.mailchimp .separator{
	 width: 306px;
	}

}



/* ----------------------------------------------------------- */
/*                      BACKGROUNDS                            */
/* ----------------------------------------------------------- */

#home{
	/*background: url(../images/tiles/grid1.png);*/
}

.bold {
	font-weight:bold;
}

#about .wrapper.footer{
  background: url(../images/about/about_bg.jpg) 50% 50%  no-repeat fixed;
}

#benefits .wrapper.footer{
  background: url(../images/about/benefits_bg.jpg) 50% 50% no-repeat fixed;
}

#buy .wrapper.footer{
	background: url(../images/about/Howtouse_bg.jpg) 50% 50% no-repeat fixed;
}

#videos .wrapper.footer{
  background: url(../images/about/videos_bg.jpg) 50% 50% no-repeat fixed;
  
}

#services .wrapper.footer{
  background: url(../images/footers/services.jpg) 50% 50% no-repeat fixed;
}

#news .wrapper.footer{
  background: url(../images/news/thumbnails/connect_bg.jpg) 50% 50% no-repeat fixed;
}



.bgscroll {
 background-attachment: scroll;
}


/* ----------------------------------------------------------- */
/*                    SECTION HEADERS                          */
/* ----------------------------------------------------------- */

/*section header*/
.sectionHeader{
 text-align: center;
 margin-top: 85px;
}

.sectionHeader.inner{
 margin-top: 40px;
}

.sectionHeader.nomenu{
 margin-top: 30px;
}

.sectionHeader.alignleft{
 text-align: left;
}

.sectionHeader p{
 font-size: 20px;
 margin: 0 auto;
 line-height: 1.5em;
}

.sectionHeader.alignleft p{
 margin: 0;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

	.sectionHeader p{
	  font-size: 16px;
	}

	
	.sectionHeader h1{
	  font-size: 50px;
	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.sectionHeader p{
	  font-size: 16px;
	}
	
	.sectionHeader h1{
	  font-size: 60px;
	}

}


/* ----------------------------------------------------------- */
/*                    SECTION FOOTERS                          */
/* ----------------------------------------------------------- */

.wrapper.footer{
  height: 500px;
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}

.wrapper.footer .footerPattern{
	width: 100%;
	height: 100%;
	position: absolute;
}

.wrapper.footer h1, .wrapper.footer p{
 color:#fff; 
}

.wrapper.footer h2.alt{
 line-height: 50px;
}

.wrapper.footer h6{
 margin-bottom: 20px;
}

.wrapper.footer p{
  font-size: 20px;
 line-height: 30px;
}

.wrapper footer.small{
 padding: 23px 0 20px 0;
 height: auto;
}

.wrapper footer.small p{
 margin-bottom:0;
}

/*SECTION FOOTER QUOTES*/


.wrapper.footer.quote h2.alt{
 padding-top: 30px;	
}

.wrapper.footer.quote p{
 margin-top: 10px;
 font-size: 25px;
 line-height: 1.4em;
}

.wrapper.footer .speech{
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url('../images/FBicons/twitter.png') no-repeat;
  display:none;
}

/*SECTION FOOTER CLIENTS*/

.wrapper.footer.clients img{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wrapper.footer.clients a:hover img{
 opacity: .7;	
}

.wrapper.footer.clients .carousel li{
 display: block;	
}

/*SECTION FOOTER TESTIMONIAL*/

.wrapper.footer.testimonial .carousel li{
  text-align: center;
  margin: 0 auto;
}

.wrapper.footer.testimonial .carousel p{
 font-size: 25px;
 line-height: 1.4em;
}

/*SECTION FOOTER NEWSLETTER*/
.wrapper.footer.newsletter header p{
 margin-top: 20px;
 font-size: 25px;
  line-height: 1.4em;
}



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
	.wrapper.footer h2.alt{
	 font-size: 26px;
	  line-height: 40px;
	}
	
	.wrapper.footer p,
	.wrapper.footer.quote p,
	.wrapper.footer.testimonial .carousel p,
	.wrapper.footer.newsletter header p{
	 font-size: 16px;
	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	

}





/* ----------------------------------------------------------- */
/*                      SOCIAL ICONS                           */
/* ----------------------------------------------------------- */
.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:7%;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}



/*Light icons*/
.badoo {background: url('../images/icons/social/light/badoo.png') no-repeat;}
.bebo {background: url('../images/icons/social/light/bebo.png') no-repeat;}
.blog{background: url('../images/icons/social/light/blog.png') no-repeat ;}
.blogger {background: url('../images/icons/social/light/blogger.png') no-repeat;}
.delicious {background: url('../images/icons/social/light/delicious.png') no-repeat;}
.deviant_art {background: url('../images/icons/social/light/deviant_art.png') no-repeat;}
.digg {background: url('../images/icons/social/light/digg.png') no-repeat;}
.dribble {background: url('../images/icons/social/light/dribble.png') no-repeat;}
.email {background: url('../images/icons/social/light/email.png') no-repeat;}
.facebook {background: url('../images/social_fb.png') no-repeat;}
.flickr {background: url('../images/icons/social/light/flickr.png') no-repeat;}
.friendfeed {background: url('../images/icons/social/light/friendfeed.png') no-repeat;}
.gmail {background: url('../images/icons/social/light/gmail.png') no-repeat;}
.google_plus {background: url('../images/icons/social/light/google_plus.png') no-repeat;}
.last_fm {background: url('../images/icons/social/light/last_fm.png') no-repeat;}
.linkedin {background: url('../images/icons/social/light/linkedin.png') no-repeat;}
.my_space {background: url('../images/icons/social/light/my_space.png') no-repeat;}
.newsvine {background: url('../images/icons/social/light/newsvine.png') no-repeat;}
.picasa {background: url('../images/icons/social/light/picasa.png') no-repeat;}
.pinterest {background: url('../images/icons/social/light/pinterest.png') no-repeat;}
.reddit {background: url('../images/icons/social/light/reddit.png') no-repeat;}
.rss {background: url('../images/icons/social/light/rss.png') no-repeat;}
.skype {background: url('../images/icons/social/light/skype.png') no-repeat;}
.stumble_upon {background: url('../images/icons/social/light/stumble_upon.png') no-repeat;}
.technorati {background: url('../images/icons/social/light/technorati.png') no-repeat;}
.tumblr {background: url('../images/icons/social/light/tumblr.png') no-repeat;}
.twitter {background: url('../images/social_twit.png') no-repeat;}
.vimeo {background: url('../images/icons/social/light/vimeo.png') no-repeat;}
.yahoo_mail {background: url('../images/icons/social/light/yahoo_mail.png') no-repeat;}
.yelp {background: url('../images/icons/social/light/yelp.png') no-repeat;}
.you_tube {background: url('../images/social_youtube.png') no-repeat;}
.video{background: url('../images/about/about_video_icon.png') no-repeat;}


/*Dark icons*/
.black .badoo {background: url('../images/icons/social/dark/badoo.png') no-repeat;}
.black .bebo {background: url('../images/icons/social/dark/bebo.png') no-repeat;}
.black .blog{background: url('../images/icons/social/light/blog.png') no-repeat; background-color:#444444;}
.black .blogger {background: url('../images/icons/social/dark/blogger.png') no-repeat;}
.black .delicious {background: url('../images/icons/social/dark/delicious.png') no-repeat;}
.black .deviant_art {background: url('../images/icons/social/dark/deviant_art.png') no-repeat;}
.black .digg {background: url('../images/icons/social/dark/digg.png') no-repeat;}
.black .dribble {background: url('../images/icons/social/dark/dribble.png') no-repeat;}
.black .email {background: url('../images/icons/social/light/email.png') no-repeat;}
.black .facebook {background: url('../images/social_fb.png') no-repeat;}
.black .flickr {background: url('../images/icons/social/dark/flickr.png') no-repeat;}
.black .friendfeed {background: url('../images/icons/social/dark/friendfeed.png') no-repeat;}
.black .gmail {background: url('../images/icons/social/dark/gmail.png') no-repeat;}
.black .google_plus {background: url('../images/icons/social/dark/google_plus.png') no-repeat;}
.black .last_fm {background: url('../images/icons/social/dark/last_fm.png') no-repeat;}
.black .linkedin {background: url('../images/icons/social/dark/linkedin.png') no-repeat;}
.black .my_space {background: url('../images/icons/social/dark/my_space.png') no-repeat;}
.black .newsvine {background: url('../images/icons/social/dark/newsvine.png') no-repeat;}
.black .picasa {background: url('../images/icons/social/dark/picasa.png') no-repeat;}
.black .pinterest {background: url('../images/icons/social/dark/pinterest.png') no-repeat;}
.black .reddit {background: url('../images/icons/social/dark/reddit.png') no-repeat;}
.black .rss {background: url('../images/icons/social/dark/rss.png') no-repeat;}
.black .skype {background: url('../images/icons/social/dark/skype.png') no-repeat;}
.black .stumble_upon {background: url('../images/icons/social/dark/stumble_upon.png') no-repeat;}
.black .technorati {background: url('../images/icons/social/dark/technorati.png') no-repeat;}
.black .tumblr {background: url('../images/icons/social/dark/tumblr.png') no-repeat;}
.black .twitter {background: url('../images/social_twit.png') no-repeat;}
.black .vimeo {background: url('../images/icons/social/dark/vimeo.png') no-repeat;}
.black .yahoo_mail {background: url('../images/icons/social/dark/yahoo_mail.png') no-repeat;}
.black .yelp {background: url('../images/icons/social/dark/yelp.png') no-repeat;}
.black .you_tube {background:url('../images/social_youtube.png') no-repeat;}
.black .video{background: url('../images/about/about_video_icon.png') no-repeat;}

/* #add this share
================================================== */

.addthis_toolbox_share a span{
 visibility: hidden;
}

.at300b:hover {
    opacity: 1;
}

.at300b,.at300b img{
display:none;
 background: none;
}

.addthis_button_linkedin{
 display:none;
 background: none;
}




/* ----------------------------------------------------------- */
/*                        HOME PAGE                            */
/* ----------------------------------------------------------- */
@font-face {
      font-family: "CAMBRIAB";
      src: url("../fonts/CAMBRIAB_0.TTF");
    }
	
	
.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:7%;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}
	
#home{
	color: white;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	bottom: 0;
	overflow: hidden;
}

.ie8 #home{
 min-width: 1000px;
}

#home .container{
  height: 100%;
}

#home .description{
 position: absolute;
 text-align: center;
 margin: 0 auto;
  width: 100%;
 bottom: 37px;
}

#home #slidecaption{
 position: relative;
 top:0;
 font-family:'Gill Sans MT';
 
}


#home .description h2.alt{
   color: #fff;
   line-height: 35px;
   margin-bottom:3px;
   letter-spacing:1px;
}

#home .description p{
  margin: 0 auto;
  font: 17px 'CAMBRIAB', sans-serif;
  font-weight: normal;
  color: #fff;
   line-height: 1.4em;
}

.mainNavWrapper{
 position: absolute;
 width: 100%;
 height: 95px;
 background: rgba(0, 40, 89,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859');
 bottom: 0px;
  text-align: center;
}
.mainNavWrapper1{
 position: absolute;
 width: 100%;
 height: 165px;
 background: rgba(46, 177, 53,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135');
 top: 103px;
  text-align: center;
}
.mainNavWrapper2{
 position: absolute;
 width: 100%;
 height: 180px;
 
 bottom: 18%;
  text-align: center;
}

.ie8 .mainNavWrapper{
	min-width: 1000px;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#60000000', endColorstr='#60000000');
}

.mainnav form{
  display:none;
}

.mainnav form select{
   padding: 5px 10px 5px 10px;
   margin-top: 55px;
}

/*
.mainnav form select option{
   padding: 5px 10px;
}
*/

.mainnav ul{
  position: relative;
  margin: 0 auto;
  margin-top:30px;
  margin-bottom:30px;
  z-index:1;
  margin-left: 2%;
  margin-right:2%;
}
.mainnav ul li{
  display: inline;
  font-size: 19px;
  margin-left: 3%;
  line-height:35px;
  font-family: 'Gill Sans MT';
}
.mainnav ul li:first-child{
  margin-left: 0;
}

.mainnav a, .mainnav a:visited{
 color: #fff;	
}
.mainnav a:hover, .mainnav a.selected { 
 text-decoration: none;
}

.logo{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
	border:none;
}
.logo1{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

#blurMask {
    position: absolute;
    float: left;
    width: 100%;
    height: 290px;
    overflow: hidden;
  z-index:-2;
}

/* #Mobile 
================================================== */

/* Note: Design for a width of 350px */

@media only screen and (min-width: 100px) and (max-width: 350px) {
	#home .socialIcons{
	position: relative !important;
	display: inline-block !important;
	margin: 30px auto 40px auto !important;
	z-index:2 !important;
	margin-right:30% !important;
}

#home .socialIcons li{
	position: relative !important;
	display: inline !important;
	list-style: none !important;
	text-indent: -9999px !important;
	float: left !important;
	width: 32px !important;
	height: 32px !important;
	overflow: hidden !important;
	margin-right: 5px !important;
    margin-bottom: 5px !important;
	-webkit-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	
	-webkit-transition: all 0.2s ease-in-out !important;
	-moz-transition: all 0.2s ease-in-out !important;
	-o-transition: all 0.2s ease-in-out !important;
	-ms-transition: all 0.2s ease-in-out !important;
	transition: all 0.2s ease-in-out !important;
}

#home .socialIcons li.last{
	margin-right: 0 !important;
}

.socialIcons li a{
	background-repeat: no-repeat !important;
	background-position: left top !important;
	display: block !important;
	height: 32px !important;
	width: 32px !important;
}
	
	
	#home .description{
 position: absolute !important;
 text-align: center !important;
 margin: 0 auto !important;
  width: 100% !important;
}

#home #slidecaption h2{
 position: relative !important;
 top:0 !important;
 font-family:'Gill Sans MT' !important;
 font-size:14px !important;
 margin:-12% auto !important;
 line-height:14px !important;
 width:70% !important;
}

.logo{
    position: relative !important;
    width: 138px !important;
    height: 138px !important;
    margin: 0 auto !important;
	border:none !important;
}
.logo1{
    position: relative !important;
    width: 138px !important;
    height: 138px !important; 
    margin: 0 auto !important;
}


#home .description p{
  margin:1% auto !important;
  font: 10px 'CAMBRIAB', sans-serif !important;
  font-weight: normal !important;
  color: #fff !important;
  line-height:15px !important;
  width:70%;
  padding-top:30px;
}

	.mainnav ul li{
	  font-size: 19px !important;
	  margin-left: 12px !important;
	}
.mainNavWrapper{
	 position: absolute !important;
	 width: 100% !important;
	 height: 95px !important;
	 background: rgba(0, 40, 89,0.7) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859') !important;
	 bottom: 0 !important;
	  text-align: center !important;
	}
	.mainNavWrapper1{
	 position: absolute !important;
	 width: 100% !important;
	 height: 120px !important;
	background: rgba(46, 177, 53,0.7) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135') !important;
	 bottom:103px !important;
	  text-align: center !important;
	}
	.mainNavWrapper2{
	 position: absolute !important;
	 width: 100% !important;
	 height: 180px !important;
	 bottom:20% !important;
	  text-align: center !important;
	 	  

	}
	#prevslide, #nextslide {
    position: absolute !important;
    height: 42px !important;
    width: 25px !important;
    bottom: 50px !important;
    opacity: 0.6 !important;
	-webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    -ms-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
}
	
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
#home .socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:7%;
}

#home .socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#home .socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}
	
	
	#home .description{
 position: absolute;
 text-align: center;
 margin: 0 auto;
  width: 100%;
}

#home #slidecaption h2{
 position: relative;
 top:0;
 font-family:'Gill Sans MT';
 font-size:28px;
 margin:1% auto;
 line-height:34px;
 width:86%;
}

.logo{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
	border:none;
}
.logo1{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}


#home .description p{
  margin:1% auto;
  font: 16px 'CAMBRIAB', sans-serif;
  font-weight: normal;
  color: #fff;
  line-height:15px;
}

	.mainnav ul li{
	  font-size: 19px;
	  margin-left: 12px;
	}
.mainNavWrapper{
	 position: absolute;
	 width: 100%;
	 height: 95px;
	 background: rgba(0, 40, 89,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859');
	 bottom: 0;
	  text-align: center;
	}
	.mainNavWrapper1{
	 position: absolute;
	 width: 100%;
	 height: 165px;
	background: rgba(46, 177, 53,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135');
	 bottom:103px;
	  text-align: center;
	}
	.mainNavWrapper2{
	 position: absolute;
	 width: 100%;
	 height: 180px;
	 bottom:20%;
	  text-align: center;
	 	  
		  }
		  
		  
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
#home .socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:30%;
}

#home .socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#home .socialIcons li.last{
	margin-right: 0;
}

#home .socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}
	
	
		#home .description{
 position: absolute;
 text-align: center;
 margin: 0 auto;
  width: 100%;
  bottom:50px;
}
#prevslide, #nextslide {
    position: absolute;
    height: 42px;
    width: 25px;
    bottom: 100px;
    opacity: 0.6;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#home #slidecaption h2{
 position: relative;
 top:0;
 font-family:'Gill Sans MT';
 font-size:24px;
 margin:-20% auto;
 line-height:24px;
   width:300px;

}

.logo{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
	border:none;
	margin-left:-1%;
}
.logo1{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}


#home .description p{
 	 margin:-4% auto;
  	 font: 12px 'CAMBRIAB', sans-serif;
  	 font-weight: normal;
  	 color: #fff;
     line-height:16px;
	 margin-top:20%;

}

	
	.mainnav form{
	  display:inline-block;
	   margin-bottom: 7px;
	}

	.mainnav ul{
	  display:none;
	}
	
.mainNavWrapper{
	 position: absolute;
	 width: 100%;
	 height: 95px;
	background: rgba(0, 40, 89,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859');
	 bottom: 0;
	  text-align: center;
	}
	.mainNavWrapper1{
	 position: absolute;
	 width: 100%;
	 height: 170px;
	 background: rgba(46, 177, 53,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135');
	 bottom:103px;
	  text-align: center;
	}
	.mainNavWrapper2{
	 position: absolute;
	 width: 100%;
	 height: 180px;
	 bottom:20%;
	  text-align: center;

	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */


@media only screen and (min-width: 480px) and (max-width: 599px) {
	
#home .socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:7%;
}

#home .socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#home .socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}
	

		#home .description{
 position: absolute;
 text-align: center;
 margin: 0 auto;
  width: 100%;
}

#home #slidecaption h2{
 position: relative;
 top:0;
 font-family:'Gill Sans MT';
 font-size:16px;
 margin:-10% auto;
 width:400px;
 line-height:28px;
}

.logo{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
	border:none;
}
.logo1{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}


#home .description p{
  margin:0 auto;
  font: 12px 'CAMBRIAB', sans-serif;
  font-weight: normal;
  color: #fff;
   width:400px;
}

	#prevslide, #nextslide{
	font-size:12px;
	  line-height:30px;
	  margin-top:30px;
	}
	
#home .mainNavWrapper{
	 position: absolute;
	 width: 100%;
	 height: 130px;
	 background: rgba(0, 40, 89,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859');
	 bottom: 0;
	  text-align: center;
	}
#home .mainNavWrapper1{
	 position: absolute;
	 width: 100%;
	 height: 200px;
	background: rgba(46, 177, 53,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135');
	 bottom:65%;
	  text-align: center;
	}
#home .mainNavWrapper2{
	 position: absolute;
	 width: 100%;
	 height: 180px;
	 bottom: 18%;
	  text-align: center;
	}

	

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#home .socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	float:left;
	margin-right:36%;
}

#home .socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}
	

	
	#home .description{
 position: absolute;
 text-align: center;
 margin: 0 auto;
  width: 100%;
}

#home #slidecaption h2{
 position: relative;
 top:0;
 font-family:'Gill Sans MT';
 font-size:28px;
 margin:2% auto;
 width:400px;
 line-height:29px;
}

.logo{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
	border:none;
}
.logo1{
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}


#home .description p{
  margin:-1% auto;
  font: 15px 'CAMBRIAB', sans-serif;
  font-weight: normal;
  color: #fff;
   width:400px;
   line-height:12px;
}

	#prevslide, #nextslide{
	font-size:12px;
	  line-height:30px;
	  margin-top:30px;
	}
.mainNavWrapper{
	 position: absolute;
	 width: 100%;
	 height: 90px;
	 background: rgba(0, 40, 89,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002859', endColorstr='#002859');
	 bottom: 0;
	  text-align: center;
	}
	.mainNavWrapper1{
	 position: absolute;
	 width: 100%;
	 height: 175px;
	 background: rgba(46, 177, 53,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eb135', endColorstr='#2eb135');
	 bottom:62%;
	  text-align: center;
	}
	.mainNavWrapper2{
	 position: absolute;
	 width: 100%;
	 height: 180px;
	 bottom: 18%;
	  text-align: center;

	}

}




/* ----------------------------------------------------------- */
/*                       ABOUT PAGE                            */
/* ----------------------------------------------------------- */
#about p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}
#about h5{
	
	color: #777;
	font-size:20px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
}

#about carousel p{
	
	color: #fff;
	font-size:14px;
}
#about .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
#about h1{
	
	font-family:'Gill Sans MT'; font-size:72px; color:#002859;font-weight: bold;
	
}
#about h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#about h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}

	#about h2{
		
	font-family: 'Gill Sans MT';
	font-size: 28px;
	line-height: 33px;
	text-align: left;
	color: #fff;
	margin-bottom: 0;

}
#about h6{
	
	font-family: 'Gill Sans MT';
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 10px;
	
}

#about li p{
			font-family:'Gill Sans MT';
			font-size:15px;
			line-height:16px;
			margin-left:20px;
			text-align:left;
			color:#777777;
			font-weight:lighter;
			margin-top:-3%;
			

	
}
#about .testiimg{
	width:213px;
	height:225px;
}	

#about .about_badge{width:100%; height:120px;}
#about .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: -30px;
  z-index:0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.socialIcons{
		position: relative;
		display: inline-block;
		margin: 30px auto 40px auto;
		z-index:2;
		float:left;
		margin-right:7%;
	}
	
	.socialIcons li{
		position: relative;
		display: inline;
		list-style: none;
		text-indent: -9999px;
		float: left;
		width: 32px;
		height: 32px;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.socialIcons li.last{
		margin-right: 0;
	}
	
	.socialIcons li a{
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: 32px;
		width: 32px;
	}
	
	#about .miniNav {
	  height: 10px;
	  position: absolute;
	  top: 0px;
	  right: -30px;
	  z-index:0;
	}
	
	
	#about p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
	}
	
	#about h5{
	
	color: #777;
	font-size:20px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}
	
	#about .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
	#about h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
	}
	#about h3
	{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
	}
	
	#about h2{
	font-family:'Gill Sans MT';
	font-size:20px;
	line-height:30px;
	text-align:left;
	color:#fff;
	}

	#about h6{
	font-family:'Gill Sans MT';
	font-size:14px;
	line-height:30px;
	text-align:left;
	}
	#about li p{
	font-family:'Gill Sans MT';
	font-size:14px;
	line-height:30px;
	margin-left:20px;
	text-align:left;
	}
	#about .about_badge{
	width:100%;
	height:120px;
	}	
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	.socialIcons{
		position: relative;
		display: inline-block;
		margin: 30px auto 40px auto;
		z-index:2;
		margin-right:7%;
	}
	
	.socialIcons li{
		position: relative;
		display: inline;
		list-style: none;
		text-indent: -9999px;
		float: left;
		width: 32px;
		height: 32px;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.socialIcons li.last{
		margin-right: 0;
	}
	
	.socialIcons li a{
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: 32px;
		width: 32px;
	}
	#about .miniNav {
	  	height: 10px;
	  	position: absolute;
	  	top: 0px;
	  	right: -30px;
	  	z-index:0;
	}

	
	#about p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
	}

	#about h5{
	
	color: #777;
	font-size:20px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}
	
	#about .badge{
		z-index:999; position:absolute;margin-top:-17%; margin-left:50px;
		
	}
	#about h1{
	
	font-family:'Gill Sans MT'; font-size:52px; color:#002859;
	
}
	#about h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#about h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}
#about h2{
	font-family:'Gill Sans MT';
	font-size:22px;
	line-height:30px;
		text-align:left;
		color:#fff;

}
#about h6{
	font-family:'Gill Sans MT';
	font-size:17px;
	line-height:30px;
	text-align:left;
}
#about li p{
	font-family:'Gill Sans MT';
	font-size:15px;
	line-height:30px;
		margin-left:20px;
				text-align:left;

	
}	
#about .about_badge{width:100%; height:120px;}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 45px auto;
	z-index:2;
	margin-right:20%;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}

#about .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index:0;
}
	#about p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}

#about h5{
	
	color: #777;
	font-size:20px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}
	
#about .badge{
		z-index:999; position:absolute;
		width:40%;
		margin-left:31%;	
		margin-top:-30%;
	}
		#about h1{
	
	font-family:'Gill Sans MT'; font-size:32px; color:#002859; line-height:30px
	
}
	#about h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
	text-align:left;
}
#about p{		
				font-family:'Gill Sans MT';
				font-size:14px;
	}
#about h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	
	line-height:20px;
	margin-left:16%;
}
#about h2{
	font-family:'Gill Sans MT';
	font-size:18px;
	line-height:15px;
		text-align:left;
		color:#fff;

}
#about h6{
	font-family:'Gill Sans MT';
	font-size:12px;
	line-height:15px;
	text-align:left;
}
#about li p{
		font-family:'Gill Sans MT';
		font-size:12px;
		line-height:20px;
		margin-left:0px;
		text-align:left;

	
}	
#about .carimg{
	width:48%;
}
#about .testiimg{
	width:40%;
	height:1%;
}
#about .about_badge{width:85%; height:120px; margin-top:5%;}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	margin-right:30%;
}
#about .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: ;
  z-index:0;
}
.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}

	
	#about p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}

#about h5{
	
	color: #777;
	font-size:20px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}
	
	#about .badge{
		z-index:999; position:absolute;
		width:30%;
		margin-left:36%;	
		margin-top:-21%;
	}
	#about h1{
	
	font-family:'Gill Sans MT'; font-size:52px; color:#002859; line-height:52px;
	
}
	
	#about h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#about h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}
#about h2{
	font-family:'Gill Sans MT';
	font-size:22px;
	line-height:20px;
		text-align:left;
		color:#fff;

}
#about h6{
	font-family:'Gill Sans MT';
	font-size:16px;
	line-height:20px;
	text-align:left;
}
#about li p{
				font-family:'Gill Sans MT';
				font-size:14px;
				line-height:20px;
				margin-left:20px;
				text-align:left;

	
}	
#about .testiimg{
	width:40%;
}
#about .about_badge{width:70%; height:120px;}
}



/* ----------------------------------------------------------- */
/*                     Benefits PAGE                           */
/* ----------------------------------------------------------- */
#benefits h1{
	color:#2eb135;
	font-size:60px;
	font-weight:bold;
	
}
#benefits p{
	color:#fff;
}
#benefits h5{
	
	color: #fff;
	font-size:24px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}	
	

#benefits h4{
	color:#fff;
	font-size:32px;
	line-height:33px;
	
}

#benefits li h4 {
	color:#fff;
	font-size:16px;
	
}

#benefits h6{
	color:#fff;
	font-size:20px;
	
}


		
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#benefits h1{
	color:#2eb135;
	font-size:32px;
	
}
#benefits p{
	color:#fff;
	
}
#benefits h4{
	color:#fff;
	font-size:32px;
	line-height:33px;
	
}

#benefits li h4 {
	color:#fff;
	font-size:16px;
	
}
#benefits h5{
	
	color: #fff;
	font-size:24px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}	
	

#benefits h6{
	color:#fff;
	font-size:20px;
	
}

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {


#benefits h1{
	color:#2eb135;
	font-size:60px;
	
}
#benefits p{
	color:#fff;
	
}
#benefits h4{
	color:#fff;
	font-size:32px;
	line-height:33px;
	
}

#benefits li h4 {
	color:#fff;
	font-size:16px;
	
}
#benefits h5{
	
	color: #fff;
	font-size:24px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}	
	
#benefits h6{
	color:#fff;
	font-size:20px;
	
}

}

@media only screen and (min-width: 100px) and (max-width: 350px) {
	
	
	
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {


#benefits h1{
	color:#2eb135;
	line-height:35px;
	margin:3% auto;
	font-weight:bold;
	
	
}
#benefits p{
	color:#fff;
	
}
#benefits h4{
	color:#fff;
	font-size:32px;
	line-height:33px;
	
}

#benefits li h4 {
	color:#fff;
	font-size:15px;
	
}
#benefits h5{
	
	color: #fff;
	font-size:24px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}	
	
#benefits h6{
	color:#fff;
	font-size:20px;
	
}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#benefits h1{
	color:#2eb135;
	font-size:38px;
	
}
#benefits p{
	color:#fff;
	
}
#benefits h4{
	color:#fff;
	font-size:32px;
	line-height:33px;
	
}

#benefits li h4 {
	color:#fff;
	font-size:16px;
	
}
#benefits h5{
	
	color: #fff;
	font-size:24px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;
	}	
	
#benefits h6{
	color:#fff;
	font-size:20px;
	
}


}


/* ----------------------------------------------------------- */
/*                     How TO Use PAGE                           */
/* ----------------------------------------------------------- */
#how p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}

#how carousel p{
	
	color: #fff;
	font-size:14px;
}
#how .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
#how h1{
	
	font-family:'Gill Sans MT'; font-size:72px; color:#002859;font-weight: bold;
	
}
#how h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#how h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}

	#how h2{
		
	font-family: 'Gill Sans MT';
	font-size: 28px;
	line-height: 33px;
	text-align: left;
	color: #fff;
	margin-bottom: 0;

}
#how h6{
	
	font-family: 'Gill Sans MT';
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 10px;
	
}

#how li p{
			font-family:'Gill Sans MT';
			font-size:15px;
			line-height:16px;
			margin-left:20px;
			text-align:left;
			color:#777777;
			font-weight:lighter;
			margin-top:-3%;
			

	
}
#how .testiimg{
	width:213px;
	height:225px;
}	

#how .about_badge{width:100%; height:120px;}
#how .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: -30px;
  z-index:0;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.socialIcons{
		position: relative;
		display: inline-block;
		margin: 30px auto 40px auto;
		z-index:2;
		float:left;
		margin-right:7%;
	}
	
	.socialIcons li{
		position: relative;
		display: inline;
		list-style: none;
		text-indent: -9999px;
		float: left;
		width: 32px;
		height: 32px;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.socialIcons li.last{
		margin-right: 0;
	}
	
	.socialIcons li a{
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: 32px;
		width: 32px;
	}
	
	#how .miniNav {
	  height: 10px;
	  position: absolute;
	  top: 0px;
	  right: -30px;
	  z-index:0;
	}
	
	
	#how p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
	}
	
	
	#how .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
	#how h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
	}
	#how h3
	{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
	}
	
	#how h2{
	font-family:'Gill Sans MT';
	font-size:20px;
	line-height:30px;
	text-align:left;
	color:#fff;
	}

	#how h6{
	font-family:'Gill Sans MT';
	font-size:14px;
	line-height:30px;
	text-align:left;
	}
	#how li p{
	font-family:'Gill Sans MT';
	font-size:14px;
	line-height:30px;
	margin-left:20px;
	text-align:left;
	}
	#how .about_badge{
	width:100%;
	height:120px;
	}	
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	.socialIcons{
		position: relative;
		display: inline-block;
		margin: 30px auto 40px auto;
		z-index:2;
		margin-right:7%;
	}
	
	.socialIcons li{
		position: relative;
		display: inline;
		list-style: none;
		text-indent: -9999px;
		float: left;
		width: 32px;
		height: 32px;
		overflow: hidden;
		margin-right: 5px;
		margin-bottom: 5px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.socialIcons li.last{
		margin-right: 0;
	}
	
	.socialIcons li a{
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: 32px;
		width: 32px;
	}
	#how .miniNav {
	  	height: 10px;
	  	position: absolute;
	  	top: 0px;
	  	right: -30px;
	  	z-index:0;
	}

	
	#how p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
	}


	
	#how .badge{
		z-index:999; position:absolute;margin-top:-17%; margin-left:50px;
		
	}
	#how h1{
	
	font-family:'Gill Sans MT'; font-size:52px; color:#002859;
	
}
	#how h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#how h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}
#how h2{
	font-family:'Gill Sans MT';
	font-size:22px;
	line-height:30px;
		text-align:left;
		color:#fff;

}
#how h6{
	font-family:'Gill Sans MT';
	font-size:17px;
	line-height:30px;
	text-align:left;
}
#how li p{
	font-family:'Gill Sans MT';
	font-size:15px;
	line-height:30px;
		margin-left:20px;
				text-align:left;

	
}	
#how .about_badge{width:100%; height:120px;}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 45px auto;
	z-index:2;
	margin-right:20%;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}

#how .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index:0;
}
	#how p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}


	
#how .badge{
		z-index:999; position:absolute;
		width:40%;
		margin-left:31%;	
		margin-top:-30%;
	}
		#how h1{
	
	font-family:'Gill Sans MT'; font-size:32px; color:#002859; line-height:30px
	
}
	#how h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
	text-align:left;
}
#how p{		
				font-family:'Gill Sans MT';
				font-size:14px;
				
	}
#how h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	
	line-height:20px;
	
}
#how h2{
	font-family:'Gill Sans MT';
	font-size:18px;
	line-height:15px;
		text-align:left;
		color:#fff;

}
#how h6{
	font-family:'Gill Sans MT';
	font-size:12px;
	line-height:15px;
	text-align:left;
}
#how li p{
		font-family:'Gill Sans MT';
		font-size:12px;
		line-height:20px;
		margin-left:0px;
		text-align:left;

	
}	
#how .carimg{
	width:48%;
}
#how .testiimg{
	width:40%;
	height:1%;
}
#how .about_badge{width:85%; height:120px; margin-top:5%;}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.socialIcons{
	position: relative;
	display: inline-block;
	margin: 30px auto 40px auto;
	z-index:2;
	margin-right:30%;
}
#how .miniNav {
  height: 10px;
  position: absolute;
  top: 0px;
  right: ;
  z-index:0;
}
.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 32px;
	width: 32px;
}

	
	#how p{
	
	color: #777;
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}


	
	#how .badge{
		z-index:999; position:absolute;
		width:30%;
		margin-left:36%;	
		margin-top:-21%;
	}
	#how h1{
	
	font-family:'Gill Sans MT'; font-size:52px; color:#002859; line-height:52px;
	
}
	
	#how h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#how h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}
#how h2{
	font-family:'Gill Sans MT';
	font-size:22px;
	line-height:20px;
		text-align:left;
		color:#fff;

}
#how h6{
	font-family:'Gill Sans MT';
	font-size:16px;
	line-height:20px;
	text-align:left;
}
#how li h5{color: #777;
	font-size:18px;
	padding-left:1%;
	padding-right:1%;
	font-weight:lighter;}

#how li p{
				font-family:'Gill Sans MT';
				font-size:14px;
				line-height:20px;
				margin-left:20px;
				text-align:left;

	
}	
#how .testiimg{
	width:40%;
}
#how .about_badge{width:70%; height:120px;}
}

/* ----------------------------------------------------------- */
/*                     BUY NOW PAGE                           */
/* ----------------------------------------------------------- */

#buy p{
	
	
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}

#buy carousel p{
	
	color: #fff;
	font-size:14px;
}
#buy .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
#buy h1{
	
	font-family:'Gill Sans MT'; font-size:72px;
	
}
#buy h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#buy h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}

#buy h2{
		
	font-family: 'Gill Sans MT';
	font-size: 28px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	margin-bottom: 0;

}
#buy h6{
	
	font-family: 'Gill Sans MT';
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 10px;
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#buy p{
	font-size:14px;
	padding-left:1%;
	padding-right:1%;
}

#buy carousel p{
	
	color: #fff;
	font-size:14px;
}
#buy .badge{
		z-index:999; position:absolute;margin-top:-100px; margin-left:50px;
		
	}
#buy h1{
	
	font-family:'Gill Sans MT'; font-size:32px; line-height:80%;
	
}
#buy h4{
	font-family:'Gill Sans MT';
	font-size:20px;
	color:#002859;
}
#buy h3{
	font-family:'Gill Sans MT';
	font-size:22px;
	color:#999999;
	line-height:30px;
}

#buy h2{
		
	font-family: 'Gill Sans MT';
	font-size: 18px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	margin-bottom: 0;

}
#buy h6{
	
	font-family: 'Gill Sans MT';
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 10px;
	
}
	
.buy-now{position: absolute;	margin-left:28%; margin-top:-8%;}
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* ----------------------------------------------------------- */
/*                     PORTFOLIO PAGE                          */
/* ----------------------------------------------------------- */



/* Megafolio custom */

.filter_padder {	
  position: relative;
  float: left;
  text-align: center;
  padding:0px; 
  margin:30px auto 20px; 
  box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
  
}

.filter_wrapper	{	
   text-align: center;
	background:none;
	background-color:transparent;
	border-radius:0;
	padding:0;
	position:relative;
  display: inline-block;

}

.filter	{	
	
	margin-right:24px; 
	font-family:Gill Sans MT;
	font-size:15px;
  	line-height:24px;
  	color:#fff; 
	float:left; 
	font-weight:400; 
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.filter_padder form{
  width: 250px;
  margin: 0 auto; 
  display:none;
}

.filter_padder form select{
   padding: 5px 10px 5px 10px;
   
}

.mega-entry {
	font-family: 'Droid Sans', sans-serif;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	border:none
}

.mega-entry .mega-entry-innerwrap {	
overflow: hidden;
}


.mega-hoverview	{	
	left:50%; 
	margin-left:40px; 
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	background: #fff url(../image/play.png) no-repeat center;
	top:66px;
}

.mega-hoverlink{	
	right:50%; 
	margin-right:40px; 
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	background: #fff url(../images/icons/plus.png) no-repeat center;
}

.mega-hoverlink,
.mega-hoverview{
margin-top:-16px;

}

.mega-hover .mega-hovertitle	{	
bottom:-30px;
padding-bottom: 11px;
left:-10px;
right:10px;
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display:none;
}


.mega-hover:hover .mega-hovertitle	{	
bottom:0;
}

.mega-hover:hover .mega-hoverview:hover,
.mega-hover:hover .mega-hoverlink:hover
{	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;

}

.fatcaption-bottom, .mega-hovertitle{	
  	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size:14px;
	line-height:15px;
	background: #143053;
	padding: 10px 0px;
	margin-top:1px;

	
}

.mega-hover:hover + .fatcaption-bottom,
.mega-hover.over + .fatcaption-bottom{
	background: #143053;
	display:none;
}

.mega-hovertitle{	
	background: none;
}



.fatcaption-bottom .subtitle, .mega-hovertitle .mega-hoversubtitle {	
	color:#fff; 
	font-size:11px; 
	line-height:13px; 
	font-weight: 400; 
	margin-top: 5px;
	font-family: 'Droid Sans', sans-serif;
}

/*Portfolio single*/

.portfolioSingle footer{
 font-family: 'Oswald', sans-serif;
 font-size: 32px;
}

.portfolioSingle img{
 max-width: 100%;
}


.portfolioSingle footer .back{
 cursor: pointer;
  float: right;
  line-height: 31px;
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.portfolioSingle .socialIcons li{
 margin-bottom:0;
}

.portfolioSingle .socialIcons{
 margin-left: 36px;
 margin-bottom: 30px;
 margin-top:-25px;
}


.container.portfolio{
 overflow: hidden;
}

.portfolioSingleContainer{
	/*
  position: absolute;
  left:100%;
  z-index:999;
  */
}

.portfolioSingle footer .back .button{
	position: relative;

  float: left;
	width: 30px;
	height: 30px;
  margin-top:0;
	margin-right: 10px;
margin-top: 1px;
	background: #fff url('../images/icons/close.png') no-repeat;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




/*  #Mobile
================================================== */

@media only screen and (max-width: 767px) {
	
	.filter_padder form{
	  display:inline-block;
	}
	
	.filter_wrapper	{
	  display:none;	
	}
	
	.portfolioSingle .socialIcons{
	 margin-top: 15px;	
	 margin-left: 0px;	
	}
	
	.portfolioSingle .socialIcons li{
	 margin-bottom: 10px;	
	}
	
	.portfolioSingle footer .back{
	  float: left;
	  margin-top: 5px;	
	}
	
	.portfolioSingle footer .back .button{
		float: right;
		margin-left: 10px;	
	}
	
	.portfolioSingle h1{
	 line-height: 72px;
	}

}






/* ----------------------------------------------------------- */
/*                        NEWS PAGE                            */
/* ----------------------------------------------------------- */

.news figure{
	float: left;
	width:150px;
	height: 150px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.news figure img{
	margin: 9px 0 0 9px;
}

.news article h3{
	margin-top: 0px;
  margin-bottom:0;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




.news article{
  margin-left: 160px;
  margin-top: 13px;

}


.news article .content{
  margin-top: 10px;
}





/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .news figure{
    float: none;
  }
  
  .news article h3{
	font-size: 30px;
  line-height: 42px;

}
  
  .news article h4{

}

.news article{
  margin-left: 0px;
  margin-top: 13px;

}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}



/* ----------------------------------------------------------- */
/*                      CONTACT PAGE                           */
/* ----------------------------------------------------------- */


/* contact form */



.contactForm hr {
    color: inherit;
    height: 0;
    margin: 6px 0 6px 0;
    padding: 0;
}

.quote span.black{
 display: inline-block;
  margin-bottom: 8px;
}



/* Form style */

.contactForm p.info{
  display: inline;
}

.contactForm label {
    display: inline-block;
    float: left;
    height: 26px;
    width: 155px;

}

.contactForm label input{
    display: inline-block;
    float: left;
    height: 18px;
}

.contactForm input, select {
    width: 215px;
    margin: 0;
	padding: 7px 4px 7px 4px;
    margin-bottom: 10px;
}


.contactForm select {
	width: 225px;
}

.contactForm textarea{
 width: 100%;
 margin-bottom: 5px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.contactForm input[type="text"], .contactForm textarea {
    border:1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




.contactForm input.submit {
	margin-top: 5px;
    float: right;
	line-height: 14px;
    font-weight: normal;
    width: auto;
	padding: 18px;
    cursor: pointer;
    border: 0px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

@-moz-document url-prefix() {
   .contactForm input.submit {
	  padding:11px;
	}
}



.contactForm input[type="submit"][disabled] {
    background: #888;
    cursor: default;
}

.contactForm fieldset {
}

.contactForm label.radio {
    display: block;
    width: 100%;
	margin: 0px 0 0px 0;

}


.contactForm #verifyImage{
  width: auto;
  margin: -5px 20px 0 0px;
  float: left;
}

.contactForm #verify{
  width: auto;
  margin: -5px 20px 0 0;
 float: left;
}
.contactForm p{
  margin-bottom: 8px;
}
.verifyText{
  margin-top: 3px;
  margin-bottom:40px;
}


.contactForm span.required {
    font-size: 13px;
} /* Select the colour of the * if the field is required. */

#message {
    margin: 10px 0;
    padding: 0;
}

.error_message {
    display: block;
    line-height: 22px;
    border: none;
    background: none;
    padding: 0;
    color: #000;
    margin-bottom: 20px;
}



ul.error_messages {
    margin: 0 0 0 0px;
    padding: 0;
}

ul.error_messages li {
   
    line-height: 22px;

}

.loader {
    padding: 0 10px;
}

.contactForm #success_page {
    display: block;
    line-height: 22px;
    border: 1px solid #6dd900;
    background: #c8f7a8 url(../images/icons/success.png) no-repeat 15px 12px;
    padding: 14px 15px;
    padding-left: 55px;
    color: #000;
}


input[type="checkbox"] {
    width: 20px !important;
    margin: 4px 0 0;
    margin-top: 1px \9;
    float: left;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

input[type="radio"] {
    width: 20px !important;
}


.error_message h2{
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #f00;
}

.contactForm #success_page h2{
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 24px;
    color: #00b200;	
}

.contactForm #success_page {
    display: block;
    line-height: 22px;
    border: none;
    background: none;
    padding: 0;
    color: #000;
}




/* #Media Queries - Responsive
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 999px) {
	
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {



}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


  
    .contactForm #verifyImage{
  margin: 0px 10px 0 0px;
    
}

.contactForm #verify{
  margin: 0px 0px 0 0;
}

.verifyText{
  margin-top: 4px;
}
  
.twelve.columns .contactForm #verifyImage{
  margin: 0px 0px 10px 0px;   
}
  
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

  
  .contactForm #verifyImage{
  margin: 5px 10px 0 0px;
}

.contactForm #verify{
  margin: 5px 10px 0 0;
}

.verifyText{
  margin-top: 5px;
}
  
  .twelve.columns .contactForm #verifyImage{
  margin: 5px 10px 0 0px;  
}

}	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}


/* ----------------------------------------------------------- */
/*                        CAROUSEL                             */
/* ----------------------------------------------------------- */
.carousel{
  text-align: center;
}
.carousel ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

.carousel ul li{
	display: block;
	float: left;
}


.carousel img { 
	max-width: 100%;
}


.carouselNav{
	top: 100px;
}

.carouselNav a {
    position: absolute;
  z-index:1;
   float: left;
    height: 42px;
    width: 25px;
    opacity: .6;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	cursor: pointer;
}

.carouselNav .prev {
    background: url('../images/supersized/back.png');
    left: 20px;
	
}

.carouselNav .next {
    background: url('../images/supersized/forward.png');
  right: 20px;
  
}


.carouselNav a:hover {
   opacity: 1; 
}



/* ----------------------------------------------------------- */
/*                     CALL TO ACTION                          */
/* ----------------------------------------------------------- */

.actionBox{
  position: relative;
  display: block;
  padding: 10px 2px 13px 20px;
  border-left: 10px solid #eee;
  clear: both;
}

.actionBox h5{
line-height: 24px;
}

.actionBox p{
  margin:0 !important;
  
}

.actionBox a{
  float: right;
  position: relative;
  margin-left: 20px;
  margin-top: 8px;
  margin-right: 15px;
}

.onefourth .actionBox a{
  float: left;
  margin-left: 15px;
  margin-bottom: 10px;
}

.onefifth .actionBox a{
  float: left;
  margin-left: -5px;
  margin-bottom: 10px;
}


/* #Media Queries - Responsive
================================================== */


	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	.onefourth .actionBox a{
	  float: left;
    padding: 20px;
	  margin-left: 0px;
	  margin-bottom: 10px;
	}
	
	.onefifth .actionBox a{
	  float: left;
    padding: 20px;
	  margin-left: 0px;
	  margin-bottom: 10px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.onefourth .actionBox a{
	  float: right;

	}
	
	.onefifth .actionBox a{
	  float: right;

	}
  


}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


	
	
}




/* ----------------------------------------------------------- */
/*                         progressbars                              */
/* ----------------------------------------------------------- */

.progressbars .over{
	background-color:#2eb135;
}

.progressbars .under, .progressbars .over{
  position: absolute;
  display: block;
  height: 10px;
}

.progressbars .under{
  width: 100%;
}

.progressbars .over{
  width: 0;
}

.progressbars li{
 margin-bottom: 30px;	
}

.progressbars li h5{
 margin-bottom: 2px;
 color:#999999;	
 font-size:14px;
}


/* ----------------------------------------------------------- */
/*                           TABS                              */
/* ----------------------------------------------------------- */

.ui-tabs {
    zoom: 1;
}

.ui-tabs ul{

}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    overflow: hidden;
    z-index: 1000;
	margin-bottom: 2px;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    float: left;

  
  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ui-tabs .ui-tabs-nav li:last-child {
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    padding: 15px 20px;
	padding-bottom: 16px;
    color: #fff;
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 13px;
  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected {
}


.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    position: relative;
    height: auto !important;
    padding: 16px 20px;
	padding-bottom: 10px;
  
}

.ui-tabs .ui-tabs-panel p {
  margin-bottom: 10px;
  display: inline-block;
}

.ui-tabs .ui-tabs-panel p.row {
  margin-bottom: 20px;
}

.ui-tabs .ui-tabs-panel a {

}

.ui-tabs .ui-tabs-panel a:hover {

}


.ui-tabs .ui-tabs-panel p img {
  float: left;
  margin-right: 10px;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/* ----------------------------------------------------------- */
/*                       TEAM MEMBER                           */
/* ----------------------------------------------------------- */

.teamMember{
	position: relative;
}

.teamMember h5{
 line-height: 20px;	
   margin-left: 2px;
   color:#20466c;
}

.teamMember img{
  margin-bottom: 15px;
  float: left;
  margin-right: 15px;
  
}

.teamMember p{
  margin:0;

}

.teamMember .socialIcons, .teamMember ul.socialIcons{
   margin-top: 9px;
   margin-right:35%;
}

.teamMember small
{
  margin-bottom: 3px;
  font-size:13px;
  color:#999999;
}


.one .teamMember { width: 960px;}
.onehalf .teamMember{ width: 470px;}
.onethird .teamMember { width: 316px;}
.twothird .teamMember { width: 633px;}
.onefourth .teamMember { width: 225px;}
.threefourth .teamMember { width: 715px;}
.onefifth .teamMember { width: 176px;}
.twofifth .teamMember { width: 372px;}
.threefifth .teamMember { width: 568px;}
.fourfifth .teamMember  { width: 764px;}



/* #Media Queries - Responsive
================================================== */


	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {

	.one .teamMember { width: 728px;}
	.onehalf .teamMember{ width: 354px;}
	.onethird .teamMember { width: 228px;}
	.twothird .teamMember { width: 478px;}
	.onefourth .teamMember { width: 167px;}
	.threefourth .teamMember { width: 541px;}
	.onefifth .teamMember { width: 128px;}
	.twofifth .teamMember { width: 278px;}
	.threefifth .teamMember { width: 428px;}
	.fourfifth .teamMember  { width: 580px;}

	.teamMember img{ margin-bottom: 10px;}
	.miniNav {  height: 10px; position: absolute; top: 0px; right: -30px; z-index:0;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	
	.one .teamMember { width: 270px;}
	.onehalf .teamMember{ width: 270px;}
	.onethird .teamMember { width: 270px;}
	.twothird .teamMember { width: 270px;}
	.onefourth .teamMember { width: 270px;}
	.threefourth .teamMember { width: 270px;}
	.onefifth .teamMember { width: 270px;}
	.twofifth .teamMember { width: 270px;}
	.threefifth .teamMember { width: 270px;}
	.fourfifth .teamMember  { width: 270px;}
	
	.teamMember img{ margin-bottom: 10px;}
	.miniNav {  height: 10px; position: absolute; top: 0px; right: -30px; z-index:0;}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
	.one .teamMember { width: 390px;}
	.onehalf .teamMember{ width: 390px;}
	.onethird .teamMember { width: 390px;}
	.twothird .teamMember { width: 390px;}
	.onefourth .teamMember { width: 390px;}
	.threefourth .teamMember { width: 390px;}
	.onefifth .teamMember { width: 390px;}
	.twofifth .teamMember { width: 390px;}
	.threefifth .teamMember { width: 390px;}
	.fourfifth .teamMember  { width: 390px;}
	.teamMember img{ margin-bottom: 10px;}
	.miniNav {  height: 10px; position: absolute; top: 0px; right: -30px; z-index:0;}
	
	
	
}








/* ----------------------------------------------------------- */
/*                         SLIDERS                             */
/* ----------------------------------------------------------- */


/* #Mini slider - one fourth
================================================== */
.miniSlider{
  overflow: hidden;
  margin-bottom: 7px;
}

.miniSlider ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: 0px;
}

.miniSlider ul li{
 position: relative;
 display: inline;
 float: left;
}


.miniSlider .socialIcons{
  margin-top: 10px;
}


.miniNav1 {
  height: 80%;
  position: absolute;
  top: 30px;
  left: 104%;
  width:2px;
  border-left:1px solid #999999;
  border-right:1px solid #999999;
}
.miniNavBtn {
  display: inline;
  float: left;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/* #tiny accordion
================================================== */

.acc {
    list-style: none;
	margin-top: 10px;
	width: 100%;
}

.acc .separator{
	margin:0;
}



.acc h4 {
	position: relative;
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 13px;
	line-height: 21px;
    margin-bottom: 0px;
    cursor: pointer;
	padding: 5px 5px 8px 0px;
    -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
    -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
    -o-transition: color 0.2s ease-out, background 0.2s ease-out;
    -ms-transition: color 0.2s ease-out, background 0.2s ease-out;
    transition: color 0.2s ease-out, background 0.2s ease-out;
}



.acc h4 .icon{
  position: relative;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 14px;
  margin-top: 2px;
  overflow: hidden;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}




.acc .acc-section {
   overflow: hidden;
   background:#777;
   color:#fff;
    padding:5px 5px;
}

.acc .acc-content {
   width: 100%;
   padding: 4px 0 10px 0;
   margin-bottom: 5px;
}


/* #Media Queries - accordion
================================================== */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  
}




/* ----------------------------------------------------------- */
/*                      FLEX SLIDER                            */
/* ----------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin-top: 6px;
    background: #fff;
    position: relative;
    zoom: 1;
}

.flexslider.small {
  border: none;
}

.flexslider.small + h4{
  margin-top: 15px;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}




/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    margin: 20px 10px -20px 10px;
    display: block;
    position: absolute;
    bottom: 50%;
    cursor: pointer;
    text-indent: -9999px;
   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.flexslider.small .flex-direction-nav a{
     width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	bottom: 30px;
}


/*
.arrowvisible .flex-direction-nav a {
    opacity: 0.8;
}
*/
.flex-direction-nav .flex-next {
    background: #333 url(../images/icons/flexRight.png) no-repeat center center;
    right: 0px;
}

.flex-direction-nav .flex-prev {
	background: #333 url(../images/icons/flexLeft.png) no-repeat center center;
    left: 0px;
}

.flexslider:hover .flex-next {
    right: 0px;
}

.flexslider:hover .flex-prev {
    left: 0px;
}



.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    top: -19px;
	right:0;
}

.flexslider.border .flex-control-nav {
    right:-10px;
	top: -29px;
}

.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
	
	width: 8px;
	height: 8px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	margin-left: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}



.flex-control-paging li a.flex-active {
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}


/* ----------------------------------------------------------- */
/*                        BUTTONS                              */
/* ----------------------------------------------------------- */
.button {
  font: 16px 'Oswald', sans-serif;
  line-height: 14px;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
  position: relative;

  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  
  margin-right: 10px;
   margin-bottom: 10px;
}

.button.large {
 padding: 28px;
}

.button.normal {
 padding: 18px;
}

.button.small {
 padding: 8px;
}

/*button colors*/

.button {
 color: #fff;
 background-color: #000;
}

.button:hover {
 color: #fff;
 text-decoration: none;
}

.button.reverted {
 color: #fff;
}

.button.reverted:hover {
 color: #fff;
 background-color: #000;
}




/* ----------------------------------------------------------- */
/*                     PRICING TABLES                          */
/* ----------------------------------------------------------- */


.pricingTable{
	position: relative;
    text-align: center;
}

.pricingTable header{
  padding: 15px 0;
}

/*.pricingTable header h4{
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin:0
}
*/
/*.pricingTable .price{
   font: 50px 'Lora', serif;
   margin-top: 15px;
   margin-bottom: 5px;
   margin-left: -16px;

}*/

/*.pricingTable .currency {
   font-size: 25px;
}*/

.pricingTable .recurrence {
  font: 24px 'Droid Sans', sans-serif, Cambria; font-weight: 700;
  margin-bottom: 20px;
}


.pricingTable .features p{
  margin:0;
  padding: 8px 0;
}

.pricingTable .features {

 padding: 0 10px;
 text-align:left;
}

.pricingTable .button {
 display:inline-block;
 margin: 0px auto 25px 0;
}



/* pricing table 5 columns
================================================== */


.ie9 .onefifth .pricingTable .recurrence, .ie8 .onefifth .pricingTable .recurrence {
  clear: both;
}

.onefifth.pricingTable .price{
 font-size: 40px;
}




/* #Media Queries - Responsive
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	
	.onefourth.pricingTable .price{
	 font-size: 36px;
	}
	
	.onefifth.pricingTable .price{
	 font-size: 26px;
	}
	.onefifth.pricingTable .recurrence {
	  font-size: 14px;
	}
	.onefifth.pricingTable .button.normal {
	 padding: 15px 10px;
	}
	
	.PLAY
		{
			margin-left:0;
			margin-top:65%;
		}
		
		.BG_color1
			{
						width:100%;
						height:100%;
						background-color:#7f472e;
						border:3px solid #ff6600;			
			}
	.BG_color2
			{
						width:97%;
						height:97%;
						background-color:#176b47;
						border:3px solid #2fb135;			
			}
	.BG_color3
			{
						width:97%;
						height:97%;
						background-color:#2e6da0;
						border:3px solid #5cb4e4;			
			}
	.BG_color4
			{
						width:97%;
						height:97%;
						background-color:#79882d;
						border:3px solid #f3e800;			
			}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


		

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.PLAY
		{
			margin-left:0%;
			margin-top:50%;
		}
		
	.BG_color1
			{
						width:100%;
						height:100%;
						background-color:#7f472e;
						border:4px solid #ff6600;			
			}
	.BG_color2
			{
						width:98%;
						height:98%;
						background-color:#176b47;
						border:4px solid #2fb135;			
			}
	.BG_color3
			{
						width:98%;
						height:98%;
						background-color:#2e6da0;
						border:4px solid #5cb4e4;			
			}
	.BG_color4
			{
						width:98%;
						height:98%;
						background-color:#79882d;
						border:4px solid #f3e800;			
			}
			
.res-float-right{
		float:right;
}
	

}



/* ----------------------------------------------------------- */
/*                         COLORS                              */
/* ----------------------------------------------------------- */


/*
//////////////////
LIGHT COLOR SCHEME
//////////////////
*/

/*#fff*/
.wrapper.content,
body{
	background-color: #fff;
	float:left;
}

.filter,
.cj-zoom-item{	
/*border-color:#fff; */
}


h6,
h2.alt{
 color: #fff;	
}

/*#000*/
.error_message,
.contactForm #success_page p{
	color: #000;	
}


/*#777*/
body,
p,
h3.alt,
h4.alt,
h5,
.acc h4,
blockquote,
blockquote p,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
.sectionHeader p,
.acc .acc-content{ 
  color: #fff;
}



/*#333*/
h1,
h2{
  color: #002859;
  font-size:72px;
}

.border.large{
  border-color: #333;	
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev{
    background-color: #333;
}

/*#555*/
.pricingTable,
h4,
.news h3,
.actionBox h5,
.pricingTable .features p{
  color: #555;
}

.news figure{
	background-color: #fff;
}

.news h3
{
	color:#fff;
}

/*#aaa*/
.miniNavBtn,
.flex-control-paging li a,
.acc h4 .icon,
.acc .acc-selected .icon,
.mainNavWrapper .socialIcons li:hover,
.mega-hover:hover .mega-hoverview:hover,
.mega-hover:hover .mega-hoverlink:hover{
  background-color: #aaa;
}
.acc .acc-selected{
  background-color: #777;
  margin-top:-5px;
 
  
}

.filter,
.mainnav a:hover,
.mainnav a.selected{	
	color:#fff; 
}

/*#ccc*/
.portfolioSingle footer,
h3{
 color: #ccc;
}

.socialIcons li,
.portfolioSingle footer .back .button,
.progressbars .under{
	background-color: #444444;
}

.separator{
  border-top-color: #999999;
}
.separator1{
  border-top:1px dotted #fff;
}
.separator2{
  border-top:1px dotted #fff;
}
.separator3{
  border-top:1px dotted #777;
}

/*#eee*/
.actionBox,
.ui-tabs .ui-tabs-panel,
.pricingTable{
  background-color: #002859;
}

.pricingTable1{
  background-color: #002859;
}

.pricingTable2{
  background-color:#2eb135;
  
}

.pricingTable3{
  background-color: #2eb135;
}

/*#bbb*/

.ui-tabs .ui-tabs-nav{
  background-color: #bbb;
}

/*#000*/
.contactForm input[type="text"], .contactForm textarea {
 background: rgba(0, 0, 0, 0.1);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01000000', endColorstr='#01000000');
}

.ie8 .contactForm input[type="text"], .ie8 .contactForm textarea {
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10000000', endColorstr='#10000000');
}

.contactForm input[type="text"]:focus, .contactForm textarea:focus {
 background: rgba(0, 0, 0, 0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#00000000');
}

.wrapper footer.small{
 background: rgba(0, 0, 0, 0.1);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01000000', endColorstr='#01000000');
}

.ie8 .wrapper footer.small{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10000000', endColorstr='#10000000');
}



/*
/////////////////
DARK COLOR SCHEME
/////////////////
*/

/*#212121*/
.dark .wrapper.content,
body.dark{
	background-color: #212121;
}

.dark .mega-entry .mega-entry-innerwrap,
.dark .filter{	
border-color:#212121; 
}


.dark h6,
.dark h2.alt{
 color: #fff;	
}

/*#999*/
.dark body,
.dark p,
.dark h3.alt,
.dark h4.alt,
.dark h5,
.dark .acc h4,
.dark blockquote,
.dark blockquote p,
.dark input[type="text"],
.dark input[type="password"],
.dark input[type="email"],
.dark textarea,
.dark select,
.dark .acc .acc-content{ 
  color: #999;
}

/*#fff*/
.dark h1,
.dark h2,
.dark .pricingTable,
.dark h4,
.dark .actionBox h5,
.dark .pricingTable .features p,
.dark .error_message,
.dark .contactForm #success_page p{
  color: #fff;
}




.dark .news figure{
	background-color: #fff;
}


.dark .contactForm input[type="text"], .dark .contactForm textarea {
 background: rgba(255, 255, 255, 0.1);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01FFFFFF', endColorstr='#01FFFFFF');
}

.ie8 .dark .contactForm input[type="text"], .ie8 .dark .contactForm textarea {
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10FFFFFF', endColorstr='#10FFFFFF');
}

.dark .contactForm input[type="text"]:focus, .dark .contactForm textarea:focus {
 background: rgba(255, 255, 255, 0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');
}


.dark .wrapper footer.small{
 background: rgba(255, 255, 255, 0.1);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01FFFFFF', endColorstr='#01FFFFFF');
}

.ie8 .dark .wrapper footer.small{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10FFFFFF', endColorstr='#10FFFFFF');
}



/*#888*/
.dark .miniNavBtn,
.dark .flex-control-paging li a,
.dark .acc h4 .icon,
.dark .acc .acc-selected .icon{
  background-color: #888;
}

/*#777*/
.dark .filter,
.dark small{	
	color:#777; 
}


/*#444*/
.dark .portfolioSingle footer,
.dark h3{
 color: #444;
}

.dark .socialIcons li,
.dark .portfolioSingle footer .back .button,
.dark .progressbars .under{
	background-color: #444;
}

.dark .separator{
  border-top-color: #444;
}

/*#151515*/
.dark .actionBox,
.dark .ui-tabs .ui-tabs-panel,
.dark .pricingTable{
  background-color: #151515;
}

/*#bbb*/
.dark .pricingTable header,
.dark .ui-tabs .ui-tabs-nav{
  background-color: #111;
}

/*#aaa*/
.dark .mainnav a:hover,
.dark .mainnav a.selected,
.dark .sectionHeader p{	
	color:#fff; 
}

.dark .mainNavWrapper .socialIcons li:hover,
.dark .mega-hover:hover .mega-hoverview:hover,
.dark .mega-hover:hover .mega-hoverlink:hover{
	background-color: #aaa;
}

/*#aaa*/
.dark .border.large,
.dark .cj-zoom-item{
  border-color: #080808;	
}

.dark .flex-direction-nav .flex-next,
.dark .flex-direction-nav .flex-prev{
    background-color: #080808;
}





/*
/////
ICONS
/////
*/
blockquote {
	background: transparent url('../images/icons/quoteDark.png') no-repeat;
}

.dark blockquote {
	background: transparent url('../images/icons/quoteLight.png') no-repeat;
}

.acc h4 .icon{
  background: #aaa url('../images/icons/acc.png') 4px 4px no-repeat;
}
.acc .acc-selected .icon{
  background: #aaa url('../images/icons/acc.png') 4px -14px no-repeat;
}

.dark .acc h4 .icon{
  background: #888 url('../images/icons/accDark.png') 4px 4px no-repeat;
}
.dark .acc .acc-selected .icon{
  background: #888 url('../images/icons/accDark.png') 4px -14px no-repeat;
}

#supersized-loader,
#supersized li.image-loading {
    background: url(../images/supersized/preloader_light.gif) no-repeat center center;
}

.dark #supersized-loader,
.dark #supersized li.image-loading {
    background: url(../images/supersized/preloader_dark.gif) no-repeat center center;
}





/*
///////////////
OVERRIDE COLORS
///////////////
*/
.mailchimp input[type="text"],
.dark .news article h3{
 color: #fff;
}

.mailchimp .separator{
  border-top-color: #fff;
}

.socialIcons.black li{
	background-color: none;
}

.cj-zoom-item {

	/*-moz-box-shadow: 0px 5px 10px #BBB;
	-webkit-box-shadow: 0px 5px 10px #BBB;
	-o-box-shadow: 0px 5px 10px #BBB;
	-ms-box-shadow: 0px 5px 10px #BBB;
	box-shadow: 0px 5px 10px #BBB;*/
				
}

.dark .cj-zoom-item {

	/*-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 4px 5px #000;
	-o-box-shadow: 0px 0px 4px #000;
	-ms-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;*/
				
}



/*
///////////////
HIGHLIGHT COLOR
///////////////
*/

/*.highlightColor,
h1.highlightColor, 
h2.highlightColor, 
h3.highlightColor, 
h4.highlightColor, 
h5.highlightColor, 
h6.highlightColor,
.portfolioSingle footer .back:hover,
.news article h3:hover,
.news article h3.over,
.news.selected > article h3,
.acc h4.acc-selected,
a, 
a:visited{
 color: #ff6600;
}*/

.videos_inner {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 60px 0px;
  padding-left:10%;
}

.filter:hover,
.filter.selected
{
	color:#2eb135 !important;
}

.Home:hover,
.Home.selected
{
	color:#2eb135 !important;	
}

.tipsy-inner, 
.socialIcons li:hover,
.portfolioSingle footer .back:hover > .button,
.news figure:hover,
.news figure.over,
.news.selected > figure,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.miniNavBtn:hover,
.miniNavBtn.miniNavSelected,
.acc .acc-selected .icon,
.dark .acc .acc-selected .icon,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
/*.button:hover,*/
.button.reverted,
.pricingTable header.highlighted,
.dropCap
{
	background-color: #ff6600;
	color:#002859;
}



.filter:hover,
.filter.selected,
.actionBox,
.mega-entry .mega-entry-innerwrap.over,
.contactForm input:focus,
textarea:focus, select:focus{
	border-color: #f60;
}


.tipsy-arrow {
	border-top-color: #f60;
}
.testi_badge
{
	
	position:relative;
	right:0;
	
}
.testimg
{
	position:absolute;
	right:0;
	margin:2% -13% auto;
	width:20%;
	margin-top:-4%;
	z-index: 999;
}
.UCAN-PRODUCTS
{
	width:100%;
	margin-top:17%;
	
}
.Ucan-product-layer1
{
	padding-left:10px;
	padding-right:10px;
	
}




.Ucan-product-layer1-box2
{
	float:left;
}
.Ucan-product-layer1-box2-border
{
	float:left;	
}
.Ucan-product-layer1-box3
{
	float:left;
}

.Ucan-product-layer1-box3-bordertext
{
	background:#002859;
	margin-left:50%;
}
.Ucan-product-layer2
{
	width:80%;
	
}
.Ucan-product-layer3
{
	padding-left:10px;
	padding-right:10px;
	
}
.Ucan-product-layer3-box1
{
	float:left;
}
.howto_pro_icon1
{
	position:absolute;
	margin-top:58%;
	margin-left:10%;
	
}

.howto_pro_icon2
{
	position:absolute;	
	right:0;
	margin-top:58%;
	margin-right:2%;
	
}
.Ucan-product-layer3-box3-img2
{
	z-index:0 auto;
				
}
.Ucan-product-layer3-box3-bordertext
{
	background:#002859;
	margin-left:50%;
}
.txt1
{
	font-size:25px;
	color:#002859;
	margin-top:18%;
	font-family:Gill Sans MT;
		
}
.filter
{
	color:#777777;	
}
.Story
{
		position:absolute;
		width:20%;
		margin-left:-2%;
		z-index:999999;
}

/*
//////////////
Portfolio
//////////////
*/

.test_badge
{
	width:100%;
	height:100%;
	position:absolute;
	margin-top:-4%;
	margin-left:39%;
}

.ICONS
{
	margin-top:-1%;
	margin-left:1%;		
}

.List-A li span 
{ 
		position: relative;
		left: -10px;
		width:240px;
		margin:0 auto; 
}


.List-B
{
		width:240px;
		margin:0 auto;
		position:relative;
		margin-left:-10px;

		
}
.List-C
{
		width:240px;
		margin:0 auto;
		position:relative;
		margin-left:-10px;

		
}
.List-D
{
		width:240px;
		margin:0 auto;
		position:relative;
		margin-left:-10px;

}


a{text-decoration:none;}
a:hover{text-decoration:none;}
.submit{background:#54b948; color:#fff}
.submit:hover{background:#ff6600; color:#fff}
a.button1{ color:#fff;}
a.button1:hover{ color:#ff6600;}

.mpty{width:100%;
height:30px;}

/*
///////////////
UPDATES
///////////////
*/