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

01. Reset

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

03. Wrapper

04. Header
	1. Logo
	2. Phone
	3. Social Icons
	4. Main Navigation
	5. Search

05. Slider

06. Page Header

07. Content
	1. Main
		- Detail Columns
		- Project Carousel
		- Team
		- 404 Page
		- Clients
		- Pricing Tables

08. Blog
	1. Image Post Slider
	2. Page Navigation
	3. About Author
	4. Comments

09. Portfolio
	1. Portfolio Filter
	2. Portfolio Items
	3. Portfolio Controls
	4. Isotope Styles

10. Sidebar
	1. Widgets
		- Default Widgets
		- Calendar
		- Popular Posts
		- Tags Cloud

11. Footer 
	1. Widgets
		- Flickr
	2. Copyright

12. Widgets + Shortcodes
	1. Accordion and Toggle
	2. Testimonials
	3. Tabs
	4. Info Box
	5. Notifications
	6. List
	7. Map
	8. Tooltip

13. Other
	1. Services
	2. Back To Top

14. Styling


 */

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

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

ul {
    list-style: none outside;
}

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

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

b { color: #383838; }

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		 -o-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;
}

.map img,
.google_map img { max-width: none; }

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

body {
	background-image: url(../images/scribble/bg-light.png);
	
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
        font: 16px/1.5 Arial;
        
}

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

	.bwWrapper.alignleft,
	img.alignleft { margin-right: 20px; }
	.bwWrapper.alignright,
	img.alignright { margin-left: 20px; }
	
	.hide { display: none; }

	.show { display: block; }

	.invisible { visibility: hidden; }

	.affix { position: fixed; }

	/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		color: #373737;
		font-family: "Open Sans";
		line-height: 1.15;
	}
	
	.scribble h1,
	.scribble h2,
	.scribble h3,
	.scribble h4,
	.scribble h5,
	.scribble h6 { 
		font-family: 'Handlee', cursive;
		font-weight: 400;
	}

	h1 { font-size: 30px; }
	h2 { font-size: 26px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	.title {
		line-height: 1.25;
		margin-bottom: 20px;
	}
	
	::-moz-selection {
		color: #fff;
		text-shadow: none;
	}

	::selection {
		color: #fff;
		text-shadow: none;
	}
	
	.highlight {
		padding: 0 3px;
		color: #fff;
		text-shadow: none;
	}

	.dropcapcircle + h6 {
		text-transform: uppercase;
		font-size: 15px;
		margin-top: 11px;
		margin-bottom: 20px;
	}
	
	.scribble .dropcapcircle + h6 { font-weight: 600; }
	
	p {
		margin: 0 0 1.2em;
		padding: 0;
		line-height: 1.7em;
	}
	
	blockquote {
		padding: 0 0 0 45px;
		background-image: url(../images/icons/quotes.png);
		background-position: 0 8px;
		background-repeat: no-repeat;
		color: #b2b2b2;
		font-weight: 600;
		font-style: italic;
		font-size: 14px;
		font-family: "Open Sans", Arial;
	}
	
		blockquote p { margin: .7em 0; }	
	
	/* -------------------------------------------------- */
	/*	Dropcap
	/* -------------------------------------------------- */	

	.dropcap {
		display: block;
		float: left;
		margin: 5px 9px 0 0;
		width: 50px;
		height: 50px;
		color: #373737;
		text-align: center;
		text-shadow: none;
		font-size: 60px;
		line-height: 50px;
	}
	
	.dropcap.dark {
		background-color: #373737;
		color: #fff;
		font-size: 30px;
	}

	.dropcap.color {
		color: #fff;
		font-size: 30px;
	}
	
	.scribble .dropcap.dark,
	.scribble .dropcap.circle,
	.scribble .dropcap.color { background-image: url(../images/scribble/bg-light.png); }

	.dropcap.circle {
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	}
	
	.dropcapcircle {
		display: inline-block;
		float: left;
		margin: 0 20px 0 0;
		width: 39px;
		height: 39px;
		border-radius: 50%;
		background-color: #18a3fe;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 18px;
		font-family: "Open Sans";
		line-height: 39px;
	}
	
	/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	
	.single-image {
		position: relative;
		display: block;
		margin-bottom: 15px;
		cursor: pointer;
		font-size: 0;
	}
	
	/*.bwWrapper {
		/*position: relative;
		/*overflow: hidden;
		/*display: block;
	/*}

	.curtain {
		position: absolute;
		z-index: 5;
		bottom: 0;
		left: 50%;
		margin: 0 0 -12px -12px;
		display: block;
		overflow: hidden;
		width: 24px;
		height: 24px;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity = 0);
		
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
			-ms-transform: scale(0);
			 -o-transform: scale(0);
				transform: scale(0);
		
		-webkit-transition: all .35s ease-in;
		   -moz-transition: all .35s ease-in;
			-ms-transition: all .35s ease-in;
			 -o-transition: all .35s ease-in;
				transition: all .35s ease-in;  
	}
	
	.scribble .curtain { background-image: url(../images/scribble/bg-light.png); }
	
	.single-image .curtain:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 24px;
		color: #fff;
		content: "";
		text-align: center;
		zoom: 1;
	}
	
	.single-image.link-icon .curtain:after  { background-image: url(../images/icons/link-icon.png);  }
	.single-image.plus-icon .curtain:after  { background-image: url(../images/icons/plus-icon.png);	 }
	.single-image.video-icon .curtain:after { background-image: url(../images/icons/video-icon.png); }
	
	.single-image:hover .curtain {
		bottom: 50%;
		opacity: 1;
		filter: alpha(opacity = 100);
		
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
			-ms-transform: scale(1);
			 -o-transform: scale(1);
				transform: scale(1);
	}

	/* -------------------------------------------------- */
	/*	Fluid Width Video
	/* -------------------------------------------------- */

	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		video {
			max-width: 100%;
			height: auto;
		}
	
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
	.divider-solid {
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 10px;
		margin-right: 10px;
		height: 2px;
		background-color: #ebebeb;
	}
	
	.scribble .divider-solid { 
		opacity: .7;
		background-image: url(../images/scribble/border.png); 
	}
	
	#main .divider-solid {
		margin-left: 0;
		margin-right: 0;
	}
	
	.white-space {
		clear: both;
		padding: 20px 0;
	}
	
	/* -------------------------------------------------- */
	/*	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: #000;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label { 
		display: inline-block; 
		cursor: pointer;
	}
	
	.not-ie input,
	.not-ie textarea,
	.not-ie select,
	.not-ie button {
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;	
	}
	
	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;
		color: #9e9e9e;
		font-size: 12px;
		font-family: Arial, sans-serif;
		padding: 6px 8px 7px;
		width: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: #ebebeb;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-border-radius: 0;
				border-radius: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;				
		-webkit-appearance: none;	
		outline: none;
	}
	
	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: #b4b4b4;
		background-color: #fdfdfd;
		-webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
		   -moz-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
				box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
		-webkit-appearance: none;			
	}
	
	.ie7 input[type="text"],
	.ie7 input[type="password"],
	.ie7 textarea,
	.ie7 select,
	.ie8 input[type="text"],
	.ie8 input[type="password"],
	.ie8 textarea,
	.ie8 select { line-height: 1.3em; }
	
	textarea {
		resize: both;
		min-height: 100px;
	}
	
	select {
		background-image: url(../images/icons/select-arrows.png);
		background-position: 95% bottom;
		background-repeat: no-repeat;
	}
	
	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: #9e9e9e; }

	/* Firefox */
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #9e9e9e; }
	
	/* ---------------------------------------- */
	/*	Contact and Comments Forms
	/* ---------------------------------------- */
	
	.comment-form-author,
	.comment-form-email,
	.comment-form-url,
	.comment-form-comment,
	
	.message-form-name,
	.message-form-email,
	.message-form-url,
	.message-form-message,
	.form-submit {
		position: relative;
		margin-bottom: 10px;
	}

		.message-form-name:before,
		.message-form-email:before,
		.message-form-url:before,
		.message-form-message:before,
		.comment-form-author:before, 
		.comment-form-email:before,
		.comment-form-url:before,
		.comment-form-comment:before
		{
			top: 5px;
			display: inline-block;
			color: #b4b4b4;
			font-weight: normal;
			font-style: normal;
			font-family: "FontAwesome";
			font-size: 14px;
		}

		.message-form-name:before,
		.message-form-email:before,
		.message-form-url:before,
		.message-form-message:before,
		.comment-form-author:before,
		.comment-form-email:before,
		.comment-form-url:before,
		.comment-form-comment:before
		{
			position: absolute;
			left: 8px;
		}

		.message-form-name:before,
		.comment-form-author:before  { content: "\f007"; }

		.message-form-email:before,
		.comment-form-email:before   { content: "\f0e0"; }

		.message-form-url:before,
		.comment-form-url:before	 { content: "\f015"; }

		.message-form-message:before,
		.comment-form-comment:before { content: "\f040"; }

			.comments-form input,
			.contact-form input { 
				width: 67%;
				padding-left: 30px;
			}
			
			.comments-form textarea,
			.contact-form textarea,
			.widget_contact_form textarea { width: 100%; }
			
			.comments-form textarea,
			.contact-form textarea {
				padding-left: 30px;
				min-height: 150px; 
			}
			
			.comments-form label,
			.contact-form label { margin-left: 10px; }

				.comments-form .required,
				.contact-form .required {
					color: #b2b2b2;
					font-style: italic;
					font-size: 11px;
				}
				
				.comments-form input,
				.contact-form input,
				.widget_contact_form input {
					-webkit-box-shadow: none;
					   -moz-box-shadow: none;
							box-shadow: none;
				}
				
				/* Widget Contact Form */

				.widget_contact_form input,
				.widget_contact_form textarea { padding-left: 32px; }
				
				
		/* HTML5 Validation Styles */	
		
		.comments-form input:required:valid,
		.contact-form input:required:valid,
		.comments-form textarea:required:valid,
		.contact-form textarea:required:valid,
		.widget_contact_form input:required:valid,
		.widget_contact_form textarea:required:valid { border-color: #000; }
		
		.comments-form input:focus:invalid,
		.contact-form input:focus:invalid,
		.comments-form textarea:focus:invalid,
		.contact-form textarea:focus:invalid,
		.widget_contact_form input:focus:invalid,
		.widget_contact_form textarea:focus:invalid { border-color: #e27152; }

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


.boton {
border: 1px solid #2e518b; /*anchura, estilo y color borde*/
padding: 10px; /*espacio alrededor texto*/
background-color: #A4A4A4; /*color botón*/
color: #ffffff; /*color texto*/
text-decoration: none; /*decoración texto*/
text-transform: uppercase; /*capitalización texto*/
font-family: 'Helvetica', sans-serif; /*tipografía texto*/
border-radius: 50px; /*bordes redondos*/
}	

	.button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: medium none;
		border: none;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font-family: "Arial";
		cursor: pointer;

		-webkit-transition: all 0.2s linear 0s;
		   -moz-transition: all 0.2s linear 0s;
			-ms-transition: all 0.2s linear 0s;
			 -o-transition: all 0.2s linear 0s;
				transition: all 0.2s linear 0s;
	}

	.button.small { padding: 6px 13px; } 

	.button.medium {
		padding: 8px 20px;
		font-size: 13px;
	} 

	.button.big {
		padding: 10px 23px;
		font-size: 14px;
	} 
	
	.button.default		{ background-color: #373737; }
	.button.turquoise   { background-color: #038ca9; }
	.button.blue		{ background-color: #22bbd6; }
	.button.violet		{ background-color: #795cb0; }
	.button.lime		{ background-color: #79be0b; }
	.button.green		{ background-color: #3b930a; }
	.button.virid		{ background-color: #01ad93; }
	.button.yellow		{ background-color: #ffba00; }
	.button.orange		{ background-color: #f99200; }
	.button.red			{ background-color: #da4c0e; }
	.button.pink		{ background-color: #e85d98; }
	.button.vinous		{ background-color: #8e376b; }
	.button.brown		{ background-color: #564544; }
	.button.biscuit		{ background-color: #887171; }
	.button.light-gray  { background-color: #718193; }

	.button.default:hover { background-color: #038ca9; }

	.button.turquoise:hover,
	.button.blue:hover, 
	.button.violet:hover,
	.button.lime:hover, 
	.button.green:hover,
	.button.virid:hover, 
	.button.yellow:hover,
	.button.orange:hover, 
	.button.red:hover,
	.button.pink:hover, 
	.button.vinous:hover,
	.button.brown:hover, 
	.button.biscuit:hover, 
	.button.light-gray:hover { background-color: #373737; }
	
	.scribble .button { background-image: url(../images/scribble/bg.png); }

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


.boxed #wrapper {
	margin: 0 auto;
	width: 1000px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
			box-shadow: 0 0 10px rgba(0,0,0,.2);
}

/* ---------------------------------------------------------------------- */
/*	Header -> margen de la pag.
/* ---------------------------------------------------------------------- */

	#header {
		z-index: 99;
		padding-top: 10px;
		background-color: #CFAA72      
	}
	
	.fixed#header {
		position: fixed;
		top: 0;
		left: 0;
		padding: 8px 0;
		width: 100%;
		background-color: #B7790E;
		background-color: rgba(93,218,239,.85);
		
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
		   -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
				box-shadow: 0 2px 3px rgba(0,0,0,.2);
	}

	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

		#logo { 
			display: block;
			float: left;     
			line-height: 0;  
			margin-top: 5px;
		}
		
		.fixed#header .eight #logo   { display: none; }
		.fixed#header .sixteen #logo { margin: 1px 0; width: 91px }
	
	/* -------------------------------------------------- */
	/*	Phone
	/* -------------------------------------------------- */
	
	#header .vcard {
		float: right;
		text-align: right;
	}
	
	.fixed#header .top-phone,
	.fixed#header .widget { display: none; }
	
		.vcard p {
			display: inline-block;
			padding-left: 20px;
			font-family: 'Open Sans', Arial;
		}
		
		.vcard a:before,
		.vcard .top-phone:before {
			position: absolute;
			top: 1px;
			left: 0;
			color: #000;
			font-size: 14px;
			font-family: 'FontAwesome';
			content: "";
		}
		
		#footer .vcard a:before,
		#footer .vcard .top-phone:before { color: #ccc; }
		
		.vcard .top-email a:before { content: "\f0e0"; }
		.vcard .top-phone:before { 
			font-family: 'FontAwesome';
			content: "\f095";
		}
		
		.vcard p { 
			position: relative;
			margin-bottom: .5em;
		}
		
			.top-phone span { color: #383838; }
			#footer .top-phone span { color: #ccc; }
			
	/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */

	#header ul.social-icons		  { float: right; }
	.fixed#header ul.social-icons { display: none; }
	
	ul.social-icons {
		margin-top: 0;
		font-size: 0;
	}

		ul.social-icons li {
			display: inline-block; 
			margin-right: 2px; 
			margin-bottom: 2px; 
			vertical-align: top;
			background-color: #d4d4d4;

			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
				-ms-transition: all .2s linear;
				 -o-transition: all .2s linear;
					transition: all .2s linear;
		}
		
		#footer ul.social-icons li { background-color: #555; }
		
		.scribble ul.social-icons li { background-image: url(../images/scribble/bg-light.png); }
		
		.scribble #footer ul.social-icons li {
			background-repeat: repeat;
			background-image: url(../images/scribble/footer.png);
		}
		
		#header ul.social-icons li:last-child { margin-right: 0; }

			ul.social-icons li a {
				position: relative;
				display: block;
				width: 31px;
				height: 31px;
				
				background-image: url(../images/icons/social-icons.png);
				background-repeat: no-repeat;
				font: 0/0 a;
				cursor: pointer;

				-webkit-transition: all 0.25s linear 0s;
				   -moz-transition: all 0.25s linear 0s;
					-ms-transition: all 0.25s linear 0s;
					 -o-transition: all 0.25s linear 0s;
						transition: all 0.25s linear 0s;
			}
			
			ul.social-icons li.twitter a	  { background-position: 0 0; }
			ul.social-icons li.facebook a	  { background-position: -31px 0; }
			ul.social-icons li.yumping a	  { background-position: -62px 1px; }
			ul.social-icons li.vimeo a		  { background-position: -94px 1px; }
			ul.social-icons li.youtube a	  { background-position: -126px 1px; }
			ul.social-icons li.rss a		  { background-position: -155px 1px; }
			ul.social-icons li.picasa a		  { background-position: -186px 2px; }
			ul.social-icons li.stubleupon a	  { background-position: -217px 2px; }
			ul.social-icons li.skype a		  { background-position: -248px 2px; }
			ul.social-icons li.dropbox a	  { background-position: -279px 2px; }
			ul.social-icons li.cat a		  { background-position: -310px 1px; }
			ul.social-icons li.linkedin a	  { background-position: -341px 1px; }
			ul.social-icons li.plus a		  { background-position: -372px 1px; }
			ul.social-icons li.pinterest a	  { background-position: -403px 2px; }
			ul.social-icons li.blogger a	  { background-position: -434px 1px; }
			ul.social-icons li.flickr a		  { background-position: -464px -1px; }
			ul.social-icons li.delicious a	  { background-position: -495px 1px; }
			ul.social-icons li.yahoo a		  { background-position: -526px 1px; }
			ul.social-icons li.evernote a	  { background-position: -557px 2px; }
			ul.social-icons li.apple a		  { background-position: -588px 1px; }
			ul.social-icons li.behance a	  { background-position: -620px 1px; }
			ul.social-icons li.gplus a		  { background-position: -651px 2px; }
			ul.social-icons li.digg a		  { background-position: -682px 1px; }
			ul.social-icons li.lastfm a		  { background-position: -713px 0px; }
			ul.social-icons li.myspace a	  { background-position: -745px 1px; }
			ul.social-icons li.deviantart a	  { background-position: -776px -1px; }
			ul.social-icons li.wordpress a    { background-position: -806px 2px; }
			ul.social-icons li.mail a		  { background-position: -838px 0px; }

			#wrapper ul.social-icons .twitter:hover    { background-color: #47c0d8; }
			#wrapper ul.social-icons .facebook:hover   { background-color: #49699f; }
			#wrapper ul.social-icons .yumping:hover    { background-color: #38ABE9  ; }
			#wrapper ul.social-icons .vimeo:hover      { background-color: #568799; }
			#wrapper ul.social-icons .youtube:hover    { background-color: #b72d24; }
			#wrapper ul.social-icons .rss:hover        { background-color: #fe9900; }
			#wrapper ul.social-icons .picasa:hover     { background-color: #535353; }
			#wrapper ul.social-icons .stubleupon:hover { background-color: #eb4924; }
			#wrapper ul.social-icons .skype:hover      { background-color: #24b0e4; }
			#wrapper ul.social-icons .dropbox:hover    { background-color: #5da3e8; }
			#wrapper ul.social-icons .cat:hover        { background-color: #7292a2; }
			#wrapper ul.social-icons .linkedin:hover   { background-color: #2c7cb7; }
			#wrapper ul.social-icons .plus:hover       { background-color: #629e61; }
			#wrapper ul.social-icons .pinterest:hover  { background-color: #c21c21; }
			#wrapper ul.social-icons .blogger:hover    { background-color: #f38f33; }
			#wrapper ul.social-icons .flickr:hover     { background-color: #b5c2d2; }
			#wrapper ul.social-icons .delicious:hover  { background-color: #3975be; }
			#wrapper ul.social-icons .yahoo:hover      { background-color: #a55bbe; }
			#wrapper ul.social-icons .evernote:hover   { background-color: #606060; }
			#wrapper ul.social-icons .apple:hover      { background-color: #fe9900; }
			#wrapper ul.social-icons .behance:hover    { background-color: #18a3fe; }
			#wrapper ul.social-icons .gplus:hover      { background-color: #2882c6; }
			#wrapper ul.social-icons .digg:hover       { background-color: #2882c6; }
			#wrapper ul.social-icons .lastfm:hover     { background-color: #be0607; }
			#wrapper ul.social-icons .myspace:hover    { background-color: #1b61b0; }
			#wrapper ul.social-icons .deviantart:hover { background-color: #5f7162; }
			#wrapper ul.social-icons .wordpress:hover  { background-color: #33759d; }
			#wrapper ul.social-icons .mail:hover	   { background-color: #65a413; }

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

	.menu-container {
		margin-top: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ebebeb;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ebebeb;
	}
	
	.scribble .menu-container {
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 0;
		border-right-width: 0;
		
		-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
		   -moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
				border-image: url(../images/scribble/border-line.png) 2 repeat;
	}
	
	.fixed#header .menu-container {
		float: right;
		margin: 0;
		border-top-width: 0;
		border-bottom-width: 0;
	}
	
		.menu-container .navigation { float: left; }
	
			.navigation > div > ul > li {
				position: relative; 
				display: block;
				float: left;
			}
			
				.navigation > div > ul > li > a {
					display: block;
					margin: 0;
					padding: 9px 20px 8px;
					border-width: 0 0 0 1px;
					border-style: none none none solid;
					border-color: transparent transparent transparent #ebebeb;
					color: #1e1e1e;
					text-transform: uppercase;
					font-size: 12px;
				}
				
				.scribble .navigation > div > ul > li > a {
					padding: 10px 20px 8px;
					
					-webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
					   -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
							border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
				}
				
				.safari.scribble .navigation > div > ul > li > a {
					-webkit-border-image: none;
				}
				
				.navigation a { 
					font-weight: 600;
					font-family: 'Open Sans', Arial, sans-serif;
				}
				
				.scribble .navigation a { 
					font-family: 'Handlee', cursive; 
				}
				
				.scribble .navigation > div > ul > li > a { font-size: 11px; }

				.ie7 .navigation > div > ul > li > a,
				.ie8 .navigation > div > ul > li > a { font-weight: 400; }
				
				.navigation > div > ul > li:first-child > a { border-left-width: 0; }

				.navigation > div > ul > li:hover > a,
				.navigation > div > ul > li.current-menu-item > a,
				.navigation > div > ul > li.current-menu-parent > a,
				.navigation > div > ul > li.current-menu-ancestor > a,
				.navigation > div > ul > li.current_page_item > a,
				.navigation > div > ul > li.current_page_parent > a,
				.navigation > div > ul > li.current_page_ancestor > a { color: #fff; }

				.scribble .navigation > div > ul > li:hover > a,
				.scribble .navigation > div > ul > li.current-menu-item > a,
				.scribble .navigation > div > ul > li.current-menu-parent > a,
				.scribble .navigation > div > ul > li.current-menu-ancestor > a,
				.scribble .navigation > div > ul > li.current_page_item > a,
				.scribble .navigation > div > ul > li.current_page_parent > a,
				.scribble .navigation > div > ul > li.current_page_ancestor > a {
					background-image: url(../images/scribble/bg.png);
					background-repeat: repeat;
				}
	
	/* Dropdown */

	 .navigation ul ul {
		position: absolute;
		z-index: 9999;
		display: none;
		margin-top: 1px;
		width: 180px;
		background-color: #fff;
		-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
		   -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
				box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
		opacity: 1;
	}

		.navigation ul ul li {
			position: relative; 
			margin-top: -1px;
			border: 1px solid #eaeaea;
			background-color: #fff;
		}
		
		.navigation > div > ul ul li:hover,
		.navigation > div > ul ul li.current-menu-item,
		.navigation > div > ul ul li.current-menu-parent,
		.navigation > div > ul ul li.current-menu-ancestor,
		.navigation > div > ul ul li.current_page_item,
		.navigation > div > ul ul li.current_page_parent,
		.navigation > div > ul ul li.current_page_ancestor { 
			border-left-color: transparent;
			border-right-color: transparent;
			background-color: #f9f9f9;
		}
		
			.navigation ul ul li a {
				display: block;
				padding: 6px 20px;
				color: #818181;
				font-weight: 400;
				font-size: 13px;
			}
			
			.navigation ul ul li a:active {
				-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
				   -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
						box-shadow: inset 0 0 2px rgba(0,0,0,.05);
			}
			
			.navigation > div > ul ul li:hover > a,
			.navigation > div > ul ul li.current-menu-item > a,
			.navigation > div > ul ul li.current-menu-parent > a,
			.navigation > div > ul ul li.current-menu-ancestor > a,
			.navigation > div > ul ul li.current_page_item > a,
			.navigation > div > ul ul li.current_page_parent > a,
			.navigation > div > ul ul li.current_page_ancestor > a { background-color: #f9f9f9; }
			
				.navigation ul ul li .rightarrowclass:before {
					position: absolute;
					top: 9px;
					right: 10px;
					color: #eaeaea;
					content: "\f054";
					font-weight: 100;
					font-style: normal;
					font-size: 9px;
					font-family: "FontAwesome", Arial;
				}
				
				.navigation ul ul li:hover > a .rightarrowclass:before { color: #ccc; }
		
	/* Sub Dropdown */	

	.navigation ul ul ul {
		left: 178px;
		top: -1px;
	}
	
	/* Responsive Select */
	
	.responsive-nav { 
		display: none;
		margin-bottom: 25px;
		background-color: transparent;
		background-image: url(../images/icons/select-arrows.png);
		background-position: 98% top;
		border-width: 1px 0 1px 0;
		border-style: solid;
		border-color: #ebebeb transparent #ebebeb transparent;
	}
	
	.responsive-nav:focus {
		background-color: transparent;
		background-position: 98% bottom;
		border-color-top: #ebebeb;
		border-color-bottom: #ebebeb;
		border-color-left: transparent;
		border-color-right: transparent;
		
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	
	/* -------------------------------------------------- */
	/*	Search
	/* -------------------------------------------------- */

	.search-wrapper {
		position: relative;
		
		float: right;
		padding-left: 0;
		padding-right: 35px;
		padding-top: 7px;
		padding-bottom: 7px;
		width: 0;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #ebebeb;
		
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.scribble .search-wrapper {
		-webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
		   -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
				border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;	
	}
	
	.safari.scribble .search-wrapper {
		-webkit-border-image: none;
	}
	
	.fixed#header .search-wrapper { display: none; }
	
		.search-wrapper p { margin: 0; }

			.search-wrapper input[type="text"] {
				margin: 0 0 0 7px;
				padding: 2px 5px;
				font-size: 11px;
			}

			.search-wrapper .submit-search {
				position: absolute;
				z-index: 3;
				top: 0;
				right: 0;
				margin: 0;
				padding: 0;
				width: 34px;
				height: 34px;
				font: 0/0 a;
				border: none;
				background-color: #fff;
			}
			
			.search-wrapper .submit-search:after {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 4;
				width: 34px;
				height: 34px;
				color: #b2b2b2;
				content: "\f002";
				font-size: 14px;
				font-family: "FontAwesome";
				line-height: 34px;
				text-align: center;
			}
			
			.ie7 .search-wrapper .submit-search:after,
			.ie8 .search-wrapper .submit-search:after { line-height: 0;  }

			.search-wrapper .submit-search:hover:after,
			.search-wrapper .submit-search.active:after { color: #373737; }
		
/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

.slider {
	position: relative;
	margin-top: 20px;
	margin-bottom: 45px;
	height: auto;
	zoom: 1;
}

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


.page-header {
	margin: 0 10px 40px;
	padding: 30px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

.scribble .page-header {
	border-bottom-width: 2px;
	
	-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
	   -moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
			border-image: url(../images/scribble/border-line.png) 2 repeat;	
}

	.page-header h1 {
		margin: 0;
		color: #7e8b9a;
		font-weight: 300;
		font-size: 30px;
		line-height: 1.25;
	}
	
/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content { margin-bottom: 90px; }

	.slogan {  
		display: block; 
		margin: 0 10px 45px 10px;
		padding: 0;
		text-align: center; 
		font-weight: 300;
		font-family: 'Open Sans', Arial, sans-serif;
		line-height: 1.25;
		zoom: 1;
	}
	
	.ie7 .slogan,
	.ie8 .slogan { font-weight: 400; }
	
	.content-title { 
		margin: 0 10px 20px 10px;
		font-family: "Open Sans";
		color: #505050;
		font-weight: 400;
	}
	
	.columns .content-title,
	.column .content-title { margin: 0 0 20px 0; }

	.section-title { margin-bottom: 22px; }
	
	.scribble .section-title { font-size: 15px; font-weight: 600; }
			
/* ---------------------------------------------------------------------- */
/*	Main
/* ---------------------------------------------------------------------- */

	.sbr #main { float: left; }
	.sbl #main { float: right; }
	

	/* -------------------------------------------------- */
	/*	Detail Columns
	/* -------------------------------------------------- */
	
	.detail-box {
		position: relative;
		margin-bottom: 5px;
		padding: 0 25px 20px;
		border-width: 1px;
		border-style: solid;
		border-color: #ebebeb;
		text-align: center;
	}
	
	.scribble .detail-box {
		border-width: 3px;
		-webkit-border-image: url(../images/scribble/border.png) 3 repeat;
		   -moz-border-image: url(../images/scribble/border.png) 3 repeat;
				border-image: url(../images/scribble/border.png) 3 repeat;
	}
	
		.detail-entry { 
			position: relative; 
			z-index: 2;
		}
		
		.detail-box.stateColor .detail-entry,
		.detail-box.defaultState .detail-entry { color: #fff; }

			.detail-box .detail-icon {
				margin: 40px auto 30px;
				width: 45px;
				height: 45px;
				background-image: url(../images/icons/icons.png);
				background-repeat: no-repeat;
			}
			
			.scribble .detail-box .detail-icon { background-image: url(../images/icons/scribble-icons.png); }

			.detail-box h5 {
				margin-bottom: 20px;
				text-transform: uppercase;
				font-weight: 600;
				font-size: 15px;
			}

			.detail-box.stateColor h5,
			.detail-box.defaultState h5 { color: #fff; }
	
		.detail-box .transform {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 0;
			opacity: 0;
			background-repeat: repeat;
			background-attachment: fixed;
			
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}
		
/*		.detail-box.stateColor .transform {
			-webkit-transition: none;
			   -moz-transition: none;
				-ms-transition: none;
				 -o-transition: none;
					transition: none;		
		}*/
		
		.scribble .detail-box .transform { background-image: url(../images/scribble/bg.png); }
		
		.detail-box.stateColor .transform,
		.detail-box.defaultState .transform,
		.touched .transform { 
			height: 100%;
			opacity: 1;
		}
		
	/* -------------------------------------------------- */
	/*	Project Carousel
	/* -------------------------------------------------- */
	
	.jcarousel-container { 
		position: relative;
		margin-bottom: 45px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.sixteen.columns .jcarousel-container {
		margin-left: -10px;
		margin-right: -10px;
	}
	
		.jcarousel-clip {
			overflow: hidden;
			width: 100%;
		}

			.projects-carousel li:hover .project-meta { background-color: #f9f9f9; }

				.projects-carousel h6 {
					margin-bottom: 5px;
					color: #383838;
					font-weight: 700;
					font-size: 12px;
					font-family: "Arial";
				}

				.projects-carousel .project-meta {
					display: block;
					margin-bottom: 20px;
				}
				
				.projects-carousel img { display: block; }

	/* Controls */
		
	.jcarousel-prev,
	.jcarousel-next {
		position: absolute;
		top: 5px;
		right: 10px;
		overflow: hidden;
		width: 21px;
		height: 21px;
		background-color: #373737;
		cursor: pointer;
		
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;
	}
	
	.jcarousel-prev { right: 33px; }
	.jcarousel-next:after { background-position: right top; }

	.scribble .jcarousel-prev,
	.scribble .jcarousel-next { background-image: url(../images/scribble/bg-light.png); }
	
	.jcarousel-prev:after,
	.jcarousel-next:after {
		position: absolute;
		width: 21px;
		height: 21px;
		background-image: url(../images/icons/small-arrows.png);
		background-repeat: no-repeat;
		content: "";
	}
	
	.jcarousel-next-disabled,
	.jcarousel-next-disabled:hover,
	.jcarousel-next-disabled:focus,
	.jcarousel-next-disabled:active,
	.jcarousel-prev-disabled,
	.jcarousel-prev-disabled:hover,
	.jcarousel-prev-disabled:focus,
	.jcarousel-prev-disabled:active {
		background-color: #373737 !important;
		cursor: auto;
		opacity: .75;
	}
	
	/* -------------------------------------------------- */
	/* Team
	/* -------------------------------------------------- */	

	.team-member { margin-bottom: 25px; }

		.team-entry {
			position: relative;
			padding-bottom: 25px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #ebebeb;
			
			 -webkit-transition: all .4s linear;
				-moz-transition: all .4s linear;
				 -ms-transition: all .4s linear;
				  -o-transition: all .4s linear;
					 transition: all .4s linear;  
		}
		
		.scribble .team-entry { border-bottom-color: transparent; }
		
		.scribble .team-entry:after {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2px; 
			background-color: #9f9f9f;
			background-image: url(../images/scribble/line-light.png);
			background-repeat: repeat-x;
			content: "";
		}
		
		.scribble .team-entry:hover { border-color: transparent !important; }

			.team-entry .team-name {
				margin-top: 10px;
				color: #383838;
				font-weight: 700;
				font-size: 12px;
				font-family: "Arial";
			}

			.team-entry .job-title {
				display: block;
				margin-bottom: 5px;
				color:#b2b2b2;
				font-size: 11px;
			}

			.team-entry ul.social-icons {
				margin-top: 10px;
				margin-bottom: 20px;
			}
			
	/* -------------------------------------------------- */
	/* 404 Page
	/* -------------------------------------------------- */	

	.e404 {padding: 50px 0 160px 0;}

		.e404 h1 {
			display: inline-block;
			float: left;
			margin-right: 50px;
			padding-right: 70px;
			border-right: 1px solid #ebebeb;
			font-weight: 600;
			font-size: 223px;
			font-family: "Open Sans", Arial;
			line-height: .8;
		}

		.e404 h2 { 
			margin-top: 10px;
			margin-bottom: 30px;
			font-weight: 400;
			font-size: 32px;
			line-height: 1.2;	
		}	
		
	/* -------------------------------------------------- */
	/*	Clients
	/* -------------------------------------------------- */			
					
	ul.clients-items { padding: 15px 0; }
	
		ul.clients-items li { 
			float: left; 
			width: 20%;
			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				     box-sizing: border-box;
		}
		
			ul.clients-items .bwWrapper {
				position: relative;
				display: block;
			}
			
	/* -------------------------------------------------- */
	/* Pricing Tables
	/* -------------------------------------------------- */	
	
	.simple-pricing-table { margin: 0 10px; }
	
	#main .simple-pricing-table { margin: 0; }
	
		.container .simple-pricing-table .column {
			position: relative;
			margin-left: 0;
			margin-right: 0;
			text-align: center;
			
			-webkit-box-shadow: -1px 0 0 #fff;
			   -moz-box-shadow: -1px 0 0 #fff;
					box-shadow: -1px 0 0 #fff;
			
			-webkit-transition: margin .25s linear;
			   -moz-transition: margin .25s linear;
				-ms-transition: margin .25s linear;
				 -o-transition: margin .25s linear;
					transition: margin .25s linear;
		}
		
		.container .simple-pricing-table .column.featured,
		.container .simple-pricing-table .column:hover {
			z-index: 3;
			margin-top: -10px;
			
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
			   -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
					box-shadow: 0 0 10px rgba(0,0,0,.2);
		}
		
			.simple-pricing-table .title { margin: 0; }

			.simple-pricing-table.type-1 .title {
				padding: 9px 15px;
				color: #fff;
				font-weight: 400;
			}
			
			.scribble .simple-pricing-table.type-1 .title { background-image: url(../images/scribble/bg.png); }
			
			.simple-pricing-table.type-2 .title {
				padding: 11px 0;
				background-color: #f6f6f6;
				text-transform: uppercase;
				font-weight: 600;
				font-size: 15px;
			}
			
			.simple-pricing-table.type-1 .featured .title {
				padding-top: 15px;
				padding-bottom: 13px;
				background-color: #373737 !important;
			}
			
			.simple-pricing-table.type-2 .featured .title {
				padding-top: 16px;
				padding-bottom: 16px;
				background-color: #f4f4f4;
				color: #373737;
			}
			
			.simple-pricing-table.type-1 .column:hover .title {
				padding-top: 15px;
				padding-bottom: 13px;
			}
			
			.simple-pricing-table.type-2 .column:hover .title{
				padding-top: 16px;
				padding-bottom: 16px;
			}
			
			.simple-pricing-table .price { padding: 18px 0 15px; }
			
			.simple-pricing-table.type-1 .price { background-color: #e6e6e6; }
			.simple-pricing-table.type-2 .price { background-color: #373737; }
			
			.scribble .simple-pricing-table.type-2 .price { background-image: url(../images/scribble/bg.png); }
			
			.simple-pricing-table.type-1 .featured .price { background-color: #f4f4f4; }
			
				.simple-pricing-table .cost { 
					margin: 0;
					font-weight: 400; 
					font-size: 36px;
				}
				
				.scribble .simple-pricing-table .cost { font-weight: 600; }
				
				.simple-pricing-table.type-2 .cost { 
					color: #373737;
					text-shadow: 1px 1px rgba(255,255,255,.5);
				}
				
				.simple-pricing-table.type-2 .cost { 
					color: #fff;
					text-shadow: -1px -1px rgba(0,0,0,.2);
				}
				
				.simple-pricing-table .description {
					text-transform: uppercase;
					font-size: 12px;
					font-family: "Open Sans", Arial;
				}
				
				.simple-pricing-table.type-1 .description {
					color: #505050;
					text-shadow: 1px 1px rgba(255,255,255,.5);
				}
				
				.simple-pricing-table.type-2 .description {
					color: #f6f6f6;
					text-shadow: 1px 1px rgba(0,0,0,.2);
				}
				
		.simple-pricing-table .features {
			border-top: 1px solid #d7d7d7;
			border-bottom: 1px solid #d7d7d7;
		}	
				
			.simple-pricing-table .features li {
				position: relative;
				padding: 10px 20px;
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #e6e6e6;
				background-color: #f6f6f6;
				text-align: center;
			}
			
			.simple-pricing-table .features li:first-child { border-top: none; }
			
			.simple-pricing-table .featured .features li { background-color: #fefefe; }
			
		.simple-pricing-table .footer { 
			padding: 20px 20px 20px;
			background-color: #e6e6e6;
		}
		
		.simple-pricing-table .featured .footer { 
			padding: 25px 20px 25px;
			background-color: #f4f4f4; 
		}
		
		.simple-pricing-table .column:hover .footer { padding: 25px 20px 25px; }
		
			.simple-pricing-table .footer .button { margin: 0; }

		.simple-pricing-table .title,
		.simple-pricing-table .footer {
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}
	
/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.entry {
	margin-bottom: 40px;
    border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}

.item {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 213px;
}

.scribble .entry {
	-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
		-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
			 border-image: url(../images/scribble/border-line.png) 2 repeat;	
}

		.entry-title .title { 
			margin-bottom: 14px; 
			line-height: 1;
		}
		
			.entry-title h2 a { color: #373737; }
			
		.item .title { 
			margin-bottom: 4px;
			font-weight: 700;
			font-size: 12px; 
			font-family: 'Arial';
		}

			.item .title a { color: #383838; }
			
	.entry-meta {
	   display: inline-block;
	   margin-bottom: 15px;
	   padding: 2px 0 4px;
	   width: 100%;
	   border-top-width: 1px;
	   border-top-style: solid;
	   border-top-color: #ebebeb;
	   border-bottom-width: 1px;
	   border-bottom-style: solid;
	   border-bottom-color: #ebebeb;
	}
	
	.scribble .entry-meta {
	   border-top-width: 2px;
	   border-bottom-width: 2px;
	   border-left-width: 0;
	   border-right-width: 0;
	   
		-webkit-border-image: url(../images/scribble/border-line.png) 2  repeat;
			-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
				 border-image: url(../images/scribble/border-line.png) 2 repeat;	
	}
	
	.item .entry-meta {
		margin: 0;
		padding: 0;
		border-top-width: 0;
		border-bottom-width: 0;
	}

		.entry-meta span {
			display: block;
			float: left;
			margin-right: 20px;
		}
		
		.item .entry-meta span { margin-right: 15px; }

		.entry-meta span:before {
			margin-right: 5px;
			font-size: 14px;
			font-family: "FontAwesome";
		}

		.entry-meta .date:before	 { content: "\f073"; }
		.entry-meta .author:before   { content: "\f007"; }
		.entry-meta .tag:before		 { content: "\f02b"; }
		.entry-meta .comments:before { content: "\f086"; }

			.entry-meta a {
				color: #b2b2b2;
				font-size: 11px;
			}
			
	.entry-body { margin-bottom: 24px; }
	
	/* -------------------------------------------------- */
	/*	Image Post Slider
	/* -------------------------------------------------- */

	.image-post-slider,
	.image-gallery-slider {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.column .image-post-slider,
	.columns .image-post-slider,
	.column .image-gallery-slider,
	.columns .image-gallery-slider {
		margin-left: 0;
		margin-right: 0;
	}

		.image-post-slider > ul > li,
		.image-gallery-slider > ul > li { width: 0; display: block !important;}

		.image-post-slider > ul > li:first-child,
		.image-gallery-slider > ul > li:first-child { 
			width: 100%;
		}

			.image-post-slider a,
			.image-gallery-slider a { margin: 0; }

		.post-slider-nav,
		.gallery-slider-nav {
			position: absolute;
			right: 10px;
			bottom: 10px;
			z-index: 100;
			width: 65px;
		}

			.post-slider-nav a,
			.gallery-slider-nav a {
				position: relative;
				display: block;
				width: 30px;
				height: 30px;
				font: 0/0 a;
				cursor: pointer;
				background-color: #000;
				background-color: rgba(0,0,0,.8);

				-webkit-transition: all .2s linear;
				   -moz-transition: all .2s linear;
					-ms-transition: all .2s linear;
					 -o-transition: all .2s linear;
						transition: all .2s linear;
			}

			.post-slider-nav a:after,
			.gallery-slider-nav a:after {
				position: absolute;
				left: 0;
				top: 0;
				width: 30px;
				height: 30px;
				background-image: url(../images/icons/medium-arrows.png);
				background-repeat: no-repeat;
				content: "";
			}

			.scribble .post-slider-nav a,
			.scribble .gallery-slider-nav a { background-image: url(../images/scribble/bg-light.png); }

			.post-slider-nav .prevBtn,
			.gallery-slider-nav .prevBtn { 
				left: 0;
				float: left;
			}

			.post-slider-nav .nextBtn,
			.gallery-slider-nav .nextBtn {
				right: 0;
				float: right;
			}

			.post-slider-nav .nextBtn:after,
			.gallery-slider-nav .nextBtn:after { background-position: right; }
		
	/* -------------------------------------------------- */
	/*	Pagenavi
	/* -------------------------------------------------- */
	
		.wp-pagenavi .page-numbers {
			display: block;
			float: left;
			margin-right: 2px;
			width: 31px;
			height: 31px;
			background-color: #e9e9e9;
			color: #373737;
			text-align: center;
			line-height: 31px;
		}
		
		.scribble .wp-pagenavi .page-numbers { background-image: url(../images/scribble/bg-light.png); }

		.wp-pagenavi .current { color: #fff; }

		.wp-pagenavi a:hover {
			background-color: #373737;
			color: #fff;
		}

			.wp-pagenavi .prev,
			.wp-pagenavi .next { 
				font-size: 15px;
				vertical-align: middle;
			}

			.wp-pagenavi .prev:after { content: "←"; }
			.wp-pagenavi .next:after { content: "→"; }
	
	/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

	#comments h6 { margin-bottom: 25px; }
	
	.scribble #comments h6 { font-weight: 600; }

	.comments-list {
		margin-top: 10px;
		margin-bottom: 40px;
		overflow: hidden;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #ebebeb;
	}
	
	.scribble .comments-list {
		-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
			-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
				 border-image: url(../images/scribble/border-line.png) 2 repeat;	
	}

		.comment {
			list-style: none;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #ebebeb;
			padding-top: 40px;
		}
		
		.scribble .comment {
			border-top-width: 2px;
			
			-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
				-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
					 border-image: url(../images/scribble/border-line.png) 2 repeat;				
		}

		.comments-list .comment:first-child { border-top-width: 0; }

			.comment > article { margin-bottom: 20px; }

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

				.comment-body { display: table; }

					.comment .comment-meta { zoom: 1; }

							.comment .comment-author a {
								color: #383838;
								font-weight: 700;
							}

						.comment .comment-date { float: left; }

							.comment .comment-date a {
								margin-right: 10px;
								color: #b2b2b2;
								font-size: 11px;
							}

						.comment-reply-link {
							padding: 0 6px;
							font-size: 11px;
						}

						.comment-reply-link:hover { background-color: #038ca9; }

			/* Children */

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

				.children .comment {
					padding-top: 40px;
					border-top-width: 1px;
					border-top-style: solid;
					border-top-color: #ebebeb;
				}
				
				.normal .children .comment {
					border-top: 1px solid #ebebeb;
				}
				
				.scribble .children .comment {
					border-top-width: 2px;
					
					-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
						-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
							 border-image: url(../images/scribble/border-line.png) 2 repeat;		
				}

	/* Respond */

	#respond { width: 60%; }
	
		#respond h6 { margin-bottom: 20px; }

		.scribble #respond h6 { font-weight: 600;}
		
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

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

	.portfolio-filter {
		margin: 0 10px 35px;
		text-align: left;
		text-transform: uppercase;
	}

		.portfolio-filter li {
			display: block;
			float: left;
			margin-right: 20px;
		}

			.portfolio-filter li a {
				color: #383838;
				font-weight: 600;
				font-size: 11px;
				font-family: "Open Sans", Arial;
				cursor: pointer;
			}
			
			.ie7 .portfolio-filter li a,
			.ie8 .portfolio-filter li a { font-weight: 400; }

	/* -------------------------------------------------- */
	/*	Portfolio Items
	/* -------------------------------------------------- */
	
	.portfolio-items { font-size: 0; }

		.container .portfolio-items article {
			position: relative;
			display: inline-block;
			float: none;
			vertical-align: top;
			margin-bottom: 40px;
		}

		.portfolio-items article .single-image,
		.jcarousel-container .single-image { margin: 0; }
		
			.single-image img { display: block; }
			
			.preloader {
				background-position: center center;
				background-repeat: no-repeat;
			}
			
			.preloader.loader { background-image: url(../images/preloader.gif); }
			
				.preloader img:not(.BWFilter) {
					opacity: 0;
					-webkit-transition: all .25s linear;
					   -moz-transition: all .25s linear;
							transition: all .25s linear;
				}

				.preloader .fadein { opacity: 1 !important; }

		.project-meta {
			position: relative;
			display: block;
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #ebebeb;
			font-size: 11px;
		}
		
		.scribble .project-meta {
			 border-bottom-color: transparent !important;
		}
		
		.scribble .project-meta:after {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: #9f9f9f;
			background-image: url(../images/scribble/line-light.png);
			content: "";
		}
		
		.scribble article:hover .project-meta { border-bottom-color: transparent !important; }
		.portfolio-items article:hover .project-meta { background-color: #f9f9f9; }

			.project-meta .title { 
				margin-bottom: 5px;
				color: #383838;
				font-weight: 700;
				font-size: 12px;
				font-family: "Arial";
			} 
			
			.project-meta .categories { display: block; }
			
	/* -------------------------------------------------- */
	/*	Portfolio Controls
	/* -------------------------------------------------- */	
			
	.portfolio-controls { 
		float: right; 
		padding: 8px 0;
		font-size: 0; 
	}

		.portfolio-controls a {
			display: inline-block;
			overflow: hidden;
			margin-left: 2px;
			width: 21px;
			height: 21px;
			background-color: #373737;
			background-image: url(../images/icons/controls.png);
			background-repeat: no-repeat;
			font: 0/0 a;
			cursor: pointer;
			
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
				-ms-transition: all .2s linear;
				 -o-transition: all .2s linear;
					transition: all .2s linear;
		}
		
                .portfolio-controls .controls-prev { background-position: left; }
		.portfolio-controls .controls-all  { background-position: center; }
		.portfolio-controls .controls-next { background-position: right; }
		
		/* Isotope */

		.isotope-hidden.isotope-item {
			pointer-events: none;
			z-index: 1;
		}

		.isotope, .isotope .isotope-item {
			-webkit-transition-duration: .6s;
			   -moz-transition-duration: .6s;
				-ms-transition-duration: .6s;
				 -o-transition-duration: .6s;
					transition-duration: .6s;
			z-index: 2;
		}

		.isotope {
			-webkit-transition-property: height, width;
			   -moz-transition-property: height, width;
				-ms-transition-property: height, width;
				 -o-transition-property: height, width;
					transition-property: height, width;
		}

		.isotope .isotope-item {
			-webkit-transition-property: -webkit-transform, opacity;
			   -moz-transition-property:	-moz-transform, opacity;
				-ms-transition-property:		 top, left, opacity;
				 -o-transition-property:		 top, left, opacity;
					transition-property:		 transform, opacity;
		}

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

.sbr #sidebar { float: right; }
.sbl #sidebar { float: left;  }

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

		#sidebar .widget { margin-bottom: 40px; }
		
			#sidebar .widget-title {
				margin-bottom: 20px;
				font-size: 14px;
				font-weight: 600;
			}
			
				.widget .post-date { 
					display: block;
					font-size: 11px;
					font-style: italic;
					color: #b2b2b2;
				}
			
			.scribble #sidebar .widget-title { font-size: 15px; font-weight: 600 }
			
			.ie8 #sidebar .widget-title { font-weight: 400; }

		/* ---------------------------------------- */
		/*	Default Widgets
		/* ---------------------------------------- */
		
		/* read-more links */
		.more-link {}
		
		/* blogroll links */
		.linkcat {}
		.blogroll {}
		
		/* text widget */
		.textwidget {}
		.widget_text {}
		.textwidget p {}
		
		.widget .sub-menu { padding-top: 5px; }
		
		.widget_categories ul li,
		.widget_archive ul li, 
		.widget_links ul li,
		.widget_meta ul li,
		.widget_pages ul li,
		.widget_recent_entries ul li {
			position: relative;
			padding: 6px 0 6px 15px;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #e8e8e8;
			list-style: none;
		}
		
		#footer .widget_categories ul li,
		#footer .widget_archive ul li, 
		#footer .widget_links ul li,
		#footer .widget_meta ul li,
		#footer .widget_pages ul li,
		#footer .widget_recent_entries ul li {
			border-top-color: #464545;
		}
	
		.scribble .widget_categories ul li,
		.scribble .widget_archive ul li, 
		.scribble .widget_links ul li,
		.scribble .widget_meta ul li,
		.scribble .widget_pages ul li,
		.scribble .widget_recent_entries ul li {
			border-top-width: 2px;
			border-left-width: 0;
			border-right-width: 0;
			border-bottom-width: 0;
			
			 -webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
				-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
					 border-image: url(../images/scribble/border-line.png) 2 repeat;
		}

		.widget_categories ul li:first-child, 
		.widget_archive ul li:first-child,
		.widget_links ul li:first-child, 
		.widget_meta ul li:first-child,
		.widget_pages ul li:first-child,
		.widget_recent_entries ul li:first-child { border-top-width: 0; }
		
			.widget_categories li a,
			.widget_archive li a, 
			.widget_links li a, 
			.widget_meta li a,
			.widget_pages li a,
			.widget_recent_entries li a {
				position: relative;
				display: inline-block;
				color: #969696;
			}
		
			.widget_categories li a:before,
			.widget_archive li a:before, 
			.widget_links li a:before, 
			.widget_meta li a:before,
			.widget_pages li a:before,
			.widget_recent_entries li a:before {
				position: absolute;
				left: -15px;
				top: 0;
				width: 4px;
				height: 100%;
				display: block;
				background-image: url(../images/icons/arrow-black.png);
				background-position: 0 center;
				background-repeat: no-repeat;
				content: "";
				
				-webkit-transition: left .2s linear;
				   -moz-transition: left .2s linear;
					-ms-transition: left .2s linear;
					 -o-transition: left .2s linear;
						transition: left .2s linear;  	
			}
		
			#footer .widget_categories li a:before,
			#footer .widget_archive li a:before, 
			#footer .widget_nav_menu li a:before,
			#footer .widget_links li a:before, 
			#footer .widget_meta li a:before,
			#footer .widget_pages li a:before,
			#footer .widget_recent_entries li a:before {
				background-image: url(../images/icons/arrow-light.png);
			}
		
			.widget_categories li a:hover:before,
			.widget_archive li a:hover:before, 
			.widget_links li a:hover:before, 
			.widget_meta li a:hover:before,
			.widget_pages li a:hover:before,
			.widget_recent_entries li a:hover:before { left: -10px; }
			
			/* Widget Nav Menu for Footer */
			
			#footer .widget_nav_menu ul li {
				position: relative;
				padding: 6px 0 6px 15px;
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #e8e8e8;
				list-style: none;
			}	
			
			#footer .widget_nav_menu ul li:first-child { border-top-width: 0; }

			.scribble #footer .widget_nav_menu ul li {
				border-top-width: 2px;

				 -webkit-border-image: url(../images/scribble/border.png) 2 repeat;
					-moz-border-image: url(../images/scribble/border.png) 2 repeat;
						 border-image: url(../images/scribble/border.png) 2 repeat;		
			}
			
				#footer .widget_nav_menu li a {
					position: relative;
					display: inline-block;
					color: #969696;
				}

				#footer .widget_nav_menu li a:hover:before{ left: -10px; }

				#footer .widget_nav_menu li a:before {
					position: absolute;
					left: -15px;
					top: 0;
					width: 4px;
					height: 100%;
					display: block;
					background-image: url(../images/icons/arrow-black.png);
					background-position: 0 center;
					background-repeat: no-repeat;
					content: "";

					-webkit-transition: left .2s linear;
					   -moz-transition: left .2s linear;
						-ms-transition: left .2s linear;
						 -o-transition: left .2s linear;
							transition: left .2s linear;  	
				}
				
				/* Widget Nav Menu */
				
				.widget_nav_menu .menu {
					margin-bottom: 40px;
					border-bottom: 1px solid #ebebeb;
				}
				
					.widget_nav_menu li { position: relative; }
					
					.widget_nav_menu li:after {
						position: absolute;
						top: 13px;
						right: 11px;
						display: block;
						width: 14px;
						height: 14px;
						background-image: url(../images/icons/ajax-nav-row.png);
						background-repeat: no-repeat;
						content: "";
						-webkit-transition: right .25s linear;
								transition: right .25s linear;
					} 
					
					.widget_nav_menu li:hover:after,
					.widget_nav_menu .current-menu-item:after,
					.widget_nav_menu .current_page_item:after { 
						right: 4px; 
						background-position: bottom;
					}
					
					.widget_nav_menu li:hover:before,
					.widget_nav_menu .current-menu-item:before,
					.widget_nav_menu .current_page_item:before {
						position: absolute;
						top: 1px;
						right: -14px;
						display: block;
						width: 0;
						height: 0;
						border-top: 21px solid transparent !important;
						border-bottom: 21px solid transparent !important;
						border-left-width: 15px;
						border-left-style: solid;
						content: "";
					}

						.widget_nav_menu li a {
							display: block;
							padding: 11px 30px 11px 10px;
							border-top: 1px solid #ebebeb;
							border-right: 1px solid #ebebeb;
							color: #383838;
							-webkit-transition: none;
									transition: none;
						}
						
						.widget_nav_menu li:hover > a,
						.widget_nav_menu .current-menu-item > a,
						.widget_nav_menu .current_page_item > a { color: #fff !important; }
						
		/* ---------------------------------------- */
		/*	Calendar
		/* ---------------------------------------- */

		.widget_calendar table {
			position: relative;
			width: 100%;
			border-spacing: 1px;
			border-collapse: separate;
			text-align: center;
		}

			.widget_calendar caption {
				margin-bottom: 20px;
				text-align: left;
				color: #000;
				font-weight: 600;
				font-size: 14px;
				font-family: "Open Sans", Arial;
			}
			
			#footer .widget_calendar caption { color: #ebebeb; }

				.widget_calendar thead th {
					padding: 4px;
					color: #777;
					font-size: 12px;
					font-family: "Open Sans", Arial;
				}

				.widget_calendar td {
					padding: 6px 4px;
					background-color: #fafafa;
					color: #777;
					font-size: 12px;
				}
				
				#footer .widget_calendar td { background-color: #464545; }

				#sidebar .widget_calendar .pad,
				#footer .widget_calendar .pad {
					background-color: transparent;
					
					-webkit-box-shadow: none;
					   -moz-box-shadow: none;
							box-shadow: none;
				}
				
				.widget_calendar a { color: #000; font-weight: 700; }
				
				#footer .widget_calendar a { color: #aaa; }
				
				.widget_calendar #today { background-color: #918F89; color: #fff; }
				
				#footer .widget_calendar #today { background-color: #3a3939; color: #ccc; }

					.widget_calendar  #today a { color: #fff; }

			.widget_calendar tfoot {
				position: absolute;
				right: 0;
				top: 0;
			}

				.widget_calendar tfoot td {
					padding: 0;
					background-color: transparent;
					-webkit-box-shadow: none;
					   -moz-box-shadow: none;
							box-shadow: none;
				}

					.widget_calendar tfoot a {
						position: absolute;
						top: 0;
						right: 0;
						overflow: hidden;
						display: block;
						width: 21px;
						height: 21px;
						background-color: #918F89;
						cursor: pointer;
						font: 0/0 a;

						-webkit-transition: all .2s linear;
						   -moz-transition: all .2s linear;
							-ms-transition: all .2s linear;
							 -o-transition: all .2s linear;
								transition: all .2s linear;
					}
					
					.widget_calendar tfoot a:after {
						position: absolute;
						left: 0;
						width: 21px;
						height: 21px;
						background-image: url(../images/icons/small-arrows.png);
						content: "";
					}
					
					.scribble .widget_calendar tfoot a { background-image: url(../images/scribble/bg-light.png);  }

					.widget_calendar tfoot #prev a { right: 23px; }
					.widget_calendar tfoot #next a:after { background-position: right top; }		
		
		/* ---------------------------------------- */
		/*	Popular Posts
		/* ---------------------------------------- */

		.widget_popular_posts li { margin-bottom: 20px; }
		
		.widget_popular_posts li:after {
			clear: both;
			display: block;
			visibility: hidden;
			height: 0;
			content: ".";
		}

			.widget_popular_posts .preloader {
				float: left;
				margin-right: 10px;
			}
			
			.widget_popular_posts .post-holder { display: table; }

				.widget_popular_posts h6 {
					 margin-bottom: 5px;
					 font-family: "Arial";
					 font-weight: 400;
					 line-height: 1.3;
				}
				
				.widget_popular_posts p { 
					margin-bottom: 5px;
					font-size: 11px;
				}

				.widget_popular_posts span {
					display: block;
					color: #b2b2b2;
					font-style: italic;
					font-size: 11px;
				}
			
		/* ---------------------------------------- */
		/*	Tags Cloud
		/* ---------------------------------------- */		
			
		.widget_tag_cloud .tagcloud a {
			display: inline-block;
			margin-right: 0px;
			margin-bottom: 3px;
			padding: 5px;
			color: #fff !important;
			font-size: 12px !important;
		}
		
		#sidebar .widget_tag_cloud .tagcloud a { background-color: #c0c0c0; }
		
		#footer .widget_tag_cloud .tagcloud a {
			background-color: #676767;
			color: #d4d4d4 !important;
		}
		
		.scribble #footer .widget_tag_cloud .tagcloud a {
			background-image: url(../images/scribble/footer.png);
			background-repeat: repeat;
		}
		
		#sidebar .widget_tag_cloud .tagcloud a:hover { background-color: #444 !important; }
		
		#footer .widget_tag_cloud .tagcloud a:hover { 
			background-color: #c2c2c2 !important;
			color: #383838 !important;
		}

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

#footer {
    background-color: #CFAA72;  
	padding: 10px 0 40px;
	color: #373737;
}

.scribble #footer { 
	background-image: url(../images/scribble/footer.png); 
	background-repeat: repeat;
}

	#footer a { color: #969696; }

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

	#footer .widget { margin-bottom: 45px; }
	
		#footer .widget-title {
			color: #ebebeb; 
			font-size: 14px; 
			font-weight: 600;
		}
		
		.scribble #footer .widget-title { 
			font-weight: 600;
			font-size: 15px; 
		}
		
		.ie7 #footer .widget-title,
		.ie8 #footer .widget-title { font-weight: 400; }

		/* ---------------------------------------- */
		/*	Flickr
		/* ---------------------------------------- */

		.flickr-badge li {
			position: relative;
			float: left;
			margin-bottom: 10px;
			margin-right: 10px;
		}
		
		.flickr-badge li:nth-of-type(3n) { margin-right: 0; }
		
			.flickr-badge li a {
				position: relative;
				display: block;
				height: 65px;
				width: 65px;
			}
			
			.flickr-badge li a:after {
				position: absolute;
				z-index: 2;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				content: "";

				-webkit-transition: all .2s linear;
				   -moz-transition: all .2s linear;
					-ms-transition: all .2s linear;
					 -o-transition: all .2s linear;
						transition: all .2s linear;
						
				-webkit-box-shadow: inset 0 0 0 0 transparent;	
				   -moz-box-shadow: inset 0 0 0 0 transparent;	
						box-shadow: inset 0 0 0 0 transparent;	
			}

	/* -------------------------------------------------- */
	/*	Copyright
	/* -------------------------------------------------- */	

	.adjective {
		padding-top: 25px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #4a4a4a;
		font-size: 11px;
	}
	
	.scribble .adjective {
		border-top-width: 2px;
		-webkit-border-image: url(../images/scribble/border-line-light.png) 2 repeat;
		   -moz-border-image: url(../images/scribble/border-line-light.png) 2 repeat;
				border-image: url(../images/scribble/border-line-light.png) 2 repeat;
	}
	
		.copyright { float: left; }
		.developed { float: right; }
		
			.copyright a,
			.developed a { color: #969696; }

/* ---------------------------------------------------------------------- */
/*	Widgets + Shortcodes
/* ---------------------------------------------------------------------- */		

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

		.acc-trigger {
			position: relative;
			display: block;
			padding: 10px 10px 5px 35px;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #ebebeb;
		}
		
		.scribble .acc-trigger {
			border-top-width: 2px;
			
			-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
				-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
					 border-image: url(../images/scribble/border-line.png) 2 repeat;			
		}
		
		.acc-box .acc-trigger:first-child { border-top-width: 0; }

		.acc-trigger:before {
			position: absolute;
			top: 50%;
			left: 0;
			display: block;
			margin-top: -13px;
			width: 25px;
			height: 25px;
			background-color: #373737;
			background-image: url(../images/icons/collapse.png);
			cursor: pointer;
			content: "";
		}
		
		.scribble .acc-trigger:after {
			position: absolute;
			left: 0;
			bottom: 12px;
			display: block;
			width: 25px;
			height: 25px;
			background-image: url(../images/scribble/bg-light.png);
			content: "";
		}

		.acc-trigger.active:before { background-position: bottom; }  

			.acc-trigger a {
				color: #828282;
				text-transform: uppercase;
				font-size: 11px;
				font-weight: 600;
				font-family: "Open Sans", Arial;
			}
			
			.scribble .acc-trigger a { font-family: 'Handlee', cursive; font-weight: 600; }

			.ie7 .acc-trigger a,
			.ie8 .acc-trigger a { font-weight: 400; }

			.acc-trigger:hover a,
			.acc-trigger.active a { color: #1e1e1e; }

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

		.acc-container { display: none; }
	
	/* -------------------------------------------------- */
	/*	Testimonials
	/* -------------------------------------------------- */
	
	.quote-box {
		position: relative;
		margin-bottom: 20px;
	}

		.testimonials > li { margin-right: 15px; }

			.quote-text {
				position: relative;
				margin-bottom: 5px;
				padding: 20px 15px;
				padding-bottom: 20px;
				border-width: 1px;
				border-style: solid;
				background: #fff;
				border-color: #ebebeb;
			}
			
			.scribble .quote-text {
				border-width: 2px;
				
				-webkit-border-image: url(../images/scribble/border.png) 2 repeat;
					-moz-border-image: url(../images/scribble/border.png) 2 repeat;
						 border-image: url(../images/scribble/border.png) 2 repeat;		
			}
			
			.safari.scribble .quote-text {
				-webkit-border-image: none;
						border-image: none;
			}
			
			.quote-text:before {
				position: absolute;
				z-index: 99;
				bottom: -31px;
				left: 45px;
				display: block;
				width: 31px;
				height: 31px;
				background-image: url(../images/icons/quote-arrow.png);
				content: "";
			}
			
			.scribble .quote-text:before { background-image: url(../images/scribble/quote-arrow.png); }
			
			.safari.scribble .quote-text:before {
				background-image: url(../images/icons/quote-arrow.png);
			}
			
				.quote-author { 
					display: block;
					margin-left: 85px;
					padding-bottom: 10px;
				}
				
					.quote-author span { color: #828282; }
					
	/* Quote Navigation */

	.quotes-nav {
		position: absolute;
		right: 0;
		top: -40px;
		z-index: 100;
		width: 44px;
	}

		.quotes-nav a {
			position: relative;
			display: block;
			width: 21px;
			height: 21px;
			opacity: 1;
			cursor: pointer;
			background-color: #000;
			background-color: rgba(0,0,0,.8);
			font: 0/0 a;
		}
		
		.quotes-nav a:after {
			position: absolute;
			width: 21px;
			height: 21px;
			background-image: url(../images/icons/small-arrows.png);
			background-repeat: no-repeat;
			content: "";
		}
		
		.scribble .quotes-nav a { background-image: url(../images/scribble/bg-light.png); }

		.quotes-nav .prevBtn { float: left; }
		.quotes-nav .nextBtn { float: right; }
		
		.quotes-nav .nextBtn:after { background-position: right; }

	/* -------------------------------------------------- */
	/*	Tabs
	/* -------------------------------------------------- */

	.content-tabs { margin-bottom: 40px; }

		.tabs-nav {
			clear: both;
			margin: 0;
			width: 100%;
		}

			.tabs-nav li {
				position: relative;
				float: left;
				margin-right: -1px;
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #ebebeb;
				border-left-width: 1px;
				border-left-style: solid;
				border-left-color: #ebebeb !important;
				border-right-width: 1px;
				border-right-style: solid;
				border-right-color: #ebebeb !important;
				background-color: #fafafa;
				height: 34px;
			}
			
			.scribble .tabs-nav li {
				margin-right: -2px;
				border-top-width: 2px;
				border-left-width: 2px;
				border-right-width: 2px;
				
				-webkit-border-image: url(../images/scribble/border.png) 0 2 0 2 repeat;
					-moz-border-image: url(../images/scribble/border.png) 0 2 0 2 repeat;
						 border-image: url(../images/scribble/border.png) 0 2 0 2 repeat;		
			}
			
			.safari.scribble .tabs-nav li {
				-webkit-border-image: none;
			}
			
			.scribble .tabs-nav li:after {
				position: absolute;
				top: -2px;
				left: 0;
				width: 100%;
				height: 2px;
				background-color: #474747;
				background-image: url(../images/scribble/line-light.png);
				content: "";
			}
			
			.tabs-nav li:first-child { border-left-width: 1px; }
			.scribble .tabs-nav li:first-child { border-left-width: 2px; }
			
				.tabs-nav li a {
					display: inline-block;
					padding: 10px 16px;
					outline: none;
					color: #828282;
					vertical-align: baseline;
					text-align: center;
					text-transform: uppercase;
					font-size: 11px;
					cursor: pointer;
				}

				.tabs-nav .active a {
					background-color: #fff;
					color: #1e1e1e;
				}

		.tabs-container {
			margin: 0 0 20px;
			overflow: hidden;
			background-color: #fff;
			border-width: 1px;
			border-style: solid;
			border-color: #ebebeb;
			width: 100%;
		}
		
		.scribble .tabs-container {
			border-width: 2px;
			
			-webkit-border-image: url(../images/scribble/border.png) 2 repeat;
			   -moz-border-image: url(../images/scribble/border.png) 2 repeat;
					border-image: url(../images/scribble/border.png) 2 repeat;				
		}
		
		.safari.scribble .tabs-container {
			-webkit-border-image: none;
		}

			.tab-content { 
				display: none;
				padding: 20px 20px 10px;
			}
			
			.tab-content:first-child { display: block;}

	/* -------------------------------------------------- */
	/*	Info Box
	/* -------------------------------------------------- */

	.info-box {
		margin-bottom: 40px;
		padding: 25px 20px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #ebebeb;
	}
	
	.scribble .info-box {
		border-width: 2px;
		-webkit-border-image: url(../images/scribble/border.png) 2 repeat;
		   -moz-border-image: url(../images/scribble/border.png) 2 repeat;
				border-image: url(../images/scribble/border.png) 2 repeat;		
	}
	
	.safari.scribble .info-box {
		-webkit-border-image: none;
	}

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

	.error, .success, .info, .notice {
		border-style: solid;
		border-width: 1px;
		display: block;
		font-size: 14px;
		padding: 8px 15px 8px 20px;
		position: relative;
	}
	
	.scribble .error,
	.scribble .success,
	.scribble .info,
	.scribble .notice {
		background-image: url(../images/scribble/bg-light.png);
	}

	.error {
		background-color: #f9bcc3;
		border-color: #f09da7;
		color: #b76973;
	}

	.success {
		background-color: #d8efc1;
		border-color: #b4d892;
		color: #79985b;
	}

	.info {
		background-color: #b8e1f1;
		border-color: #a1c7d5;
		color: #52889b;
	}

	.notice {
		background-color: #feebb7;
		border-color: #e7d195;
		color:#b49133;
	}
	
		.alert-close {
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -7px;
			line-height: 1;
		}

		.alert-close:before {
			font-size: 13px;
			font-family: 'FontAwesome'; 
			content: "\f00d";
		}
		
		.error .alert-close   { color: #b76973; }
		.success .alert-close { color: #79985b; }
		.info .alert-close    { color: #52889b; }
		.notice .alert-close  { color: #b49133; }

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

	ul.list { margin-bottom: 20px; }
	
		.list li { margin-bottom: 6px; }
		
		ul.list [class^="icon-"]:before, 
		ul.list [class*=" icon-"]:before {
			color: #373737;
			font-size: 15px;
		}

			i.small-arrows {
				position: relative;
				display: inline-block;
				margin-right: 10px;
				width: 21px;
				height: 21px;
				vertical-align: middle;
			}
			
			i.small-arrows:before {
				position: absolute;
				left: 0;
				top: 3px;
				margin-top: -3px;
				width: 21px;
				height: 21px;
				background-image: url(../images/icons/small-arrows.png);
				background-position: right;
				background-repeat: no-repeat;
				content: "";
			}
			
			.scribble i.small-arrows {
				background-image: url(../images/scribble/bg-light.png);
				background-repeat: repeat;
			}
	
	/* -------------------------------------------------- */
	/*	Map
	/* -------------------------------------------------- */
	
	.google_map { 
		display: block;
		margin-bottom: 30px;
	}
	
	#content .google_map { 
		width: 100%;
		height: 400px;
	}
	
	/* -------------------------------------------------- */
	/*	Tooltip
	/* -------------------------------------------------- */

	.tooltip { position: relative; }
	
	.tooltip:after,
	.tooltip:before {
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
	}

	.tooltip:after {
		position: absolute;
		bottom: 20px;
		left: 0;
		z-index: 98;
		padding: 5px 15px;
		width: 220px;
		border-radius: 3px;
		background-color: #373737;
		background-image: url(../images/tooltip.png);
		color: #fff;
		content: attr(data-tooltip);
		opacity: 0;
	}

	.tooltip:before {
		position: absolute;
		bottom: 16px;
		left: 50%;
		z-index: 99;
		border-width: 6px 6px 0;
		border-style: solid;
		border-color: #373737 transparent;
		content: "";
		opacity: 0;
	}
	
	.tooltip:hover:after,
	.tooltip:hover:before { opacity: 1; }
	
	.ie8 .tooltip:after,
	.ie8 .tooltip:before { display: none; }
	
	.ie8 .tooltip:hover:after,
	.ie8 .tooltip:hover:before { display: block; }
	
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Ajax Navigation
	/* -------------------------------------------------- */

	.ajax-nav {
		margin-bottom: 40px;
		border-bottom: 1px solid #ebebeb;
	}

		.ajax-nav li { position: relative; }

		.ajax-nav li:after {
			position: absolute;
			top: 13px;
			right: 11px;
			display: block;
			width: 14px;
			height: 14px;
			background-image: url(../images/icons/ajax-nav-row.png);
			background-repeat: no-repeat;
			content: "";
			-webkit-transition: right .25s linear;
					transition: right .25s linear;
		} 

		.ajax-nav li:hover:after,
		.ajax-nav .current:after { 
			right: 4px; 
			background-position: bottom;
		}
		
		.ajax-nav li:hover:before,
		.ajax-nav .current:before {
			position: absolute;
			top: 1px;
			right: -14px;
			display: block;
			width: 0;
			height: 0;
			border-top: 21px solid transparent !important;
			border-bottom: 21px solid transparent !important;
			border-left-width: 15px;
			border-left-style: solid;
			content: "";
		}

			.ajax-nav li a {
				display: block;
				padding: 11px 30px 11px 10px;
				border-top: 1px solid #ebebeb;
				border-right: 1px solid #ebebeb;
				color: #383838;
				-webkit-transition: none;
						transition: none;
			}

			.ajax-nav li:hover > a,
			.ajax-nav .current a { color: #fff !important; }
	
	.ajax-navigation-item { display: none; }
	.ajax-navigation-item:first-child { display: block; }
	
	/* -------------------------------------------------- */
	/*	Services
	/* -------------------------------------------------- */
	
	.title-service { 
		margin-bottom: 25px; 
		line-height: 2;
	}

		.title-service i { float: left;}

		.title-service:hover i { 
			-webkit-transform: translateY(-5px);
			   -moz-transform: translateY(-5px);
				-ms-transform: translateY(-5px);
				 -o-transform: translateY(-5px);
					transform: translateY(-5px);
		}

		.title-service i:before {
			position: absolute;
			display: block;
			margin-top: 38px;
			width: 47px;
			height: 7px;
			background-image: url(../images/shadow.png);
			opacity: 0;
			filter: alpha(opacity = 0);
			content: "";

			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
				-ms-transition: all .2s linear;
				 -o-transition: all .2s linear;
					transition: all .2s linear;  
		}
		
		.ie7 .title-service i:before,
		.ie8 .title-service i:before { display: none; }

		.title-service:hover i:before { 
			margin-top: 43px;
			opacity: 1;
			filter: alpha(opacity = 100);
		}

		.title-service a {
			display: table;
			padding-top: 5px;
			text-transform: uppercase;
			font-size: 15px;
			color: #373737;
		}
		
	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 999;
		display: none;
		width: 33px;
		height: 33px;
		background-color: #918F89;
		text-align: center;
		font: 0/0 a;

		-webkit-transition: background-color .2s linear;
		   -moz-transition: background-color .2s linear;
			-ms-transition: background-color .2s linear;
			 -o-transition: background-color .2s linear;
				transition: background-color .2s linear; 
	}
	
	#back-top:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 33px;
		height: 33px;
		background-image: url(../images/back-to-top.png);
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
	}
	
	.scribble #back-top {
		background-image: url(../images/scribble/bg-light.png);
	}

/* ---------------------------------------------------------------------- */
/*	Styling
/* ---------------------------------------------------------------------- */


/* Background Color */

.color-1 .navigation > div > ul > li:hover > a,
.color-1 .navigation > div > ul > li.current-menu-item > a,
.color-1 .navigation > div > ul > li.current-menu-parent > a,
.color-1 .navigation > div > ul > li.current-menu-ancestor > a,
.color-1 .navigation > div > ul > li.current_page_item > a,
.color-1 .navigation > div > ul > li.current_page_parent > a,
.color-1 .navigation > div > ul > li.current_page_ancestor > a,

.color-1.scribble .projects-carousel li:hover > a:after,
.color-1 .simple-pricing-table.type-2 .featured .price,
.color-1.scribble article:hover .project-meta:after,
.color-1 .simple-pricing-table .featured .button,
.color-1 .jta-tweet-list-controls span:hover,
.color-1 .simple-pricing-table.type-1 .title,
.color-1 .gallery-slider-nav:hover a:hover,
.color-1.scribble .team-entry:hover:after,
.color-1.scribble .tabs-nav .active:after,
.color-1 .post-slider-nav:hover a:hover,
.color-1 .flex-direction-nav a:hover,
.color-1 .portfolio-controls a:hover,
.color-1 .acc-trigger.active:before,
.color-1 #layerslider .inline-h2,
.color-1 .detail-box .transform,
.color-1 .ajax-nav li:hover > a,
.color-1 .jcarousel-prev:hover,
.color-1 .jcarousel-next:hover,
.color-1 .wp-pagenavi .current,
.color-1 .button.default:hover,
.color-1 .flexslider .caption,
.color-1 .ajax-nav .current a, 
.color-1 ul.type-1 li:before,
.color-1 .quotes-nav a:hover,
.color-1 #back-top:hover,
.color-1 .dropcap.color,
.color-1 i.small-arrows,
.color-1 .curtain
{
	background-color: #B7790E; 
}



/* Flexslider Caption */

.color-1 .flexslider .caption  { background-color: rgba(183, 121, 14, .7); }


/* Border Color */

.color-1 .portfolio-items article:hover .project-meta,
.color-1 .projects-carousel li:hover > a,
.color-1 .ajax-nav li:hover:before,
.color-1 .ajax-nav .current:before,
.color-1 .tabs-nav .active,
.color-1 .team-entry:hover
{ 
	border-color: #18a3fe; 
}


/* Box Shadow Flickr */

.color-1 .flickr-badge li:hover a:after {
	-webkit-box-shadow: inset 0 0 0 3px #F5EE0E;
	   -moz-box-shadow: inset 0 0 0 3px #F5EE0E;
			box-shadow: inset 0 0 0 3px #F5EE0E;	
}


/* Selection */ 

.color-1 ::-moz-selection	{ background-color: #F5EE0E; } 
.color-1 ::selection		{ background-color: #F5EE0E; }
.color-1 .highlight			{ background-color: #F5EE0E; }



/* Galeria*/


h1 {
	color: #fff;
	text-align: center;
}

/*Estilos de la galeria*/

.galeria {
	width: 90%;
	margin: auto;
	list-style: none;
	padding: 20px;
	box-sizing: border-box;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.galeria li {
	margin: 5px;
}

.galeria img {
	width: 150px;
	height: 100px;
}

/*Estilos del modal*/

.modal {
	display: none;
}

.modal:target {
	
	display: block;
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal h3 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin: 15px 0;
}

.imagen {
	width: 100%;
	height: 50%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.imagen a {
	color: #fff;
	font-size: 40px;
	text-decoration: none;
	margin: 0 10px;
}

.imagen a:nth-child(2) {
	margin: 0;
	height: 100%;
	flex-shrink: 2;
}

.imagen img {
	width: 500px;
	height: 100%;
	max-width: 100%;
	border: 7px solid #fff;
	box-sizing: border-box;
}

.cerrar {
	display: block;
	background: #fff;
	width: 25px;
	height: 25px;
	margin: 15px auto;
	text-align: center;
	text-decoration: none;
	font-size: 25px;
	color: #000;
	padding: 5px;
	border-radius: 50%;
	line-height: 25px;
}



/*Slideshow*/
#slideshow{
    background-color:#F5F5F5;
    border:1px solid #FFFFFF;
    height:340px;
    margin:150px auto 0;
    position:relative;
    width:640px;

    -moz-box-shadow:0 0 22px #111;
    -webkit-box-shadow:0 0 22px #111;
    box-shadow:0 0 22px #111;
}

#slideshow ul{
    height:320px;
    left:10px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:10px;
    width:620px;
}

#slideshow li{
    position:absolute;
    display:none;
    z-index:10;
}

#slideshow li:first-child{
    display:block;
    z-index:1000;
}

#slideshow .slideActive{
    z-index:1000;
}

#slideshow canvas{
    display:none;
    position:absolute;
    z-index:100;
}

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    background:url('img/arrows.png') no-repeat;
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}


/*Galeria2*/
.cr-container{
	width: 600px;
	height: 400px;
	position: relative;
	margin: 0 auto;
	border: 20px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.cr-container label{
	font-style: italic;
	width: 150px;
	height: 30px;
	cursor: pointer;
	color: #fff;
	line-height: 32px;
	font-size: 24px;
	float:left;
	position: relative;
	margin-top: 350px;
	z-index: 1000;
}

.cr-container label:before{
	content:'';
	width: 34px;
	height: 34px;
	background: rgba(130,195,217,0.9);
	position: absolute;
	left: 50%;
	margin-left: -17px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
	z-index:-1;
}

.cr-container label:after{
	width: 1px;
	height: 400px;
	content: '';
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	position: absolute;
	bottom: -20px;
	right: 0px;
}

.cr-container label.cr-label-img-4:after{
	width: 0px;
}

.cr-container input{
	display: none;
}

.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4{
	color: #68abc2;
}


.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before{
	background: #fff;
	box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
}


.cr-bgimg{
	width: 600px;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.cr-bgimg div{
	width: 150px;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
}

.cr-bgimg div span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: -150px;
	z-index: 2;
	text-indent: -9000px;
}


.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
	background-image: url(../images/Imagen1.jpg);
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
	background-image: url(../images/Imagen2.jpg);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
	background-image: url(../images/Imagen3.jpg);
}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
	background-image: url(../images/Imagen4.jpg);
}


.cr-bgimg div:nth-child(1) span{
	background-position: 0px 0px;
}
.cr-bgimg div:nth-child(2) span{
	background-position: -150px 0px;
}
.cr-bgimg div:nth-child(3) span{
	background-position: -300px 0px;
}
.cr-bgimg div:nth-child(4) span{
	background-position: -450px 0px;
}


.cr-container input:checked ~ .cr-bgimg div span{
	animation: slideOut 0.6s ease-in-out;
}
@keyframes slideOut{
	0%{
		left: 0px;
	}
	100%{
		left: 150px;
	}
}


.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
	transition: right 0.5s ease-in-out;
	animation: none;
	left: 0px;
	z-index: 10;
}

.cr-titles h3{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	z-index: 10000;
	opacity: 0;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	transition: opacity 0.8s ease-in-out;
}
.cr-titles h3 span:nth-child(1){
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 70px;
	display: block;
	letter-spacing: 7px;
}
.cr-titles h3 span:nth-child(2){
	letter-spacing: 0px;
	display: block;
	background: rgba(104,171,194,0.9);
	font-size: 14px;
	padding: 10px;
	font-style: italic;
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}

.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4)
{
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.cr-container input{
		display: inline;
		width: 24%;
		margin-top: 350px;
		z-index: 1000;
		position: relative;
	}
	.cr-container label{
		display: none;
	}
}


/*Slider*/
.slider {
	width: 66%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/*Para imagenes de galeria*/