/* -------------------------------------------------------------------
Stylesheet Guide
----------------------------------------------------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Typography
	4. Dropcap
	5. Loader
	6. Images
	7. Dividers
	8. Forms
	9. Contact and Comments Form
	10. Buttons

03. Header
	1. Logo
	2. Main Navigation

04. Slider
	1. Slides

05. Wrapper

06. Main
	1. Section
		- Slogan Title Group
		- Slogan Group
		- Content Title
		- Parallax
		- Video Full Container
		- Team
		- Counter Box
		- Twitter
		- Clients
		- Pricing Table

07. Blog
	1. Single Post Navigation
	2. Image Post Slider
	3. Pagenavi
	4. Comments
	5. Respond

08. Portfolio
	1. Portfolio Filter
	2. Portfolio Items
	3. Portfolio Single

09. Sidebar
	1. Widgets
		- Default Widgets
		- Recent Posts
		- Tags Cloud
		- Search

10. Footer 
	1. Widgets
	2. Logo In Footer
	3. Bottom Footer

11. Widgets + Shortcodes
	1. Social Icons
	2. Progress Bar
	3. Accordion and Toggle
	4. Quotes
	5. Tabs
	6. Notifications
	7. List
	8. Map

12. Other
	1. Back To Top


 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul, ol { list-style-position: inside; }

ul li { 
	list-style: none; 
	list-style-position: inside;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
}

a, a > * {
	text-decoration: none;
	color: #aaa;
}

a:hover {
	color: #f85c37;
}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
#cf {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	color: #8c8c8c;
	font-weight: 300;
	font-size: 14px;
	    font-family: 'gotham_lightregular';
	line-height: 1.87em;
}

.no-touch body.disable-hover { pointer-events: none; }

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
	
	.align-center { text-align: center; }
	.align-left	  { text-align: left; }
	.align-right  { text-align: right; }
	
	.alignleft  { float: left; }
	.alignright { float: right; }

	img.alignleft  { margin-right: 20px; }
	img.alignright { margin-left: 20px; }

	.hide		{ display: none;  }
	.show		{ display: block; }
	.invisible  { visibility: hidden; }
	.affix		{ position: fixed; }

	/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */
	
	p {
		margin: 0 0 1.5em;
		padding: 0;
		line-height: 1.87em;
	}

	.lead {
		margin-bottom: 5px;
		font-size: 20px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		color: #262626;
				line-height: 1.35em;
		font-weight: normal;
	}
	
	h1 { font-size: 48px; }
	h2 { font-size: 30px; }
	h3 { font-size: 22px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; } 
	h6 { font-size: 14px; }

	::-moz-selection {
		background-color: #f8b637;
		color: #fff;
	}

	::selection {
		background-color: #f8b637;
		color: #fff;
	}
	
	.highlight {
		padding: 0 3px;
		background-color: #f85c37;
		color: #fff !important;
	}

	blockquote {
		font-size: 18px;
		font-style: italic;
	}
	
	blockquote.quote-text { 
		position: relative;
		padding-left: 80px; 
	}
	
	.parallax blockquote { color: #fff; }
		
	blockquote.quote-text:before {
		position: absolute;
		left: 10px;
		top: 0;
		color: #acacac;
		font-size: 100px;
		font-family: 'Courgette', cursive;
		content: "“";
		line-height: 1em;
		font-style: normal;
		
		-webkit-transition: color .25s ease;
				transition: color .25s ease;
	}
	
	.parallax blockquote:before { color: #fff; }
	
		blockquote p { 
			margin-bottom: .7em;
			line-height: 2em;
		}	
		
	blockquote.type-1,
	blockquote.type-2 {
		margin-bottom: 20px;
		padding: 25px 20px 20px 80px;
	}
		
	blockquote.type-1:before,
	blockquote.type-2:before {
		left: 10px;
		top: 30px;
	}
		
	blockquote.type-1 { background-color: #ededed; }
		
	blockquote.type-2 {
		background-color: #f85c37;
		color: #fff;
	}
	
	blockquote.type-2:before {
		color: #fff;
		color: rgba(255,255,255,.7);
	}
	
	/* -------------------------------------------------- */
	/*	Dropcap
	/* -------------------------------------------------- */	

	.dropcap::first-letter {
		display: block;
		float: left;
		margin: 10px 15px 0 0;
		color: #262626;
		font-weight: 700;
		font-size: 48px;
	}

	/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	@media  screen and (max-width: 600px) {

 .line-home{ display:none;}
  }

	.slide-image {
		position: relative;
		display: block;
		overflow: hidden;
		
		-webkit-backface-visibility: hidden;
	}
	
		.slide-image img {
			display: block;
			-webkit-transition: -webkit-transform .7s ease;
					transition: transform .7s ease;
		}

		.slide-image:hover img {
			-webkit-transform: scale(1.2);
					transform: scale(1.2);
		}
		
		.slide-image .curtain {
			position: absolute;
			top: -1%;
			left: -1%;
			visibility: hidden;
			width: 102%;
			height: 102%;
			background-color: #fff;
			background-color: rgba(255,255,255, .8);
			opacity: 0;  
			filter: alpha(opacity = 0);
			
			-webkit-transition: all 0.7s ease;
					transition: all 0.7s ease;
			-webkit-perspective: 400px;
					perspective: 400px;	
		}
	
		.slide-image:hover .curtain {
			visibility: visible;
			opacity: 1;
			filter: alpha(opacity = 80);
		}
		
			.ch-curtain {
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 5;
				margin: -20px 0 0 -20px;
				width: 40px;
				height: 40px;
				
				-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
				-webkit-transition: all .7s ease;
						transition: all .7s ease;
				-webkit-transform-style: preserve-3d;
						transform-style: preserve-3d;
			}

			.slide-image:hover .ch-curtain {
				-webkit-transform: rotate3d(0,1,0,-180deg);
						transform: rotate3d(0,1,0,-180deg);
			}			

				.ch-curtain > div {
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					background-color: #f85c37;
					color: #fff;
					text-align: center;

					-webkit-transition: all .5s ease;  
							transition: all .5s ease;  
					-webkit-backface-visibility: hidden;
							backface-visibility: hidden;
				}

				.ch-curtain > div:after {
					font-family: 'fontello';
					line-height: 40px;
				}
				
				.slide-image.link-icon .ch-curtain > div:after {
					content: '\e9ad';
					font-size: 20px;
				}

				.slide-image.plus-icon .ch-curtain > div:after {
					content: '\ec72';
					font-size: 21px;
				}

				.ch-curtain .ch-back {
					-webkit-transform: rotate3d(0,1,0,180deg);
							transform: rotate3d(0,1,0,180deg);
				}

	.single-image {
		display: block;
		-webkit-backface-visibility: hidden;
	}
	
		.item-overlay .single-image {
			position: absolute;
			z-index: 5;
			bottom: 30px;
			display: block;
			width: 40px;
			height: 40px;
			border: 1px solid #fff;
			text-align: center;
			background-color: transparent;

			-webkit-transition: all .3s ease;
					  transition: all .3s ease;  
		}
		
		.single-image.plus-icon { right: 75px; }
		.single-image.link-icon { right: 30px; }
		
		.item-overlay .single-image:hover { background-color: #fff; }
		
		.item-overlay .single-image:after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			color: #fff;
			text-align: center;
			font-size: 21px;
			font-family: 'fontello';
			line-height: 40px;
			
			-webkit-border-radius: 50%;
					border-radius: 50%;
			-webkit-transition: all .3s ease;
					transition: all .3s ease;  					
		}
		
		.single-image.plus-icon:after  { content: '\ec72'; }
		.single-image.link-icon:after  { content: '\e9ad'; font-size: 20px; }
		
		.item-overlay .single-image:hover:after { color: #f5633f; }
		
		.backslide1{
		background-image: url(../images/parallax/mobileslide-1.jpg); position:fixed;}
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
	.divider {
		margin: 40px auto;
		width: 22%;
		height: 1px;
		text-align: center;
		background-color: #e8e8e8;
	}
	
	.dark-footer .divider { background-color: #3a3a3a; }
	
	.separator {
		margin: 65px auto;
		width: 100%;
		height: 1px;
		background-color: #e8e8e8;	
	}	
	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		border: none;
		vertical-align: baseline;
		font-size: 100%;
	}
	
	button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: none;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label { 
		display: inline-block; 
		cursor: pointer;
	}
	
	input,
	textarea,
	select,
	button {
		-webkit-transition: all .25s ease;
				transition: all .25s ease;	
	}
	
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea, select {
		display: inline-block;
		padding: 11px;
		width: 100%;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: #d6d6d6;
		background-color: transparent;
		color: #999;
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
		-webkit-box-shadow: none;
				box-shadow: none;				
		-webkit-appearance: none;	
				appearance: none;	
	}
	
	.dark-footer input[type="text"],
	.dark-footer input[type="password"],
	.dark-footer input[type="datetime"],
	.dark-footer input[type="datetime-local"],
	.dark-footer input[type="date"],
	.dark-footer input[type="month"],
	.dark-footer input[type="time"],
	.dark-footer input[type="week"],
	.dark-footer input[type="number"],
	.dark-footer input[type="email"],
	.dark-footer input[type="url"],
	.dark-footer input[type="search"],
	.dark-footer input[type="tel"],
	.dark-footer input[type="color"],
	.dark-footer textarea, .dark-footer select {
		border-color: #737373;
		color: #646464;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus { border-color: #f85c37; }
	
	textarea {
		resize: both;
		min-height: 90px;
		max-width: 100%;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
	}

	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }

	.wrong-data { border-color: #fe5214; }

	/* Fix for Mobile Safari */
	input[type="checkbox"]	{ -webkit-appearance: checkbox; }
	input[type="radio"]		{ -webkit-appearance: radio; }

	/* Chrome, Safari */
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #d1d1d1; }

	/* Firefox */
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #d1d1d1; }

	/* Chrome, Safari */
	.dark-footer input::-webkit-input-placeholder,
	.dark-footer textarea::-webkit-input-placeholder { color: #646464; }

	/* Firefox */
	.dark-footer input:-moz-placeholder,
	.dark-footer textarea:-moz-placeholder { color: #646464; }
	
	/* ---------------------------------------- */
	/*	Contact and Comments Forms
	/* ---------------------------------------- */
	
	.contact-form { font-size: 0; }
	
			.input-block { margin-bottom: 10px; }

            #captcha { display: none; }

				.contact-form .submit i { font-size: 18px; }
	
		.inputs-block,
		.textarea-block { 
			display: inline-block; 
			font-size: 0;
			vertical-align: top;
		}
	
		.inputs-block {
			margin-right: 2%;
			width: 33%;
		}
		
		.textarea-block {
			margin-left: 1%;
			width: 64%;
		}
		
		.full-inputs-block { font-size: 0; }
		
			.full-inputs-block .input-block {
				display: inline-block;
				margin-left: 1%;
				width: 32.65%;
			}
			
			.full-inputs-block .input-block:first-child { margin-left: 0; }
		
			.full-textarea-block textarea {
				width: 100%;
				min-width: 100%;
				max-width: 100%;
				min-height: 260px;
			}
				
		/* HTML5 Validation Styles */	
		
		.comments-form input:required:valid,
		.contact-form input:required:valid,
		.comments-form textarea:required:valid,
		.contact-form textarea:required:valid { border-color: #f85c37; }
		
		.comments-form input:focus:invalid,
		.contact-form input:focus:invalid,
		.comments-form textarea:focus:invalid,
		.contact-form textarea:focus:invalid  { border-color: #e27152; }

	/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

	.button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 10px 15px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 11px;
		 
		line-height: 1em;
		cursor: pointer;

		-webkit-border-radius: 3px;
				border-radius: 3px;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}

	.button-overflow { overflow: hidden; }
	
	.button-roll {
		position: relative;
		display: inline-block;
		vertical-align: text-bottom;

		-webkit-perspective: 275px;
				perspective: 275px;
		-webkit-perspective-origin: 50% 50%;
				perspective-origin: 50% 50%;
		-webkit-border-radius: 3px;
				border-radius: 3px;
	}
	
		.button-roll span {
			position: relative;
			display: inline-block;
			padding: 8px 20px;
			background-color: #fff;
			color: #f85c37;
			text-transform: uppercase;
			text-align: center;
			font-weight: 500;
			font-size: 14px;
			 
            line-height: 1.9;
			
			-webkit-border-radius: 3px;
					border-radius: 3px;
			-webkit-transform-origin: 50% 0 0;
					transform-origin: 50% 0 0;
			-webkit-transform-style: preserve-3d;
					transform-style: preserve-3d;
			-webkit-transition: -webkit-transform .3s ease;
					transition: transform .3s ease;
		}
		
		.orange-roll span {
			background-color: #f85c37;
			color: #fff;
		}
		
		.button-roll:hover span {
			-webkit-transform: translate3d(0, 0, -40px) rotateX(90deg);
					transform: translate3d(0, 0, -40px) rotateX(90deg);
		}
		
		.button-roll span:after {
			position: absolute;
			top: 100%;
			left: 0;
			padding: 8px 20px;
			width: 100%;
			height: 100%;
			background-color: #262626;
			color: #fff;
			content: attr(data-hover);
			text-align: center;

			-webkit-border-radius: 3px;
					border-radius: 3px;	
			-webkit-transition: background-color .3s ease;
					transition: background-color .3s ease;
			-webkit-transform: rotateX(-90deg);
					transform: rotateX(-90deg);
			-webkit-transform-origin: 50% 0 0;
					transform-origin: 50% 0 0;
		}

.button.small {
		padding: 14px 20px;
		
		    font-weight: 300;
		font-family: 'gotham_lightregular';
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	.button.middle {
		padding: 14px 20px;
		font-size: 26px;
		    font-weight: 300;
		font-family: 'gotham_lightregular';
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
		@media only screen and (max-width: 768px) {
			.button.middle {
		padding: 14px 20px;
		font-size: 20px;
		    font-weight: 300;
		font-family: 'gotham_lightregular';
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
		}
	.button.large {
		padding: 15px 30px;
		font-size: 19px;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
	}
	
	.button.defaultarancione {
		border-color: #ffffff;
		color: #ffffff;
	}

	.button.defaultarancione:hover { 
		border-color: transparent;
		background-color: #003D4C; 
		color: #fff;
	}
	
	.button.default {
		border-color: #cfcfcf;
		color: #f85c37;
	}

	.button.default:hover { 
		border-color: transparent;
		background-color: #f85c37; 
		color: #fff;
	}
	
	.button.submit {
		margin-bottom: 0;
		padding: 9px 20px;
		width: 100%;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
	}
	
	.button.orange {
		border-color: transparent;
		background-color: #f85c37; 
		color: #fff;
	}
	
	.button.orange:hover {
		border-color: #cfcfcf;
		background-color: transparent; 
		color: #f85c37;
	}
	
	.dark-footer .button.orange:hover { border-color: #737373; }

	.button.white { 
		border-color: #fff;
		background-color: #fff;
		color: #f85c37;
	}
	
	.button.white:hover {
		color: #fff;
		background-color: transparent; 
	}

/* ---------------------------------------------------------------------- */
/*	Wrapper
/* ---------------------------------------------------------------------- */

#wrapper { 
	position: relative;
	z-index: 2;
	overflow: hidden;
}

/* ---------------------------------------------------------------------- */
/*	Top Bar
/* ---------------------------------------------------------------------- */
	
#top-bar {
	/*position: relative;*/
	/*z-index: 6;*/
	background-color: #f8f8f8;
	
	-webkit-box-shadow: inset 0 -1px 3px 1px rgba(0,0,0, .05);
			box-shadow: inset 0 -1px 3px 1px rgba(0,0,0, .05);
}

	/* -------------------------------------------------- */
	/*	Mini Contacts
	/* -------------------------------------------------- */	

	.mini-contacts { padding: 7px 0; }
	
	.header-type-out .mini-contacts { text-align: right; }

		.mini-contacts li {
			display: inline-block;
			margin-right: 30px;
			color: #aaa;
			font-size: 12px;
		}
		
		.mini-contacts li:last-child { margin-right: 0; }
		
		.mini-contacts li:before {
			margin-right: 7px;
			color: #c8c8c8;
			font-family: 'fontello';
			font-size: 13px;
		}
		
		.mini-contacts .address:before { content: '\e881'; }
		.mini-contacts .email:before   { content: '\ebdc'; }
		.mini-contacts .phone:before   { content: '\e9df'; }

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
	top: 0;
	z-index: 11;
	width: 100%;
	
	-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .30s;
			transition:   all .30s;
}

.header-type-fixed #header {
	position: fixed;
	z-index: 99;
}

.header-type-fixed #header.header-shrink-fixed {
	bacground-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

#header.header-shrink-out {
	-webkit-backface-visibility: visible;
			backface-visibility: visible;
}

#header.header-shrink-in {
	background-color: rgba(0, 71, 76, 0.75);
	
}

	.header-type-out .header-out {
		width: 100%;
		border-top: 1px solid #ebebeb;
		background-color: #fff;
		
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-transition: background-color .30s ease;
				transition: background-color .30s ease;
	}
	
	.header-type-out .header-shrink-out .header-out {
		position: fixed;
		top: 0;
		width: 100%;
		border-top-width: 0;
		background-color: #f8f8f8;
	}

		.header-in {
			position: relative;
			text-align: justify;
		}
		
		.header-in { font: 0/0 a; }
		
		@media screen and (min-width: 0\0) {
			.not-ie .header-in {
				font-size: 14px;
			}
		}

		.header-type-in #header .header-in {
			border-bottom: 1px solid #ebebeb;
			
			-webkit-transition: border-bottom-width .25s ease;
					transition: border-bottom-width .25s ease;
		}
		
		.header-type-in #header.header-shrink-in .header-in { border-bottom-width: 0; }
		
		.header-type-fixed .header-in { 
			padding-top: 30px;
			
			-webkit-transition: padding .25s ease;
					transition: padding .25s ease;
		}
		
		.header-type-fixed .header-shrink-fixed .header-in { padding-top: 0; }
		
		.header-in:after {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			content: "";
		}	
		
		#header  > .space,
		#wrapper > .space {
			height: 0;
			
			-webkit-transition: height .35s;
					transition: height .35s;
		}
	
	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

	#logo,
	#navigation,
	.header-in .social-icons {
		display: inline-block;
		vertical-align: middle;
	}
	
		#logo {
			padding-left:16px;
            position: relative;
			margin-bottom: 0;
			max-width: 35%;
			font-family: 'Courgette', cursive;
			font-size: 36px;
            -webkit-transition: all .25s ease;
                    transition: all .25s ease;
		}
        
            #logo a {
                -webkit-transition: color .35s ease;
                        transition: color .35s ease;
            }

            #logo .color-1 { color: #f85c37; }
            #logo .color-2 { color: #f88437; }
            #logo .color-3 { color: #f89f37; }
            #logo .color-4 { color: #f8b637; }

		.header-type-in .logo-bluth #logo,
		.header-type-fixed .logo-bluth #logo { font-size: 22px; }
		
		@media only screen and (max-width: 768px) {
			.header-type-out .header-out #logo { display: none; }
		}
		@media only screen and (max-width: 993px) {
			.marchioaiap{ display:none;}
			
			}
			
			
		@media only screen and (min-width: 993px) {
			
			
			.header-type-out .header-out #logo {
				font-size: 0;
				opacity: 0;

				-webkit-transition: all .35s ease-in-out;
						transition: all .35s ease-in-out;
			}

			.header-type-out .logo-bluth .header-out #logo {
				padding-right: 40px;
				font-size: 22px;
				opacity: 1;

				-webkit-transition-delay: .15s;
						transition-delay: .15s;
			}	
		}

			#logo a,
			#logo span {
                display: block;
                color: #262626;
            }
			
			.header-type-fixed #logo a,
			.header-type-fixed #logo span { color: #fff; }
		
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	
	.navigation { 
		position: relative;
		padding-top: 30px;
		z-index: 9999;
		
		-webkit-transition: padding .35s ease;
				  transition: padding .35s ease;
	}
	
	.header-shrink-in .navigation,
	.header-type-out .navigation,
	.header-type-fixed .navigation { padding-top: 0; }
	
		.navigation > ul {
			position: relative;
			display: inline-block; 
			vertical-align: middle;
		}

			.navigation > ul > li {
				position: relative;
				display: block;
				float: left;
				margin: 0px 25px;
				padding-bottom: 30px;

				-webkit-transition: padding .35s ease;
						  transition: padding .35s ease;
			}

			.header-shrink-in  .navigation > ul > li,
			.header-type-out   .navigation > ul > li,
			.header-type-fixed .navigation > ul > li { padding-bottom: 0; }

			.navigation > ul > li.is-mega-menu { position: static; }

				.navigation > ul > li > a {
					display: block;
					margin: 0;
					padding: 0px 0px 10px 0px;
					color: #8c8c8c;
					font-size: 13px;
					
					-webkit-transition: color 100ms linear, background-color .25s ease-out;
							transition: color 100ms linear, background-color .25s ease-out;
				}

				.header-type-fixed .navigation > ul > li > a {
					color: #fff;
					font-weight: 400;
				}
				
				.navigation li { list-style: none; }

				.navigation a { 
					
					    font-family: 'gotham_lightregular';
				}

	/* Dropdown */
	
	 .navigation ul ul {
		position: absolute;
		top: 100%;
		width: 194px;
		pointer-events: none;
	}
	
	.ie8 .navigation ul ul { display: none; }

	.navigation li:hover > ul,
	.navigation li:hover > .mega-menu ul { pointer-events: auto; }
	
	.ie8 .navigation ul > li:hover > ul,
	.ie8 .navigation ul > li:hover .mega-menu ul ul { display: block; }
	
	.ie8 .navigation > ul > li.is-mega-menu:hover .mega-menu > ul { display: table; }

@media screen and (min-width:0\0) {
	/* IE9 and IE10 rule sets go here */

	.navigation ul ul { display: none; }

	.navigation ul > li:hover > ul { display: block; z-index: 99999; }
}
	
	.navigation > ul > li:last-child > ul {
		right: 0;
		left: auto;
	}
	
		.navigation ul ul li {
			position: relative;
			top: 15px;
			right: 0;
			visibility: hidden;
			opacity: 0;

			-webkit-transition: opacity .25s ease, top .25s ease-out;
					transition: opacity .25s ease, top .25s ease-out;
		}

		.navigation ul > li > ul > li:nth-child(1) {
			-webkit-transition-delay: 0s;
					transition-delay: 0s;
		}
		.navigation ul > li > ul > li:nth-child(2) {
			-webkit-transition-delay: .10s;
					transition-delay: .10s;
		}
		.navigation ul > li > ul > li:nth-child(3) {
			-webkit-transition-delay: .20s;
					transition-delay: .20s;
		}
		.navigation ul > li > ul > li:nth-child(4) {
			-webkit-transition-delay: .30s;
					transition-delay: .30s;
		}
		.navigation ul > li > ul > li:nth-child(5) {
			-webkit-transition-delay: .40s;
					transition-delay: .40s;
		}
		.navigation ul > li > ul > li:nth-child(6) {
			-webkit-transition-delay: .50s;
					transition-delay: .50s;
		}
		.navigation ul > li > ul > li:nth-child(7) {
			-webkit-transition-delay: .60s;
					transition-delay: .60s;
		}
		.navigation ul > li > ul > li:nth-child(8) {
			-webkit-transition-delay: .70s;
					transition-delay: .70s;
		}
		.navigation ul > li > ul > li:nth-child(9) {
			-webkit-transition-delay: .80s;
					transition-delay: .80s;
		}
		.navigation ul > li > ul > li:nth-child(10) {
			-webkit-transition-delay: .90s;
					transition-delay: .90s;
		}
		.navigation ul > li > ul > li:nth-child(11) {
			-webkit-transition-delay: 1s;
					transition-delay: 1s;
		}
		.navigation ul > li > ul > li:nth-child(12) {
			-webkit-transition-delay: 1.1s;
					transition-delay: 1.1s;
		}
		.navigation ul > li > ul > li:nth-child(13) {
			-webkit-transition-delay: 1.2s;
					transition-delay: 1.2s;
		}
		.navigation ul > li > ul > li:nth-child(14) {
			-webkit-transition-delay: 1.3s;
					transition-delay: 1.3s;
		}
		.navigation ul > li > ul > li:nth-child(15) {
			-webkit-transition-delay: 1.4s;
					transition-delay: 1.4s;
		}
		.navigation ul > li > ul > li:nth-child(16) {
			-webkit-transition-delay: 1.5s;
					transition-delay: 1.5s;
		}
		.navigation ul > li > ul > li:nth-child(17) {
			-webkit-transition-delay: 1.6s;
					transition-delay: 1.6s;
		}
		.navigation ul > li > ul > li:nth-child(18) {
			-webkit-transition-delay: 1.7s;
					transition-delay: 1.7s;
		}
		.navigation ul > li > ul > li:nth-child(19) {
			-webkit-transition-delay: 1.8s;
					transition-delay: 1.8s;
		}
		.navigation ul > li > ul > li:nth-child(20) {
			-webkit-transition-delay: 1.9s;
					transition-delay: 1.9s;
		}
	
	/* Dropdown 2 Level */	
		
	.navigation ul ul ul {
		top: 0;
		left: 194px;
	}
	
	/* Mega Menu */
	
	.navigation .mega-menu {
		position: absolute;
		top: 100%;
		right: 0;
		left: auto;
		pointer-events: none;
		width: 100%;
		
		-webkit-transition: opacity .25s ease, top .35s ease;
				transition: opacity .25s ease, top .35s ease;	
	}
	
	.navigation > ul > li:hover > .mega-menu {
		top: 100%;
		pointer-events: auto;
	}
	
		.navigation .mega-menu ul ul {
			position: relative;
			left: 0;
			visibility: visible;
			display: block;
			opacity: 1;
			width: 224px; 
		}
	
		.navigation .mega-menu > ul {
			display: table;
			overflow: hidden;
			width: auto;
		}
		
		.header-type-in .navigation .mega-menu > ul,
		.header-type-fixed .navigation .mega-menu > ul { right: 0; }
		
			.navigation .mega-menu > ul > li {
				top: 0;
				display: table-cell;
				width: 100%;
				visibility: visible;
				vertical-align: top;
				opacity: 1;
			}

			.navigation .mega-menu > ul li li {
				padding: 3px 10px;
				border-left: 1px solid #414141;
				background-color: #262626;
			}
			
			.navigation .mega-menu > ul li li:last-child { padding-bottom: 15px; }
			
				.navigation .mega-menu span {
					display: block;
					padding: 17px 20px 15px;
					border-left: 1px solid #414141;
					background-color: #262626;
					opacity: 0;
					text-transform: uppercase;
					color: #fff;
					font-weight: 500;
					font-size: 13px;
					 
					line-height: 1em;

					-webkit-transition: all .25s ease;
							transition: all .25s ease;
				}

				.ie8 .navigation .mega-menu span { display: none; }

				.navigation .mega-menu > ul > li:hover span,
				.navigation .mega-menu .current-menu-item > span,
				.navigation .mega-menu .current-menu-parent > span,
				.navigation .mega-menu .current-menu-ancestor > span,
				.navigation .mega-menu .current_page_item > span,
				.navigation .mega-menu .current_page_parent > span  { color: #f85c37; }

				.ie8 .navigation li.is-mega-menu:hover span { display: block; }
				
					.navigation ul ul li a {
						position: relative;
						display: block;
						padding: 10px;
						background-color: #E84921;
						color: #ffffff;
						font-size: 13px;
						line-height: 1.4em;
					}

					.navigation .mega-menu a { padding: 5px 10px; }

					.navigation ul li:hover > a:not(.nothing),
					.navigation ul .current-menu-item > a,
					.navigation ul .current-menu-parent > a,
					.navigation ul .current-menu-ancestor > a,
					.navigation ul .current_page_item > a,
					.navigation ul .current_page_parent > a,
					.navigation ul .current_page_ancestor > a {
						border-bottom: 1px solid #f85c37;
							color: #fff;					}
					
					.navigation ul ul .arrowright > a:after {
						position: absolute;
						top: 50%;
						right: 10px;
						margin-top: -10px;
						color: #fff;
						font-size: 13px;
						font-family: 'fontello';
						content: "\e8b8";
					}
			
	/* Responsive Button */

	.responsive-nav-button {
		display: none;
		width: 40px;
		height: 40px;
		background-color: #f85c37;
		text-align: center;
		font-weight: normal;
		font-style: normal;
		font-size: 21px;
		font-family: 'fontello';
		line-height: 40px;
		vertical-align: middle;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
	}

	.responsive-nav-button:after {
		content: "\ed38";
		color: #fff;
	}
	
	/* -------------------------------------------------- */
	/* Mobile Menu
	/* -------------------------------------------------- */	

	.mobile-advanced { display: none; }
	
	#wrapper #advanced-menu-hide {
		visibility: hidden;
		pointer-events: none;
		
		-webkit-transform: translateX(200%);
				transform: translateX(200%);
		-webkit-transition-duration: .5s;
				transition-duration: .5s;
		-webkit-transition-delay: .4s;
				transition-delay: .4s;
		-webkit-transition-property: -webkit-transform;
				transition-property: transform;
		-webkit-transition-timing-function: ease;
				transition-timing-function: ease;
	}
	
	
	.cosafacciamo{
		background-image:url(../images/cosa-facciamo/percorso-cosa-facciamo-divito-adv-pescara-agenzia-comunicazione.jpg);  min-height:800px; width:1200px; background-position:top center; background-repeat:no-repeat;
		
		}
		
	.cosafacciamomobile{ display:none;}
	
		
	@media only screen and (max-width: 1300px) {
			.cosafacciamo { display:none; }
			.cosafacciamomobile{ display:block;  min-height:800px;  background-position:top center; background-repeat:no-repeat;}
		}
	/* -------------------------------------------------- */
	/* Search Box
	/* -------------------------------------------------- */	

	#header .search-box {
		display: inline-block;
		margin-left: 40px;
		vertical-align: middle;
	}

		.search-icon {
			display: block;
			font-size: 20px;
		}
		
		.navigation .search-icon { padding-bottom: 30px; }
		
		#header.header-shrink-in .navigation .search-icon,
		.header-type-fixed .navigation .search-icon			{ padding-bottom: 0; }

		#header .search-icon:before {
			color: #aaa;
			font-family: 'fontello';
			content: "\e825";
		}
		
		.header-type-fixed #header .search-icon:before { color: #fff; }

		#header .inner-tooltip {
			position: absolute;
			right: 0;
			top: 60px;
			z-index: 5;
			display: none;
			padding: 10px;
			background-color: #f8f8f8;
			
			-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.09);
					box-shadow: 0 0 3px 1px rgba(0,0,0,.09);
		}
		
		.header-type-in #navigation .inner-tooltip { top: 90px; }
		.header-type-in .header-shrink-in #navigation .inner-tooltip { top: 60px; }
		
		.not-ie #header .inner-tooltip.active {
			-webkit-animation: tooltipScale .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
					animation: tooltipScale .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		}
		
		#header .inner-tooltip:after {
			position: absolute;
			top: -19px;
			right: -5px;
			width: 22px;
			height: 19px;
			background-image: url(../images/arrow-search-box.png);
			background-repeat: no-repeat;
			content: "";
		}
		
			#header #searchform input[type="text"] {
				padding: 8px 15px;
				background-color: #fff;
			}
			
		@-webkit-keyframes tooltipScale {
			0%   { -webkit-transform: scale(0.5); }
			100% { -webkit-transform: scale(1); }
		}	
			
		@keyframes tooltipScale {
			0%   { transform: scale(0.5); }
			100% { transform: scale(1); }
		}	
		
/* ---------------------------------------------------------------------- */
/*	Page Header
/* ---------------------------------------------------------------------- */

.page-header {
	margin-bottom: 60px;
	padding: 30px 0 35px;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}

	.page-header h1 {
		margin-bottom: 0;
		font-weight: 100;
		font-size: 54px;
		line-height: 1.2em;
	}
	
	.page-header h2 {
		color: #8c8c8c;
		font-weight: 200;
		font-size: 28px;
		 
		line-height: 1.4em;
	}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
	position: relative;
	z-index: 9;
}

	.sbr#content #main { float: left;  }
	.sbl#content #main { float: right; }
	
	#main { padding-bottom: 50px; }
	
	/* ---------------------------------------------------------------------- */
	/*	Section
	/* ---------------------------------------------------------------------- */
	
	.section {
		position: relative;
		z-index: 2;
		padding: 80px 0;
		background-color: #fff;
		overflow: hidden;

		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	
		.padding-off		  { padding: 0; }
		.padding-top-off      { padding-top: 0; }
		.padding-bottom-off   { padding-bottom: 0; }
		
		/* -------------------------------------------------- */
		/* Fullscreen
		/* -------------------------------------------------- */	
		
		.full-screen {
			position: relative;
			z-index: 8;
		}
		
			.fullscreen-entry {
				height: 100%;
				left: 0;
				padding: 40px 80px;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 11;
			}
			
			.fullscreen-entry:before {
				height: 40%;
				display: inline-block;
				vertical-align: middle;
				content: " ";
			}
			
				.extra-entry {
					width: 100%;
					display: inline-block;
				}
		
		/* -------------------------------------------------- */
		/* Reading Box
		/* -------------------------------------------------- */	

		.reading-box {
			position: relative;
			z-index: 99;
            padding: 12px 0;
            text-align: justify;
            font: 0/0 a;
        }

        .reading-box.align-center { text-align: center; }

        .reading-box:after {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            content: "";
        }

		    [class^="col-box-"] {
                display: inline-block;
                padding: 0 20px;
                vertical-align: middle;
            }

            .col-box-8 { width: 75%; }
            .col-box-4 { width: 25%; }

			.reading-box h3 {
                display: inline-block;
				color: #fff;
				font-weight: 300;
				font-size: 26px;
	    		font-family: 'gotham_lightregular';
				text-transform: uppercase;
			}
			
			
			.reading-box .button {
				border-color: #fff;
				margin-top: 15px;
				margin-left: 10px;
				margin-right: 10px;
			}
			@media screen and (max-width: 767px) {
				.reading-box h3 {
                display: inline-block;
				color: #fff;
				font-weight: 300;
				font-size: 20px;
	    		font-family: 'gotham_lightregular';
				text-transform: uppercase;
			}
			
			.reading-box .button {
				border-color: #fff;
				margin-top: 0px;
				margin-left: 10px;
				margin-right: 10px;
			}
				
				}
			
			
			.bg-light-gray-color .reading-box h3 {
				color: #262626;
				font-size: 19px;
			}
			
			.reading-box .button.default { color: #fff; }
			
			.reading-box .button.default:hover {
				background-color: #fff;
				color: #f85c37;
			}
		
		
		
		/* -------------------------------------------------- */
		/* Row Title
		/* -------------------------------------------------- */
		
		h2.row-title { 
			margin-bottom: 35px;
			font-weight: 300; 
			 
		}
		
		h4.row-title {
			margin-bottom: 5px;
			font-weight: 500;
			 
		}
		
		/* -------------------------------------------------- */
		/* Slogan Title
		/* -------------------------------------------------- */
		
		.section-title {
			position: relative;
			overflow: hidden;
			margin-bottom: 50px;
			text-align: center;
		}
		
			.section-title * {
				position: relative;
				display: inline-block;
				margin-bottom: 0;
				padding: 0 45px;
				font-weight: 300;
				line-height: 1.3em;
			}

			.section-title h3 { color: #777; }
			
			.section-title *:after,
			.section-title *:before {
				position: absolute;
				top: 50%;
				width: 300%;
				height: 1px;
				background-color: #ebebeb;
				content: '';
			}
			
			.section-title *:after  { right: -300%; }
			.section-title *:before { left: -300%;  }
			
		/* -------------------------------------------------- */
		/* Simple Title
		/* -------------------------------------------------- */
			
		.simple-title {
			margin-bottom: 60px;
			color: #8c8c8c;
			font-weight: 300;
			 
		}

            .simple-title a       { color: #f85c37; }
            .simple-title a:hover { color: #262626; }

		/* -------------------------------------------------- */
		/* Slogan
		/* -------------------------------------------------- */
		
		@media screen and (min-width: 993px) {
			.slogan { padding: 0 100px; }
		}

			.slogan h1 {
				margin-bottom: 30px;
				font-family: 'Courgette', cursive;
				line-height: 1.3em;
			}

			.slogan h2 { 
				margin-bottom: 25px;
				font-size: 32px;
			}

			.slogan h3      { font-size: 25px; }

			.slogan h2,
			.slogan h3,
			.slogan h4,
			.slogan h5,
			.slogan h6 {
				color: #8c8c8c;
				 
				font-weight: 100;
				line-height: 1.4em;	
			}
				
				.slogan span { display: inline-block; }
		
		/* -------------------------------------------------- */
		/*  Extra Radius
		/* -------------------------------------------------- */
		
		.extra-radius { 
			margin: 20px auto;
			width: 400px;
			height: 400px;
			text-align: center;
			
			-webkit-border-radius: 50%;
					border-radius: 50%;
		}
		
		.ls-slide .extra-radius {
			margin: 0;
			width: 370px;
			height: 370px;
		}

		.extra-radius.bg-yellow {
			background-color: #f8b637;
			background-color: rgba(248, 182, 55, .9);	
		}
		
		.extra-radius.bg-orange {
			background-color: #f88437;
			background-color: rgba(248, 132, 55, .8);
		}
		
		.extra-radius.bg-red {
			background-color: #f85c37;
			background-color: rgba(248, 92, 55, .7);
		}		
		
		.extra-radius.bg-black {
			background-color: #000;
			background-color: rgba(0, 0, 0, .3);
		}		

			.inner-extra,
			.inner-content {
				width: 100%;
				height: 100%;
				vertical-align: middle;
			}

				.inner-extra   { display: table; }
				.inner-content { display: table-cell; }

					.extra-radius .inner-content > * {
						color: #fff;
						font-weight: 400;
						 
						line-height: 1;	
					}
				
					.inner-content h2 { font-size: 54px; }
					
					.inner-content h4,
					.inner-content h5,
					.inner-content h6 { text-transform: uppercase; }
					
					.inner-content h3 {
						text-transform: uppercase;
						font-weight: 500;
						font-size: 32px;
					}
					
					.ls-layer .inner-content h3 {
						margin-bottom: 0;
						font-weight: 400;
						line-height: 1.2em;
						font-size: 30px;
					}
					
		/* -------------------------------------------------- */
		/* Content Title
		/* -------------------------------------------------- */	
		
		.content-title {
			margin-bottom: 25px;
			font-weight: 500;
			 
		}
		
		h2.content-title  { 
			margin-bottom: 15px;
			font-weight: 400;
		}
		
		/* -------------------------------------------------- */
		/* Parallax
		/* -------------------------------------------------- */
		
			/* BG Overlay Grid  */
			
			.parallax {
				background-color: rgba(0, 0, 0, 0);
				z-index: 0;
			}
		@media screen and (max-width: 600px) {
			.parallax { background-color: #003D4C; background-image:url(../images/home-mobile.jpg);}
		}
			.section > .parallax-overlay {
				position: absolute;
				z-index: 0;
				left: 0;
				top: 0;
				width: 100%;
				
				height: 100%;
				background-image: url(../images/overlay-pattern.png);
				
				background-repeat: repeat;
			}
			
			/* BG Color */
		
			.bg-orange-color		{ background-color: #E84921; }
			.bg-yellow-color		{ background-color: #f8b637; }
			.bg-gray-color			{ background-color: #f9f9f9; }
			.bg-light-gray-color	{ background-color: #f0f0f0; }
			.bg-dark-color			{ background-color: #282828; }
			.bg-black-color			{ background-color: #000; }

			/* BG Image */
		
			.full-bg-image {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-position: 50% 50%;
				background-repeat: repeat;		
			}
			.full-bg-image-mobile {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-position: 85% 50%;
				background-repeat: repeat;		
			}
			
			.no-touch .full-bg-image { 
				background-attachment: fixed;
				background-size: cover;
			}
			
			.touch .full-bg-image { background-size: cover; }
			
			.parallax-bg-1 .full-bg-image { background-image: url(../images/parallax/parallax-1.jpg); }
			.parallax-bg-2 .full-bg-image { background-image: url(../images/parallax/slide.jpg); }
			
			.parallax-bg-ace .full-bg-image { background-image: url(../images/prodotti-divitoadv/ace-divitoadv-creative-design-agency/emotional-ace-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-giankarla .full-bg-image { background-image: url(../images/prodotti-divitoadv/giankarla-divitoadv-creative-design-agency/emotional-giankarla-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-idac .full-bg-image { background-image: url(../images/prodotti-divitoadv/idac-divitoadv-creative-design-agency/emotional-idac-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-lines .full-bg-image { background-image: url(../images/prodotti-divitoadv/lines-divitoadv-creative-design-agency/emotional-lines-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-miobox .full-bg-image { background-image: url(../images/prodotti-divitoadv/miobox-divitoadv-creative-design-agency/emotional-miobox-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-pampers .full-bg-image { background-image: url(../images/prodotti-divitoadv/pampers-divitoadv-creative-design-agency/emotional-pampers-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-tampax .full-bg-image { background-image: url(../images/prodotti-divitoadv/tampax-divitoadv-creative-design-agency/emotional-tampax-divitoadv-creative-design-agency-pescara.jpg); }
	.parallax-bg-costantini .full-bg-image { background-image: url(../images/prodotti-divitoadv/costantini-divitoadv-creative-design-agency/emotional-costantini-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-vaddinelli .full-bg-image { background-image: url(../images/prodotti-divitoadv/vaddinelli-divitoadv-creative-design-agency/emotional-vaddinelli-divitoadv-creative-design-agency-pescara.jpg); }
			.parallax-bg-https .full-bg-image-mobile { background-image: url(../images/https/header-https.jpg); }
			.bg-black-color .full-bg-image { opacity: .8; }

		/* -------------------------------------------------- */
		/*	Prodotti
		/* -------------------------------------------------- */
		
		
		
		
		/* -------------------------------------------------- */
		/*	Quotes
		/* -------------------------------------------------- */

		.quotes { position: relative; }
		
			.quotes .item			    { display: none; }
			.quotes .item:first-child { display: block; }

			.quote-meta {
				color: #262626;
				text-align: right;

				-webkit-transition: color .25s ease;
						transition: color .25s ease;
			}

			.parallax .quote-meta { color: #f85c37; }

				.quote-author {
					display: inline-block;
					margin-right: 20px;
					font-weight: 300;
					font-style: italic;
					font-size: 18px;
					 
					vertical-align: middle;
				}

				.parallax .quote-author { color: #fff; }

				.quote-author:before { content: " - "; }

				.quote-image {
					display: inline-block;
					vertical-align: middle;
				}

					.quote-image img {
						overflow: hidden;
						-webkit-border-radius: 50%;
								border-radius: 50%;
					}

		/* Quote Navigation */

		.quotes-control-nav {
			position: absolute;
			left: 0;
			bottom: -20px;
			z-index: 3;
			padding: 10px 0 0;
			width: 100%;
			text-align: center;
			font-size: 0;
		}

			.quotes-control-nav a {
				display: inline-block;
				margin: 2px 8px;
				width: 10px;
				height: 10px;
				border-width: 1px;
				border-style: solid;
				border-color: transparent;
				background-color: #d8d8d8;
				cursor: pointer;
				vertical-align: middle;

				-webkit-transition: background-color .25s linear;
						transition: background-color .25s linear;
				-webkit-border-radius: 50%;
						border-radius: 50%;
			}

			.quotes-control-nav .activeSlide { 
				margin: 0 8px;
				padding: 7px;
				border-color: #d9d9d9;
				background-color: transparent;
				cursor: default;
			}
				
		/* -------------------------------------------------- */
		/* Cycle Rotator
		/* -------------------------------------------------- */	
		
		.testofermo{
	margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 74px;
    
    line-height: 1.1em;
    
   
			}
		
		.cycle-rotator .item { overflow: hidden; }
		
			.cycle-rotator .item h1 {
				margin-bottom: 0;
				color: #fff;
				text-transform: uppercase;
				font-weight: 700;
				font-size: 74px;
				
				line-height: 1.1em;
				opacity: 0;

				-webkit-transition-duration: .35s;
						transition-duration: .35s;
			}
			
				.cycle-rotator .item h1 > span { color: #f8b637; }
				
			.cycle-rotator .owl-item h1 { opacity: 1; }	

		/* -------------------------------------------------- */
		/* Services Style Icons
		/* -------------------------------------------------- */	
		
		.ca-shortcode { margin-bottom: 10px; }
		
		.ca-shortcode:last-child { margin-bottom: 0; }
		
			i.ca-icon { 
				float: left;
				margin-right: 15px;
				width: auto;
			}

			i.ca-icon:before {
				padding-top: 7px;
				color: #f85c37;
				font-size: 36px;
			}

			.ca-content { display: table; }

				.ca-title {
					margin-bottom: 0;
					font-weight: 500;
					 
				}
				
		/* -------------------------------------------------- */
		/* Iconbox Style Icons
		/* -------------------------------------------------- */	
		
		.iconbox { margin-bottom: 25px; }

			i[class^="circle-icon"],
			i[class*=" circle-icon"] {
				position: relative;
				display: block;
				float: left;
				margin-right: 25px;
				width: 80px;
				height: 80px;
				background-color: #f0f0f0;
				text-align: center;
				font-size: 0;

				
				-webkit-transition: background-color .35s ease, -webkit-transform .35s cubic-bezier(0.745, 0.045, 0.110, 1.605);
						transition: background-color .35s ease, transform .35s cubic-bezier(0.745, 0.045, 0.110, 1.605);
				-webkit-border-radius: 50%;
						border-radius: 50%;
			}

			.iconbox:hover i[class^="circle-icon"],
			.iconbox:hover i[class*=" circle-icon"] { 
				background-color: #f85c37; 
				
				-webkit-transform: scale(1.2);
						transform: scale(1.2);
			}

			i[class^="circle-icon"]:before,
			i[class*=" circle-icon"]:before {
				color: #f85c37;
				font-size: 24px;
				line-height: 80px;
				text-align: center;
				
				-webkit-transition: color .35s ease;
						transition: color .35s ease;
				-webkit-border-radius: 50%;
						border-radius: 50%;
			}
			
			.iconbox:hover i[class^="circle-icon"]:before,
			.iconbox:hover i[class*=" circle-icon"]:before {
				color: #fff;
			}
			
			.iconbox i[class^="circle-icon"],
			.iconbox i[class*=" circle-icon"] { margin-top: 5px; }

			.iconbox-entry { display: table; }

				.iconbox .iconbox-content-title { margin-bottom: 5px; }
				
				.iconbox p { margin-bottom: .3em; }
				
				.iconbox .read-more {
					text-transform: uppercase;
					color: #f85c37;
					font-weight: 500;
					
				}
		
		/* -------------------------------------------------- */
		/* Team
		/* -------------------------------------------------- */	
		
		.team-entry-image { margin-bottom: 25px; }
		
			.team-entry-image img { display: block; }
			
			.team-entry-title {
				margin-bottom: 0;
				font-weight: 600;
				
				line-height: 1em;
			}
			
			.team-position {
				text-transform: uppercase;
				color: #aaa;
				font-weight: 400;
				font-size: 12px;
				
			}
			
		/* -------------------------------------------------- */
		/* Counter Box
		/* -------------------------------------------------- */			

		.counter-box { 
			text-align: center; 
			font-size: 0;
		}

			.counter-box .counter {
				display: inline-block;
				width: 25%;
				vertical-align: top;
				text-align: center;
			}

				.counter .count {
					position: relative;
					display: block;
					margin-bottom: 15px;
					padding-bottom: 20px;
					color: #262626;
					font-weight: 500;
					font-size: 60px;
				
					line-height: 1em;
				}
				
				.counter .count:after {
					position: absolute;
					left: 50%;
					bottom: 0;
					display: block;
					margin-left: -25px;
					background-color: #e8e8e8;
					width: 50px;
					height: 1px;
					text-align: center;
					content: "";
				}

				.counter .details {
					margin-bottom: 0;
					color: #aaa;
					text-transform: uppercase;
					font-weight: 400;
					font-size: 12px;
				
				}
				
				.parallax .counter .details { color: #fff; }

		/* -------------------------------------------------- */
		/* Twitter 
		/* -------------------------------------------------- */	

			.tweets-container > ul {
				margin: 0;
				padding: 0;
			}

			.tweets-container li {
				list-style: none;
				position: relative;
				margin-bottom: 15px;
				padding-left: 30px;
				font-size: 14px;
			}

			.tweets-container li .tweet {
				margin-bottom: 5px;
			}
			
			.tweets-container li:before {
				position: absolute;
				top: 0;
				left: 0;
				color: #1fc3ff;
				font-size: 20px;
				font-family: 'fontello';
				content: '\e980';
			}

		/* -------------------------------------------------- */
		/*	Clients
		/* -------------------------------------------------- */	

		.clients-items {
			position: relative;
			overflow: hidden;
			margin-bottom: 15px;
			font-size: 0;
			text-align: center;
		}
		
			.clients-items .item			   { display: none; }
			.clients-items .item:first-child { display: block; }

				.clients-items li { 
					display: inline-block; 
					padding: 0 1%;
					width: 15%;
					list-style: none;
					vertical-align: middle;

					
				}

				.clients-items li:hover { opacity: .5; }

		/* -------------------------------------------------- */
		/* Pricing Tables
		/* -------------------------------------------------- */	

		.simple-pricing-table { font-size: 0; }
		
			.simple-pricing-table * {
				-webkit-transition: all .25s ease;
						transition: all .25s ease;
			}

			.simple-pricing-table .column {
				display: inline-block;
				margin-left: -1px;
				margin-top: -1px;
				width: 25%;
				border: 1px solid #fff;
				background-color: #fff;
				text-align: center;
			}
			
			.simple-pricing-table.col-2 .column { width: 50%; }
			.simple-pricing-table.col-3 .column { width: 33.33333333333333%; }
			.simple-pricing-table.col-4 .column { width: 25%; }
			
			.simple-pricing-table .column:hover,
			.simple-pricing-table .featured {
				z-index: 2;
				border-color: transparent;
				background-color: #fff;

				
			}

				.simple-pricing-table .title {
					margin: 0;
					padding: 22px 5px;
					text-transform: uppercase;
					font-weight: 500;
					
				}
				
				.simple-pricing-table .column:hover .title,
				.simple-pricing-table .featured .title { color: #fff; }

				.simple-pricing-table .price {
					padding: 26px 0 15px;
					border-top: 1px solid #e7e7e7;
					background-color: #f7f7f7;
					border-bottom: 1px solid #e7e7e7;
				}
				
				.simple-pricing-table .column:hover .price,
				.simple-pricing-table .featured .price {
					border-color: #fb9981;
					background-color: #f96d4b;
				}

					.simple-pricing-table .cost { 
						margin: 0;
						font-weight: 300; 
						font-size: 44px;
						line-height: .7em;
					}
					
					.simple-pricing-table .column:hover .cost,
					.simple-pricing-table .featured .cost { color: #fff; }

					.simple-pricing-table .description {
						color: #a8a8a8;
						text-transform: uppercase;
						font-weight: 300;
						font-size: 11px;
					}
					
					.simple-pricing-table .column:hover .description,
					.simple-pricing-table .featured .description { color: #fff; }

				.simple-pricing-table .features { padding: 0 25px; }	

					.simple-pricing-table .features li {
						position: relative;
						padding: 9px 20px;
						border-top: 1px solid #ebebeb;
						font-weight: 300;
						font-size: 15px;
						list-style: none;
					}
					
					.simple-pricing-table .features li:first-child { border: none; }

					.simple-pricing-table .column:hover .features li,
					.simple-pricing-table .featured .features li {
						border-top-color: #fa8d73;
						color: #fff;
					}
					
				.simple-pricing-table .footer { 
					padding: 30px 0;
					border-top: 1px solid #e9e9e9;
					background-color: #fcfcfc;
					
					-webkit-border-radius: 0 0 6px 6px;
							border-radius: 0 0 6px 6px;
				}
				
				.simple-pricing-table .column:hover .footer,
				.simple-pricing-table .featured .footer {
					border-top-color: #fb9981;
					background-color: #f96d4b;
				}

					.simple-pricing-table .button { margin: 0; }
					
					.simple-pricing-table .column:hover .button,
					.simple-pricing-table .featured .button {
						border-color: transparent;
						background-color: #fff;
						color: #f85c37;
					}

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

#post-area { position: relative; }

	.entry-item { position: relative; }

	.post-item {
		position: relative; 
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ebebeb;
	}
	
	.post-item:last-child { 
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom-width: 0; 
	}
	
		.entry-item .entry-meta {
			position: absolute;
			left: 0;
			top: 0;
			width: 80px;
		}

			.entry-item .entry-date {
				display: block;
				margin-bottom: 18px;
				padding-bottom: 13px;
				border-bottom: 1px solid #ebebeb;
				text-align: center;
			}

				.entry-item .entry-date a,
				.entry-item .entry-date span {
					display: block;
					font-weight: 400;
					
				}

				.entry-item .entry-date a { 
					margin-bottom: 12px;
					font-size: 44px;
					line-height: .8em;
				}

				.entry-item .entry-date span {
					text-transform: uppercase;
					color: #262626;
					font-size: 12px;
				}	
				
			.post-format-type {
				display: block;
				text-align: center;
			}
			
				.post-format:before {
					color: #dcdcdc;
					font-style: normal;
					font-family: 'fontello';

					-webkit-transition: color .2s ease;
							transition: color .2s ease;
				}
				
				.post-item .post-format:before  { font-size: 21px; }
				.entry-meta .post-format:before { font-size: 27px; }

				.post-format-type:hover .post-format:before { color: #f85c37; }

				.post-format.picture-icon:before	  { content: '\e834'; }
				.post-format.grid-post-icon:before	  { content: '\ed39'; }
				.post-format.gallery-icon:before	  { content: '\e999'; }
				.post-format.quote-icon:before		  { content: '\e86c'; }
				.post-format.audio-icon:before		  { content: '\e8a1'; }
				.post-format.video-icon:before		  { content: '\ec16'; }
				.post-format.noimage-icon:before	  { content: '\e888'; }

		.entry-item .entry-body {
			margin-left: 95px;
			margin-bottom: 50px;
			padding-bottom: 50px;
			border-bottom: 1px solid #ebebeb;
		}

		.ie8 .entry-item .entry-body { margin-left: 125px; }
		
		.entry-item:last-child .entry-body { 
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom-width: 0;
		}

			.entry-media {
				margin-bottom: 25px;
			}

			.entry-media iframe {
				max-width: 100%;
				max-height: 100%;
			}
			
			.project-single-entry .entry-media { margin-bottom: 0; }

		.post-item .entry-date {
			display: inline-block;
			padding: 0;
		}

		.entry-title { 
			
			line-height: 1em;
		}

		.entry-item .entry-title { margin-bottom: 10px; font-weight: 400; }
		.post-item  .entry-title { margin-bottom: 15px;  font-weight: 600; }

		.widget .entry-title {
			margin-bottom: 5px;
			line-height: 1.5em;
		}

			.entry-title a	{ color: #262626; }
			.entry-title a:hover { color: #f85c37; }

		.post-meta { line-height: 1.2em; }

		.entry-item .post-meta { margin-bottom: 25px; }
		
		.post-item  .post-meta { 
			margin-top: 8px;
			margin-bottom: 10px; 
		}

			.post-meta span {
				display: block;
				float: left;
				vertical-align: middle;
				color: #aaa;
				font-weight: 400;
				font-size: 12px;
				
				text-transform: uppercase;
				line-height: 1em;
			}

			.post-meta a:hover { color: #f85c37; }

			.post-meta span:after {
				padding: 0 4px 0 4px;
				content: "/"
			}

			.post-meta .post-format:after { 
				margin-right: 8px;
				padding: 0;
				content: '';
			}

			.post-meta span:last-child:after { 
				padding: 0; 
				content: ""; 
			}

		.entry-item .button,
		.post-item .button { margin: 0; }

		.post-footer { margin-top: 20px; }
		
			.post-footer .button { float: left; }

			.post-footer .share-entry { 
				float: right;
				margin: 2px 0 0 0;
			}
			
				.post-footer .social-icons { 
					position: absolute;
					top: 100%;
					right: 12%;
					visibility: hidden;
					padding: 6px;
					background-color: #f8f8f8;
					opacity: 0;
					/*pointer-events: none;*/
					
					-webkit-transition: all .35s ease;
							transition: all .35s ease;
					-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0, .18);
							box-shadow: 0 0 2px 0 rgba(0,0,0, .18);
				}
				
				.post-footer .social-icons:after, 
				.post-footer .social-icons:before {
					position: absolute;
					bottom: 100%; 
					left: 50%; 
					width: 0; 
					height: 0; 
					border: solid transparent;
					content: " "; 
					pointer-events: none; 
				} 
				
				.post-footer .social-icons:after { 
					margin-left: -6px; 
					border-width: 6px;
					border-color: rgba(248, 248, 248, 0); 
					border-bottom-color: #f8f8f8;
				} 
			
				.post-footer .social-icons:before { 
					margin-left: -7px; 
					border-width: 7px; 
					border-color: rgba(226, 226, 226, 0); 
					border-bottom-color: #e2e2e2; 
				}				
				
				.no-touch .post-footer .side-share:hover .social-icons,
				.touch .post-footer .social-share:hover + .social-icons {
					visibility: visible;
					opacity: 1;
				}
				
					.post-footer .side-share .social-icons li {
						opacity: 1;

						-webkit-transform: translateX(0);
								transform: translateX(0);		
					}

	/* -------------------------------------------------- */
	/*	Masonry Blog 
	/* -------------------------------------------------- */
	
		#post-area {
			position: relative;
			margin-bottom: 50px;
		}

		#main > #post-area.masonry,
		.col-xs-12 > #post-area.masonry {
			margin-left: -2%;
			margin-right: -2%;
		}

		#post-area.masonry {
			opacity: 0;
			filter: alpha(opacity=0);

			-webkit-transition: opacity 1s ease;
			transition: opacity 1s ease;
		}

		#post-area.masonry.init {
			opacity: 1;
			filter: alpha(opacity=100);
		}

		.masonry .post-item {
			position: relative;
			float: left;
			margin-left: 2%;
			margin-right: 2%;
			min-height: 1px;
			width: 45.33%;
		}

		.masonry.col-3 .post-item {
			margin-left: 2%;
			margin-right: 2%;
			width: 29%;
		}

		.masonry.col-4 .post-item {
			margin-left: 1%;
			margin-right: 1%;
			width: 22.8%;
		}
		
	/* -------------------------------------------------- */
	/*	Post Type Grid
	/* -------------------------------------------------- */
		
		.grid-post { font-size: 0; }
		
			.grid-post li {
				display: inline-block;
				width: 50%;
				border-right: 2px solid #fff;
				border-bottom: 2px solid #fff;			
				vertical-align: top;
			}
			
			.grid-post .grid-col-third { width: 33.33333333333333%; }
			.grid-post .grid-col-four  { width: 25%; }
			.grid-post .grid-col-half  { width: 50%; }
			
	/* -------------------------------------------------- */
	/*	Post Type Quote
	/* -------------------------------------------------- */
			
	.quote-inner { 
		position: relative;
		padding: 0 20px 35px 0;
		background-color: #ededed;

		-webkit-transition: background-color .3s ease;
				transition: background-color .3s ease;
	}
	
	.post-item .quote-inner { padding-bottom: 30px; }

	.quote-inner:hover {
		background-color: #f85c37;
		color: #fff;
	}

		.quote-inner .whole-link {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			display: block;
			width: 100%;
			height: 100%;
		}			

		.quote-inner blockquote { 
			padding: 25px 0 0 80px;
			background-color: transparent;
			
			-webkit-transition: color .3s ease;
					transition: color .3s ease;
		}
		
		.quote-inner:hover blockquote:before { color: #fff; }
		
		.post-item .quote-inner blockquote {
			margin-bottom: 0;
			padding: 20px 0 0 50px;
			font-size: 16px;
		}
			
			.post-item .quote-inner p { line-height: 1.85em; }
		
		.post-item .quote-inner blockquote:before {
			top: 26px;
			font-size: 60px;
		}
		
		.post-item .quote-meta { line-height: 1em; }
		
			.post-item .quote-author { font-size: 14px; }

		.quote-inner:hover .quote-meta { color: #fff; }

	/* -------------------------------------------------- */
	/*	Tags Holder
	/* -------------------------------------------------- */

	.tags-holder {
		margin-bottom: 40px;
		padding: 10px 0;
		font-size: 0;
	}

		.tags-holder .tags-list {
			position: relative;
			padding-left: 45px;
		}

		.tags-holder .tags-list:before {
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -13px;
			margin-right: 6px;
			color: #aaa;
			font-weight: 400;
			font-size: 12px;
			
			text-transform: uppercase;
			content: attr(data-title);
		}

			.tags-holder li {
				display: inline-block;
				margin: 0 2px 2px 0;
			}

				.tags-holder a {
					display: block;
					background-color: #ededed;
					padding: 0 10px;
					color: #262626;
					text-transform: uppercase;
					font-weight: 500;
					font-size: 11px;
				
				}
				
				.tags-holder a:hover {
					background-color: #f85c37;
					color: #fff;
				}
		
	/* -------------------------------------------------- */
	/*	Single Post Navigation
	/* -------------------------------------------------- */

	.single-post-nav {
		margin-bottom: 50px;
		padding: 33px 0;
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
	}

		.single-post-nav a {
			position: relative;
			color: #262626;
			text-transform: uppercase;
			font-weight: 500;
			font-size: 13px;
			
			
			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}
		
		.single-post-nav .prev { 
			float: left;  
			padding-left: 27px;
		}
		
		.single-post-nav .next { 
			float: right; 
			padding-right: 27px;
		}

		.single-post-nav a:after {
			position: absolute;
			color: #262626;
			font-size: 36px;
			font-family: 'fontello';
			
			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}

		.single-post-nav .prev:after { 
			left: 0;
			content: "\ea07"; 
		}
		
		.single-post-nav .next:after {
			right: 0;
			content: "\ea08"; 
		}
		
		.single-post-nav a:hover,
		.single-post-nav a:hover:after { color: #f85c37; }
	
	/* -------------------------------------------------- */
	/*	Slogan Group Slider
	/* -------------------------------------------------- */
	
	.slogan-group {
		position: relative;
		display: none;
		margin-bottom: 20px;
	}
	
		.slogan-group .slides { overflow: hidden; }
	
			.slide-wrapper { position: relative; }
			
			.slogan-group .wrapper-outer { overflow: hidden; }
			
			.slogan-group .wrapper-outer.autoHeight {
				-webkit-transition: height 500ms ease;
						  transition: height 500ms ease;
			}
		
			.not-ie .slide-wrapper,
			.not-ie .slide-item {
				-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
				-webkit-transform: translate3d(0px, 0px, 0px);
						transform: translate3d(0px, 0px, 0px);
			}
			
			.slide-item { 
				position: relative;
				float: left; 
			}

				.not-ie .slogan-group .item		 { display: none;  }
				.slogan-group .item:first-child  { display: block; }

		.slogan-group .control-nav {
			width: 100%;
			text-align: center;
			font-size: 0;
		}

			.slogan-group .control-nav .page {
				display: inline-block;
				margin: 0; 
				zoom: 1; 
			}

				.slogan-group .control-nav span {
					display: inline-block;
					margin: 2px 8px;
					width: 10px;
					height: 10px;
					border-width: 1px;
					border-style: solid;
					border-color: transparent;
					background-color: #d8d8d8;
					cursor: pointer;
					vertical-align: middle;

					-webkit-transition: all .25s ease-in;
							  transition: all .25s ease-in;
					-webkit-border-radius: 50%;
							   border-radius: 50%;
				}

				.slogan-group .control-nav span:hover,
				.slogan-group .control-nav .active > span {
					border-color: #d9d9d9;
					background-color: transparent;

					-webkit-transform: scale(1.4);
							transform: scale(1.4);
				}	
				
			/* -------------------------------------------------- */
			/*	Fade
			/* -------------------------------------------------- */

			.text-fade-out {
				z-index: 10;
				-webkit-animation: textFadeOut .8s both ease;
						animation: textFadeOut .8s both ease;
			}

			.text-fade-in {
				-webkit-animation: textFadeIn .5s both ease .5s;
						animation: textFadeIn .5s both ease .5s;
			}	
			
			/* -------------------------------------------------- */
			/*	Keyframes for Fade
			/* -------------------------------------------------- */

			@-webkit-keyframes textFadeIn {
				0%   { opacity: 0; }
				100% { opacity: 1; }
			}

			@keyframes textFadeIn {
				0%   { opacity: 0; }
				100% { opacity: 1; }
			}

			@-webkit-keyframes textFadeOut {
				0%   { opacity: 1; }
				100% { opacity: 0; }
			}

			@keyframes textFadeOut {
				0%   { opacity: 1; }
				100% { opacity: 0; }
			}	
			
	/* -------------------------------------------------- */
	/*	Image Slider
	/* -------------------------------------------------- */

	.image-slider {
		position: relative;
		overflow: hidden;
	}
	
		.image-slider .item				  { display: none; }
		.image-slider .item:first-child { display: block; }

		.image-slider .item img { 
			display: block;
			width: 100%;
			height: auto;
		}
		
		
	/* -------------------------------------------------- */
	/*	home Slider
	/* -------------------------------------------------- */

	.noactive{ display:none;}
	.activetesto{ display:block;}
	
	/* -------------------------------------------------- */
	/*	Pagenavi
	/* -------------------------------------------------- */
	
	.pagenavbar {
		margin-top: 50px;
		margin-bottom: 75px;
		padding-top: 50px;
		border-top: 1px solid #ebebeb;
	}

		.pagenavi { font-size: 0; }

			.pagenavi .page-numbers {
				display: inline-block;
				margin-right: 5px;
				width: 35px;
				height: 35px;
				background-color: #ededed;
				color: #262626;
				text-align: center;
				font-weight: 500;
				font-size: 18px;
								line-height: 35px;
			}

			.pagenavi .current,
			.pagenavi .page-numbers:hover { 
				background-color: #f85c37;
				color: #fff;
			}

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

	#comments { 
		margin-left: 95px;
		margin-bottom: 40px;
	}

		#comments h3 { 
			margin-bottom: 5px;
			font-weight: 400;
			font-size: 24px;
			
		}

		.comment {
			padding-top: 30px;
			list-style: none;
			border-bottom: 1px solid #ebebeb;
		}

			.comment .gravatar {
				float: left;
				margin-right: 20px;
			}

			.comment-body { display: table; }

				.comment .comment-author h6 { margin-bottom: 0; }

					.comment .comment-author a {
						color: #f85c37;
						font-weight: 400;
						text-transform: uppercase;
					}

				.comment .comment-date { 
					display: inline-block;
					margin-right: 15px;
					margin-bottom: 10px;
					line-height: 1; 
				}

					.comment .comment-date a {
						color: #aaa;
						text-transform: uppercase;
						font-weight: 400;
						font-size: 12px;
						
					}
					
				.comment-reply-link {
					color: #f85c37;
					text-transform: uppercase;
					font-weight: 400;
					font-size: 12px;
					
				}

		/* Children */

		.comment .children {
			margin: 0;
			padding-left: 80px;
		}

			.children .comment {
				padding-top: 30px;
				border-bottom-width: 0;
				border-top: 1px solid #ebebeb;
			}

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */
	
	#respond { margin-left: 95px; }
	
		#respond h3 { 
			margin-bottom: 30px;
			font-weight: 400;
			font-size: 24px;
			 
		}

			#respond input[type="text"],
			#respond input[type="email"],
			#respond input[type="url"] { width: 50%; }
			
			#respond .full-inputs-block input[type="text"],
			#respond .full-inputs-block input[type="email"],
			#respond .full-inputs-block input[type="url"] { width: 100%; }

			#respond textarea {
				width: 75%;
				min-width: 75%; 
				min-height: 160px;
			}
			
			#respond .full-textarea-block textarea {
				width: 100%;
				min-width: 100%;
				min-height: 200px;
			}

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

	/* -------------------------------------------------- */
	/*	Portfolio Filter
	/* -------------------------------------------------- */
	
	.filter-container { text-align: center; }

		.portfolio-filter {
			display: inline-block;
			margin-bottom: 45px;
			font-size: 0;
		}

			.portfolio-filter li {
				display: inline-block;
				vertical-align: top;
			}

				.portfolio-filter li a {
					display: block;
					margin: 1px;
					padding: 3px 10px;
					text-transform: uppercase;
					font-weight: 400;
					font-size: 12px;
					 
					cursor: pointer;
					-webkit-transition: background-color .35s ease;
							transition: background-color .35s ease;
				}

				.portfolio-filter li:hover a,
				.portfolio-filter .active {
					background-color: #f85c37;
					color: #fff;
				}
		
	/* -------------------------------------------------- */
	/*	Portfolio Items
	/* -------------------------------------------------- */
	
	.portfolio-items { 
		width: 100%;
		font-size: 0; 
	}
	
		.portfolio-items article {
			position: relative;
			display: inline-block;
			padding: 1px;

			width: 25%;
			vertical-align: top;
		}
		
		.portfolio-items.col-3 article { width: 33.33333333333333%; }
		.portfolio-items.col-4 article { width: 25%; }
		.portfolio-items.col-5 article { width: 20%; }
		.portfolio-items.col-6 article { width: 16.666666666666664%; }
		
		.portfolio-items.list article { width: 100%; }
		
		.portfolio-items .mix { display: none; }
		
				.portfolio-items img { /*display: block;*/ }

			.portfolio-paging {
				position: relative;
				width: 100%;
				line-height: 60px;
				text-align: center;
				background-color: transparent;
				
				-webkit-transition: background-color .25s ease;
						transition: background-color .25s ease;
			}	
			
			.portfolio-paging:hover { background-color: #262626; }

				.portfolio-paging .load-more {
					display: block;
					color: #262626;
					text-transform: uppercase;
					font-weight: 500;
					font-size: 13px;
					 
					
					-webkit-transition: color .25s ease;
							transition: color .25s ease;
				}
				
				.portfolio-paging:hover .load-more { color: #fff; }
				
		.work-item {
			position: relative;
			overflow: hidden;
			z-index: 5;
			
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
					backface-visibility: hidden;
		}

			.item-overlay {
				position: absolute;
				display: none;
				width: 100%;
				height: 100%;
				background-color: #f85c37;
				background-color: rgba(248,92,55, .95);
			}
			
				.item-overlay .extra-content {
					position: relative;
					overflow: hidden;
					display: table;
					padding: 30px;
					width: 100%;
					height: 100%;
				}

					.extra-title  {
						margin-bottom: 0;
						color: #fff;
						font-weight: 500;
						font-size: 17px;
						 
						text-transform: uppercase;
						word-spacing: 1px;
					}
					
					.container .portfolio-items.col-4 .extra-title { font-size: 15px; }

					.extra-category {
						margin-bottom: 0;
						color: #fff;
						font-size: 11px;
						 
						font-weight: 500;
					}

	/* -------------------------------------------------- */
	/*	Portfolio Single
	/* -------------------------------------------------- */
	
	
	.project-selection-category  {position: relative;z-index: 2;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;    max-width: 1800px;} 
	
	
	
	
	
	.project-single-entry  { margin-bottom: 40px; }
	
		.project-single-entry + .tabs-holder { margin-bottom: 60px; }
	
		.project-page-header {
			position: relative;
			margin-bottom: 55px;
		}

			.project-page-header .project-title {
				padding-right: 115px;
				color: #5b5e60;
				font-weight: 100;
				font-size: 60px;
				text-transform: uppercase;
			}

	/* Project Meta */
	
	.project-meta { 
		display: table;
		margin-bottom: 30px; }
	
		.project-meta li { 
			margin-bottom: 5px;
			list-style: none;
		}

			.project-meta b {
				display: table-cell;
				padding-right: 10px;
				width: 70px;
				color: #262626;
				text-transform: uppercase;
				font-weight: 500;
				font-size: 14px;
				font-family: 'Roboto', sans-serif;
			}

			.project-meta span {
				display: table-cell;
				color: #8c8c8c;
				font-weight: 300;
				font-size: 14px;
				font-family: 'Roboto', sans-serif;
			}
			
	/* Project Similar Posts */
	
	.project-similar { 
		font-size: 0; 
	}
	
		.project-similar li {
			display: inline-block;
			width: 25%;
			border: 1px solid #fff;
			vertical-align: top;
		}
			
	/* -------------------------------------------------- */
	/*	Social Share
	/* -------------------------------------------------- */	
			
	.share-entry {
		margin-top: 30px;
		margin-bottom: 55px;
	}
	
		.side-share { 
			position: relative;
			display: inline-block;
			vertical-align: middle;
		}
	
		.social-like,
		.social-share {
			display: inline-block;
			padding: 0 20px;
			vertical-align: middle;
			color: #aaa;
			font-size: 14px;
			 
		}
		
			.social-like span,
			.social-share span { padding-left: 10px; }

		.social-like { 
			padding-left: 0;
			border-right: 1px solid #ebebeb; 
		}
			
		.social-share {
			text-transform: uppercase;
			font-size: 12px;
		}
		
		.social-like:before,
		.social-share:before {
			color: #d3d3d3;
			font-size: 18px;
			font-family: 'fontello';
			
			-webkit-transition: color .35s ease;
					transition: color .35s ease;
		}

		.social-like:before  { content: "\ee67"; }
		.social-share:before { content: "\e9e2"; }
		
		.social-like:hover:before,
		.social-share:hover:before { color: #f85c37; }
		
		.share-entry .social-icons {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
		}
		
		@media only screen and (min-width: 993px) {

			.no-touch  .side-share .social-icons li {
				opacity: 0;

				-webkit-transform: translateX(30px);
						transform: translateX(30px);
				-webkit-transition-duration: .2s;
						transition-duration: .2s;
			}

			.no-touch .side-share:hover .social-icons li {
				opacity: 1;

				-webkit-transform: translateX(0);
						transform: translateX(0);
				-webkit-transition-property: transform, opacity;
						transition-property: transform, opacity;
				-webkit-transition-duration: 300ms;
						transition-duration: 300ms;
			}

			.side-share .social-icons li:nth-child(1) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
			.side-share .social-icons li:nth-child(2) { -webkit-transition-delay: 1.10s; transition-delay: 1.10s; }
			.side-share .social-icons li:nth-child(3) { -webkit-transition-delay: .95s; transition-delay: .95s; }
			.side-share .social-icons li:nth-child(4) { -webkit-transition-delay: .80s; transition-delay: .80s; }
			.side-share .social-icons li:nth-child(5) { -webkit-transition-delay: .65s; transition-delay: .65s; }
			.side-share .social-icons li:nth-child(6) { -webkit-transition-delay: .50s; transition-delay: .50s; }
			.side-share .social-icons li:nth-child(7) { -webkit-transition-delay: .35s; transition-delay: .35s; }
			.side-share .social-icons li:nth-child(8) { -webkit-transition-delay: .20s; transition-delay: .20s; }

			.side-share:hover .social-icons li:nth-child(1) { -webkit-transition-delay: .20s; transition-delay: .20s; }
			.side-share:hover .social-icons li:nth-child(2) { -webkit-transition-delay: .35s; transition-delay: .35s; }
			.side-share:hover .social-icons li:nth-child(3) { -webkit-transition-delay: .50s; transition-delay: .50s; }
			.side-share:hover .social-icons li:nth-child(4) { -webkit-transition-delay: .65s; transition-delay: .65s; }
			.side-share:hover .social-icons li:nth-child(5) { -webkit-transition-delay: .80s; transition-delay: .80s; }
			.side-share:hover .social-icons li:nth-child(6) { -webkit-transition-delay: .95s; transition-delay: .95s; }
			.side-share:hover .social-icons li:nth-child(7) { -webkit-transition-delay: 1.10s; transition-delay: 1.10s; }
			.side-share:hover .social-icons li:nth-child(8) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }	
			
		}
		
	/* -------------------------------------------------- */
	/*	Image List
	/* -------------------------------------------------- */	

	.image-list { margin-bottom: 70px; }
	
		.image-list li { 
			margin-bottom: 20px;
			list-style: none;
		}

			.image-list img { display: block; }
		

		
		.widget_recent_posts .entry {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #e6e6e6;
		}
		
		.widget_recent_posts .entry:after {
			clear: both;
			display: block;
			visibility: hidden;
			height: 0;
			content: "";
		}
		
		.widget_recent_posts .entry:last-child { 
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom-width: 0;
		}

			.widget_recent_posts .entry-media { 
				float: left;
				margin-right: 15px;
				margin-bottom: 0;
			}

			.widget_recent_posts .post-holder { display: table; }

		/* ---------------------------------------- */
		/*	Tags Cloud
		/* ---------------------------------------- */		
			
		.widget_tag_cloud .tagcloud { font-size: 0; }

			.widget_tag_cloud .tagcloud a {
				    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px 18px;
    border: 1px solid #f85c37;
    color: #f85c37;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    /* -webkit-border-radius: 6px; */
    /* border-radius: 6px; */
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
			}
			
			.widget_tag_cloud .tagcloud a:hover {
				border-color: transparent;
				background-color: #f85c37;
				color: #fff;
			}
			
		/* ---------------------------------------- */
		/*	Search
		/* ---------------------------------------- */	
		
		#searchform { position: relative; }

			#searchform input[type="text"] { 
				padding-right: 40px;
				font-style: italic;
				font-size: 14px;
			}

			#searchform .submit-search {
				position: absolute;
				top: 0;
				right: 0;
				padding: 0;
				width: 40px;
				height: 100%;
				text-align: center;
			}
			
			#searchform .submit-search:before {
				display: block;
				color: #aaa;
				text-align: center;
				font-size: 15px;
				font-family: 'fontello';
				line-height: 42px;
				content: '\e825';
				
				-webkit-transition: color .25s ease;
						transition: color .25s ease;
			}
			
			#searchform input[type="text"]:focus + .submit-search:before { color: #f85c37; }
		
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {  }

#footer.light-footer {
	padding: 80px 0;
	background-color: #f9f9f9;
}

#footer.dark-footer {
	padding: 80px 0;
	background-color: #003D4C;
	color: #ffffff;
	position: relative;
    z-index: 9;

}

	#footer.dark-footer p { color: #6e6e6e; }

	#footer .widget a { color: #8c8c8c; }
	#footer .widget a:hover { color: #f85c37; }
	
	#footer.dark-footer .widget a { color: #6e6e6e; }
	#footer.dark-footer .widget a:hover { color: #f85c37; }

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#footer .widget { margin-bottom: 25px; }
	
		/* -------------------------------------------------- */
		/*	Recent Entries
		/* -------------------------------------------------- */
	
		#footer .widget_recent_entries a {
			color: #262626;
			font-weight: 400;
			 
		}
		
		#footer .widget_recent_entries .post-date {
			color: #aaa;
			font-size: 12px;
			 
		}
		
		/* -------------------------------------------------- */
		/*	Newsletter
		/* -------------------------------------------------- */	
		
		.newsletter-form input[type="text"] {
			color: #8c8c8c;
			font-style: italic;
		}
		
		.newsletter-form input::-webkit-input-placeholder { color: #555; }
		.newsletter-form input::-moz-placeholder { color: #555; }
		
		.dark-footer .newsletter-form input::-webkit-input-placeholder { color: #949494; }
		.dark-footer .newsletter-form input::-moz-placeholder { color: #949494; }
		
	/* -------------------------------------------------- */
	/*	Bottom Footer
	/* -------------------------------------------------- */	
	
	.bottom-footer {
		padding: 33px 0;
		background-color: #232323;
	}
	
		.copyright { font-size: 12px; }
		.developed { font-size: 11px; }
	
/* ---------------------------------------------------------------------- */
/*	Widgets + Shortcodes
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */
	
	ul.social-icons {
		margin-bottom: 40px;
		font-size: 0; 
	}
	
	#footer ul.social-icons { margin-bottom: 0; }

		ul.social-icons li {
			position: relative;
			display: inline-block;
			vertical-align: top;
		}
		
			ul.social-icons li a {
				position: relative;
				display: block;
				margin: 3px;
				width: 45px;
				height: 45px;
				font: 0/0 a;
				cursor: pointer;
				text-align: center;

				-webkit-border-radius: 50%;
						border-radius: 50%;
				-webkit-transition: all .25s ease;
						transition: all .25s ease;
			}
			
			ul.social-icons li:first-child a { margin-left: 0; }
			ul.social-icons li a:hover		   { border-color: transparent; }	
			
			ul.social-icons .twitter a:after    { content: '\e980'; }
			ul.social-icons .twitter a:before   { content: '\e980'; }
			
			ul.social-icons .facebook a:after   { content: '\e967'; }
			ul.social-icons .facebook a:before  { content: '\e967'; }
			
			ul.social-icons .linkedin a:after   { content: '\e975'; }
			ul.social-icons .linkedin a:before  { content: '\e975'; }
			
			ul.social-icons .pinterest a:after  { content: '\e977'; }
			ul.social-icons .pinterest a:before { content: '\e977'; }
			
			ul.social-icons .rss a:after		{ content: '\e88f'; }
			ul.social-icons .rss a:before		{ content: '\e88f'; }
			
			ul.social-icons .gplus a:after		{ content: '\e970'; }
			ul.social-icons .gplus a:before		{ content: '\e970'; }
			
			ul.social-icons .instagram a:after	{ content: '\e972'; }
			ul.social-icons .instagram a:before	{ content: '\e972'; }
			
			ul.social-icons .dribbble a:after	{ content: '\e965'; }
			ul.social-icons .dribbble a:before	{ content: '\e965'; }
			
			ul.social-icons .flickr a:after		{ content: '\ea78'; }
			ul.social-icons .flickr a:before	{ content: '\ea78'; }
			
			ul.social-icons .dropbox a:after	{ content: '\e966'; }
			ul.social-icons .dropbox a:before	{ content: '\e966'; }
			
			ul.social-icons .youtube a:after	{ content: '\e986'; }
			ul.social-icons .youtube a:before	{ content: '\e986'; }
			
			ul.social-icons .blogger a:after	{ content: '\ee4d'; }
			ul.social-icons .blogger a:before	{ content: '\ee4d'; }
			
			ul.social-icons .evernote a:after	{ content: '\ea96'; }
			ul.social-icons .evernote a:before	{ content: '\ea96'; }
			
			ul.social-icons .behance a:after	{ content: '\eaa0'; }
			ul.social-icons .behance a:before	{ content: '\eaa0'; }
			
			ul.social-icons .skype a:after		{ content: '\e97a'; }
			ul.social-icons .skype a:before		{ content: '\e97a'; }
			
			ul.social-icons .vimeo a:after		{ content: '\ea7a'; }
			ul.social-icons .vimeo a:before		{ content: '\ea7a'; }
			
			ul.social-icons .digg a:after		{ content: '\edf8'; }
			ul.social-icons .digg a:before		{ content: '\edf8'; }
			
			ul.social-icons .appstore a:after	{ content: '\edfd'; }
			ul.social-icons .appstore a:before	{ content: '\edfd'; }
			
			ul.social-icons .stumbleupon a:after	{ content: '\ef68'; }
			ul.social-icons .stumbleupon a:before	{ content: '\ef68'; }
			
			ul.social-icons .deviantart a:after		{ content: '\ee4f'; }
			ul.social-icons .deviantart a:before	{ content: '\ee4f'; }
			
			ul.social-icons .github a:after			{ content: '\e96b'; }
			ul.social-icons .github a:before		{ content: '\e96b'; }
			
			ul.social-icons .mail a:after			{ content: '\ebdc'; }
			ul.social-icons .mail a:before			{ content: '\ebdc'; }
			
			ul.social-icons .twitter a:after	 { background-color: #47c0d8; }
			ul.social-icons .facebook a:after	 { background-color: #49699f; }
			ul.social-icons .linkedin a:after	 { background-color: #2c7cb7; }
			ul.social-icons .pinterest a:after	 { background-color: #c21c21; }
			ul.social-icons .rss a:after		 { background-color: #fe9900; }
			ul.social-icons .gplus a:after		 { background-color: #c33d19; }
			ul.social-icons .flickr a:after		 { background-color: #e82c88; }
			ul.social-icons .instagram a:after	 { background-color: #517fa3; }
			ul.social-icons .dropbox a:after	 { background-color: #5da3e8; }
			ul.social-icons .youtube a:after	 { background-color: #b72d24; }
			ul.social-icons .blogger a:after	 { background-color: #f38f33; }
			ul.social-icons .evernote a:after	 { background-color: #73b122; }
			ul.social-icons .dribbble a:after	 { background-color: #e65992; }
			ul.social-icons .behance a:after	 { background-color: #18a3fe; }
			ul.social-icons .lastfm a:after		 { background-color: #be0607; }
			ul.social-icons .skype a:after		 { background-color: #24b0e4; }
			ul.social-icons .vimeo a:after		 { background-color: #568799; }
			ul.social-icons .forrst a:after		 { background-color: #628267; }
			ul.social-icons .digg a:after		 { background-color: #2882c6; }
			ul.social-icons .appstore a:after	 { background-color: #606060; }
			ul.social-icons .wordpress a:after   { background-color: #33759d; }
			ul.social-icons .stumbleupon a:after { background-color: #eb4924; }
			ul.social-icons .deviantart a:after  { background-color: #5f7162; }
			ul.social-icons .github a:after		 { background-color: #7292a2; }
			ul.social-icons .mail a:after		 { background-color: #65a413; }
			ul.social-icons .love a:after		 { background-color: #f85c37; }

			ul.social-icons a:hover:after { color: #fff !important; }
			
			/* Style Fall Vertical */
			
			ul.style-fall li a:before, 
			ul.style-fall li a:after {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: 1px solid #d6d6d6;
				color: #c8c8c8;
				text-align: center;
				font-size: 20px;
				font-family: 'fontello';
				line-height: 45px;
				
				-webkit-border-radius: 50%;
						border-radius: 50%;
				
				-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color .3s ease;
						transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color .3s ease;
			}
			
			.dark-footer ul.style-fall li a:before,
			.dark-footer ul.style-fall li a:after {
				border-color: #a0a0a0;
				color: #a0a0a0;
			}
			
			ul.style-fall li a:after {
				opacity: 0;
				border-width: 0;
				pointer-events: none;
				
				-webkit-transform: translateY(-100%);
						transform: translateY(-100%);
				-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
						transition: transform 0.3s ease, opacity 0.3s ease;
			}
			
			.ie8 ul.style-fall li a:after { display: none; }

			ul.style-fall li a:hover:after {
				opacity: 1;
				pointer-events: auto;
				
				-webkit-transform: translateY(0%);
						transform: translateY(0%);
				-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
						transition: transform 0.3s ease, opacity 0.3s ease;
			}
			
			.ie8 ul.style-fall li a:hover:after { display: block; }
			
			ul.style-fall li a:hover:before {
				opacity: 0;
				
				-webkit-transform: translateY(100%);
						transform: translateY(100%);
			}
			
			/* Style Square for Header */

			#top-bar ul.social-icons {
				float: right;
				margin-bottom: 0;
			}
			
			#header ul.social-icons {
				margin: 0;
				padding: 32px 0;
			}

				#top-bar ul.social-icons li,
				#header ul.social-icons li { overflow: hidden; }

					#top-bar ul.social-icons li a,
					#header ul.social-icons li a {
						margin: 0;
						width: 40px;
						height: 40px;
						border-width: 0;

						-webkit-border-radius: 0;
								border-radius: 0;
					}	

					#top-bar ul.social-icons li a:before, 
					#top-bar ul.social-icons li a:after,
					#header ul.social-icons li a:before, 
					#header ul.social-icons li a:after { 
						border-width: 0;

						-webkit-border-radius: 0;
								border-radius: 0;
					}

						#top-bar ul.social-icons li a:after,
						#top-bar ul.social-icons li a:before,
						#header ul.social-icons li a:after,
						#header ul.social-icons li a:before { line-height: 40px; }
					
			/* Style Square for Masonry Posts */
			
			ul.style-square li { display: block; }
			
				ul.style-square li a {
					margin: 0;
					width: 40px;
					height: 40px;
					
					-webkit-border-radius: 0;
							border-radius: 0;
				}
				
				ul.style-square li a:after {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					color: #c8c8c8;
					text-align: center;
					font-size: 20px;
					font-family: 'fontello';
					line-height: 40px;

					-webkit-transition: background-color 0.3s ease, color .3s ease;
							transition: background-color 0.3s ease, color .3s ease;
				}
				
				ul.social-icons.style-square li a:after		 { background-color: transparent; }
				
				ul.style-square .twitter a:hover:after		 { background-color: #47c0d8; }
				ul.style-square .facebook a:hover:after	 { background-color: #49699f; }
				ul.style-square .linkedin a:hover:after	 { background-color: #2c7cb7; }
				ul.style-square .pinterest a:hover:after	 { background-color: #c21c21; }
				ul.style-square .rss a:hover:after			 { background-color: #fe9900; }
				ul.style-square .gplus a:hover:after		 { background-color: #c33d19; }
				ul.style-square .flickr a:hover:after		 { background-color: #e82c88; }
				ul.style-square .instagram a:hover:after	 { background-color: #517fa3; }
				ul.style-square .dropbox a:hover:after		 { background-color: #5da3e8; }
				ul.style-square .youtube a:hover:after		 { background-color: #b72d24; }
				ul.style-square .blogger a:hover:after		 { background-color: #f38f33; }
				ul.style-square .evernote a:hover:after	 { background-color: #73b122; }
				ul.style-square .dribbble a:hover:after	 { background-color: #e65992; }
				ul.style-square .behance a:hover:after		 { background-color: #18a3fe; }
				ul.style-square .lastfm a:hover:after		 { background-color: #be0607; }
				ul.style-square .skype a:hover:after		 { background-color: #24b0e4; }
				ul.style-square .vimeo a:hover:after		 { background-color: #568799; }
				ul.style-square .forrst a:hover:after		 { background-color: #628267; }
				ul.style-square .digg a:hover:after		 { background-color: #2882c6; }
				ul.style-square .appstore a:hover:after	 { background-color: #606060; }
				ul.style-square .wordpress a:hover:after   { background-color: #33759d; }
				ul.style-square .stumbleupon a:hover:after { background-color: #eb4924; }
				ul.style-square .deviantart a:hover:after  { background-color: #5f7162; }
				ul.style-square .github a:hover:after		 { background-color: #7292a2; }
				ul.style-square .mail a:hover:after		 { background-color: #65a413; }
				ul.style-square .love a:hover:after		 { background-color: #f85c37; }

	
	
	/* -------------------------------------------------- */
	/*	Content Boxes
	/* -------------------------------------------------- */		

	.content-boxes { font-size: 0; }
	
		.content-boxes > ul > li {
						position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 60px 60px;
    width: 400px;
    height: 400px;
    margin: 50px;
    border: 1px solid #fff;
    background-color: #f85c37;
    color: #fff;
    vertical-align: top;
    text-align: center;

		}
		
			.content-icon {
				display: block;
				margin-bottom: 50px;
			}
			
			.content-icon[class^="icon-"]:before, 
			.content-icon[class*=" icon-"]:before { font-size: 60px; }
			
			.content-boxes h2 {
				margin-bottom: 0;
				color: #fff;
				text-transform: uppercase;
				font-weight: 300;
				line-height: 1.2em;
			}
			
			.content-boxes .hover-box {
				position: absolute;
				top: -100%;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #262626;
				color: #fff;
				font-size: 14px;
				
				-webkit-transition: all .20s ease;
						 transition:all 0.3s ease;
			}
			
			.content-boxes li:hover > .hover-box,
			.touch .content-boxes li.active > .hover-box { top: 0; }
			
				.content-boxes .extra-content {
					position: absolute;
					left: 0;
					opacity: 0;
					width: 100%;
					height: 100%;
					bottom: -100%;
					
					-webkit-transition: bottom .20s ease, opacity .15s ease;
							transition: bottom .20s ease, opacity .15s ease;
				}
				
				.content-boxes li:hover > .extra-content,
				.touch .content-boxes li.active > .extra-content {
					bottom: 0;
					opacity: 1;
					
					-webkit-transition-delay: .15s;
							transition-delay: .15s;
				}
				
					.content-boxes .extra-table {
						display: table;
						overflow: hidden;
						width: 100%;
						height: 100%;
						vertical-align: middle;
						text-align: center;
					}

						.content-boxes .extra-inner {
							display: table-cell;
							padding: 0 30px;
							width: 100%;
							height: 100%;
							font-size: 14px;
							vertical-align: middle;
						}
						
							.content-boxes .extra-inner h4 { text-transform: uppercase; }
						
							.content-boxes .extra-inner * { color: #fff; }
	
	/* -------------------------------------------------- */
	/*	Progress Bar
	/* -------------------------------------------------- */		
	
	.progress-bar {
		position: relative;
		margin-bottom: 18px;
	}

		.progressbar-title {
			margin-bottom: 3px;
			color: #aaa;
			font-weight: 300;
			font-size: 16px;
			 
		}

		.percent {
			position: absolute;
			top: -5px;
			right: 0;
			display: block;
			color: #aeaeae;
			font-size: 16px;
			line-height: 35px;
		}	
		
		.bar-outer {
			position: relative;
			width: 100%;
			height: 12px;
			border: 1px solid #cfcfcf;
			
			-webkit-border-radius: 5px;
					border-radius: 5px;
		}

			.bar {
				position: absolute;
				top: -1px;
				left: 0;
				z-index: 2;
				width: 0%;
				height: 12px;
				background-color: #f85c37;
				
				-webkit-border-radius: 5px;
						border-radius: 5px;
			}

	/* -------------------------------------------------- */
	/*	Accordion and Toggle
	/* -------------------------------------------------- */
		
	.acc-box { margin-bottom: 20px; }

		.acc-trigger {
			position: relative;
			display: block;
			margin-bottom: 4px;
			padding: 7px 55px 7px 20px;
			background-color: #ededed;
			cursor: pointer;
			
			-webkit-transition: all .25s ease;
					transition: all .25s ease;
		}
		
		.acc-trigger:hover { background-color: #262626; }
		
		.acc-trigger.active { background-color: #f85c37; }
		
		.acc-trigger:after {
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 48px;
			height: 100%;
			color: #262626;
			text-align: center;
			font-size: 18px;
			font-family: 'fontello';
			line-height: 40px;
			content: '\e9a1';
		}
		
		.acc-trigger:hover:after,
		.acc-trigger.active:after { color: #fff; }

		.acc-trigger.active:after { content: '\e9a4'; }  

			.acc-trigger a {
				color: #262626;
				font-weight: 500;
				font-size: 12px;
				 
				text-transform: uppercase;
			}
			
			.acc-trigger:hover a,
			.acc-trigger.active a { color: #fff; }

				.acc-trigger.active + .acc-container p { margin: 0 0 10px 0; }

		.acc-container { 
			padding: 15px 0;
			display: none; 
		}
		
	/* -------------------------------------------------- */
	/*	Tabs
	/* -------------------------------------------------- */

	.tabs-nav {
		margin-bottom: 10px;
		font-size: 0;
	}

		.tabs-nav li {
			position: relative;
			display: inline-block;
		}
		
		.widget .tabs-nav li { width: 50%; }

			.tabs-nav li a {
				position: relative;
				display: block;
				margin-right: 1px;
				margin-bottom: 1px;
				padding: 14px 35px;
				background-color: #ededed;
				color: #262626;
				text-align: center;
				text-transform: uppercase;
				font-weight: 500;
				font-size: 12px;
				 
				line-height: 1em;
				cursor: pointer;

				-webkit-transition: all .25s ease;
						transition: all .25s ease;
			}
			
			.widget .tabs-nav li a { padding: 14px 10px; }
			
			.tabs-nav li a:hover {
				background-color: #262626;
				color: #fff;
			}
			
			.tabs-nav li.active a {
				background-color: #f85c37;
				color: #fff;
			}

	.tabs-container { overflow: hidden; }

		.tab-content { 
			display: none;
			padding: 10px 0;
		}

		.tab-content:first-child { display: block; }

	/* -------------------------------------------------- */
	/*	Notifications
	/* -------------------------------------------------- */

	.error, .success, .info, .notice {
		position: relative;
		margin-bottom: 10px;
		padding: 12px 15px 12px 50px;
		display: block;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 12px;
		 
	}
	
	.error   { background-color: #fac9cf; color: #ce717c; }
	.success { background-color: #e0f2cd; color: #8aaa67; }
	.infow    { background-color: #c6e7f4; color: #66aac4; }
	.notice  { background-color: #feefc5; color: #c8a749; }
	
	
	.error:before,
	.success:before,
	.info2:before,
	.notice:before {
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -13px;
		font-size: 18px;
		font-family: 'fontello';	
	}
	
	.error:before {
		color: #ce717c;
		content: '\ee83';
	}
	
	.success:before {
		color: #8aaa67;
		content: '\ee80';
	}
	
	.info2:before {
		color: #66aac4;
		content: '\ece2';
	}
	
	.notice:before {
		color: #c8a749;
		content: '\ecf1';
	}
	
		.alert-close {
			position: absolute;
			top: 50%;
			right: 20px;
			margin-top: -9px;
			line-height: 1;
		}

		.alert-close2:before {
			font-size: 18px;
			font-family: 'fontello';
			content: "\e83e";
		}
		
		.error .alert-close   { color: #ce717c; }
		.success .alert-close { color: #8aaa67; }
		.info3.alert-close    { color: #66aac4; }
		.notice .alert-close  { color: #dec47b; }

	/* -------------------------------------------------- */
	/*	List
	/* -------------------------------------------------- */

	ul.list { margin-bottom: 20px; }
	
		ul.list li { 
			position: relative;
			padding-left: 30px; 
		}
		
		ul.list li,
		ol.list li { 
			margin-bottom: 4px;
		}
		
		ul.list li { list-style: none; }
		
		ul.list li:before {
			position: absolute;
			left: 0;
			top: 0;
			font-size: 16px;
			font-family: 'fontello';
		}
		
		ul.list li.type-1:before { content: '\ed4d'; font-size: 13px; }
		ul.list li.type-2:before { content: '\eb43'; }
		ul.list li.type-3:before { content: '\e8c0'; }
		ul.list li.type-4:before { content: '\ec84'; }
		ul.list li.type-5:before { content: '\e8b2'; }
		
		.no-list { margin-bottom: 40px; }
		
			.no-list li { list-style: none; }
		
	/* -------------------------------------------------- */
	/*	Map
	/* -------------------------------------------------- */
	
	.google_map { 
		position: relative;
		width: 100%;
		height: 400px;
	}
	
		.google_map img { max-width: none; }
		
	.google_map_expand {
		position: relative;
		overflow: hidden;
	}
	
		.google_map_toggle {
			position: relative;
			width: 100%;
			height: 140px;
			cursor: pointer;
		}

		.google_map_toggle:after {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(255,255,255,.5);
			visibility: visible;
			content: "";

			-webkit-transition: all .35s ease;
					transition: all .35s ease;
		}
		
		.google_map_toggle.expand:after {
			visibility: hidden;
			opacity: 0;
		}		
		
		.google_map_toggle:hover:after {
			background-color: rgba(255,255,255,.2);
		}
		
		.google_map_close {
			position: absolute;
			left: 50%;
			bottom: -40px;
			display: block;
			margin-left: -25px;
			width: 50px;
			height: 40px;
			background-color: #fff;
			text-align: center;
			cursor: pointer;
			
			-webkit-transition: bottom .35s ease;
					transition: bottom .35s ease;	
			-webkit-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
		}
		
		.google_map_close.active {
		    bottom: 0;
			
			-webkit-transition: bottom .35s ease .35s;
					transition: bottom .35s ease .35s;
		}
		
		.google_map_close:before {
			color: #f85c37;
			content: "\e83e";
			text-align: center;
			font-size: 21px;
			font-family: 'fontello';
			line-height: 42px;
		}
	
	
	@media  screen and (max-width: 1300px) {
	 .agency{ display:none}
	
	
	 }	 
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 999;
		overflow: hidden;
		display: none;
		width: 50px;
		height: 50px;
		border: 1px solid #e6e6e6;
		background-color: #fff;
		background-color: rgba(255,255,255,.25);
		text-align: center;

		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	#back-top:after {
		display: block;
		text-align: center;
		color: #e1e1e1;
		font-size: 20px;
		font-family: 'fontello';
		content: "\ed4e";
		line-height: 48px;
		
		-webkit-transition: color .25s ease, -webkit-transform 2s ease;
				transition: color .25s ease, transform 2s ease;
	}
	
	#back-top:hover {
		border-color: transparent;
		background-color: #f85c37;
	}
	
	#back-top:hover:after { color: #fff; }
	
	
	.view {
   width: 33%;
  
   padding: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
    cursor: default;
   background: #003D4C url(../images/bgimg.jpg) no-repeat center center;
}
.view-portfolio {
   width: 25%;
  line-height: initial;
   padding: 1px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
    cursor: default;
   background: #003D4C url(../images/bgimg.jpg) no-repeat center center;
}


@media  screen and (max-width: 600px) {
	 
	 .view {
  width: 33%;
   padding: 1px;
   margin:0px;
   background-color:#003D4C;
  
}
	
	 }	 
	 
 @media  screen and (max-width: 400px) {
	 
	 .view {
   width: 100%;
   height: 400px;
   margin: 0px;
   float: left;
   width:inherit;
   overflow: hidden;
   position: relative;
   text-align: center;
    cursor: default;
   background: #003D4C url(../images/bgimg.jpg) no-repeat center center;
}
	
	.view-portfolio {
   width: 100%;
  
   padding: 1px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
    cursor: default;
   background: #003D4C url(../images/bgimg.jpg) no-repeat center center;
} 
	 }	 
	 
.view .mask,.view .content {
   width: 98%;
padding-top: 15%;

   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-size: 35px;
	    font-family: 'gotham_lightregular';
   position: relative;
   line-height:40px;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #003D4C;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #fff;
   -moz-box-shadow: 0 0 1px #fff;
   box-shadow: 0 0 1px #fff;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-second img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-second .mask {
   background-color:#003D4C;
   width: 600px;
   padding: 60px;
   height: 640px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -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;
}
.view-second h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -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;
}
.view-second p {
   -webkit-transform: translate(-200px, 200px);
   -moz-transform: translate(-200px, 200px);
   -o-transform: translate(-200px, 200px);
   -ms-transform: translate(-200px, 200px);
   transform: translate(-320px, 200px);
   -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;
}
.view-second a.info {
   -webkit-transform: translate(0px, 100px);
   -moz-transform: translate(0px, 100px);
   -o-transform: translate(0px, 100px);
   -ms-transform: translate(0px, 100px);
   transform: translate(0px, 100px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
}
.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transform: translate(-80px, -125px) rotate(45deg);
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);
}
.view-second:hover h2 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-second:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-second:hover a.info {
   -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);}