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

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

@font-face {font-family:"Dancing Script";src:url("fonts/Dancing_Script.eot?") format("eot"),url("fonts/Dancing_Script.woff") format("woff"),url("fonts/Dancing_Script.ttf") format("truetype"),url("fonts/Dancing_Script.svg#DancingScript") format("svg");font-weight:normal;font-style:normal;}

@font-face { font-family: 'Ubuntu Condensed'; src: url('fonts/ubuntu_condensed.eot'); src: url('fonts/ubuntu_condensed.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu_condensed.woff') format('woff'), url('fonts/ubuntu_condensed.ttf') format('truetype'), url('fonts/ubuntu_condensed.svg#UbuntuCondensed') format('svg'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local('Ubuntu-Light'), url(fonts/Ubuntu_light.woff) format('woff');}
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), urlfonts/Ubuntu_normal.woff) format('woff');}
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(fonts/Ubuntu_medium.woff) format('woff');}
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(fonts/Ubuntu_bold.woff) format('woff');}

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

img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic;}
hr { clear: both; margin: 0px 0px 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: left !important; margin: 0 0 25px 0 !important; padding: 20px;	font-style: normal; background-color: #fcfafa; background-repeat: repeat; color: #000;}

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

body { background: url(../images/bg-pattern.png) repeat; color: #6b6b6b; font: 14px/1.5 'cabin_condensedregular', 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; color:#F58220!Important;}
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: #313131; font-weight: 400;	line-height: 1.25;}
::-moz-selection,
::-moz-selection,
::-moz-selection,
::-moz-selection { padding: 1px 3px; background-color: #FDBE0F; color: #fff;}
::selection,
::selection,
::selection,
::selection { padding: 1px 3px; background-color: #FDBE0F; color: #fff;}
	
/* Table */
table.sample { border-collapse: collapse; width: 100%; margin: 15px 0; background-color:#FFFFFF; font:normal 14pxc; bo }
table.sample th.subhead img { padding:0; margin:0;}
table.sample th { background: #f58220; color: #fff; font-weight: bold; padding: 10px 11px; font:bold 14px/18px 'PTSansRegular', Arial, Helvetica, sans-serif; text-shadow:#000 0 0px 0; text-align: left; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; /*width:25%;*/ border-radius:0px; vertical-align:middle; }
table.sample th.subhead { padding: 6px 5px; background:#D9E0E7; color:#000; border:0; border-bottom:1px solid #A3A7AA; text-shadow:#FFF 0 0px 0px;}
table.sample td { padding: 10px 11px; border: 1px solid #eee; vertical-align: middle; text-shadow:#fff 0px 0px 0px;  } 
table.sample td * {  } 
table.sample td input[type"text"]{ padding:6px 11px;}
table.sample td sup { padding:0px; margin:0px;}
table.sample tr.alt td { background: #F9F9F9; }
table.sample tr.over td { background: #F3F3F3; color:#000000;}
tbody tr td { border:0;}
table.sample td:first-child, table.sample th:first-child { border-radius:0px 0px 0px 0px;}
table.sample td:first-child, table.sample th:last-child { border-radius:0px 0px 0px 0px;}
	
/* ---------------------------------------------------------------------- */
/*	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;}

/* ---------------------------------------------------------------------- */
/*	Dividers
/* ---------------------------------------------------------------------- */
	
div.sep { margin: 1em 0; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
hr.sep {margin: 0 0 20px 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: #FDBE0F; 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: #fdbe0f;}
.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;}


/* ---------------------------------------------------------------------- */
/*	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; margin-bottom:15px;}
	.one-half {width: 460px;}
	.one-half-map {width: 360px; float:left; background:url(../images/loader.gif) no-repeat 50% 50% #eee; margin-bottom:35px;}
	.one-third {width: 300px;}
	.two-third {width: 620px;}
	.one-fourth {width: 220px;}
	.three-fourth {width: 700px;}
		
	.one-fourth	.break-column1{width:40%; float:left; margin-right:25px;}
	.one-fourth	.break-column2{width:48%; float:left;}

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

#top-panel { border-bottom: 3px solid #FDBE0F; position: absolute; z-index: 101; top: 0; left: 0; width: 100%;	background-color: #333;}
#top-panel .panel {display: none; padding: 12px 20px; background-color: #333; color: #8A8989;}
#top-panel .panel h3 {color: #fff;}
#top-panel .toggle { position: absolute; z-index: 101; bottom: -29px; display: block; cursor: pointer; right: 0;		border-color: transparent #FDBE0F; 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;}
#top-panel p{ color:#FFFFFF;}
.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: 17px 20px 17px;	/*background-color: rgba(0,0,0,.8);*/}
.ie7 .wrap-header, .ie8 .wrap-header, .ie8 #header, .ie7 #header {	background:#FFFFFF;	/*background: url(../images/mask.png) repeat;*/}
#logo { float: left; margin-bottom: 35px; height: 60px;}
	
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	.navigation {float: right; margin-top:30px; margin-bottom: 15px;}
		.navigation > ul > li { position: relative; float: left; margin: 0 2px 20px 1px; /*width: 120px;*/ list-style: none;}
		.navigation > ul > li > a {position: relative; display: block; padding: 10px 10px 10px; color: #000; 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);			background-color: #F58220;}			
			.navigation > ul > li:before { position: absolute; left: 0; top: 0; width: 0; opacity: 0;
				filter: alpha(opacity=0); background-color: #F58220; height: 35px;
				-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: #000; border-left-style: solid;					border-left-width: 1px; color:#FFFFFF;}

			.navigation > ul > .current { background-color: #F58220;}
			.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: 60px; 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: #fdbe0f;
						}
						
						.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: #F6821F/*#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: #F6821F;}
	
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	
	.page-header { margin: 0 0px 30px 0px; padding-bottom: 25px; border-bottom: 1px solid #D4D4D4;}
		.page-title {position: relative; z-index: 7; overflow: hidden; padding: 15px 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:15px 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: #fdbe0f; ont-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: #ffd000;}
			ul.service-list li:hover:before { background-color: #fff; color: #fdbe0f;}
			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: 22px; 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: #fdbe0f;}
			ul.services-list-items li h4 {color: #fdbe0f;}
			ul.services-list-items li:hover h4 {color: #313131;}
			
	/* ---------------------------------------- */
	/*	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: #fdbe0f;}
		
		.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-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: #fdbe0f; color: #fff; font-size: 18px;			font-family: 'Ubuntu Condensed', sans-serif;}
	.entry-body { float: right; width: 560px; 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;}
		

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

#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 0px 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: 10px 0 5px; text-align: center;}
	.project-meta h5 {margin-bottom: 0;}

	.single-image,
	.video { position: relative; display: block; margin-bottom: 10px; 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: #fdbe0f;}
	
/* 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: #fdbe0f;}
		.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: #fdbe0f;}


/* -------------------------------------------------- */
/*	Guest
/* -------------------------------------------------- */
#guest-filter { float: right; margin: 5px 20px 15px 0; overflow: hidden;}
#guest-filter li { display: block; float: left; list-style: none outside none; margin: 0 0 15px 0;}
#guest-filter a { display: block; margin: 0 0 0 5px; padding: 7px 10px; font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; cursor: pointer; color: #313131; line-height: 1;}

#guest-filter a:hover {color: #50554E;}
#guest-filter a.active { color: #fff; background-color: #fdbe0f;}
#guest-items {margin: 0;}
#guest-items article { position: relative; float: left;	margin: 5px 8px 8px 5px; border:1px solid #F58220; height:209px; }
#guest-items article div{ margin:0px;}
#guest-items article:hover div{ margin:0px 0px 0px 0px/*-5px 0px 0px 0px*/; }
#guest-items article:hover{ margin:5px 8px 8px 5px;
	 -webkit-box-shadow: 6px 6px 0 #eee;
    	-moz-box-shadow: 6px 6px 0 #eee;
  	         box-shadow: 6px 6px 0 #eee;
	-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;			
}

#guest-items article div .text-content{ margin:10px; border:5px solid #f3f3f3; }
#guest-items article div:hover .text-content{box-shadow: 0px 0px 5px #F4B524; border:5px solid #ffffef;}
#guest-items article div:hover p{ color:#333; background:#ffffef; }
#guest-items h5.title-item:before{border-left:7px solid transparent; position:absolute; border-right:7px solid transparent; border-bottom:7px solid #F58220; content:' '; top:-7px; left:5%; }
#guest-items h5.title-item { font-size:18px; }
#guest-items h5.title-item em { display:block; text-align:right; font-size:11px; color:#9B4804; font-style:normal; }
#guest-items article > div p{ background:#F3F3F3; color:#777; height:133px; margin:0px;}
#guest-items article > div {}
			#guest-items article > div img,
			#guest-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;
			}
			
			#guest-items article > div:hover img,
			#guest-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;		
			}
			

	#guest-items .single-image,
	#guest-items .video,
	.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;	
		
	}

	#guest-items article:hover img { filter: alpha(opacity=100); opacity: 1;}
	#guest-items h5.title-item{ background:#F58220; color:#FFF; padding:7px 10px; margin-bottom:0px; position:absolute; bottom:0px; display:block; width:91%;}
	#guest-items article:hover .title-item,
	div.recent:hover .title-item {color: #fff; text-shadow:#FFFFEF 0 0px 2px; /*font-weight:bold;*/ }
	
		
	
	/*--------------------------------*/
	/*  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: #fdbe0f;}
		.pagination-project a.prev-project:hover {background-position: 0 0;}
		.pagination-project a.next-project:hover {background-position: -25px 0;}

/* ---------------------------------------------------------------------- */
/*	Sitemap
/* ---------------------------------------------------------------------- */
.sitemap ul{ background: url("../images/list_line.png") repeat-y scroll 0px 0 transparent; 
list-style: none outside none; margin: 25px 0; padding: 0; font-weight:bold;}	
.sitemap ul li {background: url("../images/bullet-grey-small-1.png") no-repeat scroll -10px 5px transparent;
font-size: 14px; margin: 0 0 5px; padding: 0 0 5px 25px;  text-align:left;}

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

#map {height: 402px; margin: 0 0 0px 0;	position: relative;	width: 100%; box-shadow:inset 0px 0px 5px #eee;}

/* Form style */
fieldset.row {margin-bottom: 1em;}
#contact label {line-height: 35px; margin-left: 10px;}

/*#contact input[type="text"] {float: left;}*/
#contact input[type="text"] {width: 280px;}
#contact select {width: 350px;}
#contact textarea { height: 220px; max-height: 400px; max-width: 438px; min-height: 220px; min-width: 438px; width: 438px;}
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#message fieldset { padding: 20px; border: 1px solid #eee; border-radius: 5px; -moz-border-radius: 5px;	-webkit-border-radius: 5px; background: #F9FAF5;}

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px;
padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; -moz-border-radius:5px; webkit-border-radius:5px;}

ul.error_messages { margin: 0 0 0 15px; padding: 0;}
ul.error_messages li { height: 22px; line-height: 22px; color:#333;}
.loader {padding: 0 10px;}
#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px;}
#contact .verify { float: none !important; margin: 0 8px; width: 50px !important; height: 28px !important;	vertical-align: middle;
}

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

	/* -------------------------------------------------- */
	/*	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: #fdbe0f;}
			
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer { position: relative; margin-top: 0px; padding: 20px 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: 0px;}
.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;}
.footer-last{ margin-top:0px; }

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

		.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, .widget_recent_comments li.current a {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: 1;
						filter: alpha(opacity = 1);
						
						-webkit-transition: opacity .5s;
						   -moz-transition: opacity .5s;
							-ms-transition: opacity .5s;
							 -o-transition: opacity .5s;
								transition: opacity .5s;
					}
					
				ul.social-links li.twt a {background-position: 0 -35px;}
				ul.social-links li.facbook a {background-position: -33px -35px;}
				ul.social-links li.linkdin a {background-position: -66px -35px;}
				ul.social-links li.utube a {background-position: -99px -35px;}
				ul.social-links li.skype a {background-position: -132px -35px;}
				ul.social-links a:hover span { opacity: 1;  filter: alpha(opacity=100);}
				ul.social-links li.twt a > span {background-position: 0 -35px;} 
				ul.social-links li.facbook a > span {background-position: -33px -35px;}
				ul.social-links li.linkdin a > span {background-position: -66px -35px;}
				ul.social-links li.utube a > span {background-position: -99px -35px;}
				ul.social-links li.skype a > span {background-position: -132px -35px;}
				
/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */
	
/*	.container .widget-container {margin-bottom: 15px;}*/

	/* ---------------------------------------- */
	/*	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: 18px;
			font-family: 'Ubuntu Condensed', sans-serif;
			text-transform:uppercase;
			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: #F58220; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #F58220 0%, #fcc252 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F58220), color-stop(100%,#fcc252)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F58220 0%,#fcc252 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F58220 0%,#fcc252 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F58220 0%,#fcc252 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #F58220 0%,#fcc252 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F58220', endColorstr='#fcc252',GradientType=0 ); /* IE6-8 */

			cursor: default;
			font-size:18px;
		}

	.acc-container .content { padding: 0px; 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;}

	/* -------------------------------------------------- */
	/*	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: 295px;}
		.one-third {width: 295px;}
		 address.one-third {width: 260px;}
		.two-third {width: 260px;}
		.one-fourth {width: 295px;}
		.three-fourth {width: 297px;}
			
		/* ---------------------------------------- */
		/*	Header
		/* ---------------------------------------- */
		
		.wrap-header {height: 105px;}		
		#header { 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;}
		
		/* ---------------------------------------- */
		/*	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;}

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

		.image-gallery-slider {float: none; width: 100%;}
		.meta {float: none; width: 100%;}	
		.pagination-project {text-align: left;}
			
		
		/* ---------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------- */	
		
		#portfolio-items.gl-col-4 article img {width: 300px;}
		#guest-items h5.title-item{ width:90%;}
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 300px;}
		
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
		
	#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
	/* -------------------------------------------------- */		
		.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 {padding: 35px 20px 0;}
	
			/* -------------------------------------------------- */
			/*	 Main Navigation
			/* -------------------------------------------------- */

			.navigation > ul {display: none;}
			.navigation .nav-responsive {display: inline-block; width: 380px;}
		
		/* -------------------------------------------------- */
		/*	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;}
		#guest-items h5.title-item{ width:95.5%;}		
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 209px;}
	
		/* ---------------------------------------- */
		/*	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;}
		
	.one-fourth.last{}
	.one-half-map {width: 100%; float:left;}	
	.footer-last{ padding-top:20px; clear:both; }
	
	#guest-items h5.title-item{ width:94%;}
	 	
}

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

ul.bullet li{ list-style-type:circle; text-align:left; margin:0px 0px 0px 15px; font-family:'Ubuntu Condensed',sans-serif}

.quoteBox 	{ padding-left:0px; float:left; width:252px;}
.quoteBox ul { list-style:none;  margin:0px 25px 0px 0px; overflow:hidden; width:229px; height:356px; }
.imgDescription{ display:none;}
.quoteBox ul li:hover .imgDescription { visibility: visible; opacity: 0.9; font-style:normal; font-size:14px; background:#000; bottom:0px; position:absolute; display:block; padding:5px; width:87%; text-align:center; font-family:'cabin_condensedregular'}
.quoteBox ul li img{width:229px; height:356px;}

.quoteBox .quote-text {color: #fafafa;font-size: 15px;font-family: Georgia;font-style: italic;line-height: 1.4; width:229px; }