/* ----------------------------------------------------------- */
/*                         BASICS                              */
/* ----------------------------------------------------------- */

.hidden{
 display: none;	
}

.float-left{
	float: left;
}

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;
}




/* ----------------------------------------------------------- */
/*                       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: 'Source Sans Pro', 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;
	}
}


/* #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) {
	.mailchimp .separator{
	 width: 270px;
	}

}


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

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

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

	.mailchimp .separator{
	 width: 306px;
	}

}



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

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


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

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

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

#portfolio .wrapper.footer{
  background: url(../images/footers/portfolio.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/footers/news.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.quote .speech{
  width: 58px;
  height: 45px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url('../images/icons/quote.png') no-repeat;
}

/*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: 0 auto;
	z-index:2;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 30px;
	height: 30px;
	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: 30px;
	width: 30px;
}



/*Light icons*/
.badoo {background: url('../images/icons/social/light/badoo.png') no-repeat;}
.bebo {background: url('../images/icons/social/light/bebo.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/icons/social/light/facebook.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/icons/social/light/twitter.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/icons/social/light/you_tube.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 .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/icons/social/dark/facebook.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/icons/social/dark/twitter.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/icons/social/dark/you_tube.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                            */
/* ----------------------------------------------------------- */
#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: 57px;
}

#home #slidecaption{
 position: relative;
 top:0;
}


#home .description h2.alt{
   color: #fff;
   line-height: 65px;
   margin-bottom:3px;
}

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

.mainNavWrapper{
 position: absolute;
 width: 100%;
 height: 175px;
 background: rgba(0,0,0,0.7);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46000000', endColorstr='#46000000');
 bottom: 195px;
  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: 59px;
  margin-bottom: 43px;
  z-index:1;
}
.mainnav ul li{
  display: inline;
  font-size: 22px;
  margin-left: 17px;
  font-family: 'Oswald', sans-serif;
}
.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: 400px;
    height: 80px;
    margin: 0 auto;
	
    margin-top: 25px;
	background: url('../images/logo.png') no-repeat left center;
}

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


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

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

@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	.mainnav ul li{
	  font-size: 19px;
	  margin-left: 12px;
	}

}


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

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

@media only screen and (max-width: 767px) {
	
	#home .description{
	  bottom: 110px;
	}
	
	#home .description p{
	  display: none;
	}
	
	#home h2.alt{
	  font-size: 26px;
	}
	
	.mainnav form{
	  display:inline-block;
	   margin-bottom: 7px;
	}

	.mainnav ul{
	  display:none;
	}
	

}


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

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


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

	
	
	#home .description,
	#prevslide, #nextslide{
	 display: none;
	 visibility: hidden;
	}

	
	.mainNavWrapper{
	 position: absolute;
	 width: 100%;
	 height: 175px;
	 background: rgba(0,0,0,0.7);
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46000000', endColorstr='#46000000');
	 bottom: 5px;
	  text-align: center;
	}

	

}

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

	
	#home .description p{
	  width: 390px;
    }

}




/* ----------------------------------------------------------- */
/*                       ABOUT PAGE                            */
/* ----------------------------------------------------------- */



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


/* #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) {

}



/* ----------------------------------------------------------- */
/*                     CREDO PAGE                           */
/* ----------------------------------------------------------- */

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


/* #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:20px; 
	font-family: 'Oswald', sans-serif;
	font-size:15px;
  line-height:24px;
  border-bottom: 4px solid #fff;
	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: 215px;
  margin: 0 auto; 
  display:none;
}

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

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

.mega-entry .mega-entry-innerwrap {	
border:5px solid #fff; 
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(../images/icons/magnify.png) no-repeat center;
}

.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;
  	-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;
}


.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: 'Source Sans Pro', sans-serif; font-weight: 700;
	font-size:15px;
	line-height:15px;
	background: rgba(0,0,0,0.7);
	padding: 10px 0px;
	margin-top:1px;
}

.mega-hover:hover + .fatcaption-bottom,
.mega-hover.over + .fatcaption-bottom{
	background: rgba(0,0,0,0);
}

.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: 'Source Sans Pro', 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: 5px;
 margin-bottom: -1px;
}


.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 .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;	
}


/* ----------------------------------------------------------- */
/*                           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: 'Source Sans Pro', 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;
}

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

.teamMember p{
  margin:0;

}

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

.teamMember small{
  margin-bottom: 5px;
}


.one .teamMember { width: 960px;}
.onehalf .teamMember{ width: 470px;}
.onethird .teamMember { width: 306px;}
.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;}

	
}

/* 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;	
	}
	

}

	/* 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;}

	
	
}








/* ----------------------------------------------------------- */
/*                         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;
}

.miniNav {
  height: 10px;
  position: absolute;
  top: 11px;
  right: 0;
}

.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: 'Source Sans Pro', 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;
}

.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: 15px 'Source Sans Pro', sans-serif; font-weight: 700;
  margin-bottom: 20px;
}


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

.pricingTable .features {
 text-align: center;
 padding: 0 10px;
}

.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;
	}
	
}

/* 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) {



}



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


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

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

.mega-entry .mega-entry-innerwrap,
.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: #777;
}



/*#333*/
h1,
h2{
  color: #333;
}

.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: #555;
}



/*#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;
}


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

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

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

.separator{
  border-top-color: #ccc;
}

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

/*#bbb*/
.pricingTable header,
.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:#aaa; 
}

.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: #fff;
}

.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,
.filter:hover,
.filter.selected,
.portfolioSingle footer .back:hover,
.news article h3:hover,
.news article h3.over,
.news.selected > article h3,
.acc h4.acc-selected,
a, 
a:visited{
 color: #C6D9DE;
}

.tipsy-inner, 
.socialIcons li:hover,
.portfolioSingle footer .back:hover > .button,
.news figure:hover,
.news figure.over,
.news.selected > figure,
.progressbars .over,
.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: #f60;
}



.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;
}



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