/*
Theme Name: Hexic - Multipurpose One Page Responsive WP Theme
Theme URI: http://avathemes.com/WP/Hexic/
Author: AVA Themes
Author URI: http://themeforest.net/user/AVAThemes/portfolio
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: hexic
*/

/* -----------------------------------------
   Loader
----------------------------------------- */

#loading { position: fixed; top: 0; width:100%; height:100%; background: #413E4A; z-index: 999999; display: block !important;}
#loading img { position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px;}

/* -----------------------------------------
   Main Navigation
----------------------------------------- */

.nav-container {
    height:60px; 
    position: relative; 
    z-index: 200;
}

nav {
	background-color:transparent;
	background: url(http://www.tiberiofaedi.it/Barra-Grigia-1.gif) bottom repeat-x;
	z-index: 200;
	width: 100%;
	position: relative;
    float:left;
    height:60px; 
	text-align:center;   	
}

nav ul {
    margin-right:15px;
	list-style: none;
	display: inline-table;
	text-align:center;
	margin:0 auto;
}

nav li {
    text-transform:uppercase;
	display: inline-table;
	list-style: none; 
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size:14px;
	text-transform:uppercase;
	display:inline-block;
	margin:0 auto;  
	padding-top:16px; 
	padding-left:8px;
	padding-right:8px;
}

nav li a {
	text-decoration: none;
	font-size: 16px;
	color: #aaa;
	font-weight: 700;
	display: inline-block;
	margin-right:20px;
    text-align: center;	
	display: inline;
	text-decoration: none;
}

nav li a:hover,
nav li a.selected {
	color: #f20272;
	display: inline;  
}
.sticky {
	position: fixed;
	top: 0px;
	z-index: 200;
}


/* -----------------------------------------
   Homepage
----------------------------------------- */

#header {
	width:100%;
	height:100px;
	background: url(images/backgrounds/debut_light.png);
	position:relative;
	z-index:7000;
	-moz-box-shadow:    0px 1px 7px #444;
  	-webkit-box-shadow: 0px 1px 7px #444;
  	box-shadow:         0px 1px 7px #444;
}

.logo {
	float:left;
	display:block;
	padding-top:10px;
}

.social-media-header {
	float:right;
	padding-top:25px;
}

.social-media-header span {
	width:100%;
	font-family: 'PT Sans', sans-serif;
	text-align:right;
	font-weight:400;
	color:#999;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
	float:right;
}

.icons {
	width:100%;
	margin-top:35px;
}

.icons a {
	width:16px;
	height:16px;
	text-indent:-9999;
	overflow:hidden;
	float:right;
	opacity:0.3;
	margin-left:14px;
}

a.facebook-header {
	background:url(images/social-media/header/6.png) no-repeat center;
}

a.twitter-header {
	background:url(images/social-media/header/5.png) no-repeat center;
}

a.pinterest-header {
	background:url(images/social-media/header/23.png) no-repeat center;
}

a.vimeo-header {
	background:url(images/social-media/header/11.png) no-repeat center;
}

a.youtube-header {
	background:url(images/social-media/header/13.png) no-repeat center;
}

a.instagram-header {
	background:url(images/social-media/header/25.png) no-repeat center;
}

.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.demo-2 .sl-slider-wrapper {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {
	padding: 100px 30px 10px 30px;
	width: 80%;
	max-width: 960px;
	color: #f20272;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.demo-2 .sl-slider h2 {
	font-size: 100px;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	text-align:center;
	font-weight:normal;
	font-family: 'archiveregular';
}

.demo-2 .sl-slider blockquote {
	font-family: 'PT Sans', sans-serif;
	padding-top: 10px;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	color:#f20272;
	font-size:40px !important;
	font-weight:100;
	text-transform:none;
	line-height:40px !important;
	border-left:none;
	text-align:center;
}

.demo-2 .sl-slider blockquote p {
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:20px !important;
	font-weight:400;
	text-transform:none;
	line-height:28px !important;
	border-left:none;
	text-align:center;
}

.demo-2 .sl-slider blockquote cite {
	width:100%;
	color:#fff;
	font-family: 'archiveregular';
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	display: inline-block;
	text-align:center;
}

.demo-2 .bg-img {
	padding: 200px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: -200px;
	left: -200px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* Custom navigation arrows */
.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */
.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.demo-2 .nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

/* Content elements */
.demo-2 .bg-img-1 {
	background-image: url(images/1.jpg);
}
.demo-2 .bg-img-2 {
	background-image: url(images/2.jpg);
}
.demo-2 .bg-img-3 {
	background-image: url(images/3.jpg);
}
.demo-2 .bg-img-4 {
	background-image: url(images/4.jpg);
}
.demo-2 .bg-img-5 {
	background-image: url(images/5.jpg);
}

/* Animations for content elements */
.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */

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

	.demo-2 .sl-slider-wrapper {
		height: 500px;
	}

	.demo-2 .sl-slider h2 {
		font-size: 36px;
	}

	.demo-2 .sl-slider blockquote {
		font-size: 16px;
	}

}

/* -----------------------------------------
   Common Styles
----------------------------------------- */

.content-container {
	background:#fff;
}

.section-heading {
	width:100%;
	margin-top:0px;
	background: url(http://www.sociolab.it/new/wp-content/uploads/2014/09/section-heading1-980x241.jpg) center top no-repeat;
	display:block;
}

h1.section-title {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-top:210px;
	font-family: 'archiveregular';
	color:#505050;
	font-size:47px;
	line-height:47px;
	font-weight:normal;
	text-align:center;
}

h3.section-subtitle {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-top:0px;
	font-family: 'PT Sans', sans-serif';
	color:#FF4500;
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	text-align:center;
}

span.section-subtitle {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-top:0px;
	font-family: 'PT Sans', sans-serif';
	color:#1CA5AF;
	font-size:36px;
	line-height:36px;
	font-weight:normal;
	text-align:center;
}

.section-meta-data {
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:40px;
	display:block;
	margin-top:20px;
}

/* -----------------------------------------
   About Us
----------------------------------------- */

#about {
	background:url(images/backgrounds/white_texture.png) repeat top center;
}

.about-container, .page-container {
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
}

.about-section {
	margin:0 auto;
	padding:0;
	text-align:center;
	height:240px;
	display:block;
	background:none;
	float:left !important;
   	-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;
}

.about-section:hover {
	background:#F20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.about-icon {
	width:100%;
	height:50px;
	margin:0 auto;
	text-align:center;
	margin-top:35px;
	margin-bottom:10px;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.about-section:hover .about-icon {
	margin-top:15px;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.about-icon img {
	margin:0 auto;
}

h2.about-section-title {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:24px;
	font-weight:700;
	text-transform:none;
	line-height:24px;
	margin-bottom:5px;
   	-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;
}

.about-section:hover h2.about-section-title {
	color:#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;
}

p.about-section-content {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
   	-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;
}

.about-section:hover p.about-section-content {
	color:#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;
}

span.about-section-read-more {
	background:url(images/about-read-more.jpg) top center no-repeat;
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	line-height:16px;
	margin-top:10px;
	padding-top:10px;
	opacity:0;
   	-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;
}

span.about-section-read-more a {
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	text-decoration:none;
}

.about-section:hover span.about-section-read-more {
	opacity:1;
   	-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;
}

/* -----------------------------------------
   Timeline
----------------------------------------- */

#hexic-timeline {
	background:url(images/backgrounds/clean_textile.png) repeat top center;
}

#timeline {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin: 100px auto;
	position: relative;
	background: url('images/dot.gif') left 45px repeat-x;
}
#dates {
	width: 100%;
	height: 60px;
	overflow: hidden;
}
#dates li {
	font-family: 'archiveregular';
	font-weight:normal;
	list-style: none;
	float: left;
	width: 100px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('images/biggerdot.png') center bottom no-repeat;
}
#dates a {
	line-height: 38px;
	padding-bottom: 10px;
}
#dates .selected {
	font-size: 38px;
}
	
#issues {
	width: 100%;
	height: 350px;
	overflow: hidden;
}	
#issues li {
	width: 960px;
	height: 350px;
	list-style: none;
	float: left;
}
#issues li.selected img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out; 
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.9,0.9);
	-moz-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}
#issues li h1 {
	font-family: 'archiveregular';
	color: #f20272;
	font-size: 48px;
	margin: 20px 0;
}
#issues li p {
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	margin-right: 70px;
}
		
#timeline_next,
#timeline_prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#timeline_next:hover,
#timeline_prev:hover {
	background-position: 0 -76px;
}
#timeline_next {
	right: 0;
	background-image: url('images/next.png');
}
#timeline_prev {
	left: 0;
	background-image: url('images/prev.png');
}
#timeline_next.disabled,
#timeline_prev.disabled {
	opacity: 0.2;
}

/* -----------------------------------------
   Blog Layout One
----------------------------------------- */

#blog-one, #blog-one-page {
	background:url(images/backgrounds/grid_noise.png) repeat top center;
}

.blog-one-container {
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:80px !important;
	padding-bottom:50px !important;
}

.blog-one-section {
	margin:0 auto;
	padding:0;
	background:none;
	margin-bottom:60px;
}

.blog-one-date {
	margin:0;
	padding:0;
}

.date-left, .date-right {
	margin:0;
	padding:0;
	height:1px;
	width:100%;
	display:block;
	background:#f20272;
	margin-top:12px;
}

.date-middle {
	font-family: 'archiveregular';
	color:#f20272;
	font-size:14px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	text-align:left;
	margin:0;
	padding:0;
}

.blog-one-tags {
	padding-left:0 !important;
	padding-right:0 !important;
	margin-top:10px;
}

.blog-one-tags span a {
	width:100%;
	display:block;
	font-family: 'archiveregular';
	color:#676767;
	font-size:16px;
	font-weight:400;
	text-transform:none;
	line-height:20px;
	text-align:right;
	margin:0;
	padding:0;
}

.blog-one-tags span:nth-child(2n+0) a {
	color:#f20272 !important;
}

.blog-one-title {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#505050;
	font-size:36px;
	line-height:36px;
	font-weight:normal;
	text-align:left;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-top:10px;
}

.blog-one-title a {
	color:#505050;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.blog-one-title a:hover {
	color:#f20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.blog-one-text, .blog-one-read-more {
	padding-left:0 !important;
	padding-right:0 !important;
}

.blog-one-text p {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
}

.blog-one-read-more a {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#676767;
	font-size:16px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	display:block;
	padding-top:5px !important;
	cursor:pointer;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}



.blog-one-read-more a:hover {
	color:#f20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

/* -- PAGINATION -- */

.pagination-center {
	width:100%;
	text-align:center;
	margin:0 auto;
}

.pagination-center a {
	width:100%;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	float:none;
	margin: 2px 2px 2px 0;
	padding:10px 20px 9px 20px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	color:#fff;
	background: #333;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}
 
.pagination-center a:hover{
	color:#fff;
	background: #f20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

/* -----------------------------------------
   Services
----------------------------------------- */

#services {
	background:url(images/backgrounds/light_wool.png) repeat top center;
}

.services-container {
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
}

.services-header {
	margin:0 auto;
	padding:0;
	text-align:center;
	height:100px;
	display:block;
	margin-bottom:20px;
	background: url(images/services-header.png) no-repeat top center;
}

.services-section {
	margin:0 auto;
	padding:0;
	text-align:center;
	height:240px;
	display:block;
	background:none;
	float:left !important;
   	-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;
}

.services-section:hover {
	background:#F20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.services-icon {
	width:100%;
	height:50px;
	margin:0 auto;
	text-align:center;
	margin-top:35px;
	margin-bottom:10px;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.services-section:hover .services-icon {
	margin-top:15px;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.services-icon img {
	margin:0 auto;
}

h2.services-section-title {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:24px;
	font-weight:700;
	text-transform:none;
	line-height:24px;
	margin-bottom:5px;
   	-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;
}

.services-section:hover h2.services-section-title {
	color:#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;
}

p.services-section-content {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
   	-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;
}

.services-section:hover p.services-section-content {
	color:#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;
}

span.services-section-read-more {
	background:url(images/services-read-more.jpg) top center no-repeat;
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	line-height:16px;
	margin-top:10px;
	padding-top:10px;
	opacity:0;
   	-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;
}

span.services-section-read-more a {
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	text-decoration:none;
}

.services-section:hover span.services-section-read-more {
	opacity:1;
   	-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;
}

/* -----------------------------------------
   Gallery
----------------------------------------- */

#gallery {
	background:url(images/backgrounds/bgnoise_lg.png) repeat top center;
}

.gallery-container {
	max-width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
	padding-left:100px;
	padding-right:100px;
}

/* Gamma Gallery Style */

.gamma-container {
	min-height: 200px;
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 4px;
}

.gamma-gallery li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.gamma-description {
	background: #f20272;
	background: rgba(242, 2, 114, 0.8);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
 
.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: 'archiveregular';
	color: #fff;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: 'entypo-selected';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 8000;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	font-family: 'archiveregular';
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav {
	background:none;
	position: absolute;
	display: block;
	top: 50% !important;
	margin-top: -19px !important;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {
	content: '\e75d';
}

.gamma-nav span.gamma-next:before {
	content: '\e75e';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(images/loader_dark.gif) no-repeat center center;
}


/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

}

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

	.gamma-buttons {
		float: left;
		clear: both;
	}

}

/* -----------------------------------------
   Testimonials
----------------------------------------- */

#testimonials {
	background:url(images/backgrounds/linen.png) repeat top center;
}

.testimonials-container {
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
}

.testimonial-section {
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
	padding-bottom:10px !important;
	margin-bottom:50px;
	background: url(images/testimonial-bottom.png) bottom center no-repeat;
}

.testimonial-left {
	background:url(images/testimonial-left.png) bottom center no-repeat;
	height:280px;
	display:block;
}

.testimonial-right {
	background:url(images/testimonial-right.png) bottom center no-repeat;
	height:280px;
	display:block;
}

.testimonial-photo {
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}

.testimonial-photo img {
	margin:0 auto;
	text-align:center;
}

.testimonial-title {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-bottom:10px;
	font-family: 'archiveregular';
	color:#505050;
	font-size:48px;
	line-height:48px;
	font-weight:normal;
	text-align:center;
}

.testimonial-content p {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-bottom:20px;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
}

/* -----------------------------------------
   Portfolio
----------------------------------------- */

#portfolio {
	background:url(images/backgrounds/bgnoise_lg.png) repeat top center;
}

.portfolio-container {
	max-width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
}

.portfolio-single-container {
	max-width:100%;
	margin:0 auto;
	padding:0;
	padding-top:20px !important;
	padding-bottom:50px !important;
}

.portfolio-container .column, .portfolio-container .columns {
	float:left !important;
}

.da-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.da-thumbs li {
	background: none;
	padding:10px !important;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a img {
	display: block;
	position: relative;
	border-bottom:5px #f20272 solid;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: #f20272;
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 0px 20px;
	text-transform: uppercase;
	font-weight: normal;
	text-align:center;
	font-size:32px;
	line-height:32px;
	font-family: 'archiveregular';
	color:#fff;
}

.da-thumbs li a div p {
	display: block;
	padding: 10px 0;
	margin: 0px 20px 0px 20px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	width:auto;
	background: url(images/about-read-more.jpg) top center no-repeat;
}

/* -----------------------------------------
   Blog Two
----------------------------------------- */

#blog-two {
	background:url(images/backgrounds/white_texture.png) repeat top center;
}

.blog-two-container {
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:50px !important;
	padding-bottom:50px !important;
}

.blog-two-section {
	width:100%;
	margin:0 auto;
	padding:0 !important;
	text-align:center;
	height:240px;
	display:block;
	background:none;
	float:left !important;
	margin:1%;
	width:31% !important;
}

.blog-two-overlay {
	width:100% !important;
	height:100%;
	background: url(images/blog-two-overlay.png) repeat-x bottom;
	display:block;
}

h2.blog-two-section-title {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#fff;
	font-size:24px;
	font-weight:400;
	text-transform:none;
	line-height:24px;
	margin-bottom:0px;
	bottom:20px;
	position:absolute;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

h2.blog-two-section-title a {
	color:#fff;
	font-size:24px;
	font-weight:400;
	text-transform:none;
}

.blog-two-section:hover h2.blog-two-section-title {
	bottom:60px;
   	-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;
}

p.blog-two-section-content {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
   	-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;
}

.blog-two-section:hover p.blog-two-section-content {
	color:#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;
}

span.blog-two-section-read-more {
	background:url(images/about-read-more.jpg) top center no-repeat;
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	line-height:16px;
	margin-top:10px;
	padding-top:10px;
	opacity:0;
	position:absolute;
	bottom:20px;
	left:0;
   	-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;
}

span.blog-two-section-read-more a {
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	text-decoration:none;
}

.blog-two-section:hover span.blog-two-section-read-more {
	opacity:1;
   	-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;
}


.hentry {
	width:100%;
	height: auto;
}

/* -----------------------------------------
	Blog Two Standard Post
----------------------------------------- */

.format-quote {
}

/* -----------------------------------------
	Contact
----------------------------------------- */

#contact {
	background:url(images/backgrounds/bgnoise_lg.png) repeat top center;
}

.contact-container {
	max-width:100%;
	margin:0 auto;
	padding:0;
	padding-top:70px !important;
	padding-bottom:50px !important;
}

.contact-map {
	width:100%;
	height:350px;
	border:5px #fff solid;
	overflow:hidden;
	padding:0 !important;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	margin-bottom:60px;
}

.contact-section-title-left, .contact-section-title-right {
	width:100%;
	height:1px;
	margin-top:7px;
	background:#808285;
}

.contact-section-title {
	width:100%;
	text-align:center;
	color:#f20272;
	font-size:16px;
	font-weight:normal;
	font-family: 'archiveregular';
}

.contact-form-section {
	margin-top:40px;
}

.contact-form-section .columns {
	padding-left:0px !important;
	padding-right:0px !important;
}

.submit-wide {
	width:100% !important;
	text-transform:uppercase;
	color:#58595b !important;
	margin-top:10px !important;
}

.social-media-contact {
	margin-top:60px;
}

#footer .section-subtitle {
	border-top:3px solid #E75200;
	padding-top:35px;
	color:#777;
        text-transform: uppercase;
        font-family: 'archiveregular';
}

.social-media-buttons {
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:30px !important;
	text-align:center;
}

.behance-button, .blogger-button, .deviantart-button, .digg-button, .dribbble-button, .email-button, .facebook-button, .flickr-button, .gplus-button, .instagram-button, .lastfm-button, .linkedin-button, .livejournal-button, .myspace-button, .orkut-button, .paypal-button, .picasa-button, .pinterest-button, .reddit-button, .rss-button, .skype-button, .soundcloud-button, .stumbleupon-button, .tumblr-button, .twitter-button, .vimeo-button, .wordpress-button {
	width:32px;
	height:32px;
	margin:0 auto;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
	display:inline-block;
	float:none;
	text-indent:-9999px;
	overflow:hidden;
	text-align:center;
	transition: background-position 0.3s ease-in-out;
	-moz-transition: background-position 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: background-position 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: background-position 0.3s ease-in-out; /* Opera */
}

.behance-button:hover, .blogger-button:hover, .deviantart-button:hover, .digg-button:hover, .dribbble-button:hover, .email-button:hover, .facebook-button:hover, .flickr-button:hover, .gplus-button:hover, .instagram-button:hover, .lastfm-button:hover, .linkedin-button:hover, .livejournal-button:hover, .myspace-button:hover, .orkut-button:hover, .paypal-button:hover, .picasa-button:hover, .pinterest-button:hover, .reddit-button:hover, .rss-button:hover, .skype-button:hover, .soundcloud-button:hover, .stumbleupon-button:hover, .tumblr-button:hover, .twitter-button:hover, .vimeo-button:hover, .wordpress-button:hover {
	width:32px;
	height:32px;
	margin-left:3px;
	margin-right:3px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	text-align:center;
	transition: background-position 0.3s ease-in-out;
	-moz-transition: background-position 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: background-position 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: background-position 0.3s ease-in-out; /* Opera */
}

.behance-button {
	background:url(images/social-media/behance.png) no-repeat;
	background-position:0 0;
}

.behance-button:hover {
	background:url(images/social-media/behance.png) no-repeat;
	background-position:0 -32px;
}

.blogger-button {
	background:url(images/social-media/blogger.png) no-repeat;
	background-position:0 0;
}

.blogger-button:hover {
	background:url(images/social-media/blogger.png) no-repeat;
	background-position:0 -32px;
}

.digg-button {
	background:url(images/social-media/digg.png) no-repeat;
	background-position:0 0;
}

.digg-button:hover {
	background:url(images/social-media/digg.png) no-repeat;
	background-position:0 -32px;
}

.dribbble-button {
	background:url(images/social-media/dribbble.png) no-repeat;
	background-position:0 0;
}

.dribbble-button:hover {
	background:url(images/social-media/dribbble.png) no-repeat;
	background-position:0 -32px;
}

.email-button {
	background:url(images/social-media/email.png) no-repeat;
	background-position:0 0;
}

.email-button:hover {
	background:url(images/social-media/email.png) no-repeat;
	background-position:0 -32px;
}

.facebook-button {
	background:url(images/social-media/facebook.png) no-repeat;
	background-position:0 0;
}

.facebook-button:hover {
	background:url(images/social-media/facebook.png) no-repeat;
	background-position:0 -32px;
}

.flickr-button {
	background:url(images/social-media/flickr.png) no-repeat;
	background-position:0 0;
}

.flickr-button:hover {
	background:url(images/social-media/flickr.png) no-repeat;
	background-position:0 -32px;
}

.gplus-button {
	background:url(images/social-media/gplus.png) no-repeat;
	background-position:0 0;
}

.gplus-button:hover {
	background:url(images/social-media/gplus.png) no-repeat;
	background-position:0 -32px;
}

.instagram-button {
	background:url(images/social-media/instagram.png) no-repeat;
	background-position:0 0;
}

.instagram-button:hover {
	background:url(images/social-media/instagram.png) no-repeat;
	background-position:0 -32px;
}

.lastfm-button {
	background:url(images/social-media/lastfm.png) no-repeat;
	background-position:0 0;
}

.lastfm-button:hover {
	background:url(images/social-media/lastfm.png) no-repeat;
	background-position:0 -32px;
}

.linkedin-button {
	background:url(images/social-media/linkedin.png) no-repeat;
	background-position:0 0;
}

.linkedin-button:hover {
	background:url(images/social-media/linkedin.png) no-repeat;
	background-position:0 -32px;
}

.livejournal-button {
	background:url(images/social-media/livejournal.png) no-repeat;
	background-position:0 0;
}

.livejournal-button:hover {
	background:url(images/social-media/livejournal.png) no-repeat;
	background-position:0 -32px;
}

.myspace-button {
	background:url(images/social-media/myspace.png) no-repeat;
	background-position:0 0;
}

.myspace-button:hover {
	background:url(images/social-media/myspace.png) no-repeat;
	background-position:0 -32px;
}

.paypal-button {
	background:url(images/social-media/paypal.png) no-repeat;
	background-position:0 0;
}

.paypal-button:hover {
	background:url(images/social-media/paypal.png) no-repeat;
	background-position:0 -32px;
}

.pinterest-button {
	background:url(images/social-media/pinterest.png) no-repeat;
	background-position:0 0;
}

.pinterest-button:hover {
	background:url(images/social-media/pinterest.png) no-repeat;
	background-position:0 -32px;
}

.reddit-button {
	background:url(images/social-media/reddit.png) no-repeat;
	background-position:0 0;
}

.reddit-button:hover {
	background:url(images/social-media/reddit.png) no-repeat;
	background-position:0 -32px;
}

.soundcloud-button {
	background:url(images/social-media/soundcloud.png) no-repeat;
	background-position:0 0;
}

.soundcloud-button:hover {
	background:url(images/social-media/soundcloud.png) no-repeat;
	background-position:0 -32px;
}

.stumbleupon-button {
	background:url(images/social-media/stumbleupon.png) no-repeat;
	background-position:0 0;
}

.stumbleupon-button:hover {
	background:url(images/social-media/stumbleupon.png) no-repeat;
	background-position:0 -32px;
}

.tumblr-button {
	background:url(images/social-media/tumblr.png) no-repeat;
	background-position:0 0;
}

.tumblr-button:hover {
	background:url(images/social-media/tumblr.png) no-repeat;
	background-position:0 -32px;
}

.twitter-button {
	background:url(images/social-media/twitter.png) no-repeat;
	background-position:0 0;
}

.twitter-button:hover {
	background:url(images/social-media/twitter.png) no-repeat;
	background-position:0 -32px;
}

.vimeo-button {
	background:url(images/social-media/vimeo.png) no-repeat;
	background-position:0 0;
}

.vimeo-button:hover {
	background:url(images/social-media/vimeo.png) no-repeat;
	background-position:0 -32px;
}

.wordpress-button {
	background:url(images/social-media/wordpress.png) no-repeat;
	background-position:0 0;
}

.wordpress-button:hover {
	background:url(images/social-media/wordpress.png) no-repeat;
	background-position:0 -32px;
}

.youtube-button {
	background:url(images/social-media/youtube.png) no-repeat;
	background-position:0 0;
}

.youtube-button:hover {
	background:url(images/social-media/youtube.png) no-repeat;
	background-position:0 -32px;
}

/* -----------------------------------------
	Footer
----------------------------------------- */

#footer {
	background:url(images/backgrounds/black_denim.png) repeat top center;
	width:100%;
	position:relative;
}

.footer-container {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0 !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
}

h3.widget-title {
	color:#ccc;
	font-size:16px;
	line-height:18px;
	padding: 10px 0px 8px 0px;
	font-family: 'archiveregular';
	font-weight:normal;
	margin:0;
}

.textwidget, .widget a, .widget {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:16px;
	font-weight:400;
	text-transform:none;
	line-height:22px;
	text-align:left;
	margin-bottom:20px;
}

.widget a {
	color:#F20272;
}

.widget ul, .widget ol {
	list-style:none;
}

#footer .line {
	margin:0;
	width:100%;
	background:url(images/services-read-more.jpg) left top no-repeat;
	height:10px;
	display:block;
	opacity:0.5;
}

.copyright {
	border-top:3px solid #E75200;
	padding-top:20px !important;
	height:60px;
	padding-bottom:30px !important;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.copyright a {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-weight:14px;
	color:#ddd;
	text-align:center;
   	-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;
}

.copyright a:hover {
	color:#f20272;
   	-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;
}

/* -----------------------------------------
   Page
----------------------------------------- */

#page {
	background:url(images/backgrounds/white_texture.png) repeat top center;
}

#page .section-heading, .hentry .section-heading, #blog-one-page .section-heading {
	margin-top:-60px;
	z-index: 1000;
}

#page p, #single-post p, .hentry p, .page-container p {
	width:100%;
	margin:0 auto;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:18px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	text-align:left;
	margin-bottom:20px;
}

/* -----------------------------------------
   Single
----------------------------------------- */

.hentry {
	background:url(images/backgrounds/white_texture.png) repeat top center !important;
}

.single-date {
	margin-left:0 !important;
	padding-left:0px !important;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:14px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	text-align:left;
	margin-top:6px;
}

.single-tags {
	margin-right:0 !important;
	padding-right:0px !important;
	font-family: 'PT Sans', sans-serif;
	color:#676767;
	font-size:12px;
	font-weight:400;
	text-transform:none;
	line-height:26px;
	text-align:right;
	margin-top:6px;
}

.single-tags a {
	color:#676767;
}

.post-navigation, .page-links {
	width:100%;
	margin: 0!important;
	padding:0!important;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:block;
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.previous-post, .next-post {
	width:100%;
	margin: 0!important;
}

.next-post {
	text-align:right;
}

.previous-post a, .next-post a {
	width:100%;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	float:none;
	margin: 2px 2px 2px 0;
	padding:10px 0px 9px 0px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	color:#666;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}
 
.previous-post a:hover, .next-post a:hover{
	color:#000;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

/* -----------------------------------------
   Comments
----------------------------------------- */

.comments {
	margin-top:20px;
	margin-bottom:40px;
	padding:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

ol#comments, ol.commentlist{
	margin-left:0px !important;
}

h3#comments {
	text-align:left;
	margin-top:10px;
	margin-bottom:30px;
}

.comment-author {
	width:100%;
	display:block;
	position:relative;
	float:left;
}

.comment-meta {
	width:100%;
	display:block;
	position:relative;
	float:left;
	margin-top:10px !important;
}

.comment-author img, .comment-author .fn, .comment-author .says {
	display:block;
	float:left;
}

.comment-author .fn, .comment-author .says {
	margin-left:10px;
	padding-top:20px;
	display:block;
	float:left;
	font-family: 'PT Sans', sans-serif;
	text-align:left;
	color:#808080;
	font-size:14px;
	line-height:14px;
    font-weight: normal;
    font-style: normal;
	text-transform:uppercase;
}

.reply {
	width:100%;
	margin-left:0px;
	padding-top:0px;
	display:block;
	float:left;
	margin-bottom:20px;
}

.reply a {
	width:100%;
	font-family: 'PT Sans', sans-serif;
	text-align:left !important;
	color:#808080;
	font-size:14px !important;
	line-height:14px !important;
    font-weight: normal;
    font-style: normal;
	text-transform:uppercase;
	display:block;
}

.comment-meta {
	text-align:left;
}

.commentlist p {
	margin-bottom:10px !important;
}

h3#reply-title {
	width:100%;
	text-align:left;
	margin-top:10px;
}

h3.comments-header, h3#comments-header, h3#comments, h3#reply-title {
	width:100%;
	font-family: 'archiveregular';
	font-style:normal;
	font-size:24px;
	line-height:24px;
	text-align:left;
	padding-bottom:0px !important;
	margin-top:30px !important;
	color:#999;
}

.form-submit input {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	width:100% !important;
	padding:8px !important;
	border:1px #c3c3c3 solid;
	background:#fff;
	color:#000;
	cursor:pointer;
}

.form-submit input:hover {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	width:100% !important;
	padding:8px !important;
	border:1px #c3c3c3 solid;
	background:#eee;
	color:#000;
	cursor:pointer;
}

.show-hide-comments {
	width:100%;
	text-align:left;
	font-family: 'archiveregular';
	font-style:normal;
	font-size:24px;
	line-height:20px;
	margin-top:10px;
	padding-left:0 !important;
}

.show-hide-comments a {
	color: #999;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

.show-hide-comments a:hover {
	color:#F20272;
   	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	-ms-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

/* -----------------------------------------
   Icons
----------------------------------------- */

h3.page-subtitle {
	width:100% !important;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#505050;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	text-align:left;
	padding-left:15px;
	margin-bottom:20px !important;
	margin-top:20px;
	display:block;
	float:left;
}

#page h3 {
	width:100% !important;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#505050;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	text-align:left;
	margin-top:20px;
	display:block;
	float:left;
}

#page h4 {
	width:100% !important;
	margin:0 auto;
	padding:0;
	font-family: 'archiveregular';
	color:#505050;
	display:block;
	float:left;
	margin-top:20px;
	margin-bottom:15px;
}

#page h1, #page h2,#page h3,#page h4,#page h5,#page h6 {
	font-family: 'archiveregular' !important;
}

.callout p {
	color:#fff !important;
}

#page .general-icons {
	padding-bottom:20px !important;
}

#page .general-icons:last-child {
	float:left !important;
}

/* global foundicon styles */
i {
	color:#505050;
   	-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;
}

i:hover {
	color:#F20272;
   	-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;
}
/* -----------------------------------------
   Wordpress Styles
----------------------------------------- */

.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.bypostauthor {}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.aligncenter {
	text-align:center;
}


.hide-for-960 {
	display:block;
}

.show-for-960 {
	display:none;
}

/* -- Calendar Widget -- */

/* Tables ---------------------- */
table#wp-calendar { max-width:100%; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0 0 18px; border: none; }

table#wp-calendar thead, table#wp-calendar tfoot { background: none !important;  }

table#wp-calendar thead tr th, table#wp-calendar tfoot tr th, table#wp-calendar tbody tr td, table#wp-calendar tr td, table#wp-calendar tfoot tr td { display: table-cell; color: #6d6e71; font-size: 14px; line-height: 18px; text-align: center;}

tfoot tr td {border-top:1px solid #333 !important; }

table#wp-calendar thead tr th, table#wp-calendar tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #6d6e71 !important; }

table#wp-calendar thead tr th:first-child, table#wp-calendar tfoot tr td:first-child { border-left: none; }

table#wp-calendar thead tr th:last-child, table#wp-calendar tfoot tr td:last-child { border-right: none; }

table#wp-calendar tbody tr.even, table#wp-calendar tbody tr.alt { background: none !important; }

table#wp-calendar tbody tr:nth-child(even) { background: none !important; }

table#wp-calendar tbody tr td { color: #6d6e71 !important; padding: 3px 5px; vertical-align: top; border: none;  text-align: center; background:none !important; }

/* -----------------------------------------
   Responsive max-width 960
----------------------------------------- */

@media only screen and (max-width: 960px) {
	.hide-for-960 {
		display:none;
	}
	
	.page-container p {
		width:96%;
		margin:0 auto;
		padding:0;
		padding-left:2%;
		padding-right:2%;
		font-family: 'PT Sans', sans-serif;
		color:#676767;
		font-size:18px;
		font-weight:400;
		text-transform:none;
		line-height:26px;
		text-align:left;
		margin-bottom:20px;
	}

	.blog-two-section {
		width:100%;
		margin:0 auto;
		padding:0 !important;
		text-align:center !important;
		height:240px;
		display:block;
		background:none;
		float:left !important;
		margin:0%;
		width:31% !important;
	}
	
	.show-for-960 {
		display:block;
		height:40px;
	}
	
	.menu-main-menu-container {
		display:block;
		width: 30px;
		height:30px !important;
	}
	
	select.responsive-nav  {
		display: block;
		background: rgba(255,255,255,0.8);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 50%;
		margin-right:0;
		position:absolute;
		margin-top:35px;
		right:20px;
		margin-bottom:20px;
		border: 1px solid #666;
		height:30px !important;
		text-transform:uppercase;
		z-index:9999;
	}
	
	select.responsive-nav-home  {
		display: block;
		background: rgba(255,255,255,0.8);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 80%;
		margin-left:10%;
		margin-right:10%;
		position:relative;
		margin-top:12px;
		margin-bottom:20px;
		border: 1px solid #666;
		height:30px !important;
		text-transform:uppercase;
		z-index:9999;
	}
	
	select {
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #AAA;
	  color: #555;
	  font-size: inherit;
	  margin: 0;
	  overflow: hidden;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	span.about-section-read-more {
		opacity:1;
		-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;
		margin-bottom:30px;
	}

	.about-section {
		height:auto;
	}

	span.about-section-read-more a {
		color:#676767;
	}
	
	span.services-section-read-more {
		opacity:1;
		-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;
		margin-bottom:30px;
	}

	.services-section {
		height:auto;
	}

	span.services-section-read-more a {
		color:#676767;
	}
	
	#timeline {
		width: 90%;
		margin-left:5%;
		height: 350px;
		overflow: hidden;
		margin: 0px auto;
		position: relative;
		background: url('images/dot.gif') left 45px repeat-x;
	}
	#dates {
		width: 90%;
		margin-left:5%;
		height: 60px;
		overflow: hidden;
	}
	#dates li {
		font-family: 'archiveregular';
		font-weight:normal;
		list-style: none;
		float: left;
		width: 100px;
		height: 50px;
		font-size: 24px;
		text-align: center;
		background: url('images/biggerdot.png') center bottom no-repeat;
	}
	#dates a {
		line-height: 38px;
		padding-bottom: 10px;
	}
	#dates .selected {
		font-size: 38px;
	}
		
	#issues {
		width: 90%;
		margin-left:5%;
		height: 350px;
		overflow: hidden;
	}	
	#issues li {
		max-width: 740px;
		height: 350px;
		list-style: none;
		float: left;
	}
	#issues li.selected img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	#issues li img {
		float: left;
		margin: 10px 30px 10px 50px;
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
		zoom: 1;
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		-ms-transition: all 2s ease-in-out; 
		transition: all 2s ease-in-out;
		-webkit-transform: scale(0.9,0.9);
		-moz-transform: scale(0.9,0.9);
		-o-transform: scale(0.9,0.9);
		-ms-transform: scale(0.9,0.9);
		transform: scale(0.9,0.9);
	}
	#issues li h1 {
		font-family: 'archiveregular';
		color: #f20272;
		font-size: 48px;
		margin: 20px 0;
	}
	#issues li p {
		font-family: 'PT Sans', sans-serif;
		color:#676767;
		font-size:18px;
		font-weight:400;
		text-transform:none;
		line-height:26px;
		margin-right: 70px;
	}
			
	#next,
	#prev {
		position: absolute;
		top: 0;
		font-size: 70px;
		top: 170px;
		width: 22px;
		height: 38px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#next:hover,
	#prev:hover {
		background-position: 0 -76px;
	}
	#next {
		right: 0;
		background-image: url('images/next.png');
	}
	#prev {
		left: 0;
		background-image: url('images/prev.png');
	}
	#next.disabled,
	#prev.disabled {
		opacity: 0.2;
	}
	
	h1.section-title {
		font-size:74px;
		line-height:74px;
	}
	
	h3.section-subtitle {
		font-size:26px;
		line-height:26px;
	}
	
	span.section-subtitle {
		font-size:26px;
		line-height:26px;
	}

	.demo-2 .sl-slider h2 {
		font-size: 70px;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
		text-align:center;
		font-weight:normal;
		font-family: 'archiveregular';
	}
	
	.hentry {
		max-width:100%;
	}
	
	.section-meta-data {
		max-width:100%;
	}
	.post-navigation, .page-links {
		max-width:100%;
	}
	
	.hentry p {
		max-width:96%;
		padding-left:2%;
	}

	.hentry .section-title {
		font-size:64px;
		line-height:64px;
	}
	
	.hentry .section-subtitle {
		font-size:26px;
		line-height:26px;
	}
}


/* -----------------------------------------
   Responsive max-width 767
----------------------------------------- */

@media only screen and (max-width: 767px) {
	
	.menu-main-menu-container {
		display:block;
		width: 30px;
		height:30px !important;
	}
	
	select.responsive-nav  {
		display: block;
		background: rgba(255,255,255,0.8);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 30px;
		margin-right:0;
		position:absolute;
		margin-top:35px;
		right:20px;
		margin-bottom:20px;
		border: 1px solid #666;
		height:30px !important;
		text-transform:uppercase;
	}
	
	select.responsive-nav-home  {
		display: block;
		background: rgba(255,255,255,0.8);
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 80%;
		margin-left:10%;
		margin-right:10%;
		position:relative;
		margin-top:12px;
		margin-bottom:20px;
		border: 1px solid #666;
		height:30px !important;
		text-transform:uppercase;
	}
	
	select {
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #AAA;
	  color: #555;
	  font-size: inherit;
	  margin: 0;
	  overflow: hidden;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	span.about-section-read-more {
		opacity:1;
		-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;
		margin-bottom:30px;
	}

	.about-section {
		height:auto;
	}

	span.about-section-read-more a {
		color:#676767;
	}
	
	span.services-section-read-more {
		opacity:1;
		-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;
		margin-bottom:30px;
	}

	.gallery-container {
		max-width:100%;
		margin:0 auto;
		padding:0;
		padding-top:50px !important;
		padding-bottom:50px !important;
		padding-left:20px;
		padding-right:20px;
	}

	.services-section {
		height:auto;
	}

	span.services-section-read-more a {
		color:#676767;
	}
	
	#timeline {
		width: 90%;
		margin-left:5%;
		height: 350px;
		overflow: hidden;
		margin: 0px auto;
		position: relative;
		background: url('images/dot.gif') left 45px repeat-x;
	}
	#dates {
		width: 90%;
		margin-left:5%;
		height: 60px;
		overflow: hidden;
	}
	#dates li {
		font-family: 'archiveregular';
		font-weight:normal;
		list-style: none;
		float: left;
		width: 100px;
		height: 50px;
		font-size: 24px;
		text-align: center;
		background: url('images/biggerdot.png') center bottom no-repeat;
	}
	#dates a {
		line-height: 38px;
		padding-bottom: 10px;
	}
	#dates .selected {
		font-size: 38px;
	}
		
	#issues {
		width: 90%;
		margin-left:5%;
		height: 350px;
		overflow: hidden;
	}	
	#issues li {
		max-width: 740px;
		height: 350px;
		list-style: none;
		float: left;
	}
	#issues li.selected img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	#issues li img {
		float: left;
		margin: 10px 30px 10px 50px;
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
		zoom: 1;
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		-ms-transition: all 2s ease-in-out; 
		transition: all 2s ease-in-out;
		-webkit-transform: scale(0.9,0.9);
		-moz-transform: scale(0.9,0.9);
		-o-transform: scale(0.9,0.9);
		-ms-transform: scale(0.9,0.9);
		transform: scale(0.9,0.9);
	}
	#issues li h1 {
		font-family: 'archiveregular';
		color: #f20272;
		font-size: 48px;
		margin: 20px 0;
	}
	#issues li p {
		font-family: 'PT Sans', sans-serif;
		color:#676767;
		font-size:18px;
		font-weight:400;
		text-transform:none;
		line-height:26px;
		margin-right: 70px;
	}
			
	#next,
	#prev {
		position: absolute;
		top: 0;
		font-size: 70px;
		top: 170px;
		width: 22px;
		height: 38px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#next:hover,
	#prev:hover {
		background-position: 0 -76px;
	}
	#next {
		right: 0;
		background-image: url('images/next.png');
	}
	#prev {
		left: 0;
		background-image: url('images/prev.png');
	}
	#next.disabled,
	#prev.disabled {
		opacity: 0.2;
	}
	
	h1.section-title {
		font-size:48px;
		line-height:48px;
		max-width:100%;
	}
	
	h3.section-subtitle {
		font-size:18px;
		line-height:18px;
		max-width:100%;
	}
	
	span.section-subtitle {
		font-size:26px;
		line-height:26px;
	}

	.demo-2 .sl-slider h2 {
		font-size:30px;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
		text-align:center;
		font-weight:normal;
		font-family: 'archiveregular';
	}
	
	.hentry {
		max-width:100%;
	}
	
	.section-meta-data {
		max-width:100%;
	}
	.post-navigation, .page-links {
		max-width:100%;
	}
	
	.hentry p {
		max-width:96%;
		padding-left:2%;
	}

	.hentry .section-title {
		font-size:48px;
		line-height:48px;
		max-width:100%;
	}
	
	.hentry .section-subtitle {
		font-size:18px;
		line-height:18px;
		max-width:100%;
	}
	
}