html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#settings-container {
	position: fixed;
	top: 200px;
	left: -260px;
	width: 310px;
	height: 300px;
	z-index: 99
}
#settings {
	width: 260px;
	height: 300px;
	background: #000;
	float: left;
	color: #fff;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
#settings h3 {
	font: 22px/1.2em "Oswald", Arial, sans-serif;
	padding: 12px;
	background-color: #fd0;
	color: #000;
	text-transform: uppercase
}
#settings .conf-param {
	margin: 0;
	padding: 10px
}
#settings .conf-param .clear {
	clear: both;
	line-height: 0
}
#settings .conf-param h4 {
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	text-align: left
}
#settings .conf-param .image-scheme {
	float: left;
	width: 110px;
	height: auto;
	padding: 2px 0;
	margin: 10px 10px 0 0;
	cursor: pointer;
	font: 11px/1.5em "Oswald", Arial, sans-serif;
	text-align: center;
	border: 1px solid #505a5a;
	background-color: #000;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s
}
#settings .conf-param .image-scheme:hover {
	background-color: #fff;
	color: #000
}
#settings .conf-param .color-scheme {
	float: left;
	width: 30px;
	height: 15px;
	margin: 10px 10px 0 0;
	cursor: pointer
}
#settings .conf-param .background-scheme {
	float: left;
	width: 110px;
	height: auto;
	padding: 2px 0;
	margin: 10px 10px 0 0;
	cursor: pointer;
	font: 11px/1.5em "Oswald", Arial, sans-serif;
	text-align: center;
	border: 1px solid #505a5a;
	transition: all .5s;
	-webkit-transition: all .5s
}
#settings .conf-param .blue {
	background-color: #48b
}
#settings .conf-param .green {
	background-color: #5db
}
#settings .conf-param .yellow {
	background-color: #fd0
}
#settings .conf-param .red {
	background-color: #f64
}
#settings .conf-param .tyrkis {
	background-color: #be7
}
#settings .conf-param .purple {
	background-color: #dad
}
#settings .conf-param .white {
	background-color: #fff;
	color: #000
}
#settings .conf-param .white:hover {
	background-color: #000;
	color: #fff
}
#settings .conf-param .black {
	background-color: #000;
	color: #fff
}
#settings .conf-param .black:hover {
	background-color: #fff;
	color: #000
}
#settings-toggler {
	width: 50px;
	height: 50px;
	background: #fd0;
	float: left;
	padding: 9px;
	cursor: pointer;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
#settings-toggler span {
	font-size: 32px;
	color: #000
}
@font-face {
	font-family: 'visual-custom';
	src: url('fonts/visual-custom.eot');
	src: url('fonts/visual-customd41d.eot?#iefix') format('embedded-opentype'), url('fonts/visual-custom.woff') format('woff'), url('fonts/visual-custom.ttf') format('truetype'), url('fonts/visual-custom.svg#visual-custom') format('svg');
	font-weight: normal;
	font-style: normal
}
.icon-heart, .icon-user, .icon-location, .icon-mail, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-facebook, .icon-instagram, .icon-twitter, .icon-feed, .icon-youtube, .icon-vimeo, .icon-flickr, .icon-picassa, .icon-dribbble, .icon-forrst, .icon-deviantart, .icon-steam, .icon-github, .icon-github-2, .icon-github-3, .icon-wordpress, .icon-joomla, .icon-blogger, .icon-tumblr, .icon-skype, .icon-reddit, .icon-linkedin, .icon-lastfm, .icon-delicious, .icon-stackoverflow, .icon-paypal, .icon-yelp, .icon-envelope, .icon-picture, .icon-earth, .icon-eye, .icon-wrench, .icon-cog, .icon-cog-2, .icon-cogs, .icon-cog-3, .icon-phone, .icon-support, .icon-image, .icon-image-2, .icon-images {
	font-family: 'visual-custom';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}
.icon-heart:before {
	content: "\e000"
}
.icon-user:before {
	content: "\e001"
}
.icon-location:before {
	content: "\e002"
}
.icon-mail:before {
	content: "\e003"
}
.icon-google:before {
	content: "\e004"
}
.icon-google-plus:before {
	content: "\e005"
}
.icon-google-plus-2:before {
	content: "\e006"
}
.icon-facebook:before {
	content: "\e007"
}
.icon-instagram:before {
	content: "\e008"
}
.icon-twitter:before {
	content: "\e009"
}
.icon-feed:before {
	content: "\e00a"
}
.icon-youtube:before {
	content: "\e00c"
}
.icon-vimeo:before {
	content: "\e00b"
}
.icon-flickr:before {
	content: "\e00d"
}
.icon-picassa:before {
	content: "\e00e"
}
.icon-dribbble:before {
	content: "\e00f"
}
.icon-forrst:before {
	content: "\e010"
}
.icon-deviantart:before {
	content: "\e011"
}
.icon-steam:before {
	content: "\e012"
}
.icon-github:before {
	content: "\e013"
}
.icon-github-2:before {
	content: "\e014"
}
.icon-github-3:before {
	content: "\e015"
}
.icon-wordpress:before {
	content: "\e016"
}
.icon-joomla:before {
	content: "\e017"
}
.icon-blogger:before {
	content: "\e018"
}
.icon-tumblr:before {
	content: "\e019"
}
.icon-skype:before {
	content: "\e01a"
}
.icon-reddit:before {
	content: "\e01b"
}
.icon-linkedin:before {
	content: "\e01c"
}
.icon-lastfm:before {
	content: "\e01d"
}
.icon-delicious:before {
	content: "\e01e"
}
.icon-stackoverflow:before {
	content: "\e01f"
}
.icon-paypal:before {
	content: "\e020"
}
.icon-yelp:before {
	content: "\e021"
}
.icon-envelope:before {
	content: "\e022"
}
.icon-picture:before {
	content: "\e023"
}
.icon-earth:before {
	content: "\e024"
}
.icon-eye:before {
	content: "\e026"
}
.icon-wrench:before {
	content: "\e027"
}
.icon-cog:before {
	content: "\e028"
}
.icon-cog-2:before {
	content: "\e029"
}
.icon-cogs:before {
	content: "\e02a"
}
.icon-cog-3:before {
	content: "\e02b"
}
.icon-phone:before {
	content: "\e02c"
}
.icon-support:before {
	content: "\e025"
}
.icon-image:before {
	content: "\e02d"
}
.icon-image-2:before {
	content: "\e02e"
}
.icon-images:before {
	content: "\e02f"
}
body, html {
	height: 100%
}
body ::selection, html ::selection {
	background: #fd0;
	color: #fff
}
body ::-moz-selection, html ::-moz-selection {
background:#fd0;
color:#fff
}
body {
	font: 16px/24px "Open Sans", Helvetica, Arial, sans-serif;
	color: #505a5a;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased
}
p {
	margin-bottom: 24px
}
.caps {
	text-transform: uppercase;
	padding: 0 12px
}
.colored {
	color: #fd0
}
h1 {
	position: relative;
	font: 30px/1em "Oswald", Arial, sans-serif;
	font-weight: 700;
	color: #fd0;
	text-align: center;
	display: inline-block;
	padding: 12px;
	border-top: 3px solid #fd0;
	border-bottom: 3px solid #fd0
}
h1:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid #fd0;
	border-top: 0 solid transparent!important;
	border-right: 10px solid transparent!important;
	border-left: 10px solid transparent!important;
	left: 50%;
	top: -12px;
	margin-left: -10px
}
h1:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid #fd0;
	border-bottom: 0 solid transparent!important;
	border-right: 20px solid transparent!important;
	border-left: 20px solid transparent!important;
	left: 50%;
	bottom: -20px;
	margin-left: -20px
}
h1.blue:before {
	border: 7px solid #48b
}
h1.blue:after {
	border: 15px solid #48b
}
h1.green:before {
	border: 7px solid #5db
}
h1.green:after {
	border: 15px solid #5db
}
h1.yellow:before {
	border: 7px solid #fd0
}
h1.yellow:after {
	border: 15px solid #fd0
}
h1.red:before {
	border: 7px solid #f64
}
h1.red:after {
	border: 15px solid #f64
}
h1.tyrkis:before {
	border: 7px solid #be7
}
h1.tyrkis:after {
	border: 15px solid #be7
}
h1.purple:before {
	border: 7px solid #dad
}
h1.purple:after {
	border: 15px solid #dad
}
h2 {
	font: 40px/1.2em "Oswald", Arial, sans-serif;
	text-align: center
}
h3 {
	font: 36px/1.2em "Oswald", Arial, sans-serif;
	text-align: center
}
h4 {
	font: 24px/1.5em "Oswald", Arial, sans-serif;
	text-align: center
}
a {
	color: #fd0;
	text-decoration: none
}
.section-padding {
	padding: 48px 0 24px
}
.section-title {
	width: auto;
	margin: 0 auto 48px;
	text-align: center
}
.section-subtitle {
	font: 24px/1.5em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: auto;
	margin: 0 auto;
	text-align: center
}
.colored-bg {
	background-color: #f9f9f9;
	padding-bottom: 24px
}
section.featured {
	height: 100%;
	min-height: 800px
}
div.featured-section {
	width: 100%;
	height: 100%;
	min-height: 800px;
	padding-top: 24px;
	padding-bottom: 120px;
	background-color: #fff;
	background: url("../images/featured.jpg") no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center
}
div.featured-section .logo-holder {
	margin: 120px auto;
	width: 100%
}
div.featured-section .logo-holder a {
	text-decoration: none;
	font: 72px/1em "Oswald", Arial, sans-serif;
	padding: 0 24px;
	border-top: 5px solid;
	border-bottom: 5px solid;
	color: #fd0;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.75);
	transition: all .5s;
	-webkit-transition: all .5s
}
div.featured-section .logo-holder a.blue {
	color: #48b
}
div.featured-section .logo-holder a.green {
	color: #5db
}
div.featured-section .logo-holder a.yellow {
	color: #fd0
}
div.featured-section .logo-holder a.red {
	color: #f64
}
div.featured-section .logo-holder a.tyrkis {
	color: #be7
}
div.featured-section .logo-holder a.purple {
	color: #dad
}
div.featured-section .logo-holder a:hover {
	color: #fff;
	font-size: 96px
}
div.featured-section .featured-slider {
	margin-top: 72px;
	padding: 48px 0 24px;
	background-color: rgba(0,0,0,0.25)
}
div.featured-section p.h1 {
	color: #fff;
	font: 60px/1em "Oswald", Arial, sans-serif;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.75)
}
div.featured-section p.h2 {
	color: #fff;
	font: 36px/1.5em "Oswald", Arial, sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	padding-top: 24px
}

@media(min-width:480px) and (max-width:767px) {
div.featured-section .logo-holder a {
	font: 60px/1em "Oswald", Arial, sans-serif;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.75)
}
div.featured-section .logo-holder a:hover {
	font-size: 84px
}
div.featured-section .featured-slider {
	margin-top: 60px;
	padding: 48px 0 24px;
	background-color: rgba(0,0,0,0.25)
}
div.featured-section p.h1 {
	color: #fff;
	font: 84px/1em "Oswald", Arial, sans-serif;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.75)
}
div.featured-section p.h2 {
	color: #fff;
	font: 30px/1.5em "Oswald", Arial, sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	padding-top: 24px
}
}

@media(min-width:320px) and (max-width:479px) {
div.featured-section {
	min-height: 460px;
	padding-top: 60px;
	padding-bottom: 60px
}
div.featured-section .logo-holder {
	margin: 60px auto
}
div.featured-section .logo-holder a {
	font: 48px/1em "Oswald", Arial, sans-serif;
	border-top: 4px solid;
	border-bottom: 4px solid;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.75)
}
div.featured-section .logo-holder a:hover {
	font-size: 60px
}
div.featured-section .featured-slider {
	margin-top: 24px;
	padding: 24px 0;
	background-color: rgba(0,0,0,0.25)
}
div.featured-section p.h1 {
	font: 72px/1em "Oswald", Arial, sans-serif;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.75)
}
div.featured-section p.h2 {
	font: 24px/1.5em "Oswald", Arial, sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	padding-top: 24px
}
}
#main-nav {
	background-color: #fff;
	z-index: 1000;
	width: 100%;
	position: fixed;
	top: 0
}
#main-nav a.brand {
	text-decoration: none;
	outline: 0;
	color: #505a5a;
	font: 30px/1em "Oswald", Arial, sans-serif;
	padding: 25px;
	float: left;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.25)
}
#nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none
}
#nav li {
	width: 100%;
	display: block
}
.js #nav {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1
}
#nav.opened {
	max-height: 9999px
}

@media screen and (min-width:768px) {
.js #nav {
	position: relative
}
.js #nav.closed {
	max-height: none
}
#nav-toggle {
	display: none
}
}
#main-nav {
	height: 80px;
	font: 18px/1.5em "Oswald", Arial, sans-serif;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.95);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.95)
}
#nav ul {
	height: 80px
}

@media(min-width:768px) {
#nav ul li {
	height: 80px
}
}
#nav, #nav * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#nav, #nav ul {
	list-style: none;
	float: right;
	height: 80px
}

@media(max-width:767px) {
#nav, #nav ul {
	width: 100%;
	height: auto
}
}
#nav li {
	float: left
}

@media(max-width:767px) {
#nav li {
	background-color: #fafafa
}
#nav.opened {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.25)
}
#nav a {
	width: 100%
}
}

@media(min-width:768px) {
#nav a {
	float: left;
	text-align: center
}
#nav ul ul a {
	display: none
}
#nav li {
	width: auto;
	position: relative;
	border-bottom: 4px solid #fff;
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li a {
	color: #505a5a;
	text-decoration: none;
	padding: 30px 24px 23px;
	float: left;
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li:before {
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li:hover {
	border-bottom: 4px solid #fd0
}
#nav li:hover a {
	color: #fd0
}
#nav li:hover:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid #fd0;
	border-top: 0 solid transparent!important;
	border-right: 10px solid transparent!important;
	border-left: 10px solid transparent!important;
	left: 50%;
	bottom: 0;
	margin-left: -10px
}
#nav li.blue:hover a {
	color: #48b
}
#nav li.blue:hover {
	border-bottom: 4px solid #48b
}
#nav li.blue:before {
	border: 7px solid #48b
}
#nav li.green:hover a {
	color: #5db
}
#nav li.green:hover {
	border-bottom: 4px solid #5db
}
#nav li.green:before {
	border: 7px solid #5db
}
#nav li.yellow:hover a {
	color: #fd0
}
#nav li.yellow:hover {
	border-bottom: 4px solid #fd0
}
#nav li.yellow:before {
	border: 7px solid #fd0
}
#nav li.red:hover a {
	color: #f64
}
#nav li.red:hover {
	border-bottom: 4px solid #f64
}
#nav li.red:before {
	border: 7px solid #f64
}
#nav li.tyrkis:hover a {
	color: #be7
}
#nav li.tyrkis:hover {
	border-bottom: 4px solid #be7
}
#nav li.tyrkis:before {
	border: 7px solid #be7
}
#nav li.purple:hover a {
	color: #dad
}
#nav li.purple:hover {
	border-bottom: 4px solid #dad
}
#nav li.purple:before {
	border: 7px solid #dad
}
}

@media(max-width:767px) {
#nav li {
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li:before {
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li a {
	color: #505a5a;
	text-decoration: none;
	padding: 30px 24px 23px;
	float: left;
	transition: all .5s;
	-webkit-transition: all .5s
}
#nav li:hover a {
	color: #fd0;
	padding-left: 48px;
	background-color: #f0f0f0
}
}
#nav ul ul a {
	background: #ca3716;
	padding-left: 2em
}
#nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 72px;
	height: 72px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background: #505a5a url("../images/hamburger.gif") no-repeat 50% 33%
}

@media screen and (max-width:767px) {
#nav-toggle {
	background-image: url("../images/hamburger-retina.gif");
	-webkit-background-size: 100px 100px;
	-moz-background-size: 100px 100px;
	-o-background-size: 100px 100px;
	background-size: 100px 100px
}
}
.countdown {
	padding-top: 48px
}
#countdown {
	width: 762px;
	height: 120px;
	margin: 48px auto 24px
}
.days, .hours, .minutes, .seconds {
	width: 120px;
	height: 120px;
	margin: 0 24px;
	float: left;
	text-align: center
}
.days {
	margin-left: 24px
}
.seconds {
	margin-right: 24px
}
span.value {
	font: 84px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #fd0
}
span.time-unit {
	font: 18px/1.5em "Oswald", Arial, sans-serif;
	font-weight: 400;
	color: #505a5a
}
div.dots {
	font: 72px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #505a5a;
	float: left;
	width: 30px;
	height: 84px
}

@media(min-width:768px) and (max-width:959px) {
#countdown {
	width: 714px;
	height: 108px
}
.days, .hours, .minutes, .seconds {
	margin: 0 18px
}
.days {
	margin-left: 18px
}
.seconds {
	margin-right: 18px
}
}

@media(min-width:480px) and (max-width:767px) {
#countdown {
	width: 476px;
	height: 72px
}
.days, .hours, .minutes, .seconds {
	width: 72px;
	height: 72px;
	margin: 0 16px
}
.days {
	margin-left: 16px
}
.seconds {
	margin-right: 16px
}
span.value {
	font: 60px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700
}
span.time-unit {
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	font-weight: 400
}
div.dots {
	font: 48px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 20px;
	height: 60px
}
}

@media(max-width:479px) {
#countdown {
	width: 300px;
	height: 48px
}
.days, .hours, .minutes, .seconds {
	width: 40px;
	height: 48px;
	margin: 0 12px
}
.days {
	margin-left: 12px
}
.seconds {
	margin-right: 12px
}
span.value {
	font: 32px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700
}
span.time-unit {
	font: 12px/1.5em "Oswald", Arial, sans-serif;
	font-weight: 400
}
div.dots {
	font: 28px/1em "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 12px;
	height: 48px
}
}
.our-team {
	padding-bottom: 24px;
	padding-top: 48px
}
.our-team li {
	text-align: justify;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.our-team li .image-overlay {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fd0;
	overflow: hidden;
	transition: all .5s;
	-webkit-transition: all .5s
}
.our-team li .image-overlay img {
	width: 100%
}
.our-team li .image-overlay h2 {
	position: absolute;
	top: -50%;
	left: 0;
	right: 0;
	font: 24px/1.5em "Oswald", Arial, sans-serif;
	color: #fff;
	background-color: #fd0;
	padding: 6px
}
.our-team li .image-overlay.blue {
	background-color: #48b
}
.our-team li .image-overlay.green {
	background-color: #5db
}
.our-team li .image-overlay.yellow {
	background-color: #fd0
}
.our-team li .image-overlay.red {
	background-color: #f64
}
.our-team li .image-overlay.tyrkis {
	background-color: #be7
}
.our-team li .image-overlay.purple {
	background-color: #dad
}
.our-team li:hover .image-overlay {
	background-color: #d7d7d7
}
.our-team li h2 {
	padding: 12px;
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	text-transform: uppercase
}
.separator1 {
	width: 100%;
	height: 600px;
	background: url("../images/separator1.jpg") no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.separator1 .separator-overlay1 {
	width: 100%;
	height: 100%;
	background: url("../images/vertical.png") repeat center center;
	text-align: center
}
.separator1 .separator-overlay1 .separator-text {
	margin: 0 auto;
	padding-top: 200px;
	width: 60%;
	min-width: 300px;
	font: 32px/1.2em "Oswald", Arial, sans-serif;
	color: #fff;
	text-transform: uppercase
}
.separator1 .separator-overlay1 .separator-text p {
	position: relative;
	padding: 12px 0;
	border-top: 2px solid #fd0;
	border-bottom: 2px solid #fd0
}
.separator1 .separator-overlay1 .separator-text p:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid #fd0;
	border-top: 0 solid transparent!important;
	border-right: 10px solid transparent!important;
	border-left: 10px solid transparent!important;
	left: 50%;
	top: -12px;
	margin-left: -10px
}
.separator1 .separator-overlay1 .separator-text p:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid #fd0;
	border-bottom: 0 solid transparent!important;
	border-right: 20px solid transparent!important;
	border-left: 20px solid transparent!important;
	left: 50%;
	bottom: -20px;
	margin-left: -20px
}
.separator1 .separator-overlay1 .separator-text p.blue {
	border-top: 2px solid #48b;
	border-bottom: 2px solid #48b
}
.separator1 .separator-overlay1 .separator-text p.blue:before {
	border: 7px solid #48b
}
.separator1 .separator-overlay1 .separator-text p.blue:after {
	border: 15px solid #48b
}
.separator1 .separator-overlay1 .separator-text p.green {
	border-top: 2px solid #5db;
	border-bottom: 2px solid #5db
}
.separator1 .separator-overlay1 .separator-text p.green:before {
	border: 7px solid #5db
}
.separator1 .separator-overlay1 .separator-text p.green:after {
	border: 15px solid #5db
}
.separator1 .separator-overlay1 .separator-text p.yellow {
	border-top: 2px solid #fd0;
	border-bottom: 2px solid #fd0
}
.separator1 .separator-overlay1 .separator-text p.yellow:before {
	border: 7px solid #fd0
}
.separator1 .separator-overlay1 .separator-text p.yellow:after {
	border: 15px solid #fd0
}
.separator1 .separator-overlay1 .separator-text p.red {
	border-top: 2px solid #f64;
	border-bottom: 2px solid #f64
}
.separator1 .separator-overlay1 .separator-text p.red:before {
	border: 7px solid #f64
}
.separator1 .separator-overlay1 .separator-text p.red:after {
	border: 15px solid #f64
}
.separator1 .separator-overlay1 .separator-text p.tyrkis {
	border-top: 2px solid #be7;
	border-bottom: 2px solid #be7
}
.separator1 .separator-overlay1 .separator-text p.tyrkis:before {
	border: 7px solid #be7
}
.separator1 .separator-overlay1 .separator-text p.tyrkis:after {
	border: 15px solid #be7
}
.separator1 .separator-overlay1 .separator-text p.purple {
	border-top: 2px solid #dad;
	border-bottom: 2px solid #dad
}
.separator1 .separator-overlay1 .separator-text p.purple:before {
	border: 7px solid #dad
}
.separator1 .separator-overlay1 .separator-text p.purple:after {
	border: 15px solid #dad
}

@media(min-width:768px) and (max-width:959px) {
.separator1 .separator-overlay1 .separator-text {
	width: 80%
}
}

@media(min-width:480px) and (max-width:767px) {
.separator1 .separator-overlay1 .separator-text {
	padding-top: 100px;
	width: 80%
}
}

@media(max-width:479px) {
.separator1 .separator-overlay1 .separator-text {
	padding-top: 120px;
	width: 90%;
	font: 24px/1.2em "Oswald", Arial, sans-serif
}
}
.separator2 {
	width: 100%;
	height: 600px;
	background: url("../images/separator2.jpg") no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.separator2 .separator-overlay2 {
	width: 100%;
	height: 100%;
	background: url("../images/vertical.png") repeat center center;
	text-align: center
}
.separator2 .separator-overlay2 .separator-text {
	margin: 0 auto;
	padding-top: 160px;
	width: 60%;
	min-width: 300px;
	color: #fff;
	text-transform: uppercase
}
.separator2 .separator-overlay2 .separator-text h3 {
	font: 32px/1.2em "Oswald", Arial, sans-serif;
	color: #fd0
}
.separator2 .separator-overlay2 .separator-text p {
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	color: #fff;
	position: relative;
	padding: 12px 0
}
.separator2 .separator-overlay2 .separator-text .form-subscribe {
	text-align: center;
	position: relative
}
.separator2 .separator-overlay2 .separator-text .form-subscribe p {
	padding: 0
}
.separator2 .separator-overlay2 .separator-text #subscription-submitted {
	display: none;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fd0;
	padding: 12px 48px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.separator2 .separator-overlay2 .separator-text input[type="email"], .separator2 .separator-overlay2 .separator-text input[type="text"] {
	width: 100%;
	height: 60px;
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	border: 0;
	padding: 18px 24px;
	background-color: #fff;
	color: #505a5a;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	border-top: 2px solid #fd0
}
.separator2 .separator-overlay2 .separator-text input[type="submit"] {
	margin-top: 6px;
	height: 60px;
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	padding: 18px;
	background-color: #fd0;
	color: #fff;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-appearance: none;
	transition: all .5s;
	-webkit-transition: all .5s
}
.separator2 .separator-overlay2 .separator-text input[type="submit"]:hover {
	padding: 18px 48px
}
.service-features {
	padding-top: 48px
}
ul.service-features li {
	float: left;
	padding: 0 24px;
	color: #fd0;
	text-align: center;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all .5s;
	transition: all .5s
}
ul.service-features li:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}
ul.service-features li .service-wrapper {
	padding: 48px 0
}
ul.service-features li span {
	display: inline-block;
	font-size: 60px;
	text-align: justify;
	background-color: #fd0;
	color: #fff;
	padding: 24px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 4px solid #fff;
	-webkit-box-shadow: 0 0 0 2px #fd0;
	box-shadow: 0 0 0 2px #fd0;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden
}
ul.service-features li span:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}
ul.service-features li p {
	color: #505a5a;
	font-weight: 300
}
ul.service-features li h3 {
	font-size: 16px;
	color: #505a5a;
	text-transform: uppercase;
	padding-bottom: 12px
}
#message-sent-ok {
	display: none;
	width: 40%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	min-width: 300px;
	margin: 0 auto;
	background-color: #fd0;
	padding: 12px 48px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}
.size-minimal {
	min-height: 156px
}
.form-send-us-message {
	text-align: center;
	width: 100%
}
.form-send-us-message input[type="email"], .form-send-us-message input[type="text"] {
	text-align: center;
	width: 100%;
	height: 42px;
	font: 14px/21px "Oswald", Arial, sans-serif;
	padding: 4px;
	margin-bottom: 6px;
	outline: 0;
	color: #505a5a;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #e8e8e8;
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.05)
}
.form-send-us-message input[type="email"]:focus, .form-send-us-message input[type="text"]:focus {
	border-top: 2px solid #fd0
}
.form-send-us-message input[type="email"].blue:focus, .form-send-us-message input[type="text"].blue:focus {
	border-top: 2px solid #48b
}
.form-send-us-message input[type="email"].green:focus, .form-send-us-message input[type="text"].green:focus {
	border-top: 2px solid #5db
}
.form-send-us-message input[type="email"].yellow:focus, .form-send-us-message input[type="text"].yellow:focus {
	border-top: 2px solid #fd0
}
.form-send-us-message input[type="email"].red:focus, .form-send-us-message input[type="text"].red:focus {
	border-top: 2px solid #f64
}
.form-send-us-message input[type="email"].tyrkis:focus, .form-send-us-message input[type="text"].tyrkis:focus {
	border-top: 2px solid #be7
}
.form-send-us-message input[type="email"].purple:focus, .form-send-us-message input[type="text"].purple:focus {
	border-top: 2px solid #dad
}
.form-send-us-message textarea {
	text-align: center;
	min-width: 100%;
	max-width: 100%;
	min-height: 90px;
	font: 14px/21px "Oswald", Arial, sans-serif;
	padding: 4px;
	margin-bottom: 6px;
	outline: 0;
	color: #505a5a;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #e8e8e8;
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.05)
}
.form-send-us-message textarea:focus {
	border-top: 2px solid #fd0
}
.form-send-us-message textarea.blue:focus {
	border-top: 2px solid #48b
}
.form-send-us-message textarea.green:focus {
	border-top: 2px solid #5db
}
.form-send-us-message textarea.yellow:focus {
	border-top: 2px solid #fd0
}
.form-send-us-message textarea.red:focus {
	border-top: 2px solid #f64
}
.form-send-us-message textarea.tyrkis:focus {
	border-top: 2px solid #be7
}
.form-send-us-message textarea.purple:focus {
	border-top: 2px solid #dad
}
.form-send-us-message>p {
	width: 40%;
	min-width: 300px;
	margin: 0 auto;
	position: relative
}
.form-send-us-message input[type="submit"] {
	font: 16px/1.5em "Oswald", Arial, sans-serif;
	font-weight: 700;
	height: 48px;
	cursor: pointer;
	text-transform: uppercase;
	background-color: #fd0;
	color: #fff;
	padding: 12px;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-appearance: none;
	transition: all .5s;
	-webkit-transition: all .5s
}
.form-send-us-message input[type="submit"]:hover {
	padding: 12px 48px
}
#map {
	width: 100%;
	height: 400px
}
.address {
	width: 100%;
	padding: 48px 0 24px;
	background-color: #f9f9f9;
	font: 24px/1.2em "Oswald", Arial, sans-serif;
	color: #505a5a;
	text-transform: uppercase;
	text-align: center
}
.address h2 {
	padding-bottom: 48px
}
ul.social-top {
	list-style: none;
	text-align: center;
	margin: 80px 0 120px
}
ul.social-bottom {
	list-style: none;
	text-align: center;
	margin: 48px 0
}
li.social {
	display: inline-block;
	margin: 0 8px;
	border: 0 none;
	width: 48px;
	height: 48px;
	transition: all .5s;
	-webkit-transition: all .5s
}
a li.social {
	text-decoration: none;
	color: #fd0;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	font-size: 20px;
	line-height: 24px;
	padding: 12px
}
a li.social.blue {
	color: #48b
}
a li.social.green {
	color: #5db
}
a li.social.yellow {
	color: #fd0
}
a li.social.red {
	color: #f64
}
a li.social.tyrkis {
	color: #be7
}
a li.social.purple {
	color: #dad
}
a li.social:hover {
	color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75)
}
a li.social.facebook:hover {
	background-color: #3c5a98
}
a li.social.twitter:hover {
	background-color: #28a9e2
}
a li.social.googleplus:hover {
	background-color: #e46045
}
a li.social.tumblr:hover {
	background-color: #3b5876
}
a li.social.linkedin:hover {
	background-color: #007bb6
}
a li.social.youtube:hover {
	background-color: #c8312c
}
a li.social.vimeo:hover {
	background-color: #1dbce6
}
a li.social.flickr:hover {
	background-color: #ff0084
}
a li.social.dribbble:hover {
	background-color: #e04c86
}
a li.social.forrst:hover {
	background-color: #31723e
}
a li.social.deviantart:hover {
	background-color: #bad322
}
a li.social.skype:hover {
	background-color: #00b0f6
}

@media(min-width:320px) and (max-width:479px) {
ul.social li {
	margin-top: 6px
}
}
footer {
	width: 100%;
	background-color: #fff;
	background: url("../images/featured.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 48px 0 24px;
	text-align: center
}
footer p {
	margin: 0 auto;
	font: 14px/1.5em "Open Sans", Helvetica, Arial, sans-serif;
	color: #fd0
}
