@import url("css/flexslider.css");
@import url("css/sliders.css");
@import url("css/colorbox.css");

@font-face {
    font-family: MontserratLight;
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MontserratRegular;
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------------------------------- 1. General Styles ---------------------------------------------------------------*/		

	html,body{
		font-family: Montserrat, Verdana, Geneva, sans-serif;
		font-weight: 400;
		font-size:12px;
		height:100%;
		width:100%;
		color:#999999;
		background:transparent;
	}
	
	body{
		overflow-x:hidden;
		overflow-y:scroll;
	}
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}
	
	audio,
	canvas,
	video {
		display: inline-block;
		max-width: 100%;
	}	
	
	address {
		font-style: italic;
		margin-bottom: 24px;
	}
	
	abbr[title] {
		border-bottom: 1px dotted #2b2b2b;
		cursor: help;
	}
	
	b,
	strong {
		font-weight: 600;
	}
	
	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}
	
	mark,
	ins {
		background: #fff9c0;
		text-decoration: none;
	}
	
	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}
	
	pre {
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	
	
	
	small {
		font-size: smaller;
	}
	
	big {
		font-size: 125%;
	}
	
	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	sup {
		bottom: 1ex;
	}
	
	sub {
		top: .5ex;
	}
	
	dl {
		margin-bottom: 24px;
	}
	
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 24px;
	}
	
	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin: 0 0 0 20px;
	}
	
	li {
		line-height: 20px;
	}
	
	figure {
		margin: 0;
	}
	
	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 11px 12px 0;
	}
	
	legend {
		white-space: normal;
	}
	
	button,	input {
		line-height: normal;
	}
	
	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}
	
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
	}
	
	button[disabled],
	input[disabled] {
		cursor: default;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}
	
	input[type="search"] {

		-webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	
	table, th, td {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;	
		width: 100%;
	}
	
	caption, th, td {
		font-weight: normal;
		text-align: left;
	}
	
	th {
		border-width: 0 1px 1px 0;
		font-weight: bold;
	}
	
	td {
		border-width: 0 1px 1px 0;
	}
	
	del {
		color: #767676;
	}
	
	hr {
		border: 0;
		height: 40px;
		width:100%;
		float:none;
		margin:0;
		display:inline-block;
	}
	
	hr.small {
		height:20px;
	}
	
	hr:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	::selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	::-moz-selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	
	img {
		border: 0 none;
		height: auto;
		max-width: 100%;
		vertical-align: middle;
	}
	
/*------------------------------------------------------------- Typography ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Typography ---------------------------------------------------------------*/		
	
		
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		color:#000;
		margin-bottom:10px;
	}	
	
	h1{
		font-weight: 600;
		font-size:67px;
		line-height: 55px;
		padding: 0.5em 0 0 0;
		margin-left:-3px;
		color: #601360;
	}
	
	h2{
		font-size: 50px;
		font-weight: 600;
		line-height: 48px;
		margin: 2px 0 25px -2px;
		color: #601360;
	}
	
	h2 a{
		color: #601360;
	}
	
	h3{
		font-size:27px;
		line-height: 31px;
		margin:-0.01em 0 2.2em 0;
		color: #601360;
	}
	
	h4{
		font-size:20px;
		line-height: 30px;
		margin:55px 0 15px 0;
		padding-left: 25px;
		color: #601360;
	}
	
	h5{
		font-size:18px;
		line-height: 24px;
		margin-left:-1px;
	}
	
	h6{
		font-size:14px;
		line-height: 18px;
	}
	
	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {
		color: #fff;
	}
	
	.project-subtitle {
		font-family: MontserratLight;
		position:relative;
		color: #888;
		margin-top: 15px;
		margin-bottom:10px;
		font-size: 19px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	
	.project-title-underline {
		background: #601360;
		height: 4px;
		margin-top: 40px;
		margin-bottom: -20px;
		width: 100%;
	}
	
	.project-intro {
		font-family: MontserratLight;
		font-size:14.5px;
		line-height: 22px;
		padding: 1em 0.5em 0 2em;
		margin-left:-3px;
		color: #777;
		letter-spacing: 0.7px;
	}	
	
	.text-align-center .project-subtitle:after {
		background: none repeat scroll 0 0 #ddd;
		bottom: -20px;
		content: "";
		height: 1px;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 40px;
	}
	
	.text-align-center.project-subtitle:after {
		background: none repeat scroll 0 0 #ddd;
		bottom: -20px;
		content: "";
		height: 1px;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 40px;
	}
		

	p {
		font-size:12px;
		margin-bottom:13px;
		line-height:16px;
	}
	
	.container {
		width:1280px;
		margin:0 auto;
	}
	
/*-------------------------------------------------- Intro section ---------------------------------------------------*/
	
	#intro-text {
		padding-left: 3%;
	}
	
	.intro {
		font-family: MontserratLight, Verdana, Geneva, sans-serif;
		font-size:18px;
		line-height:26px;
		padding-left: 6%;
		padding-right: 18%;
		letter-spacing: 0.5px;
	}
	
	.intro-last {
		font-family: MontserratLight, Verdana, Geneva, sans-serif;
		font-size:18px;
		line-height:26px;
		padding-left: 6%;
		padding-right: 18%;
		margin-bottom: 3em;
		letter-spacing: 0.5px;
	}
	
/*-------------------------------------------------- About ---------------------------------------------------*/

	#about-wrap {
		width:1380px;
		margin:0 auto;		
	}

	
	.about-header {
		font-size: 45px;
		font-weight: 700;
		line-height: 51px;
		color: #601360;
		margin-top: 17px; 
		margin-bottom: 55px;
		padding-right: 100px;
	}
	
	.about-header a{
		color: #601360;
	}
	
	.about-header a:hover{
		color: #aaa;
	}
		
	.about-intro {
		font-family: MontserratLight, sans-serif;
		font-weight: 400;
		font-size:17px;
		color: #888;
		line-height:24px;
		padding-left: 6%;
		padding-right: 25%;
		letter-spacing: 0.5px;
	}
	
	.about-text {
		font-family: MontserratLight, Verdana, Geneva, sans-serif;
		font-size:17px;
		color: #888;
		line-height: 24px;
		padding-left: 6%;
		padding-right: 25%;
		letter-spacing: .4px;
	}
	
/*-------------------------------------------------- Contact ---------------------------------------------------*/

	.contact-header {
		font-size: 64px;
		font-weight: 600;
		line-height: 68px;
		color: #601360;
		margin-top: 17px; 
		margin-bottom: 55px;
		padding-left: 20px;
		padding-right: 180px;
	}
	
	.contact-info {
		font-size: 19px;
		font-family: MontserratLight, Verdana, Geneva, sans-serif;
		line-height: 29px;
		letter-spacing: 0.5px;
		padding-left: 8%;
		padding-right: 30%;
	}

	.contact-info-last a{
		color: #601360;
	}
	
	.contact-info-last {
		font-size: 19px;
		font-family: MontserratLight, Verdana, Geneva, sans-serif;
		line-height: 29px;
		letter-spacing: 0.5px;
		padding-left: 8%;
		padding-right: 30%;
		margin-bottom: 100px;
	}

	
/*--------------------------------------------------- Links ---------------------------------------------------*/		
/*--------------------------------------------------- Links ---------------------------------------------------*/		

	
	a:hover, a:active {
	  outline: 0;
	  color: #420b48;
	}
	
	a:focus {
		color: #601360;
	}
	
	a {
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
	a {
		color: #000;
		outline: 0;
	}
	
	.light-link {
		color:#fff;
	}
	
	a:hover {
		text-decoration:none;
	}

/*------------------------------------------------------------- Grid ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Grid ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Grid ---------------------------------------------------------------*/		
	
	.full{ 
		width:100%;
	}
	
	.one_half {
    	width: 48%;
	}	

	.one_third {
		width: 30.6%;
	}	

	.one_third_text {
		width: 30.6%;
	}	


	.one_fourth {
		width: 22%;
	}	

	.one_fifth {
		width: 16.8%;
	}	

	.one_sixth {
		width: 13.33%;
	}	

	.two_fifth {
		width: 37.6%;
	}	

	.two_fourth {
		width: 48%;
	}		

	.two_third {
		width: 65.2%;
	}	

	.three_fifth {
		width: 58.4%;
	}	

	.three_fourth {
		width: 74%;
	}	

	.four_fifth {
		width: 79.2%;
	}	

	.five_sixth {
		width: 82.67%;
	}	

	.full, .one_third, .one_third_text, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.one_half {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}

	.last {
		margin-right:0px;
	}
	
	.below {
		margin-bottom: 35px;
	}
	
	.text-align-center {
		text-align:center;
	}
	
	.text-align-left {
		text-align:left;
	}
	
	.outer {
		display:table;
		width:100%;
		height:100%;
	}
	
	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	
	
/*------------------------------------------------------------- Preloader ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Preloader ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Preloader ---------------------------------------------------------------*/		
	
	.clapat-mask {
		background:#fff;
		height:100%;
		width:100%;
		position:fixed;
		z-index:1000;
	}
	
	#clapatloader {
		width: 40px;
		height: 40px;
		left: 50%;
		top: 50%;
		position: absolute;
		margin: -20px 0 0 -20px;
		background-color: #999;		
		border-radius: 100%;  
		-webkit-animation: scaleout 1.0s infinite ease-in-out;
		animation: scaleout 1.0s infinite ease-in-out;
	}
	
	@-webkit-keyframes scaleout {
		0% { -webkit-transform: scale(0.0) }
		100% {-webkit-transform: scale(1.0); opacity: 0; }
	}
	
	@keyframes scaleout {
		0% { 
		transform: scale(0.0); -webkit-transform: scale(0.0); } 
		100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; }
	}
	
	
	
/*------------------------------------------------------------- Header ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Header ---------------------------------------------------------------*/		
/*------------------------------------------------------------- Header ---------------------------------------------------------------*/		

	header {		
		width:100%;
		position: fixed;
		top: 0px;
		z-index:2000;
		height: 50px;
		-webkit-transition: top 0.3s ease-in-out;
		-moz-transition: top 0.3s ease-in-out;
		-o-transition: top 0.3s ease-in-out;
		-ms-transition: top 0.3s ease-in-out;
		transition: top 0.3s ease-in-out;
	}
	header.hbg {
		background: #601360;
	}
	
	header.nav-down {
		top:0;
	}

	header.nav-up {
		top: -80px;
	}
	
	header.first-load {
		height: 0px;	
		-webkit-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-moz-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-o-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		-ms-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);			
		transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		opacity: 0;
		top: 0px;			
	}
	
	#header-wrapper {
		-webkit-transition: opacity 0.4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		-ms-transition: opacity 0.4s ease-in-out;
		-khtml-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
		opacity: 0;
		width: 100%;
		margin: 0 auto;
		z-index:9999;
		height:50px;
		position: relative;
	}
		
	#logo-fixed {
		height:100%;
		float:left;
		opacity: 0.35;

	}
	
	#logo img {
		height:50px;
		opacity: 0.35;
		width:auto;
		display:block;
		float:left;
	}
	
	#header-title  {
		width: 90%;
		font-family: montserrat;
		text-transform: uppercase;
		font-size: 25px;
		font-weight:600;
		color: #fff;	
		position: absolute;
		top: 10px;
		left: 10px;
		letter-spacing:0.35px;
	}

	#header-title-mobile  {
		position: absolute;
   		top: -9999px;
   		left: -9999px;
	}

	#header-title a:hover {	
		color: #aaa;
	}

	
	.header-link {	
		color: #fff;
	}
	
	.header-link a {	
		color: #fff;
	}

	.header-link a:hover {	
		color: #420b48;
	}

	
	#header-subtitle {
		font-family: montserrat;
		font-weight:400;
		font-size: 25px;
		text-transform: uppercase;
		color: #bbb;	
		position: absolute;
		top: 10px;
		left: 274px;
}
	
	.clapat-menubtn {
		position: absolute;
		right: 0px;
		top: 0px;
		cursor:pointer;	
		background-color:#420b48;
		padding: 9px;
	}

	.clapat-menubtn .btn_menu_line {
		height:4.5px;
		width:23px;
		margin:4.5px 4.5px 4.5px 4.5px;
		background-color:#fff;
		display:block;
		-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;
	}
	
	.clapat-menubtn:hover .btn_menu_line {
		background-color:#601360;
	}
			
			
			
/*------------------------------------------------- 06. Content Styles ---------------------------------------------------*/				
			
	#about {
		width:1380px;
		margin:0 auto;		
		padding-top: 20px;
	}
	
	#content {
		background-color:none;
		min-height: 100%;
	}
	
	.content-contact {
		background-color:#fff;
		min-height: 100%;
		height: auto;
		height: 100%;
		margin-bottom: -142px;
	}
	
	#content:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	#content-ajax {
	}

	#hero {
		position: relative;
		width: 100%;
		background-color:#fff;
		z-index:0;
	}
	
	#hero img {
		max-width:100%;
	}
	
	.hero-image {
		width:100%;
		height:100%; 
		margin:0;
		padding:0;	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
	}
	
	.overlay {
		height:100%;
		width:100%;
	}
	
	#main {
		background-color:none;
		position:relative;
		z-index:1;
		padding:80px 0;
		width:100%;
	}
	
	#main-contact {
		background-color:#fff;
		position:relative;
		z-index:1;
		padding:80px 0 0 0;
		width:100%;
		min-height: 100%;
		height: auto;
		height: 100%;
		margin-bottom: 65px;
	}
	
	#main:after {
		clear: both;
		content: " ";
		display: block;
	}
	
	.page-title {
		display: block;
		padding-bottom: 20px;
		width: 800px;
	}
	
	.page-title.text-align-center {
		margin:0 auto;
	}	
	
	.scrolltotop{
		width:60px; 
		height:60px;
		position:fixed;
		bottom:57px;
		right:22px;
		display:none;
		z-index:100;
		opacity:0.5;
		cursor:pointer;
	}
	
	.top-arrow {
		width:60px; 
		height:60px;
		background: #999;
		background-image:url(images/top_arrow.png);
		background-size:22px 12px;
		background-repeat:no-repeat;
		background-position:center center;
		opacity:0.5;
		-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;
	}
	
	.scrolltotop:hover .top-arrow {
		opacity:1;
	}
	

	
	section {
		margin-left: -50%;
		padding-left: 50%;
		padding-right: 50%;
		position: relative;
		width: 100%;
		z-index: 0;
		display: inline-block;
	}
	
	section .overlay {
		margin-left: -50%;
		padding-left: 50%;
		padding-right: 50%;
		padding-top:150px;
		padding-bottom:150px;
		position: relative;
		width: 100%;
	}
	
	.parallax {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-attachment: fixed !important;
	}
	
	

	
	
	
/*--------------------------------------------------
	07 .Portfolio Filters
---------------------------------------------------*/
	
	#filters {
		margin: 0;
		text-align: center;
		width: 100%;
		opacity:1;
		max-height:200px;
		-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;
	}
	
	#filters.filters-hide {
		opacity:0;
		max-height:0px;
	}
	
	#filters li {
		display: inline-block;
		height: 20px;
		line-height: 20px;
		margin: 0px 10px 150px;
	}
	
	#filters li a {
		display:inline-block;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#999999;
	}
	
	#filters li a:hover {
		color:#34d5cb;
	}
	
	#filters li a.active {
		color:#000;
	}
	
	
/*------------------------------------------------------	08. Portfolio Items -----------------------------------------------------------*/
	
	#portfolio-wrap {
		max-width:1800px;
		margin-left:10%;
		margin-right:10%;
		margin:0 auto;		
	}
	
	#portfolio-wrap.no-gutter {
		width:1280px;
		margin:0 auto;		
	}
	
	#portfolio {
      	width: 100%;
		-webkit-transition: height 0.3s ease-in-out;
		-moz-transition: height 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out;
		-ms-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
    }
	
	.item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow:hidden;
    }
	
	.item-content {
		height:100%;
		width:100%;
		position:absolute;
		background-color:#eeeeee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align:center;
		padding:0px;
		background-size:cover;
		background-position:center center;
		overflow:hidden;
		display: table;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-ms-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }
	
	.item:hover .item-content {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		-webkit-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-moz-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-o-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-ms-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	}
	
	.item-overlay {
		height:100%;
		width:100%;
		background:rgba(0,0,0,0);
		position:absolute;
		opacity:0;
		box-sizing:border-box;	
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;		
	}
	
	.padding-overlay {
		padding:0px;
		box-sizing:border-box;
		display:table;
		position:absolute;
		width:100%;
		height:100%;
		-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;
	}
	
	.item:hover .padding-overlay {
		padding:30px;
		-webkit-transition: all 0.2s ease-in-out 0.1s;
		-moz-transition: all 0.2s ease-in-out 0.1s;
		-o-transition: all 0.2s ease-in-out 0.1s;
		-ms-transition: all 0.2s ease-in-out 0.1s;
		transition: all 0.2s ease-in-out 0.1s;
	}
	
	.padding-overlay .item-overlay {
		display:table-cell;
		position:relative;
		overflow:hidden;
		text-align:center;
		vertical-align:middle;
	}
	
	.item:hover .item-overlay {
		background:rgba(35,0,35,0.9);
		opacity:1;
	}
	
	.item:hover .item-overlay.overlay-white {
		background:rgba(255,255,255,0.8);
	}
	
	.item .item-overlay.overlay-gradient {
		background: rgb(111,226,158); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%, rgba(91,218,209,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(111,226,158,0.8)), color-stop(100%,rgba(91,218,209,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* IE10+ */
		background: linear-gradient(135deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		opacity:0;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	
	.item:hover .item-overlay.overlay-gradient {
		background: rgb(111,226,158); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%, rgba(91,218,209,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(111,226,158,0.8)), color-stop(100%,rgba(91,218,209,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* IE10+ */
		background: linear-gradient(135deg,  rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		opacity:1;
	}
	
	.item-cat {
		display:block;
		font-family: 'Montserrat', serif;
		font-weight:400;
		font-size:16px;
		letter-spacing:1px;
		margin-left:-100%;
		margin-top:12px;
		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;
	}
	
	.padding-overlay .item-cat {
		margin:0 20px 5px 20px;
		opacity:0;
		-ms-transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		-o-transition:translateY(-20px);
		transform: translateY(-20px);
		-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;
	}
	
	.item-overlay.overlay-gradient .item-cat {
		color:#fff;
	}
	
	.item:hover .item-cat {
		margin-left:15px;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	
	.item:hover .padding-overlay .item-cat {
		margin:0 20px 5px 20px;
		opacity:1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transition:translateY(0px);
		transform: translateY(0px);
		-webkit-transition: all 0.5s ease-in-out 0.5s;
		-moz-transition: all 0.5s ease-in-out 0.5s;
		-o-transition: all 0.5s ease-in-out 0.5s;
		-ms-transition: all 0.5s ease-in-out 0.5s;
		transition: all 0.5s ease-in-out 0.5s;
	}
	
	.item-title {
		display:block;
		position:relative;
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		font-size:24px;
		margin-left:-100%;
		margin-top:5px;
		margin-right:28px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.padding-overlay .item-title {
		margin:5px 20px 0px 20px;
		-ms-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		-o-transition:translateY(20px);
		transform: translateY(20px);
		opacity:0;
		font-size:18px;
		-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;
	}
	
	.item-overlay.overlay-white .item-title {
		color:#000;
	}
	
	.item:hover .item-title {
		margin-left:32px;
		-webkit-transition: all 0.6s ease-in-out 0.3s;
		-moz-transition: all 0.6s ease-in-out 0.3s;
		-o-transition: all 0.6s ease-in-out 0.3s;
		-ms-transition: all 0.6s ease-in-out 0.3s;
		transition: all 0.6s ease-in-out 0.3s;
	}
	
	.item:hover .padding-overlay .item-title {
		margin:5px 20px 0px 20px;
		opacity:1;
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transition:translateY(0px);
		transform: translateY(0px);
		-webkit-transition: all 0.5s ease-in-out 0.5s;
		-moz-transition: all 0.5s ease-in-out 0.5s;
		-o-transition: all 0.5s ease-in-out 0.5s;
		-ms-transition: all 0.5s ease-in-out 0.5s;
		transition: all 0.5s ease-in-out 0.5s;
	}
	
	.item-title:after {
		background: none repeat scroll 0 0 #666;
			bottom: -20px;
			content: "";
			height: 1px;
			left: 1px;
			position: absolute;
			width: 40px;
			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;
		}  
	
	.padding-overlay .item-title:after {
		content: "";
		height: 0px;
	}
	
	.item-overlay.overlay-white .item-title:after {
		background: none repeat scroll 0 0 rgba(0,0,0,0.2);
	}
	
	.item-overlay.overlay-gradient .item-title:after {
		background: none repeat scroll 0 0 rgba(255,255,255,0.4);
	}
	
	.item:hover .item-title:after {
		opacity:1;
		bottom: -15px;
		-webkit-transition: all 0.2s ease-in-out 0.9s;
		-moz-transition: all 0.2s ease-in-out 0.9s;
		-o-transition: all 0.2s ease-in-out 0.9s;
		-ms-transition: all 0.2s ease-in-out 0.9s;
		transition: all 0.2s ease-in-out 0.9s;
	}
	
	
	
/*----------------------------------------------9. Portfolio Isotope Transitions -----------------------------------------------*/

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	
	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}
	
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}
	
	.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}
	
	
/*--------------------------------------- 10. Project Page ----------------------------------------------------------------------------------*/
	
	.projects-nav {
		width:100%;
		height:auto;
		display:inline-block;
		margin-top:33px;
	}
	
	.projects-nav:after {
		clear: both;
		content: " ";
		display: block;
	}
	
	.prev-project {
		background-image:url(images/prev_project.png);
		background-size:23px 43px;
		background-repeat:no-repeat;
		float:left;
		text-align:left;
		width:auto;
		height:43px;
		padding-left:50px;
		overflow:hden;
		opacity:0.3;
		-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;
	}
	
	.prev-project:hover {
		background-image:url(images/prev_project-hover.png);
		opacity: 1;
	}
	
	.next-project {
		background-image:url(images/next_project.png);
		background-size:23px 43px;
		background-repeat:no-repeat;
		background-position:right;
		float:right;
		text-align:right;
		width:auto;
		height:43px;
		padding-right:50px;
		overflow:hidden;
		opacity:0.3;
		-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;
	}
	
	.next-project:hover {
		background-image:url(images/next_project-hover.png);
		opacity: 1;
	}
	
	.buton-nav-content {
		overflow:hidden;
		height:40px;
		padding-top:13px;
	}
	
	.prev-project, .next-project {
		font-family: 'Montserrat' ;
		font-size:14px;
		color:#999;
		
	}
	
	.prev-project .name-prev-project , .next-project .name-next-project {
		font-family: 'Montserrat', sans-serif;
		font-size:16px;
		color:#aaa;
		text-transform:uppercase;
		display:block;
		opacity:0;
		-webkit-transition: all 0.4s ease-in-out 0.2s;
		-moz-transition: all 0.4s ease-in-out 0.2s;
		-o-transition: all 0.4s ease-in-out 0.2s;
		-ms-transition: all 0.4s ease-in-out 0.2s;
		transition: all 0.4s ease-in-out 0.2s;
	}
	
	.prev-project .name-prev-project {
		margin-left:-100px;
	} 
		
	.next-project .name-next-project {
		margin-right:-100px;
	}
	
	.prev-project:hover .name-prev-project, .next-project:hover .name-next-project {
		opacity:1;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.prev-project:hover .name-prev-project {
		margin-left:0px;
	} 
		
	.next-project:hover .name-next-project {
		margin-right:0px;
	}
		
	.prev-project .text-prev-project, .next-project .text-next-project {
		opacity:0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.prev-project .text-prev-project {
		margin-left:-100px;
	} 
		
	.next-project .text-next-project {
		margin-right:-100px;
	}
	
	.prev-project:hover .text-prev-project, .next-project:hover .text-next-project {
		opacity:1;
		color:#999;
		-webkit-transition: all 0.4s ease-in-out 0.2s;
		-moz-transition: all 0.4s ease-in-out 0.2s;
		-o-transition: all 0.4s ease-in-out 0.2s;
		-ms-transition: all 0.4s ease-in-out 0.2s;
		transition: all 0.4s ease-in-out 0.2s;
	}		
			
	.prev-project:hover .text-prev-project {
		margin-left:0px;
	} 
		
	.next-project:hover .text-next-project {
		margin-right:0px;
	}
	
	.all-projects {
		color: #aaa;
		font-family: "Montserrat",sans-serif;
		font-size: 16px;
		height: 43px;
		left: 50%;
		line-height: 43px;
		margin: 0 auto 0 -100px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 200px;
		-webkit-transition: all 0.2s ease-in-out 0.2s;
		-moz-transition: all 0.2s ease-in-out 0.2s;
		-o-transition: all 0.2s ease-in-out 0.2s;
		-ms-transition: all 0.2s ease-in-out 0.2s;
		transition: all 0.2s ease-in-out 0.2s;
	}
	
	.all-projects:hover {
		color: #601360;
		-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;
	}
	
	
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------	14. Shortcodes
/*-------------------------------------------------------------------------------------------------------------------------------------------*/


	
	
/* Buttons */	
	
	.clapat-button {
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		text-transform:uppercase;
		padding:15px 30px;
		letter-spacing:0;
		line-height:20px;
		cursor:pointer;
		border:none;
		transition:all 0.3s ease 0s;
		-moz-transition:all 0.3s ease 0s;
    	-webkit-transition:all 0.3s ease 0s;
    	-o-transition:all 0.3s ease 0s;
		text-align:center;
		letter-spacing:1px;
		background-color:#34d5cb;
	}
	
	.clapat-button:hover, .clapat-button:active, .clapat-button:focus {
		background-color:#000;
		color:#fff;
	}
	
	.clapat-button.outline-button {
		color:#000;
		padding:12px 27px;
		background-color:transparent;
		border:#000 3px solid;
	}
	
	.clapat-button.outline-button:hover, .clapat-button.outline-button:active, .clapat-button.outline-button:focus {
		border:#34d5cb 3px solid;
		color:#34d5cb;
	}
	
	.space-buttons {
		display: inline-block;
		height: 40px;
		width: 20px;
	}

	.socials {	
		margin: 0 0 20px;
		display:block;
		width:100%;
	}
	
	.socials li {
		list-style:none;
		display:inline-block;
		margin-left: -4px;
	}
	
	.socials li:first-child {
		margin-left: 3px;
	}
	
	.socials li:first-child a {
		padding-left: 0px;
	}
	
	.socials li a {
		border-right: 1px dotted rgba(0, 0, 0, 0.2);
		padding:0 20px;
		color: #000;
		display: block;
		font-size: 16px;
		height: 16px;
		line-height: 10px;
		width:20px;
	}
	
	.socials li:last-child a {
		border-right: none;
	}
	
	.socials li a:hover {
		color:#34d5cb;
	}
	
	
/* Toggle */
	
	.toggle-wrap {
		float:left;
		width:100%;
	}

	.toggle-title {
		background: #eeeeee;
		cursor: pointer;
		padding: 10px 15px;
		margin-bottom: 10px;
		display: block;
		font-family: 'Montserrat' ;
		font-weight:400;
		font-size:14px;
		letter-spacing:1px;
		transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
    	-webkit-transition:all 0.2s ease 0s;
    	-o-transition:all 0.2s ease 0s;
	}
	
	.toggle-title:after {
		content:"+";
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		margin-top:-3px;
	}
	
	.toggle-title a {
		color:#999;
		text-decoration: none;
	}
	
	.toggle-title:hover {
		background: #000;
		color:#fff;
	}
	
	.toggle-title:hover a{
		color:#fff;
	}
		
	.toggle_container {
		padding: 5px 15px;
		margin-bottom: 24px;
		line-height: 25px;
	}
	
	.toggle-active {
		color:#fff;
		background: #34d5cb;
	}
	
	.toggle-active:after {
		content:"_";
		margin-top:-10px;
	}
	
	.toggle-active a {
		color:#FFF;
	}
	
	
	
/*  Tabs  */
	
	.tab-shortcode {
		display:table;
		width:100%;
	}
		
	ul.tabs { 
		overflow: hidden; 
		margin: 0px; 
	}
	
	ul.tabs li { 
		float: left; 
		margin: 0px; 
		list-style: none; 
	}
			
	ul.tabs li a {
		display: block;
		background-color: #eeeeee;
		padding: 6px 20px;
		margin-right: 5px;
		color: #999;
		font-family: 'Montserrat' ;
		font-weight:400;
		font-size:14px;
		letter-spacing:1px;
	}
			
	ul.tabs .tab-active a { 
		color: #fff;
		background-color: #34d5cb;
	}
	
	ul.tabs li a:hover{ 
		color: #fff;
		background-color: #000;
	}
			
	.tab_container {
		clear: both;
		padding: 20px;
		margin-top:0px;
		border:#ebebeb solid 1px;
		line-height:25px;
	}
	
	

/*  Alert Boxes  */
	
	.alertboxes {
		float:left;
		width:100%;
	}
	
	.shortcode_alertbox {
		color: #FFFFFF;
		display: block;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 15px 40px 15px 14px;
		position: relative;
	}
	
	.shortcode_alertbox .box_close {
		background: url("images/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position:10px 10px;
		background-size:20px 20px;
		display: block;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		cursor:pointer;
	}
	
	.shortcode_alertbox b {
		color:inherit;
	}
	
	.shortcode_alertbox.box_red {
		background: none repeat scroll 0 0 #F9E5E6;
		color:#B3696C;
	}
	
	.shortcode_alertbox.box_blue {
		background: none repeat scroll 0 0 #D8ECF5;
		color: #528DA9;
	}
	
	.shortcode_alertbox.box_yellow {
		background: none repeat scroll 0 0 #FCF7D9;
    	color: #C4A21B;
	}
	
	.shortcode_alertbox.box_green {
		background: none repeat scroll 0 0 #E3EBC6;
		color: #8FA442;
	}
	

	
	
/* Quote */	
	
	.quote {
		font-weight:normal;
		text-align:center;
		font-family: 'Montserrat', sans-serif;
		color:#000;
		font-size:36px;
		margin:20px 0;
		line-height:36px;
	}
	
	span.quote-img-left  {
		background-image: url("images/quote1.png");
		background-size: 21px 17px;
		display: inline-block;
		height: 17px;
		margin-bottom: 9px;
		margin-right: 10px;
		opacity: 0.2;
		width: 21px;
	}
	
	span.quote-img-right  {
		background-image: url("images/quote2.png");
		background-size: 21px 17px;
		display: inline-block;
		height: 17px;
		margin-bottom: 9px;
		margin-left: 10px;
		opacity: 0.5;
		width: 21px;
	}
	
	.quote-author {
		text-align:center;
	}		
	
	
	
/* 404 Page */
	
	.page-error {
		margin:50px 0;
	}
	
	.page-error p {
		margin-bottom:50px;
	}
	
	.blink_me {
		font-size:100px;
		line-height:100px;
		-webkit-animation-name: blinker;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
	
		-moz-animation-name: blinker;
		-moz-animation-duration: 2s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
	
		animation-name: blinker;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	
	@-moz-keyframes blinker {  
		0% { color:#000; }
		25% { color:#fff; }		
		50% { color:#000; }
		75% { color:#fff; }
		100% { color:#000; }
	}
	
	@-webkit-keyframes blinker {  
		0% { color:#000; }
		25% { color:#fff; }		
		50% { color:#000; }
		75% { color:#fff; }
		100% { color:#000; }
	}
	
	@keyframes blinker {  
		0% { color:#000; }
		25% { color:#fff; }		
		50% { color:#000; }
		75% { color:#fff; }
		100% { color:#000; }
	}	
	
/*--------------------------------------------------------------- Header & Footer ---------------------------------------------------------------*/		
			
	
/*------------------------------------------------------------- Primary menu ---------------------------------------------------------*/		
	
	.clapat-overlay-menu .inner {
		padding:0;
	}
	
	.clapat-overlay-menu {
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		display:none;
		width:100%;
		height:100%;
	}

	.clapat-overlay-menu .clapat-menu-container {
		position:relative;
		z-index:102;
		width:100%;
		height:100%;
		color:#fff;
		text-align:left;
		display:inline-block;
	}

	.scr_menu {
		overflow: scroll; overflow-x:hidden;
	}
	
	.scr_menu .inner {
		padding:0;
		padding-right:25px;
	}
	
	.clapat-overlay-menu .clapat-menu-container .categories {
		margin:0;
		display: inline-block;
	}

	.clapat-overlay-menu .clapat-menu-container .categories li {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity:0;
		-webkit-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-moz-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-o-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-webkit-perspective:1000;
		-moz-perspective:1000;
		-ms-perspective:1000;
		-o-perspective:1000;
		perspective:1000;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		-o-backface-visibility:hidden;
		backface-visibility:hidden;
		-webkit-transition-delay:0;
		-moz-transition-delay:0;
		-o-transition-delay:0;
		transition-delay:0;
		list-style:none;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:36px;
		font-weight:500;
		margin:0 0 10px;
		padding:0;
	}
	
	.clapat-overlay-menu .clapat-menu-container .categories li a {
		display:block;
		color:#666;
		font-family: 'Montserrat', sans-serif;
		line-height: 36px;
	}

	.clapat-overlay-menu .clapat-menu-container .categories li a:hover, .clapat-overlay-menu .clapat-menu-container .categories li a.is-active, .clapat-overlay-menu .clapat-menu-container .categories li a.active {
		color:#fff;
	}

	.dropdown .submenu {
		overflow: hidden;
		max-height: 0;
		margin:0;
		transition:all 0.6s ease 0s;
		-moz-transition:all 0.6s ease 0s;
		-webkit-transition:all 0.6s ease 0s;
		-o-transition:all 0.6s ease 0s;
	}

	.dropdown .submenu li {
		opacity:1!important;
		text-transform:none!important;
		letter-spacing:0!important;
	}
	
	.dropdown .submenu li:first-child {
		margin-top:10px;
	}
	
	.dropdown .submenu li:last-child {
		margin-bottom:15px;
	}
	
	.dropdown .submenu li a {
		font-size:18px;
		margin:5px 8px 0px;
		font-family:Verdana, Geneva, sans-serif!important;
		line-height: 18px!important;
	}
	
	
	.dropdown:hover .submenu {
		max-height:500px;
		transition:all 1.2s ease-in-out 0.1s;
		-moz-transition:all 1.2s ease-in-out 0.1s;
		-webkit-transition:all 1.2s ease-in-out 0.1s;
		-o-transition:all 1.2s ease-in-out 0.1s;
	}

	.clapat-overlay-menu .clapat-menubg {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity:0;
		-webkit-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-o-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-webkit-transition-delay:400ms;
		-moz-transition-delay:400ms;
		-o-transition-delay:400ms;
		transition-delay:400ms;
		position:absolute;
		top:0;
		left:0;
		z-index:101;
		width:100%;
		height:100%;
	}

	.clapat-overlay-menu.is-active .clapat-menubg {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		-webkit-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-moz-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		-o-transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
		transition:opacity 500ms cubic-bezier(0.455,0.03,0,1);
	}

	.clapat-menubg-overlay {
		width:100%;
		height:100%;
		background-color:rgba(31,0,31,0.9);
	}

	.clapat-overlay-menu.is-active .categories {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		-webkit-transition:opacity 800ms cubic-bezier(0.6,-0.28,0.735,0.045);
		-moz-transition:opacity 800ms cubic-bezier(0.6,-0.28,0.735,0.045);
		-o-transition:opacity 800ms cubic-bezier(0.6,-0.28,0.735,0.045);
		transition:opacity 800ms cubic-bezier(0.6,-0.28,0.735,0.045);
	}

	.clapat-overlay-menu.is-active .categories li {
		-webkit-transition:opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		-moz-transition:opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		-o-transition:opacity cubic-bezier(0.6,-0.28,0.735,0.045);
		transition:opacity cubic-bezier(0.6,-0.28,0.735,0.045);
	}

	.clapat-overlay-menu.is-active .menu-socials, .clapat-overlay-menu.is-active .menu-copyright {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity:1;
		-webkit-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-o-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-webkit-transition-delay:700ms;
		-moz-transition-delay:700ms;
		-o-transition-delay:700ms;
		transition-delay:700ms;
	}
	
	.clapat-overlay-menu .menu-socials, .clapat-overlay-menu .menu-copyright {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity:0;
		-webkit-transition:opacity 300ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition:opacity 300ms cubic-bezier(0.39,0.575,0.565,1);
		-o-transition:opacity 300ms cubic-bezier(0.39,0.575,0.565,1);
		transition:opacity 300ms cubic-bezier(0.39,0.575,0.565,1);
		position:absolute;
	}
	
	.clapat-menuclosebtn {	
		top:50px;
		right:50px;
		height:30px;
		width:30px;
		position:absolute;
		cursor:pointer;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity:0;
		-webkit-transition:opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition:opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
		-o-transition:opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
		transition:opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
	}

	.clapat-menuclosebtn.is-active {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:100;
		-webkit-transition:opacity 1ms cubic-bezier(0.39,0.575,0.565,1);
		-moz-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-o-transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		transition:opacity 700ms cubic-bezier(0.39,0.575,0.565,1);
		-webkit-transition-delay:1s;
		-moz-transition-delay:1s;
		-o-transition-delay:1s;
		transition-delay:1s;
	}

	.closebtn-rotate {
		height:30px;
		width:30px;
		position:absolute;	
		transition:transform 0.4s ease 0s;
		-moz-transition:transform 0.4s ease 0s;
		-webkit-transition:transform 0.4s ease 0s;
		-o-transition:transform 0.4s ease 0s;
	}
	
	.closebtn-rotate:hover {
		-ms-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg); 
		-o-transition:rotate(180deg);
		transform: rotate(180deg);
	}
		
	
	.clapat-menuclosebtn .btn_menu_line {
		-ms-transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
		transform: rotate(-45deg);
		background-color: #fff;
		display: block;
		height: 3px;
		width: 30px;
		position:absolute;
		margin-top:13px;
	}
	
	.clapat-menuclosebtn .btn_menu_line:first-child {
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);
	}
	
	.clapat-overlay-menu .menu-copyright {
		bottom:40px;
		left:60px;
		color:#999;
	}
	
	.clapat-overlay-menu .menu-socials {
		bottom:30px;
		right:50px;
	}
	
	.menu-socials {	
		margin:0px;
		display:block;
	}
	
	.menu-socials li {
		list-style:none;
		display:inline-block;
		margin-left: -4px;
	}
	
	.menu-socials li:first-child {
		margin-left: 3px;
	}
	
	.menu-socials li:first-child a {
		padding-left: 0px;
	}
	
	.menu-socials li a {
		border-right: 1px dotted rgba(255, 255, 255, 0.1);
		padding:0 20px;
		color: #999;
		display: block;
		font-size: 16px;
		height: 16px;
		line-height: 10px;
		width:20px;
	}
	
	.menu-socials li:last-child a {
		border-right: none;
	}
	
	.menu-socials li a:hover {
		color:#fff;
	}	
	
/*------------------------------------------------- Secondary menu ------------------------------------------*/		
/*------------------------------------------------- Secondary menu ---------------------------------------------*/		
/*------------------------------------------------- Secondary menu -------------------------------------------*/		
	
	#secondary-menu {
		opacity:1;
		-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;
	}
	
	#secondary-menu.hide-secondary {
		opacity:0!important;
	}
	
	.menu {
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: right;
	}
	
	.menu li:hover { 
		visibility: inherit; 
	}
	
	.menu li {
		position: relative;
		display: inline;
		float: left;		
	}
	
	.menu li a {
		text-decoration: none;
		font-size:13px;
		font-weight: 400;
		color: #999;
		padding: 0px 20px;
		display: block;
		float: left;
		height:inherit;
		line-height:81px;
		height:80px;
	}
	
	.menu li a:hover, .menu li.sfHover a {
		color: #000;
	}
	
	.menu li a.current {
		color: #000;
	}
	
	
	
	
/*--------------------------------------------------
	15. Footer
---------------------------------------------------*/

	footer {
		background-color: #eee;
		overflow: hidden;
		position: relative;
		width: 100%;
		/* z-index: 2;*/
		margin-top: -50px;
	}
	
	.push {
		height: 142px;
	}
	
	#footer-content {
		background: none repeat scroll 0 0;
	}
	
	#footer-contact {
    	background-color: #eee;
    	width: 100%;	
	}
	
		
	#footer-content .footer-white  .container {
		padding-top:10px;
	}

	
	#footer-content .container {
		padding-top:47px;
		padding-bottom:45px;
		display:table;
	}
	
	ul.text-socials {
		margin:0;
		font-size:15px;
	}
	
	ul.text-socials li {
		list-style:none;
		display:inline-block;
		margin:0 50px 0 50px ;
		text-transform:uppercase;
	}
	
	ul.text-socials li a {
		color:#601360;
		border-bottom: rgba(0,0,0,0) 2px solid;
		padding-bottom: 5px;
		letter-spacing:1px;
	}
	
	ul.text-socials li a:hover {
		border-bottom: #420b48 2px solid;
    	
	}
	
	ul.footer-socials {
		margin-left:0;
		margin-bottom:30px;
	}
	
	ul.footer-socials li {
		display:inline-block;
		margin-right:15px;
		text-align:center;
	}
	
	ul.footer-socials li a {
		border-radius:50px;
		background-color:#999;
		line-height:40px;
		color:#fff;
		width:40px;
		height:40px;
		display:block;
		font-size:16px;		
	}
	
	ul.footer-socials li a:hover {
		background-color:#000
	}
	
	.copyright-minimal {
		float:left;
	}
	
	.text-socials-minimal {
		margin:0;
		display:block;
		float:right;
	}
	
	.text-socials-minimal li {
		display:inline-block;
		font-family: 'Montserrat' ;
		font-weight:200;
		font-size:14px;
		letter-spacing:1px;
		margin-right:5px;
	}
	
	.text-socials-minimal li:last-child {
		margin-right:0;
	}
	
	.text-socials-minimal li:after {
		content:","
	}
	
	.text-socials-minimal li:first-child:after, .text-socials-minimal li:last-child:after {
		content:""
	}
	
	.text-socials-minimal li a {
		color:#999;
		text-transform:uppercase;
		line-height:25px;
	}
	
	.text-socials-minimal li a:hover {
		color: #34d5cb;
	}
	
	#footer-copyright {
		background: #601360;
		height: 30px;
	}

	
	.footer-signoff {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:200;
		font-size:12px;
		text-align:center;
		padding-top:6px;
		color: #bbb;
		
	}
	
	
		
/*--------------------------------------------------
	16. Responsive
---------------------------------------------------*/			
			
@media only screen and (max-width: 1466px) {
	
	.container {
		width:940px;
	}
	
	#header-wrapper {
		width: 100%;
	}
	
	#portfolio-wrap {
		max-width:1300px;
	}

	
}


@media only screen and (max-width: 1024px) {
	
	.container {
		width:90%;
	}
					
	.page-title {
		width:100%;
	}
	
	#portfolio-wrap {
		max-width:900px;
	}
	
	
	#header-wrapper {
		width: 100%;
	}
	
	#header-title {
		font-size: 17pt;
		margin-top:2pt;
	}
	
	#header-subtitle {
		font-size: 17pt;
		margin-top:2pt;
		position: absolute;
		left: 187pt;
	}
	
	h1{
		font-weight: 600;
		font-size:58px;
		line-height: 45px;
		padding: 0.6em 0 0 0;
		margin-left:-3px;
		color: #541159;
	}
	 
	h3 {
		font-size:27px;
		line-height: 32px;
		margin:0 0 2.2em 0;
		color: #541159;
		letter-spacing:0.25px;
	}
	
	.intro {
		padding-right: 15%;
		font-size: 19px;
		line-height: 27px;
	}
	
	.intro-last {
		padding-right: 10%;
		font-size: 19px;
		line-height: 27px;
	}

	.about-header {
		font-size: 43px;
		line-height: 47px;
		padding-right: 10%;
	}
	
	.about-intro {
		padding-right: 10%;
	}
	

	.about-text {
		padding-right: 15%;
	}

	.contact-header {
		font-size: 58px;
		line-height: 63px;
		margin-top: 21px; 
		margin-bottom: 55px;
		padding-left: 0px;
		padding-right: 50px;
	}

	.contact-info {
		font-size:18px;
		line-height:27px;
		letter-spacing: 0.5px;
		padding-left: 45px;
		padding-right: 15%;
	}
	
	.contact-info-last {
		font-size: 18px;
		line-height: 27px;
		letter-spacing: 0.5px;
		padding-left: 45px;
		padding-right: 15%;
		margin-bottom: 30px;
	}

	.project-intro {
		padding: 0 80px 0 20px;
	}	
	
	.menu-socials {
		display:none;
	}
	
	.menu-copyright {
		display:none;
	}
	
	#hero img {
		width:100%;
	}
	
	.prev-project {
		width:0;
	}
	
	.next-project {
		width:0;
	}
	
	#contact-formular {
		width:600px;
	}
	
	#contact-info {
		max-height:1000px;
		left:0;
		margin-left:0;
		width:100%;
	}
	
	.one_half {
		width: 47%;
		padding-right: 1.5%;
		padding-left: 1.5%;
	}	

	.one_third {
		display: none;
	}	

	.one_third_text {
		width: 100%;
	}	


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

	.four_fifth {
		width: 100%;
	}	

	.one_half, .one_third, .one_third_text, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px;
		margin-right: 0%;
	}
	
	.item.item-gap {
		display:none;
	}
	
	.post-image {
		opacity:1;
	}
	
	.meta-categories.title-has-line:after {
		background: none repeat scroll 0 0 #555;
	}	
	
	.clapat-counter {
		border-bottom: 1px solid #f0f0f0;
		border-right: 0 none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		display: block;
		list-style: outside none none;
		margin-bottom: 30px;
		padding-bottom: 10px;
		text-align: left;
		width: 100%;
	}
	
	.text-socials-minimal {
		float:left;
	}
	
	.padding-box {
		padding:0px;
	}
	
	#footer-content .container {
		text-align:centre;
	}
	
	ul.text-socials {
		text-align: centre;
	}
	
	ul.text-socials li {
		margin: 0 20px 0px 20px;
	}
	
	.space-buttons {
		display: block;
		width:100%;
	}
	
	.parallax {
		background-position: center top !important;
		background-attachment: scroll !important;
		height: auto;		
		width: 100%;
	}
	
	
}


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

    #footer-contact {
        position: fixed;
        left:0;
        bottom:0;
        height: auto;
        overflow: hidden;
    	width: 100%;
    }

    #main-contact {
        margin-bottom:-142px;
    }

    #content {
        min-height:100%;
    }

}

@media only screen and (max-width: 768px) {
	
	.container {
		max-width:93%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.content {
		width:100%;
	}

	#portfolio-wrap {
		width:100%;
		margin: 0;		
	}

	#header-wrapper {
		width: 100%;
	}
	
	#header-title {
   		position: absolute;
   		top: -9999px;
   		left: -9999px;	
	}

	#header-title-mobile {
		width: 600px;
		font-family: montserrat;
		text-transform: uppercase;
		font-size: 25px;
		font-weight:600;
		color: #fff;	
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	#header-subtitle {
   		position: absolute;
   		top: -9999px;
   		left: -9999px;	
	}
	
	
	h1{
		font-size:44px;
		line-height: 51px;
		padding: 0px 0 0 0;
		margin-top: 10px;
		margin-left:30px;
		margin-right: 30px;
	}
	
	h2 {
		font-size: 35px;
		line-height: 36px;
		margin-bottom: -10px;		
	}

	 
	h3 {
		font-size:33px;
		line-height: 42px;
		margin-left:30px;
		margin-right:30px;
		margin-top:-10px;
		margin-bottom: 1.25em;
	}
	
	h4 {
		font-size:17px;
		line-height: 25px;
		margin:25px 0 7px 0;
		padding-left: 20px;
	}

	
	.intro {
		font-size: 16px;
		line-height: 24px;
		padding-left: 60px;
		padding-right: 50px;
	}
	
	.intro-last {
		font-size: 16px;
		line-height: 24px;
		padding-left: 60px;
		padding-right: 50px;
		margin-bottom: 30px;
	}
	
	.about-header {
		font-size: 35px;
		line-height: 41px;
		margin-top: 8px; 
		margin-bottom: 35px;
		padding-left: 20px;
		padding-right: 40px;
		letter-spacing: 0;
	}
	
	.about-intro {
		font-size:15px;
		line-height:22px;
		padding-left: 45px;
		padding-right: 45px;
		character-spacing: 0.5px;
	}
	
	.about-text {
		font-size:15px;
		line-height: 22px;
		padding-left: 45px;
		padding-right: 45px;
		character-spacing: 0.5px;
	}
			
	.footer-contact {
		overflow: hidden;
		position: fixed;
		left:0;
		bottom: 0;
		width: 100%;
		height: 282px;
		z-index: 2;
	}

	.contact-header {
		font-size: 47px;
		line-height: 51px;
		margin-top: 22px; 
		margin-bottom: 60px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.contact-info {
		font-size: 17px;
		line-height: 27px;
		letter-spacing: 0.5px;
		padding-left: 70px;
		padding-right: 60px;
	}
	
	.contact-info-last {
		font-size: 17px;
		line-height: 27px;
		letter-spacing: 0.5px;
		padding-left: 70px;
		padding-right: 60px;
		margin-bottom: 20px;
	}

	
	ul.text-socials li {
		width: 100%;
		font-size: 20px;
		margin: 10px 0px 10px 0px;
	}

	.project-subtitle {
		margin-top: 0px;
	}

	
	#filters {
		max-height:500px;
		position:relative;
	}
	
	#filters li {
		display: block;
		margin: 0 10px 10px;
	}
	
	#filters li:last-child {
		padding-bottom:150px;
	}
	
	.page-error {
		margin:0;
	}
	
	.blink_me {
		font-size:60px;
		line-height:60px;
	}
	
}

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

	.footer-contact {
		position: relative;
		float: left;
	}
	
	.push {
		display: none;
	}
	
	.about-header {
		font-size: 35px;
		line-height: 41px;
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 0;
	}

}

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

	.container {
		width:100%;
		padding-left: 0;
		padding-right: 0;	
	}
	
	h1{
		font-size:35px;
		line-height:38px;
		margin-top: -15px;
		margin-left:19px;
		margin-right: 20px;
	}
	 
	h3 {
		font-size: 27px;
		line-height: 34px;
		margin:-0.35em 0 .5em 0;
		margin-left:20px;
		margin-right: 20px;
	}
		
	.intro {
		margin-left: 0;
		margin-right:0;
		padding: 0 30px 0 20px;
	}

	.intro-last {
		margin-left: 0;
		margin-right:0;
		padding: 0 30px 0 20px;
	}

	.project-intro {
		max-width: 93%;
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		line-height: 19px;
	}
	
	.about-header {
		font-size: 35px;
		line-height: 41px;
		padding-left: 0px;
		padding-right: 0px;
	}

	
	.contact-header {
		font-size: 39px;
		line-height: 41px;
		padding-left: 20px;
		Padding-right: 0px;
	}

	.footer-contact {
		position: relative;
		float: left;
	}


}

@media only screen and (max-width: 479px) {
	
	#content {
		/* padding-left: 20px;
		padding-right: 20px; */
	}
	
	#main {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}	
	.container {
		width:100%;
	}
	
	#portfolio-wrap {
		width: 100%;
		margin-right: 0px;
	}

	#header-wrapper {
		width: 100%;
	}
	
	#header-title {
		position: absolute;
   		top: -9999px;
   		left: -9999px;
	}
	
	#header-title-mobile  {
		width: 478px;
		font-family: montserrat;
		text-transform: uppercase;
		font-size: 17px;
		font-weight:600;
		color: #fff;	
		position: absolute;
		top: 15px;
		left: 11px;
	}

	#header-subtitle {
		position: absolute;
   		top: -9999px;
   		left: -9999px;
	}
	
	.clapat-menubtn {
		position: absolute;
		right: 0px;
		top: 0px;
		cursor:pointer;	
		padding: 11px 6px 10px 6px;
	}

	.clapat-menubtn .btn_menu_line {
		height:3px;
		width:22px;
		margin:5px 5px 5px 5px;
		background-color:#fff;
	}

	h1{
		font-size:39px;
		line-height:41px;
		margin-top: -15px;
		margin-left:0px;
	}
	 
	h3 {
		font-size: 25px;
		line-height: 32px;
		margin:-0.35em 0 .5em 0;
	}
	
	h4 {
		font-size:17px;
		line-height: 22px;
		margin:25px 0 7px 0;
		padding-left: 0px;
	}
	
		
	.intro {
		font-size: 15px;
		line-height: 22px;
		padding: 0;
	}
	
	.intro-last {
		font-size: 15px;
		line-height: 22px;
		padding: 0;
	}
	
	.project-intro {
		width: 100%;
	}
	
	
	.about-header {
		font-size: 26px;
		line-height: 31px;
		margin-top: 0px; 
		margin-bottom: 25px;
		padding-right: 20px;
	}
	
	.about-intro {
		font-size:15px;
		line-height:21px;
		padding-left: 0;
		padding-right: 0;
		character-spacing: 0;
	}
	
	.about-text {
		font-size:14px;
		line-height: 20px;
		padding-left: 0;
		padding-right: 0;
		character-spacing: 1px;
	}
	
	.contact-header {
		font-size: 39px;
		line-height: 40px;
		letter-spacing: 0.5px;
		margin-top: -5px; 
		margin-bottom: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.contact-info {
		font-size: 15px;
		letter-spacing: 0.5px;
		line-height: 22px;
		padding-left: 8px;
		padding-right: 15px;
	}
	
	.contact-info-last {
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.5px;
		padding-left: 8px;
		padding-right: 15px;
	}
	
	.footer-contact {
		position: relative;
	}
	
	.push {
		display: none;
	}

	.item:hover .padding-overlay {
		padding:10px;
	}
	
	#footer-copyright {
		height: 28px;
	}
}

@media only screen and (min-width: 1467px) {
	/* footer { position: fixed; bottom: 0; left: 0; } */
		
	#portfolio-wrap { max-width:68%; }
    
	h1 { font-size:74px; line-height:90px; }
    h3 { font-size:37px; line-height:20px; margin-bottom:2em; }
    
    h2 { font-size:67px; line-height:57px; }
	p.intro, .intro-last { font-size:20px; line-height:33px; margin: 10px 30px 0 30px; }
	#intro-text { margin-bottom: 70px; }
	p.project-subtitle { font-size:19px; }
	p.project-intro { font-size:16px; line-height:26px; } 
	
	p.about-header { font-size:49px; line-height:57px; padding: 50px 300px 50px 0px; }
	h4 { font-size:30px; line-height:40px; padding-left:50px; }
	p.about-intro { font-size:20px; line-height:33px; padding-left:50px; padding-right:400px; }
	p.about-text { font-size:17px; line-height:28px; padding-left:50px; padding-right:400px; }
	
	#footer-contact { position: fixed; bottom: 0; left: 0; }
	p.contact-header { font-size:85px; line-height: 95px; margin: 6% 0 7% 0;}
	p.contact-info-last { font-size:22px; line-height:36px; }
	
	ul.text-socials { font-size:18px; }
}

@media only screen and (min-width: 2000px) {
	#portfolio-wrap { max-width:55%; }
	#intro-text { margin-bottom:110px; }
}


/* @media only screen and (min-width: 1467px) {
    h1 { font-size:77px; line-height:90px; padding-left:150px; padding-right:400px; }
    h2 { font-size:67px; line-height:57px; }
    h3 { font-size:38px; line-height:33px; margin-bottom:2em; padding-left:150px; padding-right:400px; }
	h4 { font-size:30px; line-height:40px; padding-left:200px; }
    p.intro, .intro-last { font-size:20px; line-height:33px; padding-left:300px; padding-right:500px; }
	p.project-subtitle { font-size:19px; }
	p.project-intro { font-size:13px; line-height:24px; }
	ul.text-socials { font-size:18px; }
	p.about-header { font-size:55px; line-height:70px; padding: 50px 600px 50px 100px; }
	p.about-intro { font-size:20px; line-height:33px; padding-left:250px; padding-right:400px; }
	p.about-text { font-size:17px; line-height:28px; padding-left:250px; padding-right:400px; }
	p.contact-header { font-size:85px; line-height: 95px; }
	p.contact-info-last { font-size:29px; line-height:45px; }
	#intro-text { margin-bottom: 100px; }
}