@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");

/* Fonts */
@font-face {
    font-family: TitilliumWebLight;
    src: url(../fonts/TitilliumWeb-Light.ttf);
}
@font-face {
    font-family: TitilliumWebSemiBold;
    src: url(../fonts/TitilliumWeb-SemiBold.ttf);
}
@font-face {
    font-family: TitilliumWebItalic;
    src: url(../fonts/TitilliumWeb-Italic.ttf);
}
/* Basic */

	html { height: 100%; width: 100%; }
	body { background: #fff; width: 100%; height: 100%; margin-left: 0px; overflow-x: hidden; background: transparent; }
	body, input, select, textarea { color: #999; font-family: TitilliumWebLight; font-size: 14pt; font-weight: 300; letter-spacing: 0.025em; line-height: 1.75em; margin: 0; padding: 0; }
	.clear {clear:both;display:block;height:0;width:0;}
	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #2cd2e6;
		text-decoration: none;
		border-bottom: dotted 1px;
	}
	a:hover {
		border-bottom-color: transparent;
	}
	strong, b { font-weight: 400; }
	h1, h2, h3, h4, h5, h6 { color: inherit; font-weight: normal; line-height: 1.5em; margin-bottom: 1em; text-transform: none; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; border: 0; }
	h2 { font-size: 1.4em; letter-spacing: 0em; }
	h3 { font-size: 1.15em; letter-spacing: 0.025em; }

	hr { border-top: solid 1px rgba(124, 128, 129, 0.2); border: 0; margin-bottom: 1.5em; }

	/* Form */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		color: inherit;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border-color: #83d3c9;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}
	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}
	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}
	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}
	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	/* Image */
	.image {
		border: 0;
		position: relative;
	}

	.image:before {
		background: url("images/overlay.png");
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/* Button */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 1.2em;
		font-family: TitilliumWebSemiBold;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0 0.75em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: rgba(188, 202, 206, 0.15);
		border-color: inherit;
	}
	input[type="button"].special,
	input[type="submit"].special,
	input[type="reset"].special,
	.button.special {
		background: #83d3c9;
		border-color: #83d3c9;
		color: white !important;
	}
	input[type="button"].special:hover,
	input[type="submit"].special:hover,
	input[type="reset"].special:hover,
	.button.special:hover {
		background: #96dad1 !important;
		border-color: #96dad1 !important;
	}
	input[type="button"].fit,
	input[type="submit"].fit,
	input[type="reset"].fit,
	.button.fit {
		width: 100%;
	}
	input[type="button"].small,
	input[type="submit"].small,
	input[type="reset"].small,
	.button.small {
		font-size: 0.7em;
		min-width: 14em;
		padding: 0.5em 0;
	}

	/* Body different backgrounds */
	div#background { z-index: -1; position: fixed; top: 0; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; background-attachment: fixed; }
	div#background img { display: block; width: 100%; margin-top: 61px;}

	/*div.home-bg {background-image: url(../images/banner.jpg); }
	div.about-bg {background-image: url(../images/banner2.jpg); }
	div.services-bg {background-image: url(../images/banner3.jpg); }
	div.contact-bg {background-image: url(../images/banner4.jpg); }
	div.work-bg {background-image: url(../images/banner5.jpg); }*/

	/* Specific styles */
	header#header { background:#000; width: 100%; z-index: 300; position: fixed; top: 0; height: 3.3em; left: 0px; margin-left: 0px !important; }
	header#header_mobile { display: none; }
	header.fixed { position: fixed !important; }
	header div#logo { float:left; margin: 0.5em 0 0 4em; }
	header div#logo a { border: 0; }
	header nav { float: right; margin: 0.6em 3em 0 0; letter-spacing: 0px; }
	header nav ul { list-style: none; margin: 0; }
	header nav li { display: inline-block; margin-left: 1.2em; }
	header nav li a { display: inline-block; display: inline-block; line-height: 1em; padding: 0.6em 0.75em; text-transform: uppercase; color: #fff; text-decoration: none; border: 0; font-size: 0.75em; font-weight: 400; }
	header nav li.current a,
	header nav li a:hover { color: #2cd2e6; }
	header.sticky { position: fixed !important; top: 0 !important; }

	section#banner { width: 100%; background-attachment: fixed; }
	section#banner h2 { position: relative; color: white; text-align: center; font-size: 2.5em; margin: 0 auto; margin-top: 62px; letter-spacing: -.001em; opacity: 0; line-height: 1.3; padding: 5.5em 2%; }
	section#banner h2 img { position: absolute; left: 0; right: 0; margin: auto; width: 50px; height: 50px; bottom: 7%; }

	section.main { background:#fff; width: 100%; padding: 0.5em 0 0; text-align: center; }
	section.main div.article1 { width: 80%; margin: 0 auto; margin-top: 5em; margin-bottom: 5em; font-size: 0.94em; }
	section.main div.article1 hr { height: 1px; border-bottom: 1px solid #000; width: 100%; margin: 2em 0; }
	section.main div.article_1col { width: 80%; margin: 0 auto; margin-bottom: 5em; font-size: 1.2em; clear: both; }
	section.main div.article_2col { width: 80%; margin: 0 auto; margin-bottom: 5em; font-size: 1.2em; clear: both; }
	section.main div.article_2col p { width: 44%; margin-right: 3%; font-size: 0.9em; float: left; text-align: left; }
	section.main div.article_3col { width: 80%; margin: 0 auto; margin-bottom: 1em; font-size: 1.3em; clear: both; }
	section.main div.article_3col p { width: 30%; margin-right: 3%; font-size: 0.7em; float: left; text-align: left; line-height: 1.6em; }
	section.main p.blue { color: rgb(44, 210, 230); }

	section.main div.special { width:100%; margin: 0 auto; margin-top: 5em; margin-bottom: 0; font-size: 0.94em; background: rgb(44, 210, 230); padding: 3em 0 5em 0; position: relative; background-image: url("images/light-tl.svg"), url("images/light-tr.svg"); background-position: top left, top right, top left, bottom center; background-repeat: no-repeat, no-repeat, repeat, no-repeat; background-size: 25em, 25em, auto, cover; }
	section.main div.special h2 { color: #fff; font-size: 2.5em; font-family: TitilliumWebSemiBold; }
	section.main div.special p { color: #fff; width: 80%; margin: o auto; display: inline-block; font-size: 1.4em; }
	section.main div.special div#arrow { width: 109px; height: 75px; background: url(../images/arrow.png); position: absolute; bottom: -70px; left: -webkit-calc(50% - 55px); left: -moz-calc(50% - 55px); left: calc(50% - 55px); }


	section.main div.special2 { width:100%; margin: 0 auto; margin-top: 0em; margin-bottom: 5em; font-size: 0.94em; background: rgb(44, 210, 230); padding: 3em 0 5em 0; position: relative; background-image: url("images/light-tl.svg"), url("images/light-tr.svg"); background-position: top left, top right, top left, bottom center; background-repeat: no-repeat, no-repeat, repeat, no-repeat; background-size: 25em, 25em, auto, cover; }
	section.main div.special2 h2 { color: #fff; width: 70%; margin: 0 auto; font-size: 2em; font-family: TitilliumWebLight; line-height:1.2em; }
	section.main div.special2 p { color: #fff; width: 80%; margin: 0 auto; padding-top:3em; display: inline-block; font-size: 0.94em; }
	section.main div.special2 div#arrow { width: 109px; height: 75px; background: url(../images/arrow.png); position: absolute; bottom: -70px; left: -webkit-calc(50% - 55px); left: -moz-calc(50% - 55px); left: calc(50% - 55px); }


	section#see_work { width: 100%; text-align: center; padding: 5em 0; background-image: url(../images/banner.jpg); background-size: cover; background-position-y: 50%; }
	section#see_work2 { width: 100%; text-align: center; padding: 7em 0; background-position: top left, top right, top left, bottom center; background-repeat: no-repeat, no-repeat, repeat, no-repeat; background-size: 25em, 25em, auto, cover; }
	section#see_work a { color: #fff; }
	section#see_work a:hover { border: 1px solid #fff; background: rgba(255,255,255,0.2); }

	section#works { margin: 0 auto; position:relative; text-align:center; margin-top: 3.3em; }
	section#works div.work_entry { width: 20%; display: block; float: left; position: relative; }
	section#works div.work_entry a { border: 0; display: block; margin:0; padding: 0;}
	section#works div.work_entry img { width: 100%; display: block; }
	section#works div.work_entry span { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); }
	section#works div.work_entry h4 { display: block; position: absolute; bottom: 0; left: 0.8em; line-height: 1.5em; text-align: left; width: 100%; color: rgba(0,0,0,1); }
	section#works div.work_entry h5 { display: block; position: absolute; left: 0.9em; bottom:2.5em; line-height: 1.5em; text-align: left; width: 100%; color: rgba(0,0,0,1); font-size:0.7em; color: #2cd2e6; }

	section#works div.work_entry a:hover span { display: block; }

	section#work_content { clear:both; padding-bottom: 5em; width: 80%; margin: 0 auto; }
	.pad { padding-top: 3em; }
	section#work_content div.left_col { width: 46%; margin-right: 5%; float: left; }
	section#work_content h2 { width: 100%; border-bottom: 1px solid #000; color: #000; padding-bottom:0.5em; }
	section#work_content div.left_col h2 { font-size:2.3em; line-height:1.2em; }
	section#work_content div.left_col h3 { font-family: TitilliumWebSemiBold; font-size: 1.4em; line-height: 1.4em; color: #000; border-bottom: 1px solid #000; padding-bottom:0.5em;}
	section#work_content div.left_col h4 { font-size:2.3em; line-height: 1.4em; color: #000; border-bottom: none; padding-bottom:0.5em; margin-top: 0.73em;}
	section#work_content div.left_col h5 { font-size:1.8em; line-height: 1.3em; color: #000; border-bottom: none; padding-bottom:0.5em; margin-top: 0.73em;}
	section#work_content div.left_col h6 { font-size:1.4em; line-height: 1.3em; color: #000; border-bottom: 1px solid #000; padding-bottom:0.5em; margin-top: 0.73em;}
	section#work_content div.left_col p { font-size: 1em; line-height: 1.7em; }
	section#work_content div.left_col ul { list-style: none; width: 100%; padding: 0; margin: 0; }
	section#work_content div.left_col li { width: 46%; float: left; padding-left: 1em; text-indent: -.7em; font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.5em; }
	section#work_content div.left_col li:before { content: "• "; color: rgb(44, 210, 230); font-family: "Arial"; }

	.left_col {text-align:left;}
	.right_col { margin-top: 2em; text-align:left; }
	.right_col2 { margin-top: 2em; text-align:left; }
	.thirty { margin-top: 70%; }
	.thirty2 { margin-top: 50%; }
	.grey { color: #999; text-transform: uppercase; }
	.quote { color: #2cd2e6; font-family: TitilliumWebItalic; }
	.dark { color: #000; }
	.azul { color: #2cd2e6; }
	.dark2 { color: #000;  }
	.staff { color: #2cd2e6; font-family: TitilliumWebSemiBold; }
	.staff2 { color: #000; font-family: TitilliumWebLight; }
	.border { border-top: 1px solid #2cd2e6; padding-top: 2em;}
	.contact { color: #000; }
	.underline { color: #000; text-decoration: underline; }
	.underlineblue { color: #2cd2e6; }
	.client { font-size:0.4em; color: #2cd2e6;  }
	.topwork { margin-top: 8.1em;}
	.icons { float:left;}

	section#work_content { margin-top: 2em; }
	section#work_content div.right_col { width: 45%; float: left; margin-top: 2em; }
	section#work_content div.right_col p { color: rgb(44, 210, 230); font-family: TitilliumWebItalic; font-size: 1.8em; line-height: 1.4em; }

	section#work_content div.right_col2 { width: 48%; float: left; margin-top: 0em; }
	section#work_content div.right_col2 p { font-size: 1em; line-height: 1.7em; }
	section#work_content div.right_col2 h3 { font-family: TitilliumWebSemiBold; font-size: 1.4em; line-height: 1.4em; color: #000; border-bottom: 1px solid #000; padding-bottom:0.5em; letter-spacing:0em;}
	section#work_content div.right_col h4 { color: #000; font-family: TitilliumWebItalic; font-size: 1.8em; line-height: 1.4em; margin-top: 40%; }
	section#work_content div.right_col h5 { color: #2cd2e6; font-family: TitilliumWebItalic; font-size: 1.8em; line-height: 1.4em; margin-top: 40%; }

	hr.work_entries_start { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 2em 0; }
	hr.work_entries_start2 { padding: 0 0 1.5em 0; }
	hr.work_entries_start3 { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 2.5em 0; }
	hr.work_entries_start4 { padding: 0 0 0.5em 0; }
	hr.work_entries_start5 { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 1.2em 0; }

	section.work_slideshow { width: 100%; }
	section.work_slideshow div { background: #eaeaea; width: 100%; text-align: center; padding: 0.5em 0; }
	section.work_slideshow div img { width: 65%; margin: 0 auto; cursor: move; }
	section.work_slideshow div iframe { width: 80%; margin: 3em auto; }
	section.work_slideshow ul.slick-dots { list-style: none; text-align: center; }
	section.work_slideshow ul.slick-dots li { display: inline-block; margin: 0 0.5em; text-align: center; }
	section.work_slideshow ul.slick-dots li button { background: transparent; border:1.8px solid rgb(44, 210, 230); color: rgb(44, 210, 230); width: 10px; height: 14px; border-radius: 50px; text-indent: -999px; cursor: pointer; outline: 0; }
	section.work_slideshow ul.slick-dots li.slick-active button { background: rgb(44, 210, 230); color: rgb(44, 210, 230); width: 16px; height: 16px; border: 2px solid transparent; border-radius: 50px; text-indent: -999px; cursor: pointer; outline: 0; }
	section.work_slideshow ul.slick-dots li button:focus {outline:0;}

	section.work_detail { margin: 0 auto; margin-top: 0em; width: 80%; }
	section.work_detail h1 { color: #000; font-size: 2em; margin-bottom: 0.3em; line-height:0.8em; }
	section.work_detail p { color: #aaa; font-size: 0.9em; margin-bottom: 0.5em; }
	section.work_detail img { width: 100%; margin: 1em 0; }
	section.work_detail p.col_left { float: left; width: 45%; margin-right: 5%; }
	section.work_detail h1.col_left { float: left; width: 45%; margin-right: 5%; }
	.black { color: #000; }

	section.work_detail_nav { position: fixed; top: 4em; right: 0; z-index: 200; }
	section.work_detail_nav a { border-bottom: 1px solid #aaa; display: block; cursor: pointer; }
	section.work_detail_nav a:last-child { border-bottom:0; border-bottom: 0; }
	section.work_detail_nav img { display:block; }

	div.video_slideshow { width: 100%; margin: 0 auto; margin-top: 1em;  padding: 2em 2em 3em 2em; position: relative; border-top: 1px solid #2cd2e6; }
	div.video_slideshow_entry { margin: 0 2%; }
	div.video_slideshow_entry2 { margin: 0 3%; }
	div.video_slideshow_entry2 img { width: 100%; cursor: pointer; }
	div.video_slideshow_entry2 span.video_url { display: none; }
	div.video_slideshow_entry3 { margin: 0 6%; }
	div.video_slideshow_entry3 img { width: 100%; cursor: pointer; }
	div.video_slideshow_entry3 span.video_url { display: none; }
	div.video_slideshow_entry img { width: 100%; cursor: pointer; }
	div.video_slideshow_entry span.video_url { display: none; }
	div.video_slideshow .slick-prev { position: absolute; left: 0px; top: -0.5em; height: 100%; width: 4%; min-width: 36px; text-indent: -99999px; background: url(../images/arrow_prev.png) center center no-repeat; border: 0; outline: none; cursor:pointer; }
	div.video_slideshow .slick-next { position: absolute; right: 0px; top: -0.5em; height: 100%; width: 4%; min-width: 36px; text-indent: -99999px; background: url(../images/arrow_next.png) center center no-repeat; border: 0; outline: none; cursor:pointer; }
	div#video_container {display:none;position:fixed;width:100%;height:100%;z-index:400;background:rgba(255,255,255,0.85);top:0;left:0;}
	div#video_container span {position:absolute;left:20%;height:50%;display:block;width:60%;}
	div#video_container a {display:block;width:25px;height:25px;background:url(../images/close_video.png);cursor:pointer;position:absolute;right:-30px;top:-30px;border:0;}

	footer { background: #000; width: 100%; padding: 10em 0 3em 0; clear: both; }
	footer ul { float: right; list-style: none; margin-right: 3em; }
	footer ul li { float: left; margin-left: 0.6em; }
	footer ul li a { display: block; width: 3em; height: 3em; background: #fff; border-radius: 3em; }
	footer div.copyright { margin-left: 3em; }
	footer div.copyright h2 { margin-bottom: 0; }
	footer div.copyright p { font-size: 0.75em; line-height: 1.3em;}

	.footer2 { background: #FFF; width: 100%; padding: 0em 0 3em 0; clear: both; font-size: 2em; }
	.footer2 ul { margin-right:1.5em; }

	.footer3 { background: #FFF; width: 100%; padding: 0em 0 3em 0; clear: both; font-size: 2em; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 3em 0; }
	.footer3 ul { margin-right:1.5em; }

	/* Styles for responsiveness */
	a#toggle { background: rgba(200,200,200,0.75); display: none; position: fixed; z-index: 400; border:0; cursor: pointer; }

	@media (max-width: 1400px) { section#works div.work_entry { width: 25%; display: block; float: left; } }
	@media (max-width: 925px) { section#works div.work_entry { width: 33.333%; display: block; float: left; } }
	@media (max-width: 500px) { section#works div.work_entry { width: 50%; display: block; float: left; } }
	@media (max-width: 400px) { section#works div.work_entry { width: 100%; display: block; float: left; } }

	@media (max-width: 874px) {
		body { background-repeat: no-repeat; background-size: contain; background-position: top center; background-attachment: fixed; }
		a#toggle { display: block; width: 40px; height: 40px; top: 10px; left: 10px; background-image: url(../images/menu_icon.png); }
		header#header { display: none; }
		header#header_mobile { display: block; position:fixed; z-index: 300; height: 100%; width: 250px !important; top:0; left: -250px; background: #1c2021 !important; height: inherit !important; }
		header#header_mobile nav { float: left !important; width:100%; margin-top: 4em; }
		header#header_mobile nav ul { padding: 0; width: 85%; margin: 0 auto; }
		header#header_mobile nav ul li { display:block; margin: 0; border-bottom: 1px solid #333; width: 100%;}
		header#header_mobile nav ul li a { line-height: 2em; }
		section#works { margin: 0 auto; position:relative; text-align:center; margin-top: 0em; }
		section#work_content { padding-bottom: 0; }
		section#work_content div.left_col { width: 100%; }
		section#work_content div.right_col { width: 100%; margin-top: 2em; }
		section#work_content div.right_col2 { width: 100%; margin-top: 2em; }
		section.work_detail p.col_left { width: 100%; float: none; }
		section.work_detail p.black { color: #000; margin-top: 2em; }

		section.main div.article_1col { width: 85%; margin: 0 auto; margin-bottom: 5em; font-size: 1.2em; clear: both; }
		section.main div.article_2col { width: 85%; margin: 0 auto; margin-bottom: 5em; font-size: 1.2em; clear: both; }
		section.main div.article_2col p { width: 100%; font-size: 0.9em; text-align: left; }
		section.main div.article_3col { width: 85%; margin: 0 auto; margin-bottom: 2em; clear: both; }
		section.main div.article_3col p { width: 100%;  text-align: left; }

		section.work_slideshow ul.slick-dots { display: none !important; }
		section.work_detail_nav { display: none; }

		section#see_work { display: none; }
		section#see_work2 { display: none; }

		hr.work_entries_start { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 2em 0; }
		hr.work_entries_start2 { padding: 0 0 1.5em 0; display: block; height: 3em; width: 100%;}
		hr.work_entries_start3 { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 2.5em 0; }
		hr.work_entries_start4 { padding: 0 0 0.5em 0; display: block; height: 3em; width: 100%;}
		hr.work_entries_start5 { -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5); padding: 0 0 1.2em 0; }

		.topwork { margin-top: 0.5em;}
		section.main { background:#fff; width: 100%; padding: 0em 0; text-align: center; }
		.thirty2 { margin-top: 10%; }
		.thirty { margin-top: 10%; }
		.footer2 ul { margin-left:0em; text-align:left; }
		.footer3 ul { margin-left:0em; text-align:left; }
	}


/*New Banner*/


@media (max-width: 1300px) {
	section#banner h2 { padding: 4.5em 2%; }
}

@media (max-width: 1070px) {
	section#banner h2 { font-size: 2.2em; padding: 4em 2%; }
}


@media (max-width: 950px) {
	section#banner h2 { font-size: 1.5em; padding: 3em 2%; }
	section#banner h2 img { display: none; }
	section.main { padding-top: 1px; }
}

@media (max-width: 530px) {
	div#background img { width: 196%; margin-left: -30%; }
	section#banner h2 { font-size: 1.33em; padding: 2.5em 2%; }
	section.main div.article1 { margin-top: 1em; }
}