@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:100,300,400,700|Abel|Lato:100,300,400,700,900|Droid+Serif:400,700|Open+Sans:300,400,600);
@import "./propello1.css";
@import "./font-awesome.min.css";


/****************************************************

 

 Reset



****************************************************/

.none				{ display:none }

a img, :link img, 
:visited img 		{ border:0 }
table 				{ border-collapse:collapse; border-spacing:0 }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, a, abbr, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, blockquote
					{ margin:0; padding:0; border:0; line-height:1.0; vertical-align:baseline; text-align:left; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit }

sup 				{ vertical-align:super }
sub 				{ vertical-align:sub }
em					{ font-style:italic }

q:before, q:after, blockquote:before,  
blockquote:after	{ content:"" }
strong				{ font-weight:bold }
ol, ul 				{ list-style:none }

body				{ font-size:62.5%	}
html>body			{ font-size:10px }
body 				{ font-family: 'Lato', sans-serif; cursor:default; -webkit-text-size-adjust:none }

a 					{ outline:none; text-decoration:none; color:inherit; }
p a 				{ text-decoration: underline }/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
span#tooltip 		{ width:auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-transition: opacity 0.25s; transition: opacity 0.25s;}
.tooltip			{ position:absolute; font-family:'Roboto Condensed', 'Arial', sans-serif; font-size:12px; text-transform:uppercase; text-align:center; display:block; z-index:99; padding:5px 15px; width:80px; -webkit-transition: all 0.25s; transition: all 0.25s; opacity:0 }
.tooltip			{ background-color:#383834; color:#ffffff }
.dark .tooltip		{ background-color:#ffffff; color:#383834 }
.accent .tooltip	{ background-color:#8dcd4f; color:#ffffff }

.tooltip.toolbar 	{ width:auto; padding:2px; line-height: 30px; border-radius: 2px; transform:translateX(-50%) translateY(-120%); -webkit-transform:translateX(-50%) translateY(-120%); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; z-index: -1 }
.tool 				{ display: inline-block; width: 30px; height: 30px; line-height: 30px; margin:0px; float:left; background-color: #333; text-align: center; border-radius: 2px }
.tool.active 		{ background-color: #555 }

.tooltip.toolbar.on { z-index: 99 }

.tooltip.on,
.ttip:hover .tooltip{ opacity:1}

body.touch .tooltip {display: none}

.tooltip.rt:after	{ right:-11px; top:0px; border-color:transparent transparent transparent #383834; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.rc:after	{ right:-11px; top:50%; margin:-6px 0 0 0; border-color:transparent transparent transparent #383834; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.rb:after	{ right:-11px; bottom:0px; border-color:transparent transparent transparent #383834; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }

.tooltip.lt:after	{ left:-11px; top:0px; border-color:transparent #383834 transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.lc:after	{ left:-11px; top:50%; margin:-6px 0 0 0; border-color:transparent #383834 transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.lb:after	{ left:-11px; bottom:0px; border-color:transparent #383834 transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }

.tooltip.tl:after	{ left:5px; top:-11px; border-color:transparent transparent #383834 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.tc:after	{ left:50%; top:-11px; margin:0 0 0 -6px; border-color:transparent transparent #383834 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.tr:after	{ right:5px; top:-11px; border-color:transparent transparent #383834 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }

.tooltip.bl:after	{ left:5px; bottom:-11px; border-color:#383834 transparent transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.bc:after	{ left:50%; bottom:-11px; margin:0 0 0 -6px; border-color:#383834 transparent transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }
.tooltip.br:after	{ right:5px; bottom:-11px; border-color:#383834 transparent transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid }


/****************************************************



  Dark Tooltips



****************************************************/


.dark .tooltip.rt:after,
.dark .tooltip.rc:after,
.dark .tooltip.rb:after{ border-left-color:#ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.dark.rt:after,
.tooltip.dark.rc:after,
.tooltip.dark.rb:after { border-left-color:#383834; -webkit-transition: all 0.5s; transition: all 0.5s; }


.dark .tooltip.lt:after,
.dark .tooltip.lc:after,
.dark .tooltip.lb:after{ border-right-color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.dark.lt:after,
.tooltip.dark.lc:after,
.tooltip.dark.lb:after { border-right-color:#383834; -webkit-transition: all 0.5s; transition: all 0.5s; }


.dark .tooltip.tl:after,
.dark .tooltip.tc:after,
.dark .tooltip.tr:after { border-bottom-color:#ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.dark.tl:after,
.tooltip.dark.tc:after,
.tooltip.dark.tr:after { border-bottom-color:#383834; -webkit-transition: all 0.5s; transition: all 0.5s; }

.dark .tooltip.bl:after,
.dark .tooltip.bc:after,
.dark .tooltip.br:after { border-top-color:#ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.dark.bl:after,
.tooltip.dark.bc:after,
.tooltip.dark.br:after { border-top-color:#383834; -webkit-transition: all 0.5s; transition: all 0.5s; }

/****************************************************



  Accent Tooltips



****************************************************/

.accent .tooltip.rt:after,
.accent .tooltip.rc:after,
.accent .tooltip.rb:after{ border-left-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.accent.rt:after,
.tooltip.accent.rc:after,
.tooltip.accent.rb:after { border-left-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }


.accent .tooltip.lt:after,
.accent .tooltip.lc:after,
.accent .tooltip.lb:after{ border-right-color: #8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.accent.lt:after,
.tooltip.accent.lc:after,
.tooltip.accent.lb:after { border-right-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }


.accent .tooltip.tl:after,
.accent .tooltip.tc:after,
.accent .tooltip.tr:after { border-bottom-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.accent.tl:after,
.tooltip.accent.tc:after,
.tooltip.accent.tr:after { border-bottom-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }

.accent .tooltip.bl:after,
.accent .tooltip.bc:after,
.accent .tooltip.br:after { border-top-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }

.tooltip.accent.bl:after,
.tooltip.accent.bc:after,
.tooltip.accent.br:after { border-top-color:#8dcd4f; -webkit-transition: all 0.5s; transition: all 0.5s; }.paging_container { position: absolute; top:200px; right:25px; z-index:190; -webkit-transition:all 0.5s; transition:all 0.5s }
body.desktop .paging_container { display: block }
body.touch .paging_container { display: none }

.paging_container.fixed.valign { position: fixed }

.section.active .paging_container { right:25px;}
.paging			{ display:block; }

.paging_container.left { right:auto; left:10px; }
.paging_container.right { right:25px; left:auto; }
.paging_container.fixed{ position: fixed;}
.paging_container.left.top { top:40px;}

.paging li		{ display:block; position:relative }
.paging li a	{ display:block; width:40px; height:40px; text-align:center; line-height:40px; position:relative; }
.paging li a strong { display:inline-block; width:4px; height:4px; border-radius:50%; text-indent:-9999px; border-color:#383834; background:#383834; opacity:0.5; overflow:hidden }

.paging li a.active strong,
.paging li a:hover strong { border-color:#383834; background:#383834; width:10px; height: 10px; opacity:1; }

.paging li a span.tooltip.lc { top:50%; left:40px; margin-top:-12px }
.paging li a span.tooltip.rc { top:50%; right:40px; margin-top:-12px }
.paging li a.on .tooltip,
.paging li a:hover span.tooltip { opacity:1 }

.dark .paging li a strong { border-color:rgba(255,255,255,0.5); background-color: #ffffff }
.dark .paging li a.active strong,
.dark .paging li a:hover strong { background:#ffffff }


.accent .paging li a strong { border-color:#8dcd4f; background-color: #8dcd4f }
.accent .paging li a.active strong,
.accent .paging li a:hover strong { background:#8dcd4f }.form 						{ max-width: 500px; margin: 0 auto; border-top:2px solid #000000; }
.form.searchform 			{ border:none; margin:20px auto; max-width: 400px; width: 70%;}
.form form 					{}
.form .row 					{ position: relative; margin-top:5px; }
.form .input 				{ color:#2f2d2f; border:none; border-bottom:1px solid #cccccc; border-radius:0px; font-family: 'Lato', 'Arial', sans-serif; font-size:18px; font-weight: 300; padding:20px 0; line-height: 25px; background: transparent; outline: none; width:100%; min-width: 100%; max-width: 100%; -webkit-transition:all 0.25s; transition:all 0.25s; }
.form .input:focus 			{ border-bottom-color:#2f2d2f }

.form.searchform .row 		{ background-color: #eeeeee; padding:0 5px; overflow: hidden; border-radius: 5px}
.form .input.search 		{ border:none; margin:0; padding:10px 0; }
.form .searchbutton			{ position: absolute; top:0; right:0; min-width: 35px; line-height:40px; width:45px; padding:0;}

select.input option 		{ font-size: 0.9em }
textarea.input 				{ min-height: 120px; max-height: 120px; }
.row.actions 				{ margin:20px 0; text-align: center }

.dark .form 				{ border-color:#555555 }
.dark .form .input 			{ color:#ffffff; border-bottom-color:#555555 }
.dark .form .input:focus 	{ border-bottom-color:#ffffff; }

.form .row .tooltip.lc 		{ left:0px; top:5px; line-height: 10px; opacity:0.5; padding:0; text-align: left; color:#000000; background:transparent;}
.form .row .tooltip.lc:after { display: none }
.form .row:focus .tooltip.lc,
.form .row:hover .tooltip.lc { opacity:1;}

.form .row.checkbox 		{ padding:20px 0 0; font-size: 14px; color:#000000; font-weight: 400}
.form .row.checkbox input 	{ margin-right: 10px }
.form .row.checkbox a 		{ color: #8dcd4f;}

.input.error 					{ color:#c85454; border-color:#c85454; }
.form button.cta.main.loading 	{ text-indent: -9999px; background-repeat: no-repeat; background-color:#f15a2d; background-position: center center; background-image:url("../img/loader/loader_orange.gif"); cursor: default  }
body.retina .form button.cta.main.loading { background-image: url("../img/loader_orange@2x.gif"); background-size: 20px 20px }

.field_progress_indicator 	{ position: absolute; width:30px; height:30px; top:50%; right:0; margin:-15px 0 0 0px; background:#000000; border-radius:50%; text-align: center; line-height: 30px;}
.row.warn .field_progress_indicator .fa.fa-plus,
.row.done .field_progress_indicator .fa.fa-plus,
.row.load .field_progress_indicator .fa.fa-plus,
.field_progress_indicator .fa { font-size:16px; line-height: 30px; display: none; text-align: center }

.row .field_progress_indicator .fa.fa-plus { cursor: pointer }

.row .field_progress_indicator .fa.fa-plus,
.row.load .field_progress_indicator .fa.fa-refresh,
.row.warn .field_progress_indicator .fa.fa-warning,
.row.done .field_progress_indicator .fa.fa-check { display: inline-block }

.row .field_progress_indicator,
.row.load .field_progress_indicator { background-color: #00e461; color:#ffffff; }
.row.warn .field_progress_indicator { background-color: orange; color:#ffffff; }
.row.done .field_progress_indicator { background-color: #333333; color:#ffffff; }

.row.load .field_progress_indicator,
.row.warn .field_progress_indicator,
.row.done .field_progress_indicator { transform:scale(1,1); -webkit-transform:scale(1,1);}
.row.empty .field_progress_indicator { transform:scale(0,0); -webkit-transform:scale(0,0) }
.row .field_progress_indicator { -webkit-transition:all 0.5s; transition:all 0.5s; transform:scale(1,1); -webkit-transform:scale(1,1); }

.row.done .input { opacity:0.5; }/***************************************


Typography


***************************************/

h1, h2, h3, h4, h5, h6, p, blockquote, .caption { font-weight: 300; margin:20px 0; padding:0; line-height: 1em }

h1 { font-size:50px; margin-bottom: 50px }
h2 { font-size:40px }
h3 { font-size:30px }
h4 { font-size:20px }
h5 { font-size:18px }

.landing_page_wrap h4 { line-height: 1.5em}
.caption,
h6 { font-size:16px }
blockquote,
p  { font-size:18px; line-height: 1.5em }

.caption,
blockquote  { font-style: italic }

.caption 	{ margin-top:-25px; margin-bottom:60px;}
blockquote 	{ border-left: 2px solid #000000; padding:0 48px; margin-left: -50px  }

.small 		{ font-size:12px;}

.light 		{ font-weight: 100 }
.heavy 		{ font-weight: 700 }
.centered 	{ text-align: center }
.rightalign { text-align: right } 

.justify *,
.justify 	{ text-align: justify }

.expanded 	{ letter-spacing: 0.3em }
.condensed	{ letter-spacing: -0.05em }
.caps 		{ text-transform: uppercase }

.editable 	{ outline: none }
.preview  	{ overflow: hidden }

.logo 		{ margin:0; position: relative; display: inline-block; z-index: 11; font-size:20px; letter-spacing: 0.5em; text-transform: uppercase; font-weight: 700 }
.logo.abs 	{ position: absolute; margin:50px 0; left:50%; margin-left:-94px; }
.logo_wrap 	{ overflow: hidden; display: block }
.header .logo.logo_centered { margin:50px auto 0; position: static; text-align: center; display: block; padding-left:10px;}

.tagline { opacity:0.5; font-size:10px; margin:9px auto; display:inline-block; letter-spacing:0.7em; text-align: center; text-transform: uppercase }

.fixed_toolbar 				{ position: fixed; top:50%; left:50px; z-index: 20; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.fixed_tool 				{ border-radius: 50%; display: block; width:50px; height:50px; border:1px solid #eeeeee; font-size:16px; color:#cccccc; line-height: 50px; text-align: center; margin:25px 0; -webkit-transition:all 0.25s; transition: all 0.25s; position: relative; }
.fixed_tool:hover 			{ color:#61aa1b; border-color:#61aa1b; }

.fixed_toolbar.right 		{ left:auto; right:50px; }
.fixed_toolbar .tooltip 	{ width:auto; white-space: nowrap}

.fixed_tool .tooltip.lc 	{ right:-10px; top:50%; transform:translateX(100%) translateY(-50%); -webkit-transform:translateX(100%) translateY(-50%); }
.fixed_tool .tooltip.rc 	{ left:-10px; top:50%; transform:translateX(-100%) translateY(-50%); -webkit-transform:translateX(-100%) translateY(-50%); }
.fixed_tool:hover .tooltip 	{ opacity:1 }

.none 			{ display: none }

.copyright 		{ font-size: 14px }
.list li 		{ font-size: 12px; margin:10px 0;}

ul.inline_list 			{ text-align: center; margin:20px 0; }
.inline_list li 		{ font-size: 11px; display: inline-block;}
.inline_list li a 		{ display: block; line-height: 30px; padding:0 10px 0 0}

.feature_list 	{ font-size:15px; margin:0 10px 0 0; font-weight: 400 }
.feature_list li { border-bottom: 1px solid #eeeeee; padding:20px 0;}

.feature_callout 					{ position: absolute; z-index:12; left:50%; width:0px }
.feature_callout span 				{ position: relative; left:50%; top:40px; margin-left:-115px; width:200px; margin-right:40px; display:block; opacity:0; color:#ffffff; z-index:14; border-radius: 4px; height:auto; background-color: #1a2025; box-shadow: 0px 0px 40px rgba(0,0,0,0.1); font-size: 16px; letter-spacing:-0.05em; padding:15px; transition:0.5s all; -webkit-transition:0.5s all;}
.feature_callout span:after 		{ content: ""; position: absolute; left:50%; top:-20px; width:0px; height:0px; border:10px solid red; border-color:transparent transparent #1a2025 transparent; margin-left:-10px;}
.feature_callout:hover span 		{ opacity:1;}

.feature_callout.callout1 			{ margin-left:0; top:200px; }
.feature_callout.callout2 			{ margin-left:0; top:335px; }
.feature_callout.callout3 			{ margin-left:0px; top:550px; }
.feature_callout.callout4 			{ margin-left:0; top:960px; }

.feature_callout.callout5 			{ margin-left:0px; top:1400px; }
.feature_callout.callout6 			{ margin-left:0; top:1500px; }

.feature_callout i.fa 		{ width:40px; height:40px; text-align: center; background:rgba(60, 140, 240, 0.9); color:#ffffff; border-radius:50%; line-height: 40px; font-size:12px; position: absolute; left:-20px; top:-20px; z-index: 13 }
.feature_callout.right i.fa { }

span.badge 				{ position: absolute; border-radius:2px; top:-15px; left:50%; width:150px; height: 30px; line-height: 30px; color:#ffffff; background:#000000; margin-left:-75px; text-align: center; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 700}
span.badge.bottom 		{ top:auto; bottom:-15px;}

/***************************************


Article layouts

content = 1200
	layoutA = p 800


***************************************/

.layoutA h1, .layoutA h2, .layoutA h3 	{ margin-top: 0px; margin-bottom: 60px; line-height: 60px }

.layoutA h4, .layoutA h5, .layoutA h6, .layoutA p, .layoutA ul, .layoutA ol, 
.layoutA blockquote 		{ margin-top:0; margin-bottom: 30px; line-height: 30px }

.layoutA .narrow { max-width: 800px}
.layoutA .narrow.centered { margin-left: auto; margin-right: auto;}

.layoutA ul, .layoutA ol,
.layoutA .columns,
.layoutA p 					{ max-width: 800px; margin-left: auto; margin-right: auto; }

.layoutA .columns 			{ -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; -webkit-perspective:1; margin-bottom: 30px }
.layoutA .columns.columns3 	{ -webkit-column-count:3; -moz-column-count:3; column-count:3; max-width:1200px }

.layoutA blockquote.narrow 	{ max-width: 800px }
.layoutA blockquote.center 	{ margin-left: auto; margin-right: auto }
.layoutA .columns blockquote { margin-left: 0; border:none; padding:0 35px }

.layoutA .indent_text p, 
.layoutA p.indent_text 		{ margin-bottom: 0; text-indent: 75px }

.layoutA li 		{ margin-left:-10px; padding-left: 10px; font-size: 18px; margin-bottom:30px; line-height: 30px; font-weight: 300 }
.layoutA ul li 		{ list-style-type: disc }
.layoutA ol li 		{ list-style-type: decimal }

.layoutA ul ul,
.layoutA ol ol 		{ margin-left: 30px;}

.layoutA .indent_text ul, .layoutA .indent_text ol { margin-bottom: 0}
.layoutA .indent_text li { margin-left: 0; text-indent: 75px; list-style-position: inside; margin-bottom: 0 }

.layoutA .columns.flush_left,
.layoutA .flush_left p,
.layoutA p.flush_left,
.flush_left { margin-left: 0; margin-right: 0 }

.layoutA .columns.flush_right,
.layoutA .flush_right p,
.layoutA p.flush_right,
.flush_right { margin-left: 0; margin-right: 0; float: right; overflow: hidden; clear: both }
.flush_right { margin-bottom: 30px }

.layoutA img.poster { width:100%; margin-bottom: 60px }
.layoutA img.pull_left,
.layoutA img.pull_right { margin-bottom: 60px; }

.layoutA .pull_left,
.layoutA .pull_right { min-width: 500px }

.layoutA figure { overflow: hidden; margin-top:0; padding-top:0; }
.layoutA figure img { width:100% }
.layoutA figure figcaption { font-style: italic; font-size: 16px; font-weight: 300; margin:15px 0; line-height: 30px; opacity:0.5; }

.overlay_bottom { position: relative; z-index: 2; }
.overlay_top 	{ position: relative; z-index: 3; transform:translateY(-150px); -webkit-transform:translateY(-150px); margin-bottom: -150px}

.colrule 	{ -webkit-column-rule: 1px solid rgba(128,128,128, 0.2); -moz-column-rule: 1px solid rgba(128,128,128, 0.2); column-rule: 1px solid rgba(128,128,128, 0.2) }
.colspan 	{ -webkit-column-span: all; column-span: all }
.outdent 	{ margin-left:-50px; }
.indent 	{ margin-right:-50px; }
/*.blur 		{ -webkit-filter: blur(100px); -moz-filter: blur(100px); -o-filter: blur(100px); -ms-filter: blur(100px); filter: blur(100px); }*/

.wrapword {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -webkit-pre-wrap;
	word-break: break-all;
	white-space: normal;
}

.clean_break p,
.clean_break li {
	-webkit-column-break-inside : avoid;
          	  page-break-inside : avoid;
               	   break-inside : avoid;
}

.article li 		{ margin-left:-10px; padding-left: 10px; font-size: 16px; margin-bottom:20px; font-weight: 300 }
.article ul li 		{ list-style-type: disc }
.article ol li 		{ list-style-type: decimal }

.article ul ul,
.article ol ol 		{ margin-left: 30px;}

.article a 			{ color:#8dcd4f;}
.article a:hover 	{ color:#61aa1b; }

.article a.cta.main:hover { color:#ffffff;}

.section_half 						{ overflow:hidden; width:50% }
.section_half.right_half 			{ float: right }
.section_half.left_half 			{ float: left }
.dark_blob 							{ background-color: #333333 }
.dark_header .header .w_logo 		{ color:#ffffff;}
.dark_header .header .w_logo span 	{ border-left-color:rgba(255,255,255,0.1);}

.section_half .content 				{ padding:0; margin:0; max-width: 400px }
.section_half.left_half .content 	{ float: right; padding:0 25px 0 50px; }
.section_half.right_half .content 	{ float: none; padding:0 50px 0 25px; }

/***************************************


Icons / widgets


***************************************/

.collab_switch 		{ position: absolute; left:50%; top:0; width:30px; height:30px; padding:0; margin:0 0 0 30px; border-radius:50%; color:#333333; box-sizing:border-box; border:2px solid #333333; text-align: center; -webkit-transition:all 0.1s cubic-bezier(.11,.75,.46,.93); transition:all 0.1s cubic-bezier(.11,.75,.46,.93); -webkit-transform:scale(0,0); transform:scale(0.0); }
.collab_switch .fa { text-align: center; line-height: 26px; font-size:12px; }
/*.collab_switch.active { background:#333333; color:#ffffff; }*/

.tile:hover .collab_switch { -webkit-transform:scale(1,1); transform:scale(1,1) }

.collab_switch .fa-plus { display: block }
.collab_switch .fa-minus{ display: none }

.collab_switch.active .fa-plus { display: none }
.collab_switch.active .fa-minus{ display: block }

.add_widget 		{ position: absolute; top:15px; left:50%; margin-left:-20px; width:40px; height:40px; overflow: hidden; float:left }
.add_widget.bottom 	{ top:auto; bottom:15px;}
.add_widget_button	{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size:14px; color:#ffffff; background-color:#eeeeee; border-radius:50%;}

.title_menu			{ position:relative; display:inline-block; padding:0 50px }

#rating_count 		{ margin-bottom:10px;}

.toolbar 			{ float: right; margin-right:5px; }
.toolbar_link 		{ display: inline-block; float: left; min-width:40px; height:40px; line-height: 40px; font-size:11px; text-transform: uppercase; font-weight:700; letter-spacing: 0.075em; margin-right:10px;}

.dropdown_selector.inline_selector { display: inline-block; float:none }
.dropdown_selector.dropdown_icon 		{ position: absolute; z-index: 200; top:0 ;right: 0; width:40px; height: 40px; background-color:#888888; padding:0; border-radius:50%;}
.dropdown_icon i.fa { font-size:16px; line-height: 40px; text-align: center; width:100%; display: block; color:#ffffff; }

.dropdown_selector 	{ position: relative; z-index: 30; line-height: 30px; color:#777; font-size:11px; text-transform: uppercase; letter-spacing: 0.075em; float:left; padding:5px 10px; cursor: pointer; font-weight: 400 }
.dropdown_selector strong { color:#000000; display: inline-block; margin-left:5px; position: relative; padding-right:15px; }

.dropdown_selector .dropdown_options li:after,
.dropdown_selector strong:after { font-family:'FontAwesome'; content: "\f107"; color:#000000; font-size:18px; font-weight: normal; position: absolute; right:0; top:50%; margin-top:-9px; }

.dropdown_selector .dropdown_options li.up:after,
.dropdown_selector strong.up:after { content: "\f106" }

.dropdown_selector .dropdown_options li:after { color:#ffffff; right:5px; }


.dropdown_selector .dropdown_options { position: absolute; top:40px; left:50%; margin-left:-80px; width:150px; padding:5px; background:#222222; border-radius:3px; display: none}
.dropdown_selector .dropdown_options.right { left:auto; right:0; margin-left: 0}
.dropdown_selector .dropdown_options.right:before { left:100%; margin-left: -30px }

.dropdown_selector .dropdown_options li { padding:10px 5px; border-radius:2px; position: relative; color:#ffffff; font-weight: bold; text-align: center; margin:1px 0;}
.dropdown_selector .dropdown_options:before { content:""; position: absolute; top:-19px; margin-left:-10px; left:50%; width:0; height:0; border:10px solid #000000; border-color:transparent transparent #222222 transparent; }

.dropdown_selector.hover .dropdown_options,
.dropdown_selector:hover .dropdown_options { display: block }
.dropdown_selector .dropdown_options li.active { background:#8dcd4f; }
.dropdown_selector .dropdown_options li:hover { background:#61aa1b; }


.dropdown_selector .dropdown_options.right li { text-align: right }
.dropdown_selector .dropdown_options li.option_edit:after { content: ""; left:0; right:auto; font-weight: 300 }

.dropdown_selector.cta { font-size:11px;}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  height: 0px; margin:0;
}

.sortable_list 		{ position: relative }
.sortable_list li 	{ font-size:16px; cursor: pointer; position: relative; display: block; line-height: 50px; margin:0 0 10px 0; padding:5px 0 0 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap }
.sortable_list li img.reel_thumb { width:50px; height:50px; border-radius: 50%; float:left; margin:0 10px 0 0; float:left; }
.sortable_list li:before { font-family:'FontAwesome'; content: "\f0c9"; position: absolute; top:0; left:0; width:30px; height:50px; text-align: left; line-height: 60px; font-size:20px; color:#777777;}
.sortable_list li.placeholder  {position: relative; margin:0; height:50px; background:rgba(0,0,0,0.1); }

.tile.placeholder { height:300px; background:#cccccc;}

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }

a.close 			{ display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color:#8dcd4f; }
a.close:hover 		{ color:#61aa1b }
.cta 				{ display: inline-block; color:#383834; text-decoration: none; line-height: 45px; min-width: 120px; text-align: center; border-radius: 4px; padding:0 10px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; font-size:14px; letter-spacing: 0.2em }
.cta.main 			{ border:2px solid #8dcd4f; background-color: #8dcd4f; color:#ffffff }
.cta.danger 		{ border:2px solid #ff0054; background-color: #ff0054; color:#ffffff }
.cta.alt 			{ border:2px solid #383834; color:#383834; opacity:0.6; }
.cta.alt2 			{ font-size: 11px; opacity:0.6; }
.cta.rounded 		{ border-radius: 55px }
.cta.wide 			{ min-width:180px; }
.cta.fb 			{ background-color: #3b5998; border-color:#3b5998; color:#ffffff; }

.cta.main:hover 	{ border-color: #61aa1b; background-color: #61aa1b }
.cta.fb:hover 		{ border-color:#466fbc; background-color: #466fbc; color:#ffffff; }
.cta.alt:hover,
.cta.alt2:hover 	{ color: #61aa1b; border-color: #61aa1b; opacity:1; }

.stacked_ctas 	.cta { display: block; max-width:200px; margin:0 auto 10px }
.left_block .stacked_ctas .cta { margin-left:0; margin-right: 0}

.dark .cta.alt2,
.dark .cta.alt 		{ border-color: #ffffff; color:#ffffff }

.post_entry 		{ border-top:1px solid rgba(125, 125, 125, 0.5); margin:0; padding:20px 0; position: relative;}
.post_entry:first-child { border-top: none; }
.post_date 			{ position: absolute; left:-150px; top:50px; width:100px; text-align: right; font-size: 20px; font-weight: 100}
.post_date span 	{ font-size:14px;}

.upload_icon 		{ font-size: 100px; text-align: center; line-height: 100px; }
.edit_post_icon 	{ position: absolute; right:-100px; top:50px; width:50px; height: 50px; line-height: 50px; border-radius: 50%; border:1px solid rgba(125, 125, 125, 0.5); font-size:16px; text-align: center }
.edit_post_icon:hover{ border-color:#61aa1b; color:#8dcd4f;}


.feature_icons 		{ position: absolute; overflow: hidden; width:300px; top:70px; right:20px; }
.feature_icon 		{ display: block; width: 100px; float: left; margin:10px 10px 30px 20px;}
.feature_icon_image 	{ display: block; width:100px; height: 100px; line-height: 100px; margin:0 auto; text-align: center; border:1px solid #000000; border-radius:50%; font-size:30px;}
.feature_icon strong 	{ text-align: center; display: block; font-size: 16px; margin:10px 0; font-style: normal; font-weight: 400 }
.dark .feature_icon_image { border-color:#ffffff;}
.feature_icon.centered { float: none; margin:0 auto;}

.connector 			{ position: absolute; top:135px; left:50%; right:350px; height:100px; border:1px solid #000000; border-width:1px 0 0 1px; border-radius:40px 0 0 0;}
.connector:before 	{ content:""; position: absolute; width:10px; height:10px; background: #000000; right:-5px; top:-5px; border-radius:50%;}
.connector:after 	{ content:""; position: absolute; width:0px; height:0px; border:9px solid #000000; border-color:#000000 transparent transparent transparent; left:-9px; bottom:-10px;}

.connector2 		{ position: absolute; top:-30px; left:350px; right:50%; height:70px; border:1px solid #000000; border-width:0 1px 1px 0px; border-radius:0 0 40px 0; z-index: 20 }
.connector2:before 	{ content:""; position: absolute; width:10px; height:10px; background: #000000; left:-5px; bottom:-5px; border-radius:50%;}
.connector2:after 	{ content:""; position: absolute; width:0px; height:0px; border:9px solid #000000; border-color:transparent transparent #000000 transparent; right:-9px; top:-10px;}

.tile .feature_icon { margin:0 auto; float: none; width:90%; }

.demo_box 			{ position: relative;}
.section.demo_box 	{ min-height: 0px; overflow: visible; z-index: 12 }
.demo_tile 			{ position: absolute; z-index: 12; width:500px; height:600px; background-color:#ffffff; left:50%; margin:-350px 0 0 -250px; box-shadow:0px 0px 40px rgba(0,0,0,0.1); border-radius:3px }
.callout_box 		{ position: absolute; z-index: 13; width:300px; height:400px; background-color:#1a2025; left:50%; border-radius:3px; background-repeat: no-repeat}
.callout_box.left 	{ margin-left:-550px; top:-450px;}
.callout_box.right 	{ margin-left:250px; top:-50px;}

#callout_clock 		{ background-image: url('../img/l/clock.png'); background-position: left 140px }
#callout_sofa 		{ background-image: url('../img/l/sofa.png'); background-position: 20px 280px }

.callout_box p 		{ font-size: 14px; margin-right: 50px; border-bottom:1px solid rgba(0,0,0,0.1); padding-top:20px; padding-bottom:20px;}
.callout_box.dark p{ border-bottom-color:rgba(255,255,255,0.3);}
.callout_box h3 	{ line-height: 35px; margin-right: 50px}

.demo_tile_image 	{ width:250px; height: 250px; overflow: hidden; border-radius: 50%; margin:50px auto; background: #333333 }
.demo_tile_image img  { width:250px; height:250px;}

.switch 			{ display: block; cursor: pointer; margin:40px auto; width:120px; height:40px; border-radius:25px; border:3px solid #000000; position: relative;}
.switch .toggle 	{ display: block; width:34px; height:34px; position: absolute; top:3px; left:3px; background: #000000; border-radius:25px;}
.switch .label 		{ position: absolute; font-size: 22px; font-weight: 700; line-height: 40px; top:0; width:100px; }
.switch .label.left { left:-115px; text-align: right; opacity:1; }
.switch .label.right {right:-115px; opacity:0.2; }
.switch .instruction { position: absolute; bottom:-50px; left:50%; width:300px; margin-left:-150px; text-align: center; font-size: 14px }
.switch .instruction.off { opacity:1; }
.switch .instruction.on { opacity:0; }

.switch.on .instruction.off {opacity:0;}
.switch.on .instruction.on {opacity:1;}

.switch.on 			{ border-color:#8dcd4f; background-color: #8dcd4f}
.switch.on .toggle 	{ background-color: #ffffff; margin-left:80px }
.switch.on .label.left { opacity:0.2 }
.switch.on .label.right { opacity:1 }

.bg_asset 			{ position: absolute; top:0; left:50%; }

.subtle 			{ opacity:0.2;}

ul.switchnav 		{ display: block; text-align: center; margin:40px 0 40px 0;}
ul.switchnav li 	{ display: inline-block }
ul.switchnav.webreels li#webreels_switch,
ul.switchnav.websites li#websites_switch,
ul.switchnav.users li#users_switch { background:#333333; border-radius:40px; color:#ffffff; }

ul.switchnav li span{ color:#ccc;}
ul.switchnav li span,
ul.switchnav li a 	{ line-height: 30px; padding:0 10px; display: block; font-size:11px; text-align: center; text-transform:uppercase }

/***************************************


Layout


***************************************/

.section 			{ min-height: 200px; position: relative; z-index: 2; overflow: hidden }
.section.box 		{ margin:0 70px; overflow: visible }
.section.box h2 	{ font-size: 60px }
.section.box.light 	{ background: #ffffff }
.section.box.dark 	{ background: #333333 }
.section.box.first 	{ margin-top:-50px;}

.section.box .blurb { max-width: 300px }

.content 			{ max-width: 1200px; margin:0 auto; padding:0 50px; position: relative; }
.article 			{ max-width: 800px; margin:0 auto;}
.article_intro 		{ max-width: 600px; margin:0 auto;}
.left_block 		{ min-width: 280px; max-width:50%; margin:0 20px 0 0 }
.right_block 		{ min-width: 280px; max-width:50%; margin:0 0px 0 50% }
.padded 			{ padding:50px 50px;}

.header 			{ position: absolute; top:0; left:0; right:0; z-index: 11; padding-top:0px }
.header .logo 		{ position: absolute; top:0; padding-top:14px; }

.header .w_logo,
.w_logo				{ background-image:url('../img/w.png'); background-repeat: no-repeat; background-size:auto 25px; background-position: left center; padding-left:40px; height: 40px; line-height: 40px; padding-top:0; margin-top:30px;}

#section_footer .w_logo { margin:50px auto 0; }

.w_logo span 		{ border-left:1px solid rgba(0,0,0,0.1); padding-left:13px;}

.header.fixed 		{ position: fixed; padding-top:0; background:rgba(255,255,255,0.9); }

.mnav 				{ text-align:left; margin-left: 180px }
.mnav.abs 			{ position: absolute; left:0; right:0; top:0; z-index: 99}
.mnav li 			{ display: inline-block; text-align: center; line-height: 20px; text-transform: uppercase; font-size:11px; border-top:3px solid transparent; margin:0 5px; font-weight: 400; opacity:0.5; }
.mnav li a 			{ padding:15px 0; display: block; line-height: 20px; position: relative }
.mnav li.active 	{ border-top:3px solid #fcba39; opacity:1;}

.mnav .cta.alt 		{ opacity: 1}
.dark_header .mnav .cta.alt { border-color:#ffffff;}

.dark_header .mnav li a { color:#ffffff;}

.mnav.lnav 			{ text-align: left }

.mnav li a .tooltip.tc 	{ left:50%; bottom:0; width:auto; padding-left:10px; padding-right:10px; transform:translateX(-50%) translateY(100%); -webkit-transform:translateX(-50%) translateY(100%) }
.mnav li a:hover .tooltip.tc { opacity: 1 }

.rnav 				{ text-align:right; position: absolute; right:50px; top:0px; margin-top:20px;}

.mnav .icon i,
.rnav .icon  i		{ line-height: 20px; font-size: 18px}

.rnav li 			{ opacity: 1 }

.first_section 		{ padding-top:70px;}
.composer_section	{ min-height: 600px}
.opening_section 	{ min-height: 700px }


.detail 			{ position: absolute; width:100%; height: 0px; z-index: 3 }
.detail div 		{ position: absolute; z-index: 2 }


.container 			{ position: relative; width:100%; margin:0 auto; overflow: hidden }
.container img 		{ width:100%; position: absolute; top:0; left:0; }
.sizer 				{ margin-top:100%; position: relative; height: 0px; overflow: hidden } /* square */
.aspect4x3 .sizer 	{ margin-top:75% } 		/* 4x3 */
.aspect16x9 .sizer 	{ margin-top:56.25% } 	/* 16x9 */
.aspect16x10 .sizer { margin-top:62.5% } 	/* 16x10 */


.pull_left 			{ float:left; margin-right:50px; margin-left:-50px }
.pull_right 		{ float:right; margin-left:50px; margin-right:-50px }
.half_width 		{ width:50% }
.full_width			{ width:100% }
.fullheight			{ height:100vh }
.section.fullheight { max-height: 1100px }
body.desktop .fullheight { min-height: 600px }
body.desktop .zpanel.fullheight { min-height: 0px; max-height: auto; }

.fullbg 			{ background-repeat:no-repeat; background-position: center center; background-size:cover }


.divider 			{ clear: both; overflow: hidden; border-top:1px solid transparent; margin:0 auto; height: 0px; line-height: 0px; }
.divider.thin 		{ border-top:1px solid #000000 }
.divider.thick 		{ border-top:2px solid #000000 }
.divider.centered 	{ width:100px; margin:0 auto }
.divider.spaced 	{ margin:50px auto }

.dark .divider.thin,
.dark .divider.thick{ border-color:#ffffff;}

.dash 				{ display: inline-block; height: 0px; line-height: 0px; width:50px; border-top:3px solid #000000 }
.dash.off 			{ margin-left:-25px;}

.dark .dash,
.dash.dark 			{ border-color:#000000;}

.wrap 				{ z-index: 8; position: relative; overflow: hidden; margin:0 auto; max-width: 1800px }
.page 				{ z-index: 9; position: relative; overflow: hidden }
.wrap, .page 		{ -webkit-transition:all 0.5s; transition: all 0.5s; }
.zoompanel 			{ z-index:-1; position: fixed; top:0; left:0; right:0; bottom:0; display: block; opacity:0; overflow: auto; -webkit-overflow-scrolling:touch; /*overflow: hidden;*/ -webkit-transition: all 0.25s; transition: all 0.25s; transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25) }
.slidepanel 		{ transform: scale(1,1); -webkit-transform: scale(1,1) }

.zoompanel.light 	{ background-color: rgba(230,230,230,0.98) }
.zoompanel .section { z-index: 11 }
.zoompanel.front 	{ z-index: 150 }
.zoompanel.iframe 	{ z-index: -1; opacity:0;}
.zoompanel.iframe.front  { z-index: 140 }
.zoompanel.show 	{ opacity:1; transform: scale(1,1); -webkit-transform: scale(1,1); }

.zpanel 			{ display: none; overflow: auto; -webkit-overflow-scrolling:touch;}
.zpanel.active 		{ display: block }
.zpanel.fullheight 	{ overflow: auto; -webkit-overflow-scrolling:touch; min-height: 500px; max-height:1500px; height: 100% }

.zpanel,
.zpanel.light 		{ background-color: rgba(230,230,230,0.98) }

body.touch .zpanel  { background:#232323;}
body.touch .zpanel.light { background-color: #ffffff }


.fullpage_panel 	{ position: absolute; top:70px; left:70px; right:70px; bottom:70px; background: #ffffff; box-shadow:0px 0px 50px rgba(0,0,0,0.25); overflow: hidden; -webkit-transition:background, color 0.5s; transition:background, color 0.5s; }
.dialog 			{ position: relative; left:50%; max-width:500px; margin-left:-250px; background: #ffffff; box-shadow:0px 0px 50px rgba(0,0,0,0.25); overflow: hidden }
.dialog .message 	{ position: absolute; top:-50%; overflow: hidden; width:100%; background-color:#54c8b9; z-index: 4; -webkit-transition:all 0.5s; transition: all 0.5s; cursor: pointer }

.dialog.double 		{ max-width:1000px; width: 1000px; margin-left: -500px; overflow: hidden }
.dialog.double .dialog_panel { width:500px; position:relative }
.dialog.double .first_panel { background:#ffffff; overflow: hidden; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 11 }
.dialog.double .second_panel { margin-left:500px;}

.dialog.multiadd 	{ max-width:700px; margin-left:-350px; }
.multiadd_sidebar 	{ position: absolute; top:0; left:0; bottom:0; width:250px; background:#f4f4f4; overflow: auto; -webkit-overflow-scrolling:touch;}
.multiadd_body 		{ margin-left:250px }
.multiadd_header 	{ padding:0 }
.multiadd_content	{ padding:0 10px 40px 10px }
.multiadd_sidebar .multiadd_header { margin-left:10px }
.multiadd_body .notice { position: absolute; top:0; left:250px; right:0; bottom:0; background:#ffffff; z-index: 12 }
.multiadd_body .notice .valign { position: absolute; padding:0 20px 0 10px; }
.multiadd_body .notice p { margin:0; padding:0 0 0 40px }
.multiadd_body .notice p:before { font-family:'FontAwesome'; content: "\f177"; position: absolute; left:15px; top:0; font-size:16px; line-height: 30px; margin-top:0px; color:#000000; }

.dialog .message.error 		{ background-color: #c85454 }
.dialog .message.success 	{ background-color: #54c8b9 }

.dialog .message p 			{ padding: 20px; color:#ffffff }
.dialog .message.active 	{ top:0; }

.confirmation_message { position: absolute; top:90px; background-color: #54c8b9; color:#ffffff; padding:0px; border-radius:3px; left:50px; right:50px; }
.confirmation_message p  {text-align: center; margin:10px 0px; }

.upload_illustration 	{ display: block; margin:50px auto; width:150px; height:150px; border-radius: 50%; background: #eeeeee; text-align: center; }
.upload_ilustration1 	{ display: block; position: absolute; left:50%; top:50%; width:150px; height:150px; margin:-75px 0 0 -75px; color:#000000; font-size:80px; text-align: center; line-height: 150px }

body 				{ background-color: #cececa }
.page 				{ background: #f4f4f4 no-repeat center top; }
body.simple .page 	{ background: #ffffff }

body.iframebg, body.iframebg .page { background: rgba(255,255,255,0); }

/* TODO: Animated zoompanel */
body.offset .page 		{ /*transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9);*/}
body.offset .page 		{ transform: scale(0.95,0.95); -webkit-transform: scale(0.95,0.95);}
/*body.desktop.offset .wrap 	{ -webkit-filter: blur(20px); moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); }*/
body.nooverflow 		{ overflow: hidden; -webkit-overflow-scrolling:none; }

body.offset 			{ overflow: hidden }
/*body.offset .zoompanel  { display:block; opacity:1; z-index: 10; transform: scale(1,1); -webkit-transform: scale(1,1) }*/


.zoompanel a.close 	{ position: fixed; top:10px; right:10px; z-index: 100 }
.zoompanel .panel 	{ min-height: 100%; margin-bottom: -1px; width:50%; background-color: #ffffff; clear: both; position: relative; z-index: 11; border-bottom:1px none transparent; overflow: hidden; }
.zoompanel .panel.right {left: 50% }

/*
.zoompanel .panel   { transform:translateX(100%); -webkit-transform:translate(100%); -webkit-transition:all 0.5s; transition: all 0.5s;}
body.offset .zoompanel .panel { transform:translateX(0%); -webkit-transform:translate(0%);}
*/

.vlist				{ top: 50%; position: absolute; transform:translateY(-50%); -webkit-transform:translateY(-50%); width: 100% }

body.desktop
.valign				{ top:50%; position: relative; transform:translateY(-50%); -webkit-transform:translateY(-50%) }
.valign2 			{ top:200px;}

.hidden 			{ display: none }
.dark 				{ color:#ffffff }
.dark blockquote	{ border-color: #ffffff }

.zoompanel .panel.dark 	{ background: #232323 }

.social_media_signin 	{ margin:30px 10px; font-size: 25px; display: inline-block }
.top_panel 				{ background-color:#fcfdf8; overflow: hidden; padding-top: 50px }

.tags_menu 				{ overflow: hidden }
.tags_menu li 			{ float: left; margin:0; width:20%; min-width: 150px }
.tags_menu li a 		{ font-size: 20px; font-weight: 400; line-height: 50px; display: block }
.tags_menu.small li a 	{ font-size:11px;}
.tags_menu li.active a 	{ opacity:1; font-weight: 900}

#webreel_cover 			{ background-position: top center; background-repeat: no-repeat; background-size: cover; }

ul.searchable_list_results { border-top:2px solid #eeeeee }
ul.searchable_list_results li { }
ul.searchable_list_results li.match a{ opacity:1; color:#000; }
a.selectable_list_entry    { font-size:14px; display: block; cursor: pointer; padding:10px 10px 10px 40px; color:#777777; border-bottom:1px solid #eeeeee; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative; }

a.selectable_list_entry:before { font-family:'FontAwesome'; content: "\f096"; position: absolute; left:10px; top:50%; font-size:14px; line-height: 16px; margin-top:-6px; color:#cccccc; }
a.selectable_list_entry.active { background-color: #e6e6e6; border-color:#e6e6e6; color:#000000; }
a.selectable_list_entry.new { font-weight: bold }

a.selectable_list_entry.active:before { color:#8dcd4f; content: "\f14a";}
a.selectable_list_entry.current:after { font-family:'FontAwesome'; content: "\f192"; position: absolute; right:10px; top:50%; font-size:14px; line-height: 16px; margin-top:-7px; color:#8dcd4f; }

input.searchable_input 	{ font-size:14px; display: block; padding:5px 0 5px 35px; color:#000000; border:none; background:transparent; width:200px; }
span.searchable_input_wrap { border-top:2px solid #000000; position: relative; overflow: hidden; display: block; background:transparent; margin:5px; padding-top:5px; }
span.searchable_input_wrap:before { font-family:'FontAwesome'; content: "\f002"; position: absolute; left:5px; top:50%; font-size:12px; line-height: 20px; margin-top:-7px; color:#cccccc; }
span.searchable_input_wrap .clear_input { position: absolute; top:50%; margin-top:-7px; right:4px; bottom:0; width:20px; height:20px; text-align: center; font-size:11px; line-height: 20px; border-radius:50%; color:#ffffff; background:#888; display: none; opacity:0.25; }
span.searchable_input_wrap .clear_input:hover { opacity:1; }

.searchable_list .instruction { padding:10px 10px 10px 40px; display: block; font-size:12px; color:#999999; position:relative; }
.searchable_list .instruction.create { display: none }
.searchable_list .instruction .fa { margin-right:0px; width:40px; text-align: center;}
.searchable_list .instruction.default:before { font-family:'FontAwesome'; content: "\f176"; position: absolute; left:15px; top:50%; font-size:12px; line-height: 20px; margin-top:-10px; color:#cccccc; }
.searchable_list .instruction.create { color:#000000; cursor: pointer; }
.searchable_list .instruction.create:hover { background-color: #61aa1b; color:#ffffff;}
.searchable_list .instruction.create:before { font-family:'FontAwesome'; content: "\f055"; position: absolute; left:10px; top:50%; font-size:14px; line-height: 20px; margin-top:-10px; color:#8dcd4f; }
.searchable_list .instruction.create:hover:before { color:#ffffff }
/***************************************


Grids - default 4 columns


***************************************/

.grid_container 			{ max-width: 1400px; margin:0 auto; overflow: hidden; position: relative }
.grid 						{ margin:100px 0; overflow: hidden; position: relative }

.tile 						{ width:25%; float: left; position: relative }
.tile_content				{ position: absolute; top:0; left:0; right:0; bottom:0; background-color: #eeeeee; padding:20px; z-index: 3; overflow: hidden; -webkit-transition:all 0.5s; transition:all 0.5s }
.tile_content.tile_bg 		{ z-index:2; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.tile_content.dark 			{ background-color:rgba(20,20,20,0.85) }

.tile_blur 					{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; -webkit-transition:all 0.5s; transition:all 0.5s;}
.medium_blur 				{-webkit-filter: blur(40px); -moz-filter: blur(40px); -o-filter: blur(40px); -ms-filter: blur(40px); filter: blur(40px) }

.tile:hover .tile_content.transparent_tile,
.transparent_tile:hover,
.transparent_tile 			{ background: transparent;}

.grid.spaced .tile_content,
.grid.spaced				{ margin:0px 10px 20px 10px }
.grid.spaced.flush 			{ margin-left: -10px; margin-right: -10px }
.grid.team 					{ max-width:900px; margin:0 auto;}
.grid.feature_grid 			{ margin:50px auto 0;}

.grid.team .tile 			{ width:50%;}
.grid.feature_grid .tile 	{ min-height: 250px}

.grid.team .tile h3			{ margin:0; }
.grid.team .tile h3,
.grid.team .tile p 			{ padding:0 40px;}
.team_profile_image 		{ border-radius: 50%; overflow: hidden; margin:0 auto; width:60%;}

.grid_page 					{ overflow: hidden }
.grid_page .tile 			{ margin-bottom: 50px }
.grid_page .tile_content 	{ bottom:40px;}

.grid.pricing 				{ margin:40px 0 }
.pricing_table_column 		{ overflow: hidden; margin:20px 0;}
.pricing_table_column .top 	{ background:#f4f4f4; overflow: hidden}
.pricing_table_column.popular { border:1px solid #cccccc; margin-top:0; border-radius:3px }
.pricing_table_column.popular .top { padding-top:40px;}

.pricing_table_column .top,
ul.feature_list 			{ padding:20px;}
ul.feature_list li 			{ padding-left:30px; position: relative;}
ul.feature_list li:before 	{ font-family:'FontAwesome'; content: "\f00c"; position: absolute; left:0px; top:50%; font-size:16px; line-height: 16px; margin-top:-8px; }
ul.feature_list li.no:before { font-family:'FontAwesome'; content: "\f00d"; position: absolute; left:0px; top:50%; font-size:16px; line-height: 16px; margin-top:-8px; }
ul.feature_list li.no 		{ color:#ff0000;}
ul.feature_list li:last-child{border-bottom:none;}

.tile.wide.tall,
.tile.wide 					{ width:50% }
.tile.wide .sizer 			{ margin-top:50% }
.tile.tall .sizer			{ margin-top:150% }
.tile.wide.tall .sizer 		{ margin-top: 100% }

.grid.columns5 .tile 		{ width:20% }
.grid.columns5 .tile.wide.tall,
.grid.columns5 .tile.wide 	{ width:40% }

.grid.columns6 .tile 		{ width:16.66% }
.grid.columns6 .tile.wide.tall,
.grid.columns6 .tile.wide 	{ width:33.32% }

.grid.columns8 .tile 		{ width:12.5% }
.grid.columns8 .tile.wide.tall,
.grid.columns8 .tile.wide 	{ width:25% }

.grid.columns3 .tile 		{ width:33.3% }

.tile_content .reel_thumb	{ width:100%; margin:0 auto; border-radius: 50%; background:rgba(255,255,255,0.1) no-repeat center center; background-size:70% auto }
.tile_title 				{ font-size:12px; text-align: center; display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2em; margin:0 20px; position: absolute; top:70%; left:0; right:0;}
.tile_title span 			{ display: block; font-size:10px; text-align: center; font-weight: 300; margin:5px 0 0 0; }
.tile_title span em 		{ font-style: normal; font-weight: 700 }

.tile_actions,
.tile_meta 					{ text-align: center; position: absolute; bottom:0; left:0; right:0;}
.tile_meta li 				{ display: inline-block; text-align: center; width:30%; padding:25px 0; font-size: 11px; text-transform: uppercase; font-weight: 300}
.tile_meta li strong 		{ font-size:14px; line-height: 30px; font-weight:400}

.tile_actions 				{ bottom:-100px; transition:bottom 0.25s; -webkit-transition:bottom 0.25s;}
.tile_actions li 			{ float: left; width: 50%; background-color: #75b834 }
.tile_actions li a 			{ display: block; line-height: 30px; padding:10px 0; text-align: center; color:#ffffff; text-transform: uppercase; font-size: 14px }
.tile_actions li a.action2	{ background-color: #8dcd4f }

.tile_title, .tile_meta 	{ transition:all 0.25s; -webkit-transition:all 0.25s; }

.tile:hover .tile_meta 		{ opacity:0.2; bottom:-10px;}
.tile:hover .tile_actions 	{ bottom:0; }
.tile:hover .tile_content 	{ background-color: rgba(0,0,0,0.9)}
.tile:hover .tile_blur 		{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2)}

.up_down,
.tile_rating 				{ overflow: hidden; margin:0 0 0 0; text-align: center; font-size:15px; color:#343434; }
.tile_rating_details 		{ text-align: center; margin:5px 0 10px 0; }
.tile_author 				{ text-align: center; font-size:12px; display: block; text-transform: uppercase; color:#343434; }

.up_down a  				{ display: inline-block; margin:0 10px;}
.up_down a.active 			{ background-color: #333333; color:#ffffff; }
.up_down i 					{ margin:0 3px;}

.tile.website_tile .tile_content 		{ background: transparent }
.tile.website_tile .tile_title 		 	{ line-height: 16px; max-height: 32px; /*two lines */ overflow: hidden; }
.tile.website_tile .tile_description 	{ position: absolute; display: block; bottom:0px; left:0; right:0; margin:0 20px; text-transform: none; font-size:14px; letter-spacing: auto; line-height: 20px; text-align: center; height: 60px; /* 3 lines of text */ font-weight: 300; }
.tile.website_tile i.read_more 			{ position: absolute; display: block; bottom:35px; left:0; font-size:15px; right:0; text-align: center;}

div#website_tiles.grid.hunt .tile .reel_thumb { border-radius:5px;}
div#website_tiles.grid.hunt .tile.website_tile i.read_more { display: none }

div#website_tiles.grid.hunt .tile .tile_content { padding:10px; }
div#website_tiles.grid.hunt .tile .tile_title { position: static; margin-top:10px; max-height: auto; overflow: visible}

div#website_tiles.grid.hunt .tile.website_tile .tile_description { position: static; margin-top:10px;}


/***************************************


Effects


***************************************/
.fx 						{ transition:all 0.5s; -webkit-transition:all 0.5s; }
.fx_quick 					{ transition:all 0.25s; -webkit-transition:all 0.25s; }
.fx_long  					{ transition:all 0.75s; -webkit-transition:all 0.75s; }
.fx_xlong  					{ transition:all 1s; -webkit-transition:all 1s; }

.fx_pop_in 					{ transform:scale(0,0); -webkit-transform:scale(0.0); opacity:0.5;}
.fx_pop_in.on,
.initialized .fx_pop_in 	{ transform:scale(1,1); -webkit-transform:scale(1.1); opacity:1;}

.fx_shift_up 				{ transform:translate3d(0,50px, 0); -webkit-transform:translate3d(0,50px,0); opacity: 0 }
.fx_shift_up.on,
.initialized .fx_shift_up 	{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity: 1}

.fx_fade_in 				{ opacity: 0}
.fx_fade_in.on,
.initialized .fx_fade_in 	{ opacity: 1}

.fx_scale_up 				{ transform:scale(1,1); -webkit-transform:scale(1,1);}
.fx_scale_up.on,
.active .fx_scale_up 		{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.fx_scale_down 				{ transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.fx_scale_down.on,
.active .fx_scale_down 		{ transform:scale(1,1); -webkit-transform:scale(1,1);}


/***************************************


ID Overrides


***************************************/

#section_footer 	{ padding-bottom:50px }
#section_intro.dark { background-color: #232323 }
#section_footer.footer_lite { background: #cececa; padding-top:50px; }

ul.inline_list li a.footer_social_link { width:30px; height:30px; text-align: center; line-height: 30px; border-radius: 50%; padding:0; margin:0; font-size:12px;}

.opening_section h1 { margin-bottom: 0px}


#section_about_intro 	{ height:500px; }

#section_organize,
#section_asset,
#section_monetize 	{ min-height: 650px }
#section_monetize 	{ background: #8dcd4f; padding-top:200px; border-radius:0px 0px 3px 3px; transition:0.5s background; -webkit-transition:0.5s background;}
#section_organize 	{ border-radius:3px 3px 0 0;}
#section_features 	{ background: #ffffff }

#section_fees 		{ background: #8dcd4f; }

#home_about_us 		{ background-image:url("../img/l/about_top.jpg"); background-color:#1a2025;}
#home_coming_soon 	{ background-image:url("../img/l/home_top6.jpg"); background-size: auto; background-position: center top}
#wrap_contact_us	{ background-image:url("../img/l/nyc_top.jpg") }
#campaign_camping 	{ background-image:url("../img/l/pro_top2.jpg") }
#pricing_page 		{ background-image:url("../img/l/pricing_top2.jpg");}
#hunt 				{ background-image:url("../img/hunt/bg.jpg"); background-size: 100% auto; background-position: center top; background-color:#222121;}
#hunt_reel 			{ background-color: #222121; }

#section_grand_prize{ background-color:#f3f3f3 }

.hunt_illustration 	{ display: block; margin:50px auto; max-width:700px; width:90%;}

.landing_page_wrap { opacity: 0; -webkit-transition:all 0.5s; transition:all 0.5s; background-size:100>auto; background-position: top center; background-repeat: no-repeat; background-attachment: scroll}
.page.loaded .landing_page_wrap { opacity: 1}

#screen1 			{ position: absolute; top:622px; margin-left:-275px; left:50%; width:550px; height:309px; background:#eeeeee; z-index: 12; overflow: hidden}
#screen1 img 		{ width: 100%}

#section_screen2 	{ padding-top:500px;}
.screen_demo 		{ overflow: hidden; position: relative; border-radius: 6px; box-shadow:0px 0px 50px rgba(0,0,0,0.1); margin:0 auto; width:900px;}
.screen2_wrap 		{ position: relative; width:900px; left:50%; margin-left:-450px; }

body.touch #screen1 { width:226px; margin-left:-113px; top:745px; height:400px;}
body.touch #home_coming_soon 	{ background-image:url("../img/l/home_top_mobile.jpg") }
body.touch .feature_callout.callout1 { top:110px }
body.touch .feature_callout.callout2 { top:250px }
body.touch .feature_callout.callout3 { top:450px }
body.touch .feature_callout.callout4 { top:650px }

body.touch .feature_callout.callout5 { top:1500px }
body.touch .feature_callout.callout6 { top:1600px }

body.touch .screen_demo { width:300px }
body.touch .screen2_wrap{ width:300px; margin-left:-150px; }

video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("/_s/video/clip/clip.jpg") no-repeat;
    background-size: cover; 
}

#s2 { background:#f3f3f3 url("/_s/img/home/community.jpg") no-repeat center bottom; background-size:800px auto;}
#s2 .article_intro {padding-bottom: 400px}

#s3 { background:#151c21 url("/_s/img/home/collections.png") no-repeat right center; background-size:50% auto; overflow: hidden }
#s3 .content { padding-top:200px; padding-bottom:200px }
#s3 .stacked_ctas { margin:40px 0; overflow: hidden }
#s3 .stacked_ctas .ct { display: block; max-width:200px; margin:0 0 10px }
#s3 .stacked_ctas .cta.alt2 { text-align: left }
#s4 { background-color:#151c21 }

body.touch video#bgvid { display: none }
body.touch #s1 {background: url("/_s/video/clip/clip.jpg") no-repeat; background-size: cover }

.responsive_image { margin:0 auto; display: block }

#profile_image_dropzone.dropzone 	{ margin-bottom:0; text-align: center }
#website_image_dropzone.dropzone 	{ overflow: auto; position: absolute; top:0; left:0; right:0; bottom:0; box-shadow: none; border:none; margin:0; background:rgba(0,0,0,0.6); text-align: center; color:#ffffff; }
#website_image_dropzone.dropzone.dz-drag-hover { background: #2570fa; color:#ffffff; opacity:0.95; }
#dialog_website_image_panel 		{ background-repeat: no-repeat; background-size: cover; background-position: center center }

#website_image_dropzone.dropzone.dz-clickable .dz-message, #website_image_dropzone.dropzone.dz-clickable .dz-message * {
	left: 0;
	margin: 0;
	padding: 0 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.website_image_tool { position: absolute; top:0px; right:0; z-index: 12 }
.website_image_tool a { display: block; width:30px; height:30px; margin:10px; text-align: center; color:#ffffff; line-height: 30px; border:1px solid #ffffff; border-radius:50%; font-size:16px; cursor: pointer }
.website_image_tool a:hover { background: #ffffff; color:#000000; }
.website_image_tool a .fa { text-align: center; }
.website_image_tool a span.tooltip { display: block; opacity:0; width:100px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:50px;}
.website_image_tool a:hover span.tooltip { opacity:1;}

/***************************************


Media Queries


***************************************/

@media all and (min-width: 120px) and (max-width: 950px) {
	.layoutA .columns.columns3 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; -webkit-perspective:1; margin-bottom: 30px }
}

@media all and (max-width: 800px) {

	.webreel_menu { height: auto }
	.toolbar { float: none; margin:0 5px; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:5px; height:40px;}
	.toolbar .dropdown_selector { margin:0 0 0 50px; float: none; width:150px; text-align: center; }
	.toolbar #follow_container { position: absolute; top:5px; right:5px; }

	.bg_asset { left:0; right:0; top:300px; margin:0 auto; text-align: center;}
	.bg_asset img { width:100%; display: block; margin:0 auto; max-width:500px;}

	#webreel_commercial iframe { width:300px; height:168px;}

	.valign2 			{ top:150px;}

	.grid.team 			{ width:100%;}
	.grid.team .tile 	{ width:100%; margin-bottom:50px;}
	.grid.team .tile h3,
	.grid.team .tile p 			{ padding:0 10px;}


	.tile_rating.tile_rating2 {top: 44px !important; left: 0 !important; margin-left: 0 !important;}

	/* move this to responsive section */
	.rnav 				{ width:50px; top:5px; right:10px; height:50px; cursor: pointer }
	.rnav .mnav			{ background:#cecece; border-radius:4px; width:150px; display: none; margin:0 0 0 -100px; position: absolute; top:50px; left:0px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); transition:all 0.5s; -webkit-transition:all 0.5s;}
	.rnav:before 		{ font-family:'FontAwesome'; content: "\f0c9"; position: absolute; right:0; top:0px; cursor: pointer; width:50px; height:50px; font-size:20px; line-height: 50px; text-align: center }
	.rnav .mnav:after 	{ content:""; opacity:1; position:absolute; top:-20px; right:15px; margin-left:-10px; width:0; height:0; border:10px solid black; border-color:transparent transparent #cecece transparent;}

	.rnav li:first-child{ margin-top:5px;}
	.rnav li:last-child { margin-bottom:5px;}
	.rnav li 			{ display: block; text-align: center; margin:0 }
	.rnav.on .mnav 		{ display: block; opacity:1; }
	.rnav li a 			{ text-align: center; padding:5px; }
	.rnav li.active 	{ border-top:none; border-left:3px solid #fcba39;}
	.rnav li a.smaller_btn { margin:0 5px;}

	.dark_header .rnav .mnav 	{ background:#222222;}
	.dark_header .rnav:before 		{ color:#ffffff }
	.dark_header .rnav .mnav:after { border-bottom-color:#222222;}
	

	.pricing_table_column 		{ display: none }
	.pricing_table_column.popular { display: block; width:auto; float: none }

	.responsive_image { width:80%;}
} 

@media all and (max-width: 459px) {

	.layoutA .columns 			{ -webkit-column-count:1; -moz-column-count:1; column-count:1 }

	.section.box { margin-left:10px; margin-right:10px;}

	.confirmation_message { left:20px; right:20px;}
	blockquote 		{ padding-left:23px; margin-left: -20px }
	.content 		{ padding:0 20px }
	.container 		{ margin-bottom: 20px }
	.padded 		{ padding:50px 20px;}

	.pull_left, 
	.pull_right 	{ float:none; margin:0 auto; }
	.pull_left 		{ margin-right:20px; margin-left:-20px }
	.pull_right 	{ margin-left:20px; margin-right:-20px }

	.half_width 	{ width:auto }
	.divider.spaced { margin:20px auto }

	.grid_container { margin:20px }

	.tile,
	.tile.wide.tall,
	.tile.wide 					{ width:100% }
	.tile.wide .sizer 			{ margin-top:100% }
	.tile.tall .sizer			{ margin-top:150% }
	.tile.wide.tall .sizer 		{ margin-top:100% }

	.grid.columns5 .tile 		{ width:100% }
	.grid.columns5 .tile.wide.tall,
	.grid.columns5 .tile.wide 	{ width:100% }

	.grid.columns6 .tile 		{ width:100% }
	.grid.columns6 .tile.wide.tall,
	.grid.columns6 .tile.wide 	{ width:100% }

	.grid.columns8 .tile 		{ width:100% }
	.grid.columns8 .tile.wide.tall,
	.grid.columns8 .tile.wide 	{ width:100% }

	.grid.columns3 .tile 		{ width:100% }

	body.iframebg, body.iframebg .page { background: #ffffff }

	.dialog { width:100%; left:0; margin-left:0; box-shadow:none; background:none;}
	.dialog.valign { top:0; transform:translateY(0%); -webkit-transform:translateY(0%); }

	.left_block, .right_block { width:100%; margin:0 20px; }

	.zpanel 			{ background-color: rgba(255,255,255,0.95)}
	#webreel_stuff h2   { width: 250px !important; text-align: left !important; margin: 0 0 20px 0 !important;}
	/*.about_webreel .author_name     { text-align: left !important;}*/
}

@media all and (min-width: 421px) and (max-width: 799px) {

	.section.box { margin-left:20px; margin-right:20px;}

	.grid_container { margin:20px }
	.padded 		{ padding:50px 20px;}

	.tile,
	.tile.tall,
	.tile.wide.tall,
	.tile.wide 					{ width:50% }
	.tile.wide .sizer 			{ margin-top:100% }
	.tile.tall .sizer			{ margin-top:150% }
	.tile.wide.tall .sizer 		{ margin-top:100% }

	.grid.columns5 .tile 		{ width:50% }
	.grid.columns5 .tile.tall,
	.grid.columns5 .tile.wide.tall,
	.grid.columns5 .tile.wide 	{ width:50% }

	.grid.columns5 .tile.tall .sizer { margin-top:100%;}

	.grid.columns6 .tile 		{ width:50% }
	.grid.columns6 .tile.wide.tall,
	.grid.columns6 .tile.wide 	{ width:100% }

	.grid.columns8 .tile 		{ width:50% }
	.grid.columns8 .tile.wide.tall,
	.grid.columns8 .tile.wide 	{ width:50% }

	.grid.columns3 .tile 		{ width:100% }

}

@media all and (max-width: 699px) {
	.grid.feature_grid .tile 	{ width:100%;}
	.grid.feature_grid .tile .feature_icon { width:280px}

	.feature_icons 		{ position: static; margin:0 auto 250px auto; width:100%; transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
	.feature_icons .feature_icon { width:50%; margin:0 0 10px 0;}

	.demo_tile 				{ width:310px; margin-left:-155px; height:550px; }
	.demo_tile_image 		{ margin-top:0;}
	.demo_tile_content 		{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
	.callout_box 			{ display: none }
	.connector, .connector2 { display: none }

	.blurb_title 			{ font-size:20px;}
	.blurb_title, .blurb 	{ width:100%; text-align: center; float: none; margin-left:auto; margin-right:auto; }

	#s3 { background-image:url("../img/home/collections-mobile.png"); background-position: bottom center; background-size:70% auto;}
	#s3 .content {padding:0 0 300px 0;}
	#s3 .left_block { margin:0 auto; float:none;}
	#s3 .left_block .stacked_ctas .cta { margin:0 auto 10px; text-align: center;}
}

@media all and (min-width: 700px) and (max-width: 1099px) {

	.section.box { margin-left:20px; margin-right: 20px;}

	.grid.feature_grid .tile 	{ width:50%;}
	.grid.feature_grid .tile .feature_icon { width:300px}

	.callout_box 		{ display: none }
	.feature_icons 		{ width:500px; top:30px; right:-80px; transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); }
	.connector 			{ right:400px; top:115px;}

}

@media all and (min-width: 1850px) {
	#hunt 					{ background-size:100% auto;}
	.wrap 					{ margin:50px auto }
	.section.box,
	.section 				{ max-width: 1800px; margin-left:auto; margin-right:auto; }
	.header 				{ padding-top:0px }
	.logo.abs 				{ top:50px }
	.paging_container.fixed { right:auto; left:50%; margin-left:850px }
	.first_section 			{ padding-top:100px }
}.table{
	width: 150px;
	float: left;
	margin-left:-150px;

}

.description a{
	font-size: 1.2em;
	display: inline-block;
	margin-right: 5px;
}
.cell {
	margin-bottom: 20px;
}

.cell p{
	margin: 0 20px 0 10px;
	text-align: right;
	font-size: 20px;
}

.description{
	float: none;
	width: 100%;
}

.author{
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.author img {
	width:100px;
	height: 100px;
	border-radius: 50%;
}

.author a{
	color: black;
	text-decoration: none;
}

.profile_pic_bg,
.profile_pic{
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}

.profile_pic_bg { 
	background: url("/_s/img/user.png") no-repeat center center;
	background-size: 80% auto;
	margin:0 auto;
}

.profileStuff img{
	position: absolute;
	opacity: 0.5;
	left:-25px; top:-30px;
	z-index: -1;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}


.profileStuff,
.profileStuff span{
	position: relative;
}

/*
THIS IS FOR COMMENT STYLINGS
*/
.comment{
	width: 100%;
	min-height: 150px;
	position: relative;
	border-top: solid 1px #000;
	padding-bottom: 10px;
}

.comment_paragraph{
	width: 80%;
	position: relative;
	border-top: 5px;
}

.comment_buttons{
	padding-top: 20px;
	width: 60px;
	position: absolute;
	float: right;
	top: 0;
	right: 0;
}

.comment_buttons a.active{
	background-color: #8dcd4f;
}

.comment_buttons a{
	width: 40px;
	line-height: 20px;
	display: block;
	color: black;
	text-decoration: none;
	text-align: left;
	margin-bottom: 8px;
	border-radius: 2px;
}

.comment_profile_pic{
	margin-left: -70px;
	float: left;
	height: 50px;
	width: 50px;
}
#wr_author_socials a, #abt_author_socials a {
	margin:0;
	font-size: 14px;
	width: 35px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	float: none;
}



/*
THIS IS FOR VIEW FOLLOWERS STYLINGS
*/
#search_user_results .profile_pic{
	margin: 0 auto;
	display: block;
}

#view_collaborators_list .profile_pic,
#view_followers_list .profile_pic,
#view_users_list .profile_pic{
	margin: 0 auto;
	display: block;
}

.view_follower_username{
	text-align: left;
}

/*
THIS IS FOR FOOTER STYLINGS
*/

#section_footer .grid{ 
	margin:20px 0;
}

#section_footer .tile li{
	margin-top: 0;
}


#section_footer .copyright,
#section_footer .list a { font-size: 11px }
#section_footer .list a { margin: 0 0 20px 0; display: block;}

.footer_socials a{
	width: 35px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	text-align: center;
	float: left;

}

.footer_copyright { overflow: hidden; }

/*
SOCIAL LINKS STYLING
the social links are found under #wr_author_socials a, #abt_author_socials a, .footer_socials a, #grid_socials a
*/
#wr_author_socials a:hover, #abt_author_socials a:hover, .footer_socials a:hover, #grid_socials a:hover{
	color: #8dcd4f;
}

.colorful_link:hover{
	color: #8dcd4f;
}

/*
THIS IS FOR WEBSITE TILES
*/
.site_vote_btn a{
	text-align: left;
	border-radius: 2px;
	line-height: 20px;
	width: 40px;
}

.site_vote_btn a.active{
	background-color: #8dcd4f;
}

body.touch .tile .tile_btns,
.tile:hover .tile_btns{
	display: block;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
}

.tile_btns {
	/*background:#000000; overflow: hidden;
	border-radius:3px; box-shadow:0px 0px 20px rgba(0,0,0,0.1);*/
	top:20px;
	left:20px; right:20px; text-align: center;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	position: absolute;
	
	display: block;
	transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
}
.tile_btns a{
	position: relative;
	margin:3px;
	display: inline-block;
	font-size: 16px;
	width:30px; height:30px; border-radius: 50%; background: #8dcd4f;
	text-align: center; color:#ffffff; line-height: 30px;
	opacity:0;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}

.tile_btns a:hover {
	background: #61aa1b;
	color:#ffffff;
}

.tile_btns a.waiting {
	background:orange;
}

body.touch .tile .tile_btns a,
.tile:hover .tile_btns a { opacity:1;}

.tile_btns a.first 		{ transition:opacity 0.25s; -webkit-transition:opacity 0.25s;}
.tile_btns a.second 	{ transition:opacity 0.45s; -webkit-transition:opacity 0.45s;}
.tile_btns a.third 		{ transition:opacity 0.65s; -webkit-transition:opacity 0.65s;}
.tile_btns a.fourth 	{ transition:opacity 0.85s; -webkit-transition:opacity 0.85s;}

/* 
STYLE FOR COMMENT AREA
*/

#comment_area{
	background-color: #FFF;
	padding-top: 20px;
}

#comment_area h3{
	margin: 100px 0;
}
/* 
STYLE FOR WEBREEL ICONS
*/
#webreel_header{
	position: relative;
	display: block;
	margin:0 auto 20px auto;
}

#webreel_header p{
	max-width: 600px;
	margin:10px auto;
}


.webreel_icon {
	font-size: 16px;
	float: left;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #DDD;
	border-radius: 50%;
	margin: 0 5px;
}

#webreel_icons {

	display: block;
	position: absolute;
	right: 0;
	
	top: 0;
}


/* 
STYLE FOR FOLLOW BUTTON
*/

#follow_container{
	width: 150px;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	float: right;
	font-weight: 400;
}

#follower_count{
	height: auto;
	background-color: #FFF;
	width: 50px;
	float: left;
}
#follow_btn{
	height: auto;
	width: 100px;
	background-color: #8dcd4f;
	float: left;
	position: relative;
}

#follow_btn:after{
	left:-11px; top:50%; margin:-6px 0 0 0; border-color:transparent #8dcd4f transparent transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid
}

#follower_count a, #follow_btn a{
	text-align: center;
	display: block;
	line-height: 40px;
	font-size: 12px;
	text-transform: uppercase;
}

#follow_btn a{
	color: #FFF;
}

/* 
STYLE FOR COMMENT BOX
*/

.comment_box_area{
	min-height: 150px;
	color:#2f2d2f; 
	border:none; 
	border-bottom:1px 
	solid #cccccc; 
	border-radius:0px; 
	font-family: 'Lato', 'Arial', sans-serif; 
	font-size:18px; 
	font-weight: 300; 
	padding:20px 0; 
	line-height: 25px;
	background: transparent; 
	outline: none; 
	width:100%; 
	min-width: 100%; 
	max-width: 100%; 
	-webkit-transition:all 0.25s; 
	transition:all 0.25s;
    white-space: pre-wrap;
}

#comment_copy_area2{
	position: absolute;
	top: -10000px;
	left: -10000px;
}

/* 
SEARCH RESULT AREA STYLING
*/
#search_webreel_results .tile_actions a{
	font-weight: 500;
}


#search_results a{
	border-radius: 5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.search_result_active{
	background-color: #8dcd4f;
	color: #FFF;
}

/*
GRID ICON STYLING
*/
#grid_socials{
	margin: -20px auto 0;
	width: auto;
	overflow: hidden
}
#grid_socials a{
	margin:0;
	font-size: 14px;
	width: 35px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	float: none;
}

/*
HOW IT WORKS STYLING
*/
.try_buttons{
	margin: 0 auto;
	display: block;
	width: 380px;
}
.try_buttons span{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 80px;
	width:100px;
}
.try_button{
	margin: 0 5px;
	height: 80px;
	width: 80px;
	display: block;
	float: left;
	background-color: #8dcd4f;
	border-radius: 50%;
}
.try_button i{
	margin: 0 auto;
	display: block;
	font-size: 30px;
	line-height: 80px;
	width: 40px;
	color: #FFF;
}
.about_us_pics{
	margin: 0 auto;
	display: block;
	width: 250px;
}
#about_video_placeholder{
	max-width: 850px;
	width: 100%;
}

.about_us_pics img{
	margin-left: 12px;
}

.smaller_btn {
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 100px;
    padding: 5px 0 !important;
    opacity: 1;
}

#wr_follow_btn, #wr_details_btn{
	text-align: center;
	line-height: 24px;
   	font-size: 11px;
    font-weight: 700;
    min-width: 120px;
    padding: 5px 0 !important;
}
/*
DROPDOWN MENU STYLING
*/

#dropdown_add{
	/*margin-right:-30px; 
	float: right;
	position: relative;*/
	position: absolute; top:50px; left:50%;
	margin-left:-50px;
	padding:2px;
	display: none;
	width: 100px;
	background-color: #333333;
	border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.25);
}

#dropdown_toggle{position: relative;}

#dropdown_toggle:hover #dropdown_add{
	display: block;
}

#dropdown_add li{
	color: #FFF;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	width: 100px;
	line-height: 20px;
}

#dropdown_add li a { text-align: center; padding:0; }

#dropdown_add li:hover{
	background-color: #61AA1B;
	border-radius: 4px;
}

#dropdown_add:after{
left:50%; top:-11px; margin:0 0 0 -6px; border-color:transparent transparent #333333 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid

}

#dropdown_username{
	/*margin-right:-30px; 
	float: right;
	position: relative;*/
	position: absolute; top:50px; left: 50%;
	margin-left:-50px;
	padding:2px;
	display: none;
	width: 100px;
	background-color: #333333;
	border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.25);
}

#dropdown_toggle2 {position: relative;}

#dropdown_toggle2:hover #dropdown_username{
	display: block;
}

#dropdown_username li{
	color: #FFF;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	width: 100px;
	line-height: 20px;
}

#dropdown_username li a { text-align: center; padding:0; }

#dropdown_username li:hover{
	background-color: #61AA1B;
	border-radius: 4px;
}

#dropdown_username:after{
left:50%; top:-11px; margin:0 0 0 -6px; border-color:transparent transparent #333333 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid
}

.block_link { display: block; padding:5px 0;}

#dropdown_mobile{
	/*margin-right:-30px; 
	float: right;
	position: relative;*/
	position: absolute; top:25px; left: 50%;
	margin-left: -95px;
	padding:2px;
	display: none;
	width: 100px;
	background-color: #333333;
	border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.25);
}

#dropdown_toggle3 { position: relative;}

#dropdown_toggle3:hover #dropdown_mobile{
	display: block;
}

#dropdown_mobile li{
	color: #FFF;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	width: 100px;
	line-height: 20px;
}

#dropdown_mobile li a { text-align: center; padding:0; }

#dropdown_mobile li:hover{
	background-color: #61AA1B;
	border-radius: 4px;
}

#dropdown_mobile:after{
right:5px; top:-11px; border-color:transparent transparent #333333 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid;
}
/*
#dropdown_share{
	position: absolute; top:40px; left:50%;
	margin-left:-50px;
	padding:2px;
	display: none;
	width: 100px;
	background-color: #333333;
	border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.25);
}

#view_webreel_share{position: relative;}

#view_webreel_share:hover #dropdown_share{
	display: block;	
}

#dropdown_share li{
	color: #FFF;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	width: 100px;
	
}

#dropdown_share li a { text-align: center; padding:0; }

#dropdown_share li:hover{
	background-color: #61AA1B;
	border-radius: 4px;
}

#dropdown_share:after{
left:50%; top:-11px; margin:0 0 0 -6px; border-color:transparent transparent #333333 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid

}
*/

#dropdown_sort{
	/*margin-right:-30px; 
	float: right;
	position: relative;*/
	background-color: #999;
	position: absolute; top:40px; left:50%;
	margin-left: -78px;
	height: auto;
	padding:2px;
	display: none;
	width: auto;
	border-radius: 4px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.25);
}

#dropdown_toggle_sort{position: relative;}

#dropdown_toggle_sort:hover #dropdown_sort{
	display: block;
}

#dropdown_sort li{
	color: #FFF;
	margin: 0;
	text-align: center;
	font-size: 12px;
	width: auto;
	background-color: transparent;
}

#dropdown_sort li a { text-align: center; padding:0; width: 150px; font-weight: 700px; }


#dropdown_sort:after{
left:50%; top:-11px; margin:0 0 0 -6px; border-color:transparent transparent #999 transparent; content:""; position:absolute; width:0px; height:0px; border-width:6px; border-style:solid

}


/* filtering websites */
.tile.hidden { display: none }

/*
SHARE WEBREEL STYLES
*/
.share_list{
	margin: 0 auto;
	text-align: center;
}

.share_list a{
	text-align: center;
	display: inline-block;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
	
}

/* 
REPOST WEBREEL STYLES
*/

.repost_wrid_list li{
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	height: 50px;
	font-weight: 300;
	
}

.repost_wrid_list li a{
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	display: block;
}
.repost_wrid_list li:hover{
	background-color: #8dcd4f;
	font-weight: bold;
	color: white;
	border-radius: 4px;
}

/*
WEBREEL VIEW STYLING
*/

.webreel_view_navbar{
	background-color: #8dcd4f;
	display: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	margin-top: 15px;
	color: #FFF;
}

.webreel_view_navbar i{
	display: block;
	float: left;
	width: 60px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	margin: 0 5px;
}

#view_webreel_title{
	width: 400px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

#zoom_webreel_view iframe{
	position: absolute;
	top: 54px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.iframe_vote.active{
	background-color: #FF8000;
}

/* 
WEBREEL MENU STYLING
*/

.webreel_menu{
	background-color: #fcfcfc;
	position: relative;
	margin: 0 auto;
	z-index: 12;
	padding:5px 0;
	margin:0 0 0 0;
}

#website_tiles { margin:0; padding:50px 10px 0; }

.form.searchform.reelform{
	display: block;
	color: #FFF;
	width: 250px;
	margin:0;
}

#filter_websites_input{
	background-color: transparent; padding-left:35px;
}

.form.searchform.reelform:before { font-family:'FontAwesome'; content: "\f002"; color:#888888; position:absolute; height:20px; margin-top:-7px; top:50%; left:10px; font-size:12px; }

.tile_rating.tile_rating2{
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -58.3125px;
	line-height: 40px;
}

.webreel_menu_icons{
	position: absolute;
	display: block;
	right: 150px;
	
}

.webreel_menu_icons li{
	display: block;
	font-size: 16px;
	width: 40px;
	float: left;
	line-height: 40px;
	text-align: center;
}



/* 
RESPONSIVE MENU OPTIONS STYLING
*/

.smaller_btn_mobile {
	margin: 10px 5px;
    font-size: 13px;
    font-weight: 700;
    min-width: 100px;
    opacity: 1;
    display: none;
}

.smaller_btn_mobile2 {
    font-size: 11px;
    font-weight: 700;
    min-width: 50px;
    opacity: 1;
    line-height: 25px;
    margin-top: -6px;
}

.header.mobile_nav{
	display: none;
}

.mobile_nav li{
	text-align: center;
	margin: 0 5px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
}
.mobile_nav ul li{
	display: block;
	float: right;

}

@media all and (max-width: 800px) {
	.form.searchform.reelform { position:relative; max-width:100%; width:100%; margin:0;}
}

/* 
MEDIA QUERIES FOR ABOUT WEBREEL
*/
@media (max-width: 1050px){
	.table{
		width: 100%;
		margin-left:auto;
		margin-bottom: 0px
	}

	.cell{
		width: 25%;
		display: inline-block;
		float:left;
	}

	.cell p{
		font-size: 18px;
		text-align: center;
	}

	.description{
		width: 100%;
	}
}

@media (max-width: 585px){
	.table{
		width: 100%;
		margin-left:auto;
		margin-bottom: 0px;
	}

	.cell{
		width: 50%;
		float: left;
		display: inline-block;
		margin-bottom: 20px;
	}

	.cell p{
		font-size: 18px;
		text-align: center;
	}

	.description{
		width: 100%;
	}

}#clockdiv{
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 50px;
	overflow: hidden
}

#clockdiv > div{
	padding: 0px;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 14px;
	text-align: center
}

.vdash { display: block; margin:20px auto; width:1px; height:100px; border-left:1px solid #ffffff; }

@media all and (max-width: 459px) {
	#clockdiv { font-size:25px; padding-bottom:5px;}
	.smalltext{ font-size:11px; padding-top:0; }
	.vdash { height:50px; margin:10px auto;}
}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px; background:white; padding:20px; margin:20px 0px 50px 0px; box-shadow:0px 0px 50px rgba(0,0,0,0.1); }.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer; font-size:16px;}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{background: #2570fa; color:#ffffff;}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:4px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:4px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}
