/*-----------------------------------------------------------------
	#Table of Content
------------------------------------------------------------------- */
/*

  #Reset & Basics
  #Basic Styles
  #Typography
  #Links
  #Images
  #Forms
  #Custom
  #Header
  #Navgation
  #Home
  #Slider
  #About
  #Clients
  #Team
  #Video
  #Services
  #Quote
  #Portfolio
  #Contact
  #Footer
  #Background Fix For Tablets
  #Shortcodes
  #Twitter
  #Quote Box
  #Buttons
  #Pricing Tables

*/
/*-----------------------------------------------------------------
	#Reset & Basics (Inspired by E. Meyers)
------------------------------------------------------------------- */

  	html, body { height: 100%; }
	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; }


/*-----------------------------------------------------------------
	#Basic Styles
------------------------------------------------------------------- */

	body {
		background: #c8c8c8;
		font: 14px/1.5 "Open Sans", sans-serif; 
		font-weight: 400;
		color: #0b0b0b;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%; }


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

	h1, h2, h3, h4, h5, h6 {
		color: #0b0b0b;
		font-family: "Oswald", sans-serif;
		font-weight: 400;
		line-height: 1.5; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; margin-bottom: 14px;}
	h2 { font-size: 24px; margin-bottom: 10px; }
	h3 { font-size: 20px; margin-bottom: 8px; }
	h4 { font-size: 16px; margin-bottom: 4px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*  Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	::-moz-selection { color: #fff;}
	::selection { color: #fff; }


/*-----------------------------------------------------------------
	#Links
------------------------------------------------------------------- */

	a, a:visited { text-decoration: none; outline: 0; }
	p a, p a:visited { line-height: inherit; }


/*-----------------------------------------------------------------
	#Images
------------------------------------------------------------------- */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


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

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family: "Open Sans", sans-serif;
		border: 1px solid #333;
		padding: 6px 4px;
		margin-bottom: 20px;
		outline: none;
		font-size: 16px;
		color: #CCC;
		width: 100%;
		max-width: 100%;
		display: block;
		background: #111;
		overflow: hidden; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		color: #FFF;
		background: #333; }
	textarea {
		min-height: 60px; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }


/*-----------------------------------------------------------------
	#Custom
------------------------------------------------------------------- */

	.pattern { 
		background: url(../images/patterns/pattern1-50.png); 
		width:100%; 
		height:100%; }

	.title {
		font-family: 'Filter CF', thin;
		font-weight: 400;
		font-size: 42px;
		text-align:center; 
		border-bottom: 1px solid; }

	.info {
		font-family: 'Oswald', sans-serif;
		color: #222;
		font-size: 44px;
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		line-height: 1.2;
		margin-bottom: 30px; }

	#ad {
		width: 100%;
		background: #111;
		color: #fff;
		padding: 40px 0 20px; }

	#ad h2 { margin-bottom: 0; }

	#ad .button { float: right; }

	.button-wrap { padding: 30px 0; }
	.white { color: #FFF; }
	.color-strong { font-weight: bold; }

	/* Video popup */

	#popup_holder{
		background-color: #000;
		filter: alpha(opacity=75);
		background: rgba(0,0,0,.75);
		position: fixed;
		top:0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 999;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		vertical-align:text-top;
	}
	#popup_holder .video_container{
		display: inline-block;
		position: relative;
		max-height: 100px;
		max-width: 620px;
		width: 100%;
		height: 100%;
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		-ms-transform: translateY(50%);
		-0-transform: translateY(50%);
	}

	#popup_holder video{
		width:100%;
		top:0;
		left:0;
		right:0;
		position: absolute;
		/*top: 0;
		left: 0;*/
	
	}
	#popup_holder .btn-close{
		display: block;
		background: #fff;
		filter: alpha(opacity=75);
		background: #191919;
		position: absolute;
		top: 0%;
		right: 0%;
	}
	#popup_holder .btn-close span{
		padding: 0px 4px 4px 8px;
		color: #ffc502;
		font: 400 30px/1em monospace;
		text-shadow: 0px 0px 0 #000;
		display: block;
		-webkit-transform-origin: center center 0;
		-moz-transform-origin: center center 0;
		-ms-transform-origin: center center 0;
		-0-transform-origin: center center 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-0-transform: rotate(45deg);
	}


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

	header {
		background-color: #000;
		filter: alpha(opacity=80);
		background-color: rgba(0,0,0,0.9);
		width: 100%;
		position: fixed;
		top: 0;
		z-index:10; }

	#logo {
		float: left;
		padding-left: 10px;
		text-align: center; }

	nav {
		float: right;
		padding-right: 10px; }

	nav ul {
		height: 60px;
		margin: 0;
		padding: 0; 
		float: right; }

	nav ul li { 
		display: inline-block;
		padding: 3px 0; }

	nav ul li a {
		color: #fff;
		font-size: 16px; 
		padding: 0 10px; 
		display:inline-block; 
		line-height: 54px; }

	nav ul li.active a { 
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }

	nav ul li a:hover { 
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }


/*-----------------------------------------------------------------
	#Navigation
------------------------------------------------------------------- */

	.selectnav { 
		display: none;
		width: 120px;
		margin: 0 auto 20px; }

	@media screen and (max-width: 767px) {
		#nav { display: none; }
		.selectnav { display: block; }
		#logo { float: none; }
		nav { float: none; }
	}


/*-----------------------------------------------------------------
	#Home
------------------------------------------------------------------- */

	#home {	
		height: 100%;
		position: relative; }

	.home { height:100%; }


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

	#sequence > .sequence-canvas {
		height: 100%;
		width: 100%; }

	#sequence > .sequence-canvas > li {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;	}

	#sequence > .sequence-canvas li > * {
		position: absolute;
		-webkit-transition-timing-function: ease-in-out;
		-moz-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out; }

	#sequence .slide1 {	background: url(../images/background3.jpg) no-repeat center fixed; }
	#sequence .slide2 {	background: url(../images/background2.jpg) no-repeat center fixed; }
	#sequence .slide3 {	background: url(../images/background1.jpg) no-repeat center fixed; }

	#sequence .slide1,
	#sequence .slide2,
	#sequence .slide3 {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 100%;
		width: 100%;
		opacity: 0;
		top: 0;
		z-index: 1;	}
		
	#sequence .animate-in .slide1,
	#sequence .animate-in .slide2,
	#sequence .animate-in .slide3 { 
		opacity: 1;
		-webkit-transition-duration: 2s;
		-moz-transition-duration: 2s;
		-ms-transition-duration: 2s;
		-o-transition-duration: 2s;
		transition-duration: 2s; }

	#sequence .animate-out .slide1,
	#sequence .animate-out .slide2,
	#sequence .animate-out .slide3 { 
		opacity: 0;
		-webkit-transition-duration: 2s;
		-moz-transition-duration: 2s;
		-ms-transition-duration: 2s;
		-o-transition-duration: 2s;
		transition-duration: 2s; }

	.caption-one {
		position: absolute;
		bottom: 10%;
		right: 0;
		text-align: right; }

	.caption-one h1 {
		display: inline-block;
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
		line-height: 1.2;
		padding: 0 10px;
		text-transform: uppercase;
		text-shadow: 2px 2px #000; }

	.caption-one p {
		display: inline-block;
		font-size: 26px;
		padding: 4px 10px;
		text-shadow: 2px 2px #000; }

	.caption-two {
		position: absolute;
		bottom: 10%;
		left: 0;
		text-align: left; }

	.caption-two p {
		text-transform: uppercase;
		display: inline-block;
		font-size: 26px;
		font-weight: 600;
		padding: 4px 10px;
		background-color: #000;
		filter: alpha(opacity=75);
		background-color: rgba(0,0,0,0.65);
		text-shadow: 1px 1px #000; }

	.caption-three {
		position: absolute;
		bottom: 10%;
		text-align: left; }

	.caption-three h2 {
		display: inline-block;
		font-family: 'Oswald', sans-serif;
		font-size: 54px;
		line-height: 1.2;
		padding: 10px;
		text-transform: uppercase;
		background-color: #000;
		filter: alpha(opacity=75);
		background-color: rgba(0,0,0,0.65);
		text-shadow: 1px 1px #000; }

	.caption-three p {
		display: inline-block;
		font-size: 26px;
		line-height: 26px;
		padding: 10px;
		background-color: #000;
		filter: alpha(opacity=75);
		background-color: rgba(0,0,0,0.65);
		text-shadow: 1px 1px #000; }

	.sequence-pagination {
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -40px;
		padding: 4px 4px 0;
		border-radius: 20px;
		background-color: #000;
		background-color: rgba(0,0,0,0.65);
		z-index: 9; }

	.sequence-pagination li {
		cursor: pointer;
		width: 12px;
		height: 12px;
		margin: 0 3px;
		border: 2px solid;
		background: #111;
		border-radius: 20px;
		display: inline-block;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s; }


/*-----------------------------------------------------------------
	#About
------------------------------------------------------------------- */

	#about {
		padding: 80px 0; }

	.about {
		padding: 20px 0;
		color: #222;
		text-align: center;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;	}

	.about:hover,
	.about:hover h4 { 
		color: #fff;
		cursor: default; }

	.about p { padding: 0 10px; }

	.about i {
		display: block;
		margin-bottom: 20px; }
	

/*-----------------------------------------------------------------
	#Clients
------------------------------------------------------------------- */

	#clients { 
		background: url(../images/4a.jpg) no-repeat center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }

	#clients h3 {
		font-family: 'Filter CF', thin;
		font-weight: 400;
		font-size: 36px;
		line-height: 1.5;
		text-shadow: 2px 2px #000000;
		color: #FFF;
		text-align: center; }

	.clients-wrap { padding: 70px 0; }

	.clients { 
		text-align: center;
		padding-top: 30px; }

	.clients a img:hover { 
		margin-top: -5px;
		padding-bottom: 5px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease; }


/*-----------------------------------------------------------------
	#Team
------------------------------------------------------------------- */

	#team {	
		padding: 80px 0 120px; }

	.folio {
		color: #FFF;
		background: #111;
		padding-bottom: 15px; }

	.folioimg { 
		position: relative;
		height: 200px;
		width: 300px;
		margin: 0 auto; }

	.folioimg img {
		height: 100%;
		width: 300px;
		position: absolute;
		left: 0;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out; }

	.folioimg img.top:hover { 
		opacity: 0;
		filter: alpha(opacity=0);}

	.team-info { padding: 0 20px; }

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.folioimg {
			height: 157px;
			width: 235px; }

		.folioimg img { 
			height: 100%;
			width: 235px; }
		
	}

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.folio { margin: 0 60px; }
		
	}

	.folio h3 {
		font-family: 'Filter CF', thin;
		font-weight: 400;
		font-size: 27px;
		border-bottom: 1px solid;
		text-align: center;
		display: block;
		margin: 10px 0 20px; }

	.folio h4 {
		color: #FFF; }

	.folio p {
		color: #FFF;
		text-align: left; }

	.social ul li { 
		display:inline-block;
		padding: 2px; }

	.social ul li a {  
		display:inline-block; 
		width: 24px; 
		height: 24px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }

	.social ul li a.facebook { background: #FFF url(../images/icons/social24.png) 0 0; }
	.social ul li a.twitter { background: #FFF url(../images/icons/social24.png) -24px 0; }
	.social ul li a.youtube { background: #FFF url(../images/icons/social24.png) -96px 0; }
	.social ul li a.vimeo { background: #FFF url(../images/icons/social24.png) -72px 0; }
	.social ul li a.instagram { background: #FFF url(../images/icons/social24.png) -2328px 0; }
	.social ul li a.linkedin { background: #FFF url(../images/icons/social24.png) -48px 0; }
	.social ul li a.dribble { background: #FFF url(../images/icons/social24.png) -384px 0; }


/*-----------------------------------------------------------------
	#Video
------------------------------------------------------------------- */

	#video {
		background: url(../images/9a.jpg) no-repeat center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }

	.video-padding { padding: 60px 0; }

	.video-wrap { 
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
		margin-bottom: 50px; }

	.video-wrap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; }

	.video-title {
		color: #FFF;
		font-family: 'Filter CF', thin;
		font-weight: 400;
		font-size: 42px;
		text-align:center;
		text-shadow: 2px 2px #000000; }


/*-----------------------------------------------------------------
	#Services
------------------------------------------------------------------- */

	#services {	
		padding: 80px 0; }

	.box {
		cursor: default;
		margin-bottom: 30px;
		box-shadow: 0 1px 2px #000;
		text-align: center;
		padding: 10px 0; 
		min-height: 320px;
		background: linear-gradient(#eee, #eee 50%, #111 50%, #111);
		background: -webkit-linear-gradient(#eee, #eee 50%, #111 50%, #111);
		background-size: 100% 202%;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease; }

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.box { margin: 0 60px 30px; } 
	}

	.box i {
		display: block;
		font-size: 80px;
		line-height: 120px; }

	.box h4 { 
		font: 22px/1.5 'Oswald', sans-serif;
		font-weight: 400; }

	.box p {
		padding: 10px 20px;
		text-align: center; }
		
	.box:hover {
		color: #fff;
		background: #333\0/;
		background-position: 100% 100%;
		animation: up-bump 0.4s ease;
		-webkit-animation: up-bump 0.4s ease; }

	@keyframes up-bump {
		0% { padding-top: 10px }
		50% { padding-top: 4px; }
		100% { padding-top: 10px; }
	}

	@-webkit-keyframes up-bump {
		0% { padding-top: 10px }
		50% { padding-top: 4px; }
		100% { padding-top: 10px; }
	}


/*-----------------------------------------------------------------
	#Quote
------------------------------------------------------------------- */

	#quote { 
		background: url(../images/10a.jpg) no-repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }

	#quotes li {
		font-size: 18px;
		text-shadow: 1px 1px #000000;
		text-align: center;
		padding: 20px 0;
		color: #FFF; }

	#quotes li h3 {
		font-family: "Oswald", cursive;
		font-weight: 400;
		font-size: 35px;
		line-height: 1.5;
		text-shadow: 2px 2px #000000;
		color: #FFF; }

	.quote-wrap {
		padding: 80px 0 30px;
		min-height: 180px; }

	@media only screen and (max-width: 959px) {
		.quote-wrap { min-height: 280px; }
	}


/*-----------------------------------------------------------------
	#Portfolio
------------------------------------------------------------------- */

	#portfolio { 
		padding: 80px 0; }

	#filter {
		height: 30px;
		text-align: center;
		margin: 20px 0 30px; }

	#filter li { display: inline-block; }

	#filter li a {
		color: #fff;
		text-transform: uppercase;
		background: #080808;
		height: 50px;
		padding: 6px 10px;
		margin: 0 2px; }

	#filter li a:hover { 
		color: #000;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	#filter li.active a { color: #000; }

	.port {
		padding-bottom: 6px;
		margin-bottom: 30px; 
		background: #fff;
		box-shadow: 0 1px 2px #080808; }

	.port:hover { 
		color: #fff;
		box-shadow: 0 6px 8px #080808; }

	.port:hover h5 { color: #fff; }

	.port p {
		margin-bottom: 0px;
		font-size: 13px;
		padding-left: 6px; }

	.port h5 {
		text-transform: uppercase;
		margin-top: 5px;
		padding-left: 6px; }

	.overlay {
		margin: 0;
		max-width: 300px;
		height: auto;
		overflow: hidden;
		position: relative; }

	.overlay .caption {
		padding-bottom: 5px;
		text-align: center;
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		background-color: #000;
		background-color: rgba(0,0,0,0.4); }

	.overlay .caption i {
		filter: alpha(opacity=0);
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -30px;
		font-size: 50px; }

	.overlay:hover .caption {
		opacity:1;
		filter: alpha(opacity=40);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.overlay:hover .caption i { filter: alpha(opacity=100); }

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.port { margin: 0 60px 30px; } 
	}

	.overlay img { vertical-align: bottom; }


/*-----------------------------------------------------------------
	#Contact
------------------------------------------------------------------- */

	#contact {
		background: url(../images/12a.jpg) no-repeat center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }

	.contact-wrap {	padding: 70px 0; }

	.contact-bg {
		background-color: #080808;
		filter: alpha(opacity=80);
		background-color: rgba(0,0,0,0.8);
		padding-top: 10px; }

	#map {
		width:100%; 
		height:350px; }

	.contactform {
		padding: 0 10px;
		margin-top: 30px; }

	.contactform label {
		font-size: 16px; }

	.contact-details { padding: 50px 10px 0; }

	@media only screen and (max-width: 767px) {
		.contact-details { padding-top: 0; }
	}

	.contact-details h4 {
		font: 24px 'Open Sans', sans-serif;
		color: #FFF;
		font-weight: 400;
		margin-bottom: 20px; }

	.contact-details span { font-weight: bold; }

	.contact-details i {
		display: inline-block;
		text-align: center;
		margin-right: 5px;
		width: 16px; }

	.contact-details p {
		color: #FFF; }

	.errorMessage,
	.successMessage {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
		
	.errorMessage {
		color: #fff;
		background-color: #ce0c0c;
		margin-bottom: 20px;
		padding: 8px 10px;
		width: 100%; }

	.successMessage {
		color: #fff;
		background-color: #6C0;
		margin-bottom: 20px;
		padding: 8px 10px;
		width: 100%; }


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

	footer {
		color: #FFF;
		width: 100%;
		background: #080808;
		padding-top: 20px;
		text-align: center; }


/*-----------------------------------------------------------------
	#Bacground Fix For Tablets
------------------------------------------------------------------- */

	@media only screen and (max-width: 1024px) {
		#sequence .slide1,
		#sequence .slide2,
		#sequence .slide3,
		#clients,
		#video,
		#quote,
		#contact { background-attachment: scroll; }
	}


/*-----------------------------------------------------------------
	#Shortcodes
------------------------------------------------------------------- */

	.shortcodes { margin-top: 120px; }
	.element-wrap { margin-bottom: 50px; }


/*-----------------------------------------------------------------
	#Twitter
------------------------------------------------------------------- */

	
	.twitter-wrap {
		font-family: "Filter CF", thin;
		font-size: 40px;
		color: #222;
		margin: 50px auto 100px;
		text-align: center;	}

	.twitter-wrap i {
		display: block;
		margin-bottom: 25px;
		font-size: 42px; }

	.twitter-wrap a { 
		font-family: "Open Sans", sans-serif;
		font-size: 28px;
		font-weight: 600; }


/*-----------------------------------------------------------------
	#Quote Box
------------------------------------------------------------------- */

	.quote {
		background-color: #222;     
		padding: 30px 30px 20px;
		margin-bottom: 50px;
		text-align: left;
		color: #fff; }

	.quote-text { float: left; }

	.quote h2 { margin-bottom: 0; }

	.quote .button {  
		float: right;
		margin-top: 15px; }


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

	.button { 
		font-family: "Oswald";
		display: inline-block;
		width: auto;
		border: 1px solid;
		border-color: #222;
		background: #222;
		color: #fff;
		font-weight: 400;
		cursor: pointer;
		margin: 0 10px 20px 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.small      { padding: 6px 12px; font-size: 12px; }
	.medium     { padding: 10px 20px; font-size: 16px }
	.large      { padding: 14px 28px; font-size: 24px; }	


/*-----------------------------------------------------------------
	#Pricing Tables
------------------------------------------------------------------- */

	.tables {
		background-color: #fafafa;
		text-align: center;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin-bottom: 30px; }

	.table-name h3 { 
		background-color: #444;
		text-align: center;
		color: #fff;
		margin-bottom: 0;
		line-height: 60px; }

	.table-price {
		padding: 10px 0;
		background: #eee; }

	.table-price h4 {
		color: #444;
		font-size: 26px;
		margin-bottom: 0; }

	.signup { padding: 20px 0; }

	.order { padding: 0 15px; }

	.order li {
		color: #444;
		padding: 15px 0;
		border-bottom: 1px solid #ddd; }

	.table-button { 
		color: #fff;
		font-family: "Oswald", sans-serif;
		font-size: 16px;
		background-color: #444;
		padding: 6px 50px; }


	#fbdk{margin-left:-24px;}
	#fbdk a{visibility:hidden;}
	#fbdk  .facebook{visibility:visible!important;}
	.folio{min-height:700px;}
	#dkpreview{background:#000;color:#fff;font:14px/1.5 Arial, Helvetica, sans-serif;padding-left:10px;padding-right:10px;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }

	#dkpreview:hover{background:#FC0;color:#000;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }