@import url(../fancybox/jquery.fancybox.css);   /*link to the CSS file for FancyBox */

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

01. Reset

02. Basic Elements
	1. Clearfix
	2. Floating & Alignment
	3. Dropcaps
	4. Dividers
	5. Ordered/Unorderd List Styles
	6. Buttons
	7. Forms
	8. Alert Boxes

03. Layout
	1. Columns

04. Header
	1. Main Navigation

05. Slider

06. Content
	1. Back To Top
	2. Page Header
	3. Service List
	4. Team List
	5. Block with Images
	6. Image Gallery Slider
	7. Recent Works

07. Blog
	1. Comments
	2. Respond
	3. Pagination

08. Portfolio
	1. Portfolio Pagination

09. Contact Us
10. 404 Page

11. Sidebar
	1. Widgets
		- Archive
		- Categories
		- Custom Menu
		- Links
		- Twitter

12. Footer
	1. Widgets
		- Recent Comments
		- Social Links

13. Widgets + Shortcodes
	1. Content Tabs
	2. Accordion Content
	3. Content Toggle

14. Keyframes

15. TEASER

 */

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

a, a > * {
	color: #00C5FE;
	text-decoration: none;
	-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;
}

a:hover, a > *:hover {color: #8A8989;}





/* Navigation boxes */
.boxtitle {
	margin-left: 20px;
	margin-right: 20px;
	color: #313131;
	font-size: 28px;
	font-family: 'Dancing Script';
	font-style: oblique;
			}
.navBoxes {
	width: 964px;
	height: 194px;
	margin: 0 auto;
	/*border-top: 1px solid #9fc5d6;*/
	background: url(../images/bignav_background.png) top no-repeat;
	padding:0 0 0 5px;
}

.navBoxes h2 {
	padding: 0;
}

.navBoxes li {
	width: 237px;
	height: 193px;
	float: left;
	padding: 0 1px;
	border-left: 1px solid #cfdeea;
	cursor: pointer;
	text-align: center;
	margin-top: 1px;
}

.navBoxes li:first-child {border-left:none; }

a.box {border: none;}

a.box img {
	padding: 1px 0 0 0;
}

a.box span {display: block;}

a span.linkTitle {
	background: #3f3f3f;
	color: #000000;
	height: 30px;
	padding-left:10px
	line-height: 20px;
	border-bottom: 1px solid #cfdeea;	/*border-top: 1px solid #cfdeea;*/
}

a:hover span.linkTitle,
a:active span.linkTitle,
.navBoxes li.sfHover a span.linkTitle,
.navBoxes li.active a span.linkTitle {
	
	color: #FFF;
}


.navBoxes a span.moreInfo {
	background: url(../media/images/moreinfo_link_bg.png) bottom no-repeat;
	font-size: 12px;
	color: #FFF;
	height: 33px;
	line-height: 33px;
	padding-top: 111px;
}

.navBoxes a:hover span.moreInfo,
.navBoxes li.sfHover a span.moreInfo,
.navBoxes li.active a span.moreInfo {
	background: url(../media/images/moreinfo_link_active.png) bottom no-repeat;
}






img {
    border: 0;
	height: auto;
	max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

hr {
	clear: both;
	margin: 30px 20px 0;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #d4d4d4;
}

q:before,
q:after {
    content: none;
}

blockquote {
	position: relative;
	margin-bottom: 1.5em;
    padding: 18px 45px 20px 50px;
    background-color: #f2f2f2;
    font: italic 15px/1.6 'Ubuntu', sans-serif;
	color: #a1a1a1;
}

blockquote:after,
blockquote:before {
	position: absolute;
	width: 20px;
	height: 16px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}

blockquote:before {left: 20px; top: 20px;}

blockquote:after {
	margin: 5px 0 0 20px;
	background-position: right top;
}

.quoteright {
    float: right;
    margin: 0 0 25px 30px;
	width: 35%;
}	

.quoteleft {
    float: left;
    margin: 0 30px 25px 0;
    width: 35%;
}

address {
	float: right !important;
	margin: 0 0 25px 0 !important;
	padding: 20px;
	font-style: normal;
	background-color: #3f3f3f;
	background-repeat: repeat;
	color: #a1a1a1;
}

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

body {
	background: url(../images/bg-pattern.png) repeat #f2f2f2;
	color: #6b6b6b;
	font: 16px/1.5 Arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.6em;
}

h1 {font-size: 40px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}

h1, h2, h3, h4, h5 {
	font-family: 'Ubuntu Condensed', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	color: #a1a1a1;
	font-weight: 400;
	line-height: 1.25;
}

::-moz-selection,
::-moz-selection,
::-moz-selection,
::-moz-selection {
	padding: 1px 3px;
	background-color: #00C5FE;
	color: #fff;
}

::selection,
::selection,
::selection,
::selection {
	padding: 1px 3px;
	background-color: #00C5FE;
	color: #fff;
}

.liquid-video-wrapper {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

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

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

	/* ---------------------------------------------------------------------- */
	/*	Floating & Alignment
	/* ---------------------------------------------------------------------- */

	.hidden {display: none; clear: both;}

	.alignleft {float:left;}

	.alignright {float:right;}

	.aligncenter {text-align: center;}

		img.alignleft {margin: 0 20px 20px 0;}

		img.alignright {margin: 0 0 20px 20px;}

	/* ---------------------------------------------------------------------- */
	/*	Dropcaps
	/* ---------------------------------------------------------------------- */

	.dropcap:first-letter {
		float: left;
		margin: 5px 15px 5px 0;
		padding: 17px 18px;
		background-color: #FEEBB7;
		border: 1px solid #00C5FE;
        color: #00C5FE;
		font-weight: 100;
		font-size: 2.917em;
	}

	.dropcapspot:first-letter {
		float: left;
		margin: 5px 15px 5px 0;
		padding: 17px 18px;
		background-color: #F2F2F2;
		border: 1px solid #e2e2e2;
		color: #A1A1A1;
		font-weight: 100;
		font-size: 2.917em;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Dividers
	/* ---------------------------------------------------------------------- */
	
	div.sep {
		margin: 1em 0;
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}

	hr.sep {margin: 0 0 50px 0;}

	hr.divider {
		clear: both;
		margin: 4em 0;
		border-bottom: 1px solid #d4d4d4;
	}
	
	.divider-top {
		position: relative;
		clear: both;
		display: block;
		padding: 20px 0 10px 0;
		width: 100%;
		border-top: 1px dotted #B7B6B6;
		font-size: 10px;
	}

		.divider-top a {
			position: absolute;
			top: 3px;
			right: 0;
			padding-right: 16px;
			outline: medium none;
			border: 0 none;
			background: url(../images/top-arrow.png) no-repeat center right;
			color: #00C5FE;
			font-weight: 700;
			cursor: pointer;
		}

			.divider-top a:hover {color: #767676;}
	
	/* ---------------------------------------------------------------------- */
	/*	Ordered/Unorderd List Styles
	/* ---------------------------------------------------------------------- */

	ol.ordered {padding-left: 2.1em;}

	ul.list,
	ol.list {
		margin: 0 0 20px 0;
		list-style: none;
	}

	ul.list-with-desc,
	ol.list-with-desc {margin: 1em 0;}

		ul.list li:first-child,
		ol.list li:first-child {border-top: none;}

		ul.list li,
		ol.list li {
			padding: .7em 0 .7em 0;
			/*border-top: 1px dotted #b7b6b6;*/
		}

		ol.list li {padding-left: .2em;}

		ol.type-1 li { list-style: decimal inside;}
		ol.type-2 li {list-style: decimal-leading-zero inside;}
		ol.type-3 li {list-style: upper-roman inside;}

		ul.type-1 li,
		ul.type-2 li,
		ul.type-3 li,
		ul.type-4 li,
		ul.type-5 li,
		ul.type-6 li {padding-left: 34px;}

		ul.type-1 li {background: url(../images/icons/small/list-icon1.png) no-repeat 7px center;}
		ul.type-2 li {background: url(../images/icons/small/list-icon2.png) no-repeat 10px center;}
		ul.type-3 li {background: url(../images/icons/small/list-icon3.png) no-repeat 4px center;}
		ul.type-4 li {background: url(../images/icons/small/list-icon4.png) no-repeat 7px center;}
		ul.type-5 li {background: url(../images/icons/small/list-icon5.png) no-repeat 6px center;}
		ul.type-6 li {background: url(../images/icons/small/list-icon6.png) no-repeat 7px center;}

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

	.button {
		display: inline-block;
		margin-bottom: 1.5em;
		padding: 8px 13px;
		outline:none;
		color: #fff;
		vertical-align: baseline;
		text-align:center;
		text-decoration: none;
		font: 11px Arial;
		cursor:pointer;
	}

	.button:hover {background-color: #313131; color: #fff;}

	.yellow {background-color: #00C5FE;}
	.orange {background-color: #f99200;}
	.red {background-color: #db4300;}
	.pink {background-color: #c51574;}
	.purple {background-color: #760148;}
	.emerald {background-color: #2ebc9e;}
	.lime {background-color: #8fbe00;}
	.green {background-color: #5bad24;}
	.dark-green {background-color: #276c00;}
	.mettalic-blue {background-color: #6a8cb1;}
	.sky-blue {background-color: #00a8c6;}
	.blue {background-color: #2d5bc4;}
	.violet {background-color: #4f4269;}
	.brown {background-color: #564544;}
	.black {background-color: #313131;}
	.gray {background-color: #898989;}
	.white {
		padding: 7px 13px;
		background-color: #fff;
		color: #6b6b6b;
		border: 1px solid #d4d4d4;
	}

	.align-btn-left {float: left;}

	.align-btn-right {float: right;}

	/* ---------------------------------------------------------------------- */
	/*	Forms
	/* ---------------------------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
		padding: 7px 13px 9px;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0;
	}

	input[type="search"] {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: none;
	}

	label {
		cursor: pointer;
		margin: 0;
	}

	input, textarea, select {
		color: #8f8f8f;
		font: 12px/1.5 Arial, sans-serif;
		padding: 0 10px;
		background-color: #e9e9e9;
		border: none;
		-webkit-appearance: none;

		-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, select {
		height: 30px;
		border: 1px solid transparent;

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

	.verify-image {
		border: none;
		vertical-align: middle;
	}

	.verify {width: 35px;}

	.wrong-data {border-color: #F09DA7 !important;}
	
	select {
		padding: 5px 7px;
		width: 220px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
		cursor: pointer;
	}

	option {padding: 4px; border: none;}

	textarea {
		padding: 10px;
		border: 1px solid transparent;
	}

		input:hover,
		textarea:hover,
		select:hover,
		input:focus,
		textarea:focus,
		select:focus { 
			border-color: #a7a7a7; 
			-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
			   -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
					box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
		}

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

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

	/* ---------------------------------------------------------------------- */
	/*	Alert Boxes
	/* ---------------------------------------------------------------------- */

	.success,
	.info,
	.notice {
		display: block;
		padding: 20px;
		font-size: 14px;
	}

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

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

	.notice {
		border: 1px solid #e7d195;
		background-color: #feebb7;
		color: #b49133;
	}

/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */

.wrap {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.wrap,
#slider {width: 980px;}

	.container {
		position: relative;
		margin: 0 auto;
		width: 940px;
	}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth, 
	.three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.three-fourth.last {margin-right: 0px;}

	.one-half {width: 460px;}

	.one-third  {width: 300px;}

		.two-third {width: 620px;}

	.one-fourth {width: 220px;}

		.three-fourth {width: 700px;}

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

#top-panel {
    border-bottom: 3px solid #00C5FE;
    position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
    width: 100%;
	background-color: #333;
}

	#top-panel .panel {
		display: none;
		padding: 25px 20px;
		background-color: #333;
		color: #8A8989;
	}
	
	#top-panel .panel h3 {color: #8a8989;}
	
	#top-panel .toggle {
		position: absolute;
		z-index: 101;
		bottom: -29px;
		display: block;
		cursor: pointer;
		right: 0;
		border-color: transparent #00C5FE;
		border-style: solid;
		border-width: 0 26px 26px 0;
	}
	
	#top-panel .toggle:after {
		background: url(../images/more.png) no-repeat;
	}
	
	#top-panel .toggle:after {
		position: absolute;
		left: 13px;
		top: 2px;
		width: 10px;
		height: 10px;
		content: '';
	}
	
	#top-panel .toggle.hide:after {
		background-position: 0 -10px;
	}

.wrap-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 130px;
	background-color: rgba(0,0,0,.2);
}

#header {
	position: relative;
	z-index: 99;
	padding: 35px 20px 0;
	background-color: rgba(0,0,0,.8);
}

.ie7 .wrap-header,
.ie8 .wrap-header,
.ie8 #header,
.ie7 #header {
	background: url(../images/mask.png) repeat;
}

	#logo {
		float: left;
		margin-bottom: 35px;
		height: 60px;
	}
	
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	.navigation {float: right; margin-bottom: 15px;}

			.navigation > ul > li {
				position: relative;
				float: left;
				margin: 0 0 20px 1px;
				width: 120px;
				list-style: none;
			}
			
				.navigation > ul > li > a {
					position: relative;
					display: block;
					padding: 25px 10px 10px;
					color: #a1a1a1;
					text-align: left;
					line-height: 1em;
					border-left: 1px dotted #626262;
					text-shadow: -1px -1px 0 rgba(0,0,0,.7);
					text-transform: uppercase;
					font-size: 15px;
					font-family: 'Ubuntu Condensed', sans-serif;
				}		
				
				.navigation .rightarrowclass {
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -3px;
					width: 3px;
					height: 7px;
					background: url(../images/nav-arrow.png) no-repeat;
				}

					.navigation > ul > li:hover:before {
						width: 100%;
						opacity: 1;
						filter: alpha(opacity=100);
					}
					
					.navigation > ul > li:before {
						position: absolute;
						left: 0;
						top: 0;
						width: 0;
						opacity: 0;
						filter: alpha(opacity=0);
						background-color: #3f3f3f;
						height: 50px;
						
						-webkit-transition: width .3s linear, opacity .35s ease;
						   -moz-transition: width .3s linear, opacity .35s ease;
							-ms-transition: width .3s linear, opacity .35s ease;
							 -o-transition: width .3s linear, opacity .35s ease;
								transition: width .3s linear, opacity .35s ease;
						content: '';
					}
					
						.navigation > ul > li:hover > a,
						.navigation > ul > li.current > a,
						.navigation > ul ul li a {
							border-left-color: #00C5FE;
							border-left-style: solid;
							border-left-width: 1px;
						}

					.navigation > ul > .current {
						background-color: #3f3f3f;
					}

					.navigation > ul > .current:after {
						position: absolute;
						left: 1px;
						bottom: 12px;
						display: block;
						width: 3px;
						height: 7px;
						background: url(../images/nav-arrow.png) no-repeat;
						content: '';
					}

				/* Dropdown */
				
				.navigation > ul > li:hover > ul {padding-top: 1px;}
				
				.navigation li:hover > ul {
					display: block;
					opacity: 1;
					visibility: visible;
				}

				.navigation ul ul {
					position: absolute;
					left: 0;
					top: 50px;
					z-index: 99;
					opacity: 0;
					visibility: hidden;
					padding: 0;
					border-right: 1px solid #3f3f3f;
					width: 169px;
				}

				.navigation ul > li:hover ul li:hover ul {opacity: 1; left: 170px; display: block;}

					.navigation ul ul li {
						position: relative;
					}
					
					.ie7 .navigation ul ul li {
						height: 39px;
					}

						.navigation ul ul a {
							display: block;
							padding: 9px 10px;
							border-bottom: 1px solid #313131;
							background-color: #3f3f3f;
							text-align: left;
							color: #a1a1a1;
							letter-spacing: 0;
							font-weight: 400;
							font-size: 15px;
							font-family: 'Ubuntu Condensed', sans-serif;
						}

						.navigation > ul ul li:hover > a,
						.navigation .active > a,
						.navigation > ul ul .hover > a {
							color: #313131;
							background-color: #00C5FE;
						}
						
						.navigation ul ul li:hover > a .rightarrowclass {
							background-position: 0 -19px;
						}

				/* Sub Dropdown */

				.navigation ul ul ul {
					left: 170px !important;
					top: 0 !important;
				
					-webkit-transition: all .2s ease-in-out;
					   -moz-transition: all .2s ease-in-out;
					    -ms-transition: all .2s ease-in-out;
					  	 -o-transition: all .2s ease-in-out;
				}

		/* Nav Responsive  */

		.navigation .nav-responsive {
			display: none;
			background-image: url(../images/nav-bg.png);
			background-position: right center;
			background-repeat: no-repeat;
			
		}

/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

.slider-wrapper {
	background-color: #ddddde;
	background-image: url(../images/bg-slider-wrapper.png);
	background-repeat: repeat;
}

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

#content {
	float: left;
	width: 680px;
}

	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */
	
	#back-top {
		position: fixed;
		z-index: 99;
		display: none;
		bottom: 30px;
		right: 30px;
	}

	#back-top {
		width: 41px;
		height: 41px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #818181;
		background-image: url(../images/icons/arrow.png);
		background-position: 50%;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	.not-ie #back-top {
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
				
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	}
	
	#back-top:hover {background-color: #00C5FE;}
	
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	
	.page-header {
		margin: 0 20px 30px 20px;
		padding-bottom: 25px;
		border-bottom: 1px solid #D4D4D4;
	}

		.page-title {
			position: relative;
			z-index: 7;
			overflow: hidden;
			padding: 45px 0;
			background-color: #fff;
			background-position: 1px 1px;
			background-repeat: repeat-x;
			background-image: url(../images/bg-page-title.png);
		}
		
		.page-title span {color: #b6b5b5;}

		.jaw {
			margin-bottom: 20px;
			height: 20px;
			background-position: 1px 1px;
			background-repeat: repeat-x;
			background-image: url(../images/bg-page-title.png);
		}

			.page-title h1 {
				margin-left: 20px;
				margin-right: 20px;
				color: #313131;
				font-size: 40px;
				font-family: 'Dancing Script';
			}

		.section-title,
		.widget-title,
		.grid-title {
			margin-bottom: 1.1em;
			padding-bottom: .9em;
			background: url(../images/bg-section-title.png) repeat-x bottom;
		}
		
		.grid-title {
			color: #00C5FE;
			font-size: 24px;
		}

		.date {
			display: block;
			margin-bottom: 10px;
			font-family: 'Ubuntu Condensed', sans-serif;
			color: #a1a1a1;
			font-size: 13px;
		}
	
	/* -------------------------------------------------- */
	/*	Service List
	/* -------------------------------------------------- */
	
	.services-sidebar {
		width: 260px;
		float: left;
	}
	
	.services-content {
		width: 620px;
		float: right;
	}

	ul.service-list {
		margin-bottom: 3em;
		list-style: none;
	}

		ul.service-list li {
			position: relative;
			margin-bottom: 5px;
			padding: 0 0 0 54px;
			height: 70px;
			background-color: #f8f8f8;
			
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}
		
		/*ul.service-list li:hover {
			background-image: url(../images/bg-service-list-active.png);
			background-repeat: repeat;
			background-color: #6ADBFB;
		}*/

			ul.service-list li:hover:before {
				background-color: #fff;
				color: #00C5FE;
			}
			
			ul.service-list li:before {
				position: absolute;
				left: 15px;
				top: 50%;
				margin-top: -14px;
				padding: .03em .5em;
				-webkit-border-radius: 50px;
				-moz-border-radis: 50px;
				border-radius: 50px;
				background-color: #313131;
				color: #f8f8f8;
				content: attr(data-number);
				text-align: center;
				font-weight: 700;
				font-size: 18px;
			}

			ul.service-list li a {
	display: table-cell;
	width: 100%;
	height: 70px;
	vertical-align: middle;
	color: #313131;
	letter-spacing: -1px;
	font-size: 18px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 1;
			}
			
			.ie7 ul.service-list li a {
				display: block;
				line-height: 70px;
			}
			
	
	ul.services-list-items {
		margin-top: -20px;
	}
	
	
		ul.services-list-items li {
			position: relative;
			padding: 20px 0 0 60px;
			border-bottom: 1px dotted #ccc;
			list-style: none;
		}
		
		ul.services-list-items li:after {
			position: absolute;
			left: 0;
			top: 23px;
			width: 41px;
			height: 41px;
			background-color: #313131;
			background-image: url(../images/icons/sprite-list-items.png);
			background-repeat: no-repeat;
			
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
					border-radius: 50%;
					
			content: '';
		}
		
		ul.services-list-items li.list-icon-1:after {background-position: 0 0;}
		ul.services-list-items li.list-icon-2:after {background-position: -41px 0;}
		ul.services-list-items li.list-icon-3:after {background-position: -82px 0;}
		ul.services-list-items li.list-icon-4:after {background-position: 0 -41px;}
		ul.services-list-items li.list-icon-5:after {background-position: -41px -41px;}
		ul.services-list-items li.list-icon-6:after {background-position: -82px -41px;}
		ul.services-list-items li.list-icon-7:after {background-position: 0 -82px;}
		
		ul.services-list-items li:hover:after {
			background-color: #00C5FE;
		}

			ul.services-list-items li h4 {color: #00C5FE;}
			ul.services-list-items li:hover h4 {color: #313131;}
			
	/* -------------------------------------------------- */
	/*	Team List
	/* -------------------------------------------------- */
	
	ul.team-list li {
		margin-bottom: 70px;
		list-style: none;
	}

		ul.team-list .gravatar {
			display: block;
			margin-bottom: 14px;
		}

		ul.team-list h4 {margin-bottom: 0;}
		ul.team-list h4:hover {color: #00C5FE;}

		ul.team-list .post {
			margin-bottom: 10px;
			color: #a1a1a1;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}

		ul.team-list .contact-data {
			padding-top: 20px;
			border-top: 1px dotted #ccc;
		}

			ul.team-list .contact-data a {text-decoration: underline;}

	/* -------------------------------------------------- */
	/*	Block with Images
	/* -------------------------------------------------- */
	
	ul.block-with-images {
		margin: 0 0 70px 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}
	
		ul.block-with-images li {
			position: relative;
			float: left;
			display: block;
			width: 25%;
			min-height: 70px;
			border-left: 1px solid #fff;
			border-right: 1px solid #f3f3f3;
			background-color: #f8f8f8;
			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}
		
		ul.block-with-images li:first-child {border-left: 1px solid #f3f3f3;}
		
		.not-ie ul.block-with-images li,
		.not-ie ul.services-list-items li:after {
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;	
		}
		
		ul.block-with-images li:hover {
			background-image: url(../images/bg-service-list-active.png);
			background-repeat: repeat;
			background-color: #ffd000;
		}
		
			ul.block-with-images li a {
				display: table-cell;
				padding-left: 60px;
				height: 80px;
				vertical-align: middle;
				color: #313131;
				letter-spacing: -1px;
				font-size: 22px;
				font-family: 'Ubuntu Condensed', sans-serif;
				line-height: 1;
			}
			
			ul.block-with-images li a:after {
				position: absolute;
				top: 24px;
				left: 12px;
				width: 36px;
				height: 34px;
				background-image: url(../images/icons/sprite-block-icons.png);
				background-repeat: no-repeat;
				content: "";
			}
			
			ul.block-with-images li.icon-1 a:after {background-position: 0 0;}
			ul.block-with-images li.icon-2 a:after {background-position: -36px 0;}
			ul.block-with-images li.icon-3 a:after {background-position: -72px 0;}
			ul.block-with-images li.icon-4 a:after {background-position: -108px 0;}
			
			ul.block-with-images li:hover a {color: #fff;}
			
			ul.block-with-images li.icon-1:hover a:after {background-position: 0 -34px;}
			ul.block-with-images li.icon-2:hover a:after {background-position: -36px -34px;}
			ul.block-with-images li.icon-3:hover a:after {background-position: -72px -34px;}
			ul.block-with-images li.icon-4:hover a:after {background-position: -108px -34px;}

	/* ---------------------------------------- */
	/*	Columns
	/* ---------------------------------------- */

		#content .one-half {width: 330px;}

		#content .one-third {width: 213px;}

			#content .two-third {width: 447px;}

		#content .one-fourth {width: 155px;}

			#content .three-fourth {width: 505px;}
			

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider,
	.image-post-slider {
		position: relative;
		margin: 0 0 20px;
	}
	
		.image-gallery-slider ul,
		.image-post-slider ul {margin: 0;}

			.image-gallery-slider li,
			.image-post-slider li {
				list-style: none;
				margin: 0;
			}

	/* -------------------------------------------------- */
	/*	Recent Works
	/* -------------------------------------------------- */
	
	div.recent {position: relative; zoom: 1;}
	
	widget_recent_entries ul {list-style: none;}
		
		.widget_recent_entries li {
			margin-bottom: 15px;
			text-align: center;
			list-style: none;
		}
		
			.widget_recent_entries li div,
			.widget_recent_work div {
				position: relative;
				display: block;
				padding: 15px 0 5px;
				-webkit-box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				-moz-box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				
				-webkit-transition: box-shadow .2s linear;
				   -moz-transition: box-shadow .2s linear;
					-ms-transition: box-shadow .2s linear;
				 	 -o-transition: box-shadow .2s linear;
						transition: box-shadow .2s linear;
			}
			
			.not-ie .widget_recent_entries li div:after,
			.not-ie .widget_recent_work div:after {
				position: absolute;
				top: 0;
				right: -12px;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 13px 0 0 5px;
				content: "";
				opacity: 0;
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
						transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
			}
			
			.not-ie .widget_recent_entries li div:before,
			.not-ie .widget_recent_work div:before {
				position: absolute;
				bottom: -12px;
				left: 0;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 0 13px 5px 0;
				content: "";
				opacity: 0;
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
						transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
			}
			
			.widget_recent_entries li a > img,
			.widget_recent_entries li a > h5,
			.widget_recent_entries li a > span,
			.widget_recent_work img,
			.widget_recent_work h5,
			.widget_recent_work span,
			.widget_recently span {
				-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_recently h4,
			.widget_recent_entries h4 {margin-bottom: 0;}
			
			.widget_recent_entries li h5 {margin-bottom: 0;}
			
			.category,
			.categories {
				display: block;
				margin-bottom: 10px;
				color: #a1a1a1;
				font-size: 13px;
				font-family: 'Ubuntu Condensed', sans-serif;
			}
			
		.widget_recent_entries li:hover a h5,
		.widget_recent_work div:hover h5 {color: #00C5FE;}
		
		.not-ie .widget_recent_entries li:hover div img,
		.not-ie .widget_recent_entries li:hover div h5,
		.not-ie .widget_recent_entries li:hover div span,
		.not-ie .widget_recent_work div:hover img,
		.not-ie .widget_recent_work div:hover h5,
		.not-ie .widget_recent_work div:hover span {
			-webkit-transform: translate(-5px, -5px);
			   -moz-transform: translate(-5px, -5px);
			    -ms-transform: translate(-5px, -5px);
				 -o-transform: translate(-5px, -5px);
					transform: translate(-5px, -5px);
		}
		
		.not-ie .widget_recent_entries li:hover div,
		.not-ie .widget_recent_work div:hover {
			-webkit-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			-moz-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
		}
		
		.widget_recent_entries li:hover div:after,
		.widget_recent_work div:hover:after {top: -6px; right: -7px; opacity: 1;}
		
		.widget_recent_entries li:hover div:before,
		.widget_recent_work div:hover:before {left: -6px; bottom: -7px; opacity: 1;}


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

.entry {
	margin: 0 0 50px;
	border-bottom: 1px dotted #ccc;
}

/*	.entry .entry-image,
	.entry object,
	.entry iframe {margin-bottom: 20px;}*/

	.entry-meta {
		float: left;
		margin-bottom: 20px;
		width: 100px;
	}
	
	.ie7 .entry-meta,
	.ie8 .entry-meta {margin-top: 20px;}
	
		.entry-meta .date {
			display: block;
			padding: 7% 5%;
			background-color: #00C5FE;
			color: #fff;
			font-size: 18px;
			font-family: 'Ubuntu Condensed', sans-serif;	
		}

	.entry-body {
	float: right;
	width: 680px;
	color: #8a8989;
	}
	
	.ie7 .entry-body,
	.ie8 .entry-body {margin-top: 20px;}

		.entry-body .title {
			font-size: 24px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}
		
		.entry-body .body-meta {
			margin: 20px 0 0 0;
			padding: 5px 0;
			border-top: 1px dotted #ccc;
			color: #a1a1a1;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}
		
	/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

	#comments h4,
	#respond h4 {color: #313131;}
	
	#comments .section-title,
	#respond .section-title {
		margin-bottom: 15px;
	}

		.comments-list {
			margin: 27px 0 50px;
			padding: 0;
			overflow: hidden;
		}

			.comment {
				list-style: none;
				margin: 20px 0 0;
				padding: 0;
			}

			.comment:first-child {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
			}

				.comment > article {
					margin: 0;
					overflow: hidden;
				}

					.comment .avatar {
						background: #fff;
						float: left;
						margin: 0 20px 20px 0;
						position: relative;
						width: 40px;
						height: 40px;
						z-index: 1;
						zoom: 1;
					}

					.comment .comment-body,
					.comment .comment-meta {
						margin: 0 20px 0;
						padding: 20px 0 0 0;
					}
					
					.comment .comment-body {padding-top: 15px;}
					.comment .comment-body {color: #8a8989;}
					
					.comment .comment-meta {
						border-bottom: 1px dotted #ccc;
					}

					.comment .comment-entry {
						position: relative;
						display: table;
						background-color: #f5f5f5;
					}
					
					.ie7 .comment .comment-entry {
						display: block;
						float: right;
						width: 620px;
					}
					
					.ie7 .children .comment-entry {
						width: 560px;
					}
					
					.comment .comment-entry:after {
						position: absolute;
						left: -9px;
						top: 14px;
						display: block;
						width: 9px;
						height: 16px;
						background: url(../images/arrow-comments-entry.png) no-repeat;
						content: '';
					}
					
						.comment .comment-meta {margin-bottom: 0;}

						.comment .author,
						.comment .author a {
							color: #00C5FE;
							margin: 0;
						}

						.comment .date {
							margin-bottom: 5px;
							color: #a1a1a1;
							font-size: 11px;
							font-style: italic;
							font-family: Arial;
						}

				.comment .children {
					margin: 0;
					padding: 20px 0 0 60px;
					position: relative;
				}

					.comment .children .comment {
						margin: 20px 0 0;
						padding: 0;
						position: relative;
					}

					.comment .children .comment:first-child {margin-top: 0;}

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */
		
	#respond {
		padding-top: 45px;
		border-top: 1px solid #d4d4d4;
	}
	
	.contact-form,
	.comments-form {margin-top: 25px; max-width: 100%;}

		.contact-form .input-block,
		.comments-form .input-block,
		#contact .input-block {
			margin: 0 0 10px 0;
		}
		
			.contact-form .input-block > label,
			.comments-form .input-block > label,
			.textarea-block > label {
				margin-left: 10px;
				line-height: 35px;
			}
			
			.textarea-block > label {display: block;}

			.contact-form input,
			.comments-form input {float: left; width: 280px;}
			
			.input-block label strong,
			.textarea-block strong {
				color: #8a8989;
				font-size: 12px;
				font-weight: 100;
			}
			
			.textarea-block strong,
			#contact .textarea-block label {display: none;}
			
			.input-block label span {
				color: #a1a1a1;
				font-size: 11px;
				font-style: italic;
			}

		.contact-form .textarea-block,
		.comments-form .textarea-block,
		#contact .textarea-block {clear: both; margin-bottom: 20px;}

			.contact-form textarea,
			.comments-form textarea {
				width: 480px;
				height: 220px;
				max-width: 468px;
				max-height: 400px;
				min-width: 468px;
				min-height: 220px;
			}

		.contact-form input[type="submit"],
		.comments-form input[type="submit"] {
			margin: 0 0 20px;
			border: none;
			width: auto;
		}	
		
	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */

	.wp-pagenavi {
		clear: both;
		padding-top: 40px;
		margin: 0 0 50px 0;
		border-top: 1px solid #d4d4d4;
	}

			.wp-pagenavi .current {color: #fff;}
			
			.wp-pagenavi a,
			.wp-pagenavi span {
				float: left;
				display: block;
				margin: 0 1px;
				padding: 3px 8px 3px;
				border: 1px solid transparent;
				background-color: #e7e7e8;
				color: #9c9c9c;
				font-size: 11px;
			}
			
			.wp-pagenavi .prevpostslink,
			.wp-pagenavi .nextpostslink {background: none;}
			
			.wp-pagenavi .current {
				background-color: #00C5FE;
				color: #fff;
			}
			
			.wp-pagenavi a:hover {background-color: #8a8989; color: #fff;}
			
				.wp-pagenavi .prevpostslink > span,
				.wp-pagenavi .nextpostslink > span {font-size: 14px;}
				
/* -------------------------------------------------- */
/*	Portfolio
/* -------------------------------------------------- */

#portfolio-filter {
	float: right;
    margin: 5px 20px 15px 0;
    overflow: hidden;
}
	
	#portfolio-filter li {
		display: block;
		float: left;
		list-style: none outside none;
		margin: 0 0 15px 0;
	}
	
		#portfolio-filter a {
			display: block;
			margin: 0 0 0 15px;
			padding: 7px 10px;
			font-size: 18px;
			font-family: 'Ubuntu Condensed', sans-serif;
			cursor: pointer;
			color: #313131;
			line-height: 1;
		}
		
		#portfolio-filter a:hover {color: #50554E;}
		#portfolio-filter a.active {
			color: #fff;
			background-color: #00C5FE;
		}

#portfolio-items {margin: 5px -20px 0 0;}
		
#portfolio-items article {
    position: relative;
	float: left;
	margin: 0 20px 30px 0;
}

	#portfolio-items article > div {
		padding-top: 15px;
		-webkit-box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;
		-moz-box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;
		box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;

	 	-webkit-transition: box-shadow .2s linear;
		   -moz-transition: box-shadow .2s linear;
			-ms-transition: box-shadow .2s linear;
			 -o-transition: box-shadow .2s linear;
				transition: box-shadow .2s linear;	
	}
			
		.not-ie #portfolio-items article:hover > div {
			-webkit-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			-moz-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
		}
		
		.not-ie #portfolio-items article:hover > div:after {top: -6px; right: -7px; opacity: 1;}
		
		.not-ie #portfolio-items article:hover > div:before {left: -6px; bottom: -7px; opacity: 1;}
	
			.not-ie #portfolio-items article > div:after {
				position: absolute;
				top: 0;
				right: -12px;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 13px 0 0 5px;
				content: "";
				opacity: 0;
				filter: alpha(opacity=0);
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
						transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
			}
			
			.not-ie #portfolio-items article > div:before {
				position: absolute;
				bottom: -12px;
				left: 0;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 0 13px 5px 0;
				content: "";
				opacity: 0;
				filter: alpha(opacity=0);
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
						transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
			}
			
			#portfolio-items article > div img,
			#portfolio-items .project-meta {
				-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-items article > div:hover img,
			#portfolio-items article > div:hover a.project-meta {
				-webkit-transform: translate(-5px,-5px);
				   -moz-transform: translate(-5px,-5px);
					-ms-transform: translate(-5px,-5px);
					 -o-transform: translate(-5px,-5px);
						transform: translate(-5px,-5px);
						
				-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-items.gl-col-3 article img {width: 300px;}
		#portfolio-items.gl-col-4 article img {width: 220px;}

	.project-meta {
		display: block;
		padding: 0 0 5px;
		text-align: center;
	}
	
		.project-meta h5 {margin-bottom: 0;}

	.single-image,
	.video {
		position: relative;
		display: block;
		margin-bottom: 20px;
		overflow: hidden;
		cursor: pointer;
		text-align: center;
	}
	
	#portfolio-items .single-image,
	#portfolio-items .video,
	.widget_recent_entries .single-image,
	.widget_recent_entries .video {overflow: visible;}

		.single-image img {
			display: block;
			background-color: #FFFFFF;
			opacity: 1;
			filter: alpha(opacity = 80);
		}
		
		.single-image:hover img {opacity: .7 !important;}
		
	.curtain {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		margin-top: -30px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		opacity: 0;
/*		visibility: hidden;*/
		background-repeat: no-repeat;
		filter: alpha(opacity=0);
	}
	
	.not-ie .curtain {
		
		-webkit-animation: fill .25s linear;
		   -moz-animation: fill .25s linear;
			-ms-animation: fill .25s linear;
			 -o-animation: fill .25s linear;
				animation: fill .25s linear;
		
		-webkit-transition: left .25s linear, opacity .25s linear;
		   -moz-transition: left .25s linear, opacity .25s linear;
			-ms-transition: left .25s linear, opacity .25s linear;
			 -o-transition: left .25s linear, opacity .25s linear;
				transition: left .25s linear, opacity .25s linear;	
		
	}
	
	.single-image:hover .curtain,
	.video:hover .curtain {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity = 100);
/*		visibility: visible;*/
	}
	
	.not-ie .single-image:hover .curtain,
	.not-ie .video:hover .curtain {
		-webkit-animation: move .25s linear;
		   -moz-animation: move .25s linear;
			-ms-animation: move .25s linear;
			 -o-animation: move .25s linear;
				animation: move .25s linear;	
	}
	
	.picture-icon .curtain {background-image: url(../images/zoom.png);}
	.video-icon .curtain {background-image: url(../images/video-icon.png);}

	.single-image:hover img,
	.video:hover img {
		filter: alpha(opacity=70); 
		opacity: 1;
	}

	#portfolio-items article:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#portfolio-items article:hover .title-item,
	div.recent:hover .title-item {color: #00C5FE;}
	
/* Isotope */

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

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.6s;
	   -moz-transition-duration: 0.6s;
		-ms-transition-duration: 0.6s;
	 	 -o-transition-duration: 0.6s;
			transition-duration: 0.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;
}

/* Portfolio Single */

.image-gallery-slider {
	position: relative;
	float: left;
	margin-bottom: 20px;
	width: 565px;
}

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

.image-gallery-slider ul { margin: 0;}

.image-gallery-slider li {
    list-style: none outside none;
    margin: 0;
}

	.image-gallery-slider li a img {display: block;}

	.image-gallery-slider-nav {
		position: absolute;
		z-index: 99;
		right: 0;
		bottom: 0;
	}
	
		.image-gallery-slider-nav a {
			position: absolute;
			bottom: 0;
			display: block;
			width: 25px;
			height: 25px;
			cursor: pointer;
			background: url(../images/slider-arrows.png) no-repeat #1c1c1c;
			text-indent: -9999px;
		}
		
		.image-gallery-slider-nav a.prev {right: 27px;}
		.image-gallery-slider-nav a.next {
			right: 0;
			background-position: -25px 0;
		}
		
		.image-gallery-slider-nav a:hover {background-color: #00C5FE;}
		.image-gallery-slider-nav a.prev:hover {background-position: 0 -25px;}
		.image-gallery-slider-nav a.next:hover {background-position: -25px -25px;}
		

	.meta {
		float: right;
		width: 340px;
	}

		.image-entry {margin-bottom: 2em;}

			.meta .image-title h4 {margin-bottom: 0; color: #313131;}

	a.all-projects {
		display: inline-block;
		margin: 10px 20px 20px 0;
		color: #313131;
		font-size: 18px;
		font-family: 'Ubuntu Condensed', sans-serif;
		line-height: 1.3em;
		
		-webkit-transition: background-color .25s linear;
		   -moz-transition: background-color .25s linear;
			-ms-transition: background-color .25s linear;
			 -o-transition: background-color .25s linear;
				transition: background-color .25s linear;
		
	}

		a.all-projects:after {
			display: inline-block;
			float: right;
			margin-left: 10px;
			width: 25px;
			height: 25px;
			background-image: url(../images/icons/icon-all.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: #e9e9e9;
			content: '';
		}

		a.all-projects:hover:after {
			background-position: 0 -25px;
			background-color: #00C5FE;
		}
	
	/*--------------------------------*/
	/*  Portfolio Pagination   		  */
	/*--------------------------------*/
	
	.pagination-project {
		margin: 10px 0 20px;
		padding-bottom: 25px;
		background: url(../images/bg-section-title.png) repeat-x bottom;
		text-align: right;
	}

		.pagination-project a {
			display: inline-block;
			width: 25px;
			height: 25px;
			background: url(../images/slider-arrows.png) no-repeat #e9e9e9;
			text-align: right;
			text-indent: -9999px;
			cursor: pointer;
		}

		.pagination-project a.prev-project {background-position: 0 -50px;}
		.pagination-project a.next-project {background-position: -25px -50px;}

		.pagination-project a:hover {background-color: #00C5FE;}
		.pagination-project a.prev-project:hover {background-position: 0 0;}
		.pagination-project a.next-project:hover {background-position: -25px 0;}

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

#map {
	height: 250px;	
	margin: 0 0 35px 0;
	position: relative;
	width: 538px;
}

/* Form style */

fieldset.row {
	margin-bottom: 1em;
}



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

.error404 {
	text-align: center;
}

	.e404 {
		line-height: 1em;
		margin-bottom: 20px;
	}

	.e404 h1 {
		margin-bottom: 5px;
		color: #313131;
		font-size: 300px;
		line-height: .8;
		font-family: 'Dancing Script';
	}
	
	.e404 span {
		position: relative;
		top: 40px;
		left: 155px;
		color: #a1a1a1;
		font-size: 48px;
		display: block;
		font-family: 'Dancing Script';
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}

	.error404 .title_error {
		color: #00C5FE;
		font-size: 72px;
		font-family: 'Ubuntu Condensed', sans-serif;
		line-height: 1em;
	}

	.error404 .description_error {
		margin-bottom: 30px;
		color: #a1a1a1;
		font-size: 24px;
		font-family: 'Ubuntu Condensed', sans-serif;
	}

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

#sidebar {
	float: right;
	width: 220px;
}

	/* ----- Search ----- */

	.widget_search {position: relative;}

	.widget_search input[type="text"] {
		padding: 0 30px 0 10px;
		width: 178px;
		height: 28px;
		color: #50554e;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		background-color: #e9e9e9;
		font-style: italic;
		line-height: 28px;
		
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
		 	 -o-transition: all .25s linear;
				transition: all .25s linear;
	}

	.widget_search input::-moz-input-placeholder {color: #50554E;}
	.widget_search input::-webkit-input-placeholder {color: #50554e;}
	.widget_search input[type="text"]:hover,
	.widget_search input[type="text"]:focus {border-color: #a7a7a7;}

	.widget_search button {
		position: absolute;
		right: 8px;
		top: 8px;
		margin: 0;
		padding: 0;
		width: 15px;
		height: 14px;
		border: none;
		cursor: pointer;
		background: url(../images/search.png) no-repeat;

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

		.widget_search button:hover {background-position: right bottom;}

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

	#sidebar .widget-container { margin: 0 0 50px; }

		#sidebar .widget-title {
			padding-bottom: 1.1em;
			font-size: 18px;
		}

		/* ---------------------------------------- */
		/*	Categories, Archive, Custom Menu, Links
		/* ---------------------------------------- */
		
		.widget_categories li:first-child,
		.widget_archive li:first-child,
		.widget_nav_menu li:first-child,
		.widget_links:first-child {padding-top: 0;}
		
		.widget_categories li:last-child,
		.widget_archive li:last-child,
		.widget_nav_menu li:last-child,
		.widget_links:last-child {padding-bottom: 0;}
		
		.widget_categories li,
		.widget_archive li,
		.widget_nav_menu li,
		.widget_links li {
			padding: 3px 0;
			list-style: none;
		}

			.widget_categories li a,
			.widget_archive li a,
			.widget_nav_menu li a,
			.widget_links li a {
				color: #8a8989;
				font-size: 11px;
			}
			
			.widget_categories li:hover > a,
			.widget_archive li:hover > a,
			.widget_nav_menu li:hover > a,
			.widget_links li:hover > a {color: #00C5FE;}
			
		/* ---------------------------------------- */
		/*	Twitter
		/* ---------------------------------------- */
			
		#jstwitter .tweet {
			list-style: none;
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 11px;	
		}

		#jstwitter .time {
			color: #8a8989;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}

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

#footer {
	position: relative;
	margin-top: 20px;
	padding: 25px 20px 10px;
	background: #323232;
	color: #8a8989;
}

.ie7 #footer {position: static;}

	#footer:after {
		position: absolute;
		top: -19px;
		left: 0;
		width: 100%;
		height: 19px;
		background: url(../images/bg-page-title.png) repeat-x;
		content: '';
	}

	#footer .one-half,
	#footer .one-fourth {margin-bottom: 30px;}

	.adjective {
		clear: both;
		margin: 15px 0 0 0;
		padding: 2em 0 0;
		border-top: 1px solid #4e4e4e;
		font-size: 11px;
		color: #8a8989;
	}
	
		.copyright {float: left;}
		
		.developed {float: right;}

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

	#footer .widget {margin: 0 0 50px;}

		#footer	.widget-title {
			margin-bottom: .8em;
			padding-bottom: 1.1em;
			background: url(../images/bg-footer-section-title.png) repeat-x bottom;
			color: #b9b9b9;
			font-size: 18px;
		}

		/* ---------------------------------------- */
		/*	Recent Comments
		/* ---------------------------------------- */
		
		.widget_recent_comments ul {list-style: none;}
		
			.widget_recent_comments li:first-child {padding-top: 0;}
		
			.widget_recent_comments li {
				padding: .5em 0;
				border-bottom: 1px solid #4e4e4e;
			}
				.widget_recent_comments li a {color: #8a8989;}
				.widget_recent_comments a:hover {color: #fff;}
		
				.widget_recent_comments li span,
				.widget_recent_comments li small {color: #b9b9b9;}

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
		
		ul.social-links {margin: 0; padding: 5px 0 0 0;}
		
			ul.social-links li {
				float: left;
				display: block;
				margin: 0 3px 5px 0;
				list-style: none outside none;
			}

				ul.social-links li a {
					position: relative;
					display: block;
					width: 30px;
					height: 30px;
					background: url(../images/social-links.png) no-repeat;
					text-indent: -9999px;
					cursor: pointer;
				}
				
					ul.social-links li a > span {
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						background: url(../images/social-links.png) no-repeat;
						opacity: 0;
						filter: alpha(opacity = 0);
						
						-webkit-transition: opacity .5s;
						   -moz-transition: opacity .5s;
							-ms-transition: opacity .5s;
							 -o-transition: opacity .5s;
								transition: opacity .5s;
					}
					
				ul.social-links li.twitter a {background-position: 0 0;}
				ul.social-links li.facebook a {background-position: -33px 0;}
				ul.social-links li.flickr a {background-position: -66px 0;}
				ul.social-links li.dribbble a {background-position: -99px 0;}
				ul.social-links li.skype a {background-position: -132px 0;}
				
				ul.social-links a:hover span {
					opacity: 1; 
					filter: alpha(opacity=100);
				}
				
				ul.social-links li.twitter a > span {background-position: 0 -35px;} 
				ul.social-links li.facebook a > span {background-position: -33px -35px;}
				ul.social-links li.flickr a > span {background-position: -66px -35px;}
				ul.social-links li.dribbble a > span {background-position: -99px -35px;}
				ul.social-links li.skype a > span {background-position: -132px -35px;}
				
/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */
	
	.container .widget-container {margin-bottom: 45px;}

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

	ul.tabs-nav {
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none outside none;
	}

		.tabs-nav li {
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0;
			line-height: 19px;
		}

			ul.tabs-nav li a {
				display: block;
				padding: 10px 30px;
				outline: medium none;
				border: 1px solid #d4d4d4;
				border-bottom: 1px solid #d4d4d4;
				border-left: none;
				background-color: #f2f2f2;
				border-color: #d4d4d4;
				color: #a1a1a1;
				text-decoration: none;
				letter-spacing: 0;
				font-size: 13px;
				font-family: 'Ubuntu Condensed', sans-serif;
				-webkit-transition: background-color .25s linear;
				   -moz-transition: background-color .25s linear;
					 -o-transition: background-color .25s linear;
						transition: background-color .25s linear;
			}

			ul.tabs-nav li:first-child a {border-left: 1px solid #d4d4d4;}
			ul.tabs-nav li:hover a {background-color: #d4d2d2; color: #fff;}
			
			ul.tabs-nav li.active {line-height: 18px;}
			ul.tabs-nav li.active a {
				background-color: #fff;
				color: #313131; 
				border-bottom: 2px solid #fff;
			}
		
	.tabs-container {
		overflow: hidden;
		margin: -1px 0 20px;
		width: 100%;
		border: 1px solid #d4d4d4;
	}

		.tab-content {
			padding: 25px 20px;
		}
			
	/* ---------------------------------------- */
	/*	Accordion Content
	/* ---------------------------------------- */

	.acc-trigger:first-of-type {border-top: 1px solid #d4d4d4;}
	
	.acc-trigger {
		margin: 0;
		display: block;
		cursor: pointer;
		border: 1px solid #d4d4d4;
		border-top: none;
	}

		.acc-trigger a {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #313131;
			text-decoration: none;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
			cursor: pointer;
		}
	
		.acc-trigger a:after {
			position: absolute;
			left: 11px;
			top: 50%;
			margin-top: -8px;
			width: 17px;
			height: 17px;
			background-image: url(../images/collapse.png);
			background-color: #313131;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			content: '';
		}
		
		.ie7 .acc-trigger a:after {
			top: 43%;
		}
		
		.acc-trigger.active a:after,
		.acc-trigger.active:hover a:after {background-position: 0 -17px;}
		
		.acc-trigger:hover a:after {background-position: 0 -34px;}
		
			.trigger:hover:after {background-position: 0 -34px;}
			.trigger.active:hover:after {background-position: 0 -51px;}
			.trigger.active:after {background-position: 0 -17px;}
			
		.acc-trigger.active,
		.acc-trigger.active a { 
			background-color: #f2f2f2;
			cursor: default;
		}

	.acc-container .content { 
		padding: 25px 20px;
		border-left: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
	
	/* ---------------------------------------- */
	/*	Content Toggle
	/* ---------------------------------------- */	
	
	.box-toggle {
		margin-bottom: 4px;
		border: 1px solid #d4d4d4;
	}

		.trigger {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #313131;
			text-decoration: none;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
			cursor: pointer;
		}
		
		.ie7 .trigger {height: 20px;}

			.trigger:after {
				position: absolute;
				left: 11px;
				top: 50%;
				margin-top: -8px;
				width: 17px;
				height: 17px;
				background-image: url(../images/collapse.png);
				background-color: #313131;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				content: '';
			}
			
			.trigger:hover:after {background-position: 0 -34px;}
			.trigger.active:hover:after {background-position: 0 -51px;}
			.trigger.active:after {background-position: 0 -17px;}
			
			.trigger.active {border-bottom: 1px solid #d4d4d4;}
			
			.trigger:hover,
			.trigger.active {background-color: #f2f2f2;}

		.toggle-container  {
			display: none;
			padding: 15px;
		}
	
				
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#projects {
		display: none;
	}
	
	.projects {display: block;}

	.container img {
		height: auto;
		max-width: 100%;
	}
	
	.not-ie #portfolio-items article > div:after,
	.not-ie #portfolio-items article > div:before {display: none;}
	
	#portfolio-items article > div:hover img,
	#portfolio-items article > div:hover span.curtain,
	#portfolio-items article > div:hover a.project-meta {
		-webkit-transform: translate(0);
			-moz-transform: translate(0);
			-ms-transform: translate(0);
				-o-transform: translate(0);
				transform: translate(0);
	}
	
	.not-ie #portfolio-items article:hover > div {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}	

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	
	.wrap,
	#slider {width: 768px;}
	
	.TB_Wrapper {width: 768px;}

	.container {width: 748px;}
	
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half {width: 364px;}
		
		.panel-entry .one-half,
		#footer .one-half {width: 344px;}

			.one-third {width: 236px;}

		.two-third {width: 492px;}

		.one-fourth {width: 172px;}

			.three-fourth {width: 556px;}

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

	#content {width: 488px;}
	
		.entry-body {width: 368px;}
		
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		#content .one-half {width: 234px;}

		#content .one-third {width: 149px;}

			#content .two-third {width: 319px;}

		#content .one-fourth {width: 107px;}

			#content .three-fourth {width: 361px;}
			
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */	
	
	.navigation {margin-right: 15px;}

		.navigation > ul > li  {
			width: 90px;
		}
		
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	
	.page-title h1 {font-size: 38px;}
	
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	
	#contact input[type="text"] {width: 200px;}	
	
	#contact textarea {
		height: 180px;
		max-height: 250px;
		max-width: 3428px;
		min-height: 180px;
		min-width: 342px;
		width: 342px;
	}
	
	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */	

	.image-gallery-slider {
		float: left;
		width: 425px;
	}

	.meta {
		float: right;
		width: 290px;
	}

	/* -------------------------------------------------- */
	/*	jPlayer
	/* -------------------------------------------------- */
	
	#jp_container_1	div.jp-seek-bar {
		width: 85% !important;
	}

	div.jp-volume-bar {
		width: 10% !important;
	}

	div.jp-audio div.jp-type-single a.jp-mute,
	div.jp-audio div.jp-type-single a.jp-unmute {
		margin-left: 255px !important;
	}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */		
	
		/* -------------------------------------------------- */
		/*	Recent
		/* -------------------------------------------------- */
		
		.not-ie .widget_recent_entries li a:before,
		.not-ie .widget_recent_entries li a:after {display: none;}
		
		.not-ie .widget_recent_entries li:hover a {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}
	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* -------------------------------------------------- */
	/*	Layout
	/* -------------------------------------------------- */
	
	.wrap {
		-webkit-box-shadow: none;
		  -moz-box-shadow: none;
			box-shadow: none;
	}
	
	.wrap,
	#slider {width: 300px;}
	
	.TB_Wrapper {width: 300px;}
	
	.TB_Wrapper .Slide > div {display: none !important;}

	.container {width: 300px;}
	
	#footer .container {width: 260px;}

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half,
		.one-third,
		.two-third,
		.one-fourth,
		.three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half {width: 300px;}

			.one-third {width: 300px;}
			
			address.one-third {width: 260px;}

		.two-third {width: 300px;}

		.one-fourth {width: 300px;}

			.three-fourth {width: 300px;}
			
		/* ---------------------------------------- */
		/*	Header
		/* ---------------------------------------- */
		
		.wrap-header {height: 105px;}
		
		#header {
			background-color: rgba(0, 0, 0, 0.8);
			padding: 35px 0 0;
			position: relative;
			z-index: 99;
		}
		
		#logo {
			max-height: 100%;
		}

		#logo {
			display: block;
			float: none;
			text-align: center;
		}	
		
			#top-panel .toggle  {display: none;}

		/* ---------------------------------------- */
		/*	Navigation
		/* ---------------------------------------- */
		
		.navigation {
			float: none;
			margin-bottom: 25px;
			width: 100%;
			text-align: center;
		}
		
			.navigation > ul > li {
				width: 50%;
				margin: 0 0 0 0;
			}
		
				.navigation ul > li:hover > ul {top: 60px; display: block;}

				.navigation ul ul {
					top: 70px;
					width: 100%;
					visibility: visible;
					display: none;
				}
				
				.navigation .rightarrowclass {display: none;}
				
				.navigation li:hover ul {
					display: block !important;
					/*visibility: visible;*/
					opacity: 1;
					left: 0;
				}
				
				/* Sub Dropdown */
				
				.navigation ul ul ul {
					position: relative;
					top: 0 !important;
					left: 0 !important;
					display: block !important;
					margin: 0;
					opacity: 1 !important;
					
					-webkit-transition: all .2s ease-in-out;
					   -moz-transition: all .2s ease-in-out;
					    -ms-transition: all .2s ease-in-out;
					  	 -o-transition: all .2s ease-in-out;
				}

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

	#content {
		float: none;
		margin-right: 0;
		margin-bottom: 50px;
		width: 100%;
	}

		.page-title h1 {
			float: none;
			text-align: center;
		}
		
		/* -------------------------------------------------- */
		/*	Block with Images
		/* -------------------------------------------------- */
		
			ul.block-with-images li:first-child {border-left: none;}
		
			ul.block-with-images li {
				width: 100%;
				border-bottom: 1px solid #f3f3f3;
				border-top: 1px solid #fff;
			}			
		
		/* ---------------------------------------- */
		/*	Blog
		/* ---------------------------------------- */	
		
		.entry-meta {
			float: none;
		}
		
		.entry-body {
			float: none;
			width: 100%;
		}

			/* ---------------------------------------- */
			/*	Respond
			/* ---------------------------------------- */

			.contact-form textarea,
			.comments-form textarea {
				height: 150px;
				max-height: 300px;
				max-width: 280px;
				min-height: 150px;
				min-width: 280px;
				width: 280px;
			}
			
		/* -------------------------------------------------- */
		/*	Contact Us
		/* -------------------------------------------------- */
		
		#contact input[type="text"] {width: 278px;}

		#contact .textarea-block label {
			display: block;
		}

		#contact textarea {
			height: 180px;
			max-height: 250px;
			max-width: 278px;
			min-height: 180px;
			min-width: 278px;
			width: 278px;
		}
		
		/* -------------------------------------------------- */
		/*	404 Page
		/* -------------------------------------------------- */

		.error404 {margin-top: 0;}
		
			.e404 h1 {font-size: 150px;}

			.e404 span {
				top: 35px;
				left: 75px;
				font-size: 20px;
			}

			.error404 .title_error {font-size: 30px;}

			.error404 .description_error {
				margin-bottom: 20px;
				font-size: 13px;
			}
		
		/* -------------------------------------------------- */
		/*	Team List
		/* -------------------------------------------------- */

		ul.team-list .gravatar {text-align: center;}

		/* -------------------------------------------------- */
		/*	Image Gallery Slider
		/* -------------------------------------------------- */	

		.image-gallery-slider {
			float: none;
			width: 100%;
		}

		.meta {
			float: none;
			width: 100%;
		}	
		
			.pagination-project {text-align: left;}
			
		/* -------------------------------------------------- */
		/*	jPlayer
		/* -------------------------------------------------- */

		#jp_container_1	div.jp-seek-bar {width: 72% !important;}

		div.jp-volume-bar {width: 13% !important;}

		div.jp-audio div.jp-type-single a.jp-mute,
		div.jp-audio div.jp-type-single a.jp-unmute {margin-left: 185px !important;}
		
		/* ---------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------- */	
		
		#portfolio-items.gl-col-4 article img {width: 300px;}
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 300px;}
		
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
		
	.widget_search input[type="text"] {width: 258px;}

	#sidebar {
		float: none;
		width: 100%;
	}

		.single-image img {
			display: inline;
			text-align: center;
		}
	
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
	
	#footer {margin-top: 25px;}

	#footer .one-half, 
	#footer .one-fourth {
			width: 260px;
	}	

		ul.copyright li:before {
			margin: 0 2px;
		}

		ul.copyright li {font-size: 10px;}	
		
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */		
	
		/* -------------------------------------------------- */
		/*	Recent
		/* -------------------------------------------------- */
		
		.not-ie .widget_recent_entries li a:before,
		.not-ie .widget_recent_entries li a:after {display: none;}
		
		.not-ie .widget_recent_entries li:hover a {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}
		
		
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Layout
	/* -------------------------------------------------- */
	
	.wrap,
	#slider {width: 460px;}
	
	.TB_Wrapper {width: 460px;}
	
	.TB_Wrapper .Slide > div {display: none !important;}

	.container,
	#footer .container {width: 420px;}

		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.one-half,
		.one-third,
		.two-third,
		.one-fourth,
		.three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half {width: 420px;}

		.one-third {width: 420px;}
		
		address.one-third {width: 380px;}

			.two-third {width: 420px;}

		.one-fourth {width: 420px;}

			.three-fourth {width: 420px;}
		
	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Header
		/* ---------------------------------------- */
		
		.wrap-header {height: 105px;}
		
		#header {
			background-color: rgba(0, 0, 0, 0.8);
			padding: 35px 20px 0;
		}
	
			/* -------------------------------------------------- */
			/*	 Main Navigation
			/* -------------------------------------------------- */

			.navigation > ul {display: none;}
			.navigation .nav-responsive {display: inline-block; width: 380px;}
		
		/* -------------------------------------------------- */
		/*	Block with Images
		/* -------------------------------------------------- */
		
			ul.block-with-images li:first-child {border-left: none;}
		
			ul.block-with-images li {
				width: 50%;
				border-bottom: 1px solid #f3f3f3;
				border-top: 1px solid #fff;
			}
			
		/* -------------------------------------------------- */
		/*	Contact Us
		/* -------------------------------------------------- */

		#contact input[type="text"] {width: 398px;}	
		
		#contact .textarea-block label {
			display: block;
		}

		#contact textarea {
			height: 180px;
			max-height: 250px;
			max-width: 398px;
			min-height: 180px;
			min-width: 398px;
			width: 398px;
		}
		
		/* -------------------------------------------------- */
		/*	404 Page
		/* -------------------------------------------------- */

		.error404 {margin-top: 0;}
		
			.e404 h1 {font-size: 200px;}

			.e404 span {
				top: 44px;
				left: 105px;
				font-size: 30px;
			}

			.error404 .title_error {font-size: 40px;}

			.error404 .description_error {
				margin-bottom: 20px;
				font-size: 16px;
			}
		
		/* -------------------------------------------------- */
		/*	Respond
		/* -------------------------------------------------- */
		
		.contact-form input,
		.comments-form input {
			width: 250px;
		}

		.contact-form textarea,
		.comments-form textarea {
			height: 150px;
			max-height: 250px;
			max-width: 400px;
			min-height: 150px;
			min-width: 400px;
			width: 400px;
		}
		
		/* ---------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------- */
		
		#portfolio-items.gl-col-3 article img {
			width: 420px;
		}
		
		#portfolio-items.gl-col-4 article.one-fourth {
			width: 200px;
		}
		
		/* -------------------------------------------------- */
		/*	jPlayer
		/* -------------------------------------------------- */

		#jp_container_1	div.jp-seek-bar {
			width: 84% !important;
		}

		div.jp-volume-bar {
			width: 10% !important;
		}

		div.jp-audio div.jp-type-single a.jp-mute,
		div.jp-audio div.jp-type-single a.jp-unmute {
			margin-left: 295px !important;
		}
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 209px;}
			
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
	
	.widget_search input[type="text"] {
		width: 378px;
	}
			
		/* ---------------------------------------- */
		/*	Footer
		/* ---------------------------------------- */

		#footer .one-half,
		#footer .one-fourth {
			width: 420px;
		}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	body {background: #fff;}
	
	.textarea-block strong {display: block;}
	
	.quoteright,
	.quoteleft {
		float: none;
		margin: 0 0 25px 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}	
	
	/* -------------------------------------------------- */
	/*	 Main Navigation
	/* -------------------------------------------------- */

	.navigation > ul {display: none;}
	.navigation .nav-responsive {display: inline-block;}
	
	/* -------------------------------------------------- */
	/*	 Portfolio
	/* -------------------------------------------------- */
	
	#portfolio-filter a {
		background-color: #fff;
		border: 1px solid #ccc;
	}
	
	#portfolio-filter a.active {border: 1px solid transparent;}
	
	#portfolio-items {margin-right: 0;}
	
		#portfolio-items article {margin-right: 0;}
		
}

/* -------------------------------------------------- */
/*	Keyframes
/* -------------------------------------------------- */

@-webkit-keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@-moz-keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@-webkit-keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

@-moz-keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

@keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

/* --- TEASER  ---------------------------------------------------------------- */

.teaserblock {
	position: relative;
	float:left;
	margin: 0 10px 0 15px;
	width: 120%;
}
.teaserblock .teaser, .teaserblock .teaser .hl, .teaserblock .teaser .picborder, .teaserblock .teaser a {
	background: transparent url(../images/teaser1.png) no-repeat}
.teaserblock .teaser {
	position: relative; float:left; margin: 0 35px 0 0;
	width: 202px; height: 280px;
	background-position: 0px 0px;}
.teaserblock .teaser .hl {
	position: relative;
	display: block;
	width: 190px;
	/*width: 190px;*/
	height: 25px;
	padding: 20px 25px 25px 25px;
	font-family: 'SohoStdRegular';
	font-size: 22px;
	line-height: 25px;
	color:#00C5FE;
}
.teaserblock .teaser .head1 {
	background-position: 0px -290px;
	text-shadow: #1a577a 1px 1px 0px;}
.teaserblock .teaser .head2 {
	background-position: 0px -360px;
	text-shadow: #145072 1px 1px 0px;}
.teaserblock .teaser .head3 {
	background-position: 0px -430px;
	text-shadow: #0d4869 1px 1px 0px;}
.teaserblock .teaser .picborder {
	position: absolute; z-index:10; top:72px; left: 12px;
	width: 194px; height: 96px;
	background-position: 0px -590px;}
.teaserblock .teaser .pic {
	position: relative; display: block;	margin: 5px 15px;}
.teaserblock .teaser p {
	position: relative;
	display: block;
	margin: 8px 25px;
	overflow: hidden;
	width: 150px;
	height: 55px;
	font-size: 12px;
	line-height: 18px;
	color:#646b6e;
}
.teaserblock .teaser a {
	position: absolute; z-index:10; bottom:7px; left: 7px;
	width: 150px; height: 17px; padding: 10px 18px;
	background-position: 0px -500px;
	text-align:center; font-size: 13px; color:#d1ccc3; text-shadow: #23211c 1px 1px 0px;}
.teaserblock .teaser a:hover {
	background-position: 0px -540px; color:#8d877c;}