/*
 * Retina Sprites for Compass
 * by:              Gaya Kessler
 * last update:     01/14/13
 *
 * Usage:
 * 1. create two folders in your image directory (in this case 'icons' and 'icons-2x').
 * 2. adjust the foldernames defined below if you use different names.
 * 3. create sprite images for pixel ratio 1 screens and put them in the first folder.
 * 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames.
 * 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)'
 */
/* weight 100 = Light */
@font-face {
  font-family: 'DinOT';
  src: url("fonts/dinprocondlight.eot");
  src: url("fonts/dinprocondlight.eot?#iefix") format("embedded-opentype"), url("fonts/dinprocondlight.woff") format("woff"), url("fonts/dinprocondlight.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* weight 300 = Regular */
@font-face {
  font-family: 'DinOT';
  src: url("fonts/dinprocond.eot");
  src: url("fonts/dinprocond.eot?#iefix") format("embedded-opentype"), url("fonts/dinprocond.woff") format("woff"), url("fonts/dinprocond.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* weight normal = 400 = Medium */
@font-face {
  font-family: 'DinOT';
  src: url("fonts/dinprocondmedium.eot");
  src: url("fonts/dinprocondmedium.eot?#iefix") format("embedded-opentype"), url("fonts/dinprocondmedium.woff") format("woff"), url("fonts/dinprocondmedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* weight bold = 700 = Bold */
@font-face {
  font-family: 'DinOT';
  src: url("fonts/dinprocondbold.eot");
  src: url("fonts/dinprocondbold.eot?#iefix") format("embedded-opentype"), url("fonts/dinprocondbold.woff") format("woff"), url("fonts/dinprocondbold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* weight 900 = Black */
@font-face {
  font-family: 'DinOT';
  src: url("fonts/dinprocondblack.eot");
  src: url("fonts/dinprocondblack.eot?#iefix") format("embedded-opentype"), url("fonts/dinprocondblack.woff") format("woff"), url("fonts/dinprocondblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 6, 2013 */
@font-face {
  font-family: 'DinOT Regular';
  src: url("fonts/dinpro.eot");
  src: url("fonts/dinpro.eot?#iefix") format("embedded-opentype"), url("fonts/dinpro.woff") format("woff"), url("fonts/dinpro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Weight 900 = Blank */
@font-face {
  font-family: 'DinOT Regular';
  src: url("fonts/dinproblack.eot");
  src: url("fonts/dinproblack.eot?#iefix") format("embedded-opentype"), url("fonts/dinproblack.woff") format("woff"), url("fonts/dinproblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* Weight bold = Bold */
@font-face {
  font-family: 'DinOT Regular';
  src: url("fonts/dinprobold.eot");
  src: url("fonts/dinprobold.eot?#iefix") format("embedded-opentype"), url("fonts/dinprobold.woff") format("woff"), url("fonts/dinprobold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* Weight 300 = Light */
@font-face {
  font-family: 'DinOT Regular';
  src: url("fonts/dinprolight.eot");
  src: url("fonts/dinprolight.eot?#iefix") format("embedded-opentype"), url("fonts/dinprolight.woff") format("woff"), url("fonts/dinprolight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/**
 * General absolute definitions.
 */
/*$purple: #9585bd;*/
/* purple from 'server' version */
/**
 * Contextual definitions;
 */
#topShelf {
  background-color: #e7e7e7;
  max-height: 200px;
  -moz-transition: max-height 0.25s ease;
  -o-transition: max-height 0.25s ease;
  -webkit-transition: max-height 0.25s ease;
  transition: max-height 0.25s ease;
}
#topShelf.collapsed {
  max-height: 0;
  overflow: hidden;
}
#topShelf .row, #topShelf .subrow {
  padding-bottom: 15px;
  padding-top: 15px;
}
#topShelf a.close {
  background-color: #55636e;
  display: inline-block;
  float: right;
  opacity: 0.65;
  padding: 0.15em 0.25em 0.275em;
}
#topShelf a.close:hover {
  opacity: 0.85;
}
#topShelf a.close i {
  color: #ffffff;
}

.fade.in.modal {
  display: table !important;
}

.notify {
  background-color: #fff6ca !important;
  border: 1px solid #e0e2e3 !important;
  padding: 25px;
}

div {
  font-family: "DinOT Regular", Arial, sans-serif;
}

/**
 * All blank tags: body, div, p, a, button...
 */
html, body {
  margin: 0;
  overflow-x: hidden;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.hidden {
  display: none;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clear {
  clear: both;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.triangle {
  border-style: solid;
  /* Trick to enable antialiasing.*/
  -moz-transform: scale(1.001);
  -ms-transform: scale(1.001);
  -webkit-transform: scale(1.001);
  transform: scale(1.001);
}

.ng-hide {
  display: none !important;
}

.proCheckoutModal, .checkoutModal {
  /* Hoshi */
  /* more items require more delay declarations */
  /* Default custom select styles */
  /* Placeholder and selected option */
  /* Options */
  /* Optgroup and optgroup label */
}
.proCheckoutModal .input, .checkoutModal .input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0.5em 1em 0.5em 0;
  max-width: 300px;
  width: calc(100% - 2em);
  vertical-align: top;
}
.proCheckoutModal .input__field, .checkoutModal .input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  line-height: 3em;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}
.proCheckoutModal .input__field:focus, .checkoutModal .input__field:focus {
  outline: none;
}
.proCheckoutModal .input__label, .checkoutModal .input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #6a7989;
  font-weight: bold;
  font-size: 110.25%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.proCheckoutModal .input__label-content, .checkoutModal .input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}
.proCheckoutModal .graphic, .checkoutModal .graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}
.proCheckoutModal .icon, .checkoutModal .icon {
  color: #ddd;
  font-size: 150%;
}
.proCheckoutModal .input--hoshi, .checkoutModal .input--hoshi {
  overflow: hidden;
}
.proCheckoutModal .input__field--hoshi, .checkoutModal .input__field--hoshi {
  margin-top: 1em;
  padding: 0.85em 0.15em;
  width: 100%;
  background: transparent;
  color: #595F6E;
}
.proCheckoutModal .input__label--hoshi, .checkoutModal .input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.25em;
  width: 100%;
  height: calc(100% - 1em);
  text-align: left;
  pointer-events: none;
}
.proCheckoutModal .input__label-content--hoshi, .checkoutModal .input__label-content--hoshi {
  position: absolute;
}
.proCheckoutModal .input__label--hoshi::before,
.proCheckoutModal .input__label--hoshi::after, .checkoutModal .input__label--hoshi::before,
.checkoutModal .input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 10px);
  border-bottom: 1px solid #B9C1CA;
}
.proCheckoutModal .input__label--hoshi::after, .checkoutModal .input__label--hoshi::after {
  margin-top: 2px;
  border-bottom: 4px solid red;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.proCheckoutModal .input__label__hoshi_color_1::after, .checkoutModal .input__label__hoshi_color_1::after {
  border-color: #00aaff;
}
.proCheckoutModal .input__label__hoshi_color_2::after, .checkoutModal .input__label__hoshi_color_2::after {
  border-color: #00ffaa;
}
.proCheckoutModal .input__label__hoshi_color_3::after, .checkoutModal .input__label__hoshi_color_3::after {
  border-color: #ff5500;
}
.proCheckoutModal .input__field--hoshi:focus + .input__label--hoshi::after,
.proCheckoutModal .input__filled .input__label--hoshi::after, .checkoutModal .input__field--hoshi:focus + .input__label--hoshi::after,
.checkoutModal .input__filled .input__label--hoshi::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.proCheckoutModal .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.proCheckoutModal .input__filled .input__label-content--hoshi, .checkoutModal .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.checkoutModal .input__filled .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
}
@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
.proCheckoutModal div.cs-skin-underline, .checkoutModal div.cs-skin-underline {
  background: transparent;
  font-size: 1em;
  max-width: 300px;
}
@media screen and (max-width: 30em) {
  .proCheckoutModal div.cs-skin-underline, .checkoutModal div.cs-skin-underline {
    font-size: 1.2em;
  }
}
.proCheckoutModal .cs-skin-underline > span, .checkoutModal .cs-skin-underline > span {
  padding: 0.5em 3em 0.5em 0.5em;
  border-bottom: 3px solid #000;
  border-color: inherit;
  font-weight: bold;
}
.proCheckoutModal .cs-skin-underline > span::after, .checkoutModal .cs-skin-underline > span::after {
  font-family: 'icomoon';
  content: '\e003';
  right: 0.25em;
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.proCheckoutModal .cs-skin-underline.cs-active > span::after, .checkoutModal .cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
}
.proCheckoutModal .cs-skin-underline .cs-options, .checkoutModal .cs-skin-underline .cs-options {
  background: #bbc7c8;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}
.proCheckoutModal .cs-skin-underline.cs-active .cs-options, .checkoutModal .cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.proCheckoutModal .cs-skin-underline ul span, .checkoutModal .cs-skin-underline ul span {
  position: relative;
  text-transform: uppercase;
  font-size: 66%;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 1.2em 0.8em;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.proCheckoutModal .cs-select ul span::after, .checkoutModal .cs-select ul span::after {
  content: '';
  opacity: 0;
}
.proCheckoutModal .cs-select .cs-selected span::after, .checkoutModal .cs-select .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e010';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
.proCheckoutModal .cs-skin-underline ul span::before, .checkoutModal .cs-skin-underline ul span::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.proCheckoutModal .cs-skin-underline.cs-active ul span,
.proCheckoutModal .cs-skin-underline.cs-active ul span::before, .checkoutModal .cs-skin-underline.cs-active ul span,
.checkoutModal .cs-skin-underline.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.proCheckoutModal .cs-skin-underline li:nth-child(5) span,
.proCheckoutModal .cs-skin-underline li:nth-child(5) span::before,
.proCheckoutModal .cs-skin-underline.cs-active li:first-child span,
.proCheckoutModal .cs-skin-underline.cs-active li:first-child span::before, .checkoutModal .cs-skin-underline li:nth-child(5) span,
.checkoutModal .cs-skin-underline li:nth-child(5) span::before,
.checkoutModal .cs-skin-underline.cs-active li:first-child span,
.checkoutModal .cs-skin-underline.cs-active li:first-child span::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.proCheckoutModal .cs-skin-underline li:nth-child(4) span,
.proCheckoutModal .cs-skin-underline li:nth-child(4) span::before,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(2) span,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(2) span::before, .checkoutModal .cs-skin-underline li:nth-child(4) span,
.checkoutModal .cs-skin-underline li:nth-child(4) span::before,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(2) span,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(2) span::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.proCheckoutModal .cs-skin-underline li:nth-child(3) span,
.proCheckoutModal .cs-skin-underline li:nth-child(3) span::before, .checkoutModal .cs-skin-underline li:nth-child(3) span,
.checkoutModal .cs-skin-underline li:nth-child(3) span::before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.proCheckoutModal .cs-skin-underline li:nth-child(2) span,
.proCheckoutModal .cs-skin-underline li:nth-child(2) span::before,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(4) span,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(4) span::before, .checkoutModal .cs-skin-underline li:nth-child(2) span,
.checkoutModal .cs-skin-underline li:nth-child(2) span::before,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(4) span,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(4) span::before {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.proCheckoutModal .cs-skin-underline li:first-child span,
.proCheckoutModal .cs-skin-underline li:first-child span::before,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(5) span,
.proCheckoutModal .cs-skin-underline.cs-active li:nth-child(5) span::before, .checkoutModal .cs-skin-underline li:first-child span,
.checkoutModal .cs-skin-underline li:first-child span::before,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(5) span,
.checkoutModal .cs-skin-underline.cs-active li:nth-child(5) span::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.proCheckoutModal .cs-skin-underline .cs-options li span:hover,
.proCheckoutModal .cs-skin-underline .cs-options li.cs-focus span,
.proCheckoutModal .cs-skin-underline li.cs-selected span, .checkoutModal .cs-skin-underline .cs-options li span:hover,
.checkoutModal .cs-skin-underline .cs-options li.cs-focus span,
.checkoutModal .cs-skin-underline li.cs-selected span {
  color: #566473;
  background: transparent;
}
.proCheckoutModal div.cs-select, .checkoutModal div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 300px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.proCheckoutModal div.cs-select:focus, .checkoutModal div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.proCheckoutModal .cs-select select, .checkoutModal .cs-select select {
  display: none;
}
.proCheckoutModal .cs-select span, .checkoutModal .cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.proCheckoutModal .cs-select > span, .checkoutModal .cs-select > span {
  padding-right: 3em;
}
.proCheckoutModal .cs-select > span::after,
.proCheckoutModal .cs-select .cs-selected span::after, .checkoutModal .cs-select > span::after,
.checkoutModal .cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.proCheckoutModal .cs-select > span::after, .checkoutModal .cs-select > span::after {
  content: '\25BE';
  right: 1em;
}
.proCheckoutModal .cs-select .cs-selected span::after, .checkoutModal .cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em;
}
.proCheckoutModal .cs-select.cs-active > span::after, .checkoutModal .cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.proCheckoutModal div.cs-active, .checkoutModal div.cs-active {
  z-index: 200;
}
.proCheckoutModal .cs-select .cs-options, .checkoutModal .cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.proCheckoutModal .cs-select.cs-active .cs-options, .checkoutModal .cs-select.cs-active .cs-options {
  visibility: visible;
}
.proCheckoutModal .cs-select ul, .checkoutModal .cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.proCheckoutModal .cs-select ul span, .checkoutModal .cs-select ul span {
  padding: 1em;
}
.proCheckoutModal .cs-select ul li.cs-focus span, .checkoutModal .cs-select ul li.cs-focus span {
  background-color: #ddd;
}
.proCheckoutModal .cs-select li.cs-optgroup ul, .checkoutModal .cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.proCheckoutModal .cs-select li.cs-optgroup > span, .checkoutModal .cs-select li.cs-optgroup > span {
  cursor: default;
}
.proCheckoutModal textarea:focus, .proCheckoutModal input[type="text"]:focus, .proCheckoutModal input[type="password"]:focus, .proCheckoutModal input[type="datetime"]:focus, .proCheckoutModal input[type="datetime-local"]:focus, .proCheckoutModal input[type="date"]:focus, .proCheckoutModal input[type="month"]:focus, .proCheckoutModal input[type="time"]:focus, .proCheckoutModal input[type="week"]:focus, .proCheckoutModal input[type="number"]:focus, .proCheckoutModal input[type="email"]:focus, .proCheckoutModal input[type="url"]:focus, .proCheckoutModal input[type="search"]:focus, .proCheckoutModal input[type="tel"]:focus, .proCheckoutModal input[type="color"]:focus, .proCheckoutModal .uneditable-input:focus, .checkoutModal textarea:focus, .checkoutModal input[type="text"]:focus, .checkoutModal input[type="password"]:focus, .checkoutModal input[type="datetime"]:focus, .checkoutModal input[type="datetime-local"]:focus, .checkoutModal input[type="date"]:focus, .checkoutModal input[type="month"]:focus, .checkoutModal input[type="time"]:focus, .checkoutModal input[type="week"]:focus, .checkoutModal input[type="number"]:focus, .checkoutModal input[type="email"]:focus, .checkoutModal input[type="url"]:focus, .checkoutModal input[type="search"]:focus, .checkoutModal input[type="tel"]:focus, .checkoutModal input[type="color"]:focus, .checkoutModal .uneditable-input:focus {
  box-shadow: none;
}
.proCheckoutModal .tabs, .checkoutModal .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.proCheckoutModal .tabs li, .checkoutModal .tabs li {
  box-sizing: content-box;
  color: #55636e;
  cursor: pointer;
  display: inline-block;
  background-color: white;
  padding: 10px;
  position: relative;
}
.proCheckoutModal .tabs li:hover, .checkoutModal .tabs li:hover {
  background-color: #ecf0f2;
}
.proCheckoutModal .tabs li.active, .checkoutModal .tabs li.active {
  border: 1px solid #ccc;
  background-color: #ecf0f2;
  z-index: 2;
  border-bottom-color: #ecf0f2;
}
.proCheckoutModal .tabs:before, .checkoutModal .tabs:before {
  z-index: 1;
}
.proCheckoutModal .tabs:after, .checkoutModal .tabs:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  z-index: 1;
}
.proCheckoutModal input, .checkoutModal input {
  background-color: #f3f4f6;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dfe0e1;
  border-color: #dfe0e1 #ffffff #ffffff #dfe0e1;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
  font-family: "DinOT Regular", Arial;
  font-weight: 300;
}
.proCheckoutModal .input-group, .checkoutModal .input-group {
  margin-bottom: 10px;
  margin-top: 10px;
}
.proCheckoutModal .input-group.expiration input, .checkoutModal .input-group.expiration input {
  height: 34px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
}
.proCheckoutModal .expirationLabel, .checkoutModal .expirationLabel {
  font-size: 16px;
}
.proCheckoutModal .stripeForm, .proCheckoutModal .balancePurchase, .checkoutModal .stripeForm, .checkoutModal .balancePurchase {
  background-color: #ecf0f2;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
  border-radius: 2px;
}
.proCheckoutModal .balancePurchase h3, .checkoutModal .balancePurchase h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
.proCheckoutModal .purchaseButton:focus, .checkoutModal .purchaseButton:focus {
  color: black;
}
.proCheckoutModal .purchaseButton:hover, .checkoutModal .purchaseButton:hover {
  color: black;
}
.proCheckoutModal .alert, .checkoutModal .alert {
  margin-top: 20px;
  margin-bottom: 0px;
}
.proCheckoutModal .cardIcons i, .checkoutModal .cardIcons i {
  font-size: 2.5em;
  margin-right: 10px;
}
.proCheckoutModal .cardIcons i.active, .checkoutModal .cardIcons i.active {
  color: #19BBDD;
}
.proCheckoutModal .cvcinput, .checkoutModal .cvcinput {
  width: 80px;
}

.proCheckoutModal {
  position: static;
  margin-left: 0;
}

.vat-whining {
  color: red;
  font-size: 14px;
  font-weight: bold;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

html, body {
  height: 100%;
}

#ff-wrapper {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -107px;
}
#ff-wrapper #ff-push {
  height: 107px;
}

#ff-footer {
  clear: both;
  position: relative;
  height: 107px;
}

body {
  overflow: visible !important;
}

body.create .loginModal .or {
  display: none;
}
body.create .loginModal .signUpForService {
  display: none;
}

.navbar {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  margin-bottom: 0;
}
.navbar.fixed {
  position: fixed;
  width: 100%;
  z-index: 10001;
}
.navbar > .container .navbar-header .navbar-brand {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 47px;
  width: 214px;
  position: absolute;
  left: 50%;
  margin: 13px 0 0 -107px;
  z-index: 101;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .navbar > .container .navbar-header .navbar-brand {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: 0 0;
    height: 47px;
    width: 214px;
  }
}
.navbar .moderateMenu {
  background-color: #ffffff;
  font-size: 20px;
  padding: 0 15px 5px 15px;
  position: absolute;
  width: 150px;
  z-index: 100001;
}
.navbar .moderateMenu li {
  border-bottom: 1px solid #ecf0f2;
  line-height: 2em;
}
.navbar .moderateMenu li a:hover {
  color: #00748d;
  text-decoration: none;
}
.navbar .moderateMenu li:last-child {
  border-bottom: 0 none;
}
.navbar .nav {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin-bottom: 5px;
  margin-top: 5px;
}
.navbar .nav > li > a {
  font-weight: 300;
  font-size: 25px;
}
.navbar .nav > li > a.btn {
  color: #ffffff;
  font-weight: normal;
  font-size: 20px;
  margin-top: 7px;
  margin-right: 10px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar .nav > li > a.btn:hover, .navbar .nav > li > a.btn:focus {
  background-color: #8b74b8;
}
.navbar .nav > li > a.btn.btn-secondary:hover, .navbar .nav > li > a.btn.btn-secondary:focus {
  background-color: #6b7d8b;
}
.navbar .container.minHeight {
  min-height: 66px;
}
.navbar .triangle-container {
  overflow-y: visible;
  height: 1px;
}
.navbar .triangle-container .triangle-content {
  position: relative;
  overflow-x: hidden;
  height: 17px;
}
.navbar .triangle-container .triangle-content .navbar-triangle, .navbar .triangle-container .triangle-content .navbar-triangle-shadow {
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  -webkit-transform: scale(1.001);
  -moz-transform: scale(1.001);
  -ms-transform: scale(1.001);
  -o-transform: scale(1.001);
  transform: scale(1.001);
  border-width: 16px 800px 0 800px;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  margin-left: -800px;
  top: 0px;
  z-index: 99;
}
.navbar .triangle-container .triangle-content .navbar-triangle-shadow {
  content: '';
  border-color: rgba(0, 0, 0, 0.125) transparent transparent transparent;
  top: 1px;
}

@media only screen and (max-width: 768px) {
  .navbar .navbar-header {
    height: 60px;
  }
  .navbar .navbar-triangle {
    bottom: -10px;
  }
  .navbar .navbar-nav {
    margin: 0;
  }
  .navbar .nav li a, .navbar .nav li a.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 8px;
  }
  .navbar .nav li a.link-btn {
    background-color: #55636e;
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
  }
  .navbar .nav li a.link-btn:hover {
    background-color: #6b7d8b;
  }
}
.expiringPlan {
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  background: #F00;
  display: inline;
  position: relative;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 130px;
}
.expiringPlan:hover {
  border-radius: 5px;
  color: #fff;
  background: #F00;
  background-color: #F66;
  text-decoration: none;
}
.expiringPlan:hover:after {
  font-size: 16px;
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: -5px;
  color: #fff;
  content: attr(title);
  right: 105%;
  padding: 5px 15px;
  position: absolute;
  z-index: 10000;
  width: 220px;
  line-height: 25px;
}

.footer {
  background-color: #333;
  color: #fff;
  font-weight: 100;
  height: 87px;
  margin-top: 20px;
  padding: 20px;
  position: relative;
  text-align: center;
}
.footer ul {
  display: block;
  list-style-type: none;
  margin: 0 0 0.15em;
  padding: 0;
}
.footer ul li {
  border-right: 1px solid #fff;
  display: inline-block;
  line-height: 1.2em;
  padding-right: 10px;
  margin-right: 10px;
}
.footer ul li:last-child {
  border-right: 0 none;
  padding-right: 0;
  margin-right: 0;
}
.footer .social {
  display: block;
  font-size: 2.5em;
  margin-right: 0.5em;
  position: absolute;
  right: 0;
  top: 17px;
}
.footer .social a {
  color: #ffffff;
}
.footer .social a:hover {
  color: white;
}

@media only screen and (max-width: 990px) {
  .footer .social {
    font-size: 2em;
    top: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .navbar.fixed {
    position: relative;
  }
  .navbar > .container .navbar-header .navbar-brand {
    margin: 5px 0 0 -107px;
  }

  .footer {
    height: auto;
    padding-bottom: 25px;
  }
  .footer ul {
    margin-bottom: 1em;
    margin-top: 0.5em;
  }
  .footer .social {
    margin: 0 auto;
    position: relative;
    top: auto;
    right: auto;
    font-size: 2em;
  }
}
#taskPreviewContainer {
  position: absolute;
  bottom: 0;
  right: 25px;
  width: 303px;
}
#taskPreviewContainer > .btn {
  line-height: 44px;
  height: 44px;
  margin-top: 8px;
  width: 100%;
}

#taskPreview {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -214px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 487px;
  width: 303px;
  overflow: hidden;
  position: relative;
  height: auto !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  #taskPreview {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -214px 0;
    height: 487px;
    width: 303px;
  }
}
#taskPreview .badge {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #f1901e;
  line-height: 18px;
  height: 18px;
  padding: 0;
  position: absolute;
  top: 111px;
  left: 44px;
  text-align: center;
  text-shadow: none;
  width: 18px;
}
#taskPreview .carrier {
  color: #fff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 9px;
  font-weight: 900;
  left: 47px;
  line-height: 11px;
  position: absolute;
  text-transform: uppercase;
  top: 96px;
}
#taskPreview .tasks {
  margin: 151px 0 0 30px;
  position: relative;
  width: 246px;
}
#taskPreview .task {
  background: #fff;
  margin-bottom: 5px;
}
#taskPreview .title {
  color: #43505a;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25em;
  padding: 0.35em 0;
}
#taskPreview .logo {
  padding: 5px 5px 10px 5px;
  text-align: center;
}
#taskPreview .ended {
  background-color: #ffffff;
  margin: -7px 0 0 -6px;
  padding: 10px;
  width: 258px;
}
#taskPreview .description {
  font-size: 13px;
  line-height: 19px;
  padding: 8px;
}
#taskPreview .description .new {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #f1901e;
  color: #ffffff;
  display: inline-block;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: 1.6em;
  padding: 0 0.3em;
}
#taskPreview .thumbContainer {
  background: transparent url(../img/v2/preview_photo_bg.png) left top repeat-x;
  height: 66px;
  overflow: hidden;
  width: 100%;
}
#taskPreview .thumbs {
  height: 66px;
  width: 303px;
}
#taskPreview .actions {
  background-color: #eef3f5;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 16px;
  height: 36px;
  line-height: 26px;
  padding: 3px 5px;
  position: relative;
}
#taskPreview .reward {
  float: right;
}
#taskPreview .reward b {
  white-space: nowrap;
}
#taskPreview .import {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 #d7e4e8;
  -webkit-box-shadow: 0 1px 0 #d7e4e8;
  box-shadow: 0 1px 0 #d7e4e8;
  background-color: #ffffff;
  display: inline-block;
  font-size: 0.75em;
  line-height: 20px;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}
#taskPreview .shoot {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #00b3d9;
  color: #ffffff;
  font-size: 24px;
  left: 50%;
  line-height: 29px;
  margin-left: -35px;
  position: absolute;
  text-align: center;
  top: 4px;
  width: 70px;
}

#discover #taskPreviewContainer {
  position: absolute;
  bottom: -4px;
  right: 15px;
  width: 303px;
}
#discover #taskPreview .photo {
  float: none;
  height: 172px;
  margin: 144px 0 0 24px;
  position: relative;
  width: 258px;
}

#shoppingcart {
  display: none;
  position: absolute;
  left: 11px;
  top: 11px;
  height: 197px;
  width: 358px;
  z-index: 501;
  	/*
  	&.cartopen-add #cartContent,
  	&.cartopen-remove #cartContent {
  		@include transition(0.25s ease height);
  	}
  	&.cartopen-add #cartContent {
  		height: 120px;
  	}
  */
  /*
  &.cartopen-remove #cartContent {
  	height: 0;
  }
  */
}
#shoppingcart .cannotPurchaseScoopshooter {
  font-size: 12px;
}
#shoppingcart .cartHeader {
  font-size: 26px;
  background-color: #697986;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  display: inline-block;
  padding: 10px;
  white-space: nowrap;
}
#shoppingcart .cartHeader i {
  margin-right: 7px;
}
#shoppingcart .cartHeader button {
  float: none;
}
#shoppingcart #cartContent {
  background-color: #697986;
  left: -132px;
  padding: 19px;
  overflow: auto;
  position: absolute;
  width: 990px;
}
#shoppingcart #cartContent #cartWrapper {
  display: inline-block;
  white-space: nowrap;
}
#shoppingcart #cartContent .empty {
  text-align: center;
}
#shoppingcart #cartContent .cartItem {
  display: inline-block;
  height: 100px;
  margin-right: 10px;
  position: relative;
}
#shoppingcart #cartContent .cartItem span {
  background-color: #9d110f;
  cursor: pointer;
  display: none;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
#shoppingcart #cartContent .cartItem span:hover {
  background-color: #e75d22;
}
#shoppingcart #cartContent .cartItem i {
  color: #ffffff;
}
#shoppingcart #cartContent .cartItem img {
  height: 100px;
}
#shoppingcart #cartContent .cartItem:hover span {
  display: block;
}
#shoppingcart.cartopen {
  display: block;
}
#shoppingcart.cartopen #cartContent {
  height: auto;
}

#cartCheckout .countrySelection {
  font-size: 18px;
  margin-top: 25px;
}
#cartCheckout .loading {
  margin-left: 50%;
  margin-right: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("../img/loading.gif") no-repeat center center;
  background-size: 22px 22px;
}
#cartCheckout table {
  margin: 25px 0;
  width: 100%;
}
#cartCheckout table td {
  border-top: 1px solid #9ab0bd;
  padding: 5px;
}
#cartCheckout table .price {
  width: 30%;
  text-align: right;
}
#cartCheckout table .total {
  border-top: 2px solid #9ab0bd;
}
#cartCheckout table .total td {
  font-weight: bold;
}

.paypalMessage {
  margin-top: 50px;
}
.paypalMessage h4 {
  margin: 25px 0;
}
.paypalMessage .loading {
  width: 22px;
  height: 22px;
  margin-top: 25px;
  display: inline-block;
  background: url("../img/loading.gif") no-repeat center center;
  background-size: 22px 22px;
}

.addToCart {
  /* @include animate(fadeOutUpBig); */
}

#front h1, .moderation-front h1 {
  font-size: 5em;
  font-weight: bold;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin-top: 80px;
  text-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
#front h2, .moderation-front h2 {
  font-size: 44px;
  font-weight: normal;
}
#front h4, .moderation-front h4 {
  font-size: 1.1em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 1px 0 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
}
#front .title h2, .moderation-front .title h2 {
  font-size: 1.95em;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 2px;
  text-shadow: 1px 0 15px rgba(0, 0, 0, 0.2);
}
#front .title h3 a, .moderation-front .title h3 a {
  text-decoration: none;
}
#front .container, .moderation-front .container {
  position: relative;
}
#front .container.big, .moderation-front .container.big {
  min-height: 600px;
}
#front .container.small, .moderation-front .container.small {
  text-align: center;
  padding: 1.8em;
}
#front .container.small h3, .moderation-front .container.small h3 {
  font-size: 2.5em;
}
#front .centerbox, .moderation-front .centerbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#front.frontForBrands .seePlans, .moderation-front.frontForBrands .seePlans {
  padding: 30px;
  margin: 0 auto;
  text-align: center;
}
#front.frontForBrands .infoBox, .moderation-front.frontForBrands .infoBox {
  color: white;
  font-size: 1.5em;
  line-height: 1.8em;
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  padding: 20px;
}
#front.frontForBrands #discover, .moderation-front.frontForBrands #discover {
  text-align: center;
}
#front.frontForBrands #discover .searchContainer, .moderation-front.frontForBrands #discover .searchContainer {
  height: 600px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#front.frontForBrands #discover .searchContainer .search, .moderation-front.frontForBrands #discover .searchContainer .search {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#front.frontForBrands #discover .searchContainer .searchBox, .moderation-front.frontForBrands #discover .searchContainer .searchBox {
  margin-top: 60px;
  position: relative;
}
#front.frontForBrands #discover .searchContainer .searchBox .magnifyingGlass, .moderation-front.frontForBrands #discover .searchContainer .searchBox .magnifyingGlass {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2em;
  cursor: pointer;
}
#front.frontForBrands #discover .searchContainer .searchBox input, .moderation-front.frontForBrands #discover .searchContainer .searchBox input {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #FFF;
  padding: 10px 30px 10px 20px;
  font-size: 2em;
  outline: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid;
  border-color: #FFF;
}
#front.frontForBrands #discover .searchContainer .searchBox input::-webkit-input-placeholder, .moderation-front.frontForBrands #discover .searchContainer .searchBox input::-webkit-input-placeholder {
  color: white;
}
#front.frontForBrands #search, .moderation-front.frontForBrands #search {
  text-align: center;
  position: relative;
  height: 600px;
  z-index: 100;
}
#front.frontForBrands #search .assignmentsContainer, .moderation-front.frontForBrands #search .assignmentsContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#front.frontForBrands #search .infoBox, .moderation-front.frontForBrands #search .infoBox {
  margin-top: 60px;
}
#front.frontForBrands #search .btn, .moderation-front.frontForBrands #search .btn {
  margin-top: 30px;
  height: 60px;
  font-size: 1.8em;
  padding-top: 11px;
}
#front #pro, .moderation-front #pro {
  padding-top: 66px;
  position: relative;
}
#front #pro .headers, .moderation-front #pro .headers {
  position: absolute;
  text-align: center;
  margin-top: 66px;
  top: 2em;
  left: 2em;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(250, 250, 250, 0.5)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0.5) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0.5) 100%);
}
#front #pro h2, .moderation-front #pro h2 {
  color: #434343;
  font-weight: bold;
  text-transform: none;
}
#front #pro h3, .moderation-front #pro h3 {
  color: #434343;
  font-size: 2.1em;
  font-weight: normal;
  margin-top: .4em;
}
#front #pro .btn, .moderation-front #pro .btn {
  text-transform: none;
  font-family: "DinOT Regular", Arial;
  height: 60px;
  line-height: 60px;
  padding: 0 1em;
  font-size: 1.7em;
}
#front #offerings, .moderation-front #offerings {
  background-color: #7d63af;
  color: #fff;
}
#front #offerings h2, .moderation-front #offerings h2 {
  text-align: left;
  margin: 1em 0;
}
#front #offerings h3, .moderation-front #offerings h3 {
  text-transform: uppercase;
  font-size: 22px;
  white-space: nowrap;
}
#front #offerings .row, #front #offerings .subrow, .moderation-front #offerings .row, .moderation-front #offerings .subrow {
  text-align: center;
}
#front #offerings p, .moderation-front #offerings p {
  font-size: 1.3em;
  min-height: 75px;
}
#front #offerings .btn, .moderation-front #offerings .btn {
  width: 75%;
  font-family: "DinOT Regular", Arial;
  font-size: 1.5em;
  font-weight: bold;
}
#front #offerings .squarephoto, .moderation-front #offerings .squarephoto {
  width: 240px;
  height: 240px;
  margin: 20px auto;
}
#front #featured-pros, .moderation-front #featured-pros {
  background-color: #fff;
  padding: 2em 0;
}
#front #featured-pros .row, #front #featured-pros .subrow, .moderation-front #featured-pros .row, .moderation-front #featured-pros .subrow {
  margin-top: 2em;
}
#front #featured-pros .proProfileBox, .moderation-front #featured-pros .proProfileBox {
  position: relative;
  width: 218px;
  height: 194px;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  margin: 0 auto 20px auto;
  color: #636f73;
  background: white;
}
#front #featured-pros .proProfileBox .pro-avatar, .moderation-front #featured-pros .proProfileBox .pro-avatar {
  position: absolute;
  left: 3px;
  top: 4px;
  overflow: hidden;
  height: 41px;
  width: 41px;
}
#front #featured-pros .proProfileBox div.name, .moderation-front #featured-pros .proProfileBox div.name {
  position: absolute;
  left: 51px;
  top: 6px;
}
#front #featured-pros .proProfileBox b, .moderation-front #featured-pros .proProfileBox b {
  color: #00b3d9;
  display: block;
  font-weight: bold;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
}
#front #featured-pros .proProfileBox div.primaryImage, .moderation-front #featured-pros .proProfileBox div.primaryImage {
  position: absolute;
  left: 3px;
  top: 49px;
  overflow: hidden;
  height: 142px;
  width: 212px;
}
#front #discover, #front #search, #front #film, #front #pro, .moderation-front #discover, .moderation-front #search, .moderation-front #film, .moderation-front #pro {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #ffffff;
}
#front #discover .phone #taskPreview, #front #search .phone #taskPreview, #front #film .phone #taskPreview, #front #pro .phone #taskPreview, .moderation-front #discover .phone #taskPreview, .moderation-front #search .phone #taskPreview, .moderation-front #film .phone #taskPreview, .moderation-front #pro .phone #taskPreview {
  background-image: url("/img/mobile_screen.png");
  background-size: 424px 588.5px;
  background-position: 0 0;
  width: 386px;
}
#front #discover .phone #taskPreview .photo, #front #search .phone #taskPreview .photo, #front #film .phone #taskPreview .photo, #front #pro .phone #taskPreview .photo, .moderation-front #discover .phone #taskPreview .photo, .moderation-front #search .phone #taskPreview .photo, .moderation-front #film .phone #taskPreview .photo, .moderation-front #pro .phone #taskPreview .photo {
  margin: 104px 0 0 55px;
  width: 241px;
}
#front #discover .join, #front #search .join, #front #film .join, #front #pro .join, .moderation-front #discover .join, .moderation-front #search .join, .moderation-front #film .join, .moderation-front #pro .join {
  font-size: 1.1em;
  font-weight: bold;
}
#front #discover .join h3, #front #search .join h3, #front #film .join h3, #front #pro .join h3, .moderation-front #discover .join h3, .moderation-front #search .join h3, .moderation-front #film .join h3, .moderation-front #pro .join h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
}
#front #discover .cover, #front #search .cover, #front #film .cover, #front #pro .cover, .moderation-front #discover .cover, .moderation-front #search .cover, .moderation-front #film .cover, .moderation-front #pro .cover {
  background-color: rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#front #discover .container, #front #search .container, #front #film .container, #front #pro .container, .moderation-front #discover .container, .moderation-front #search .container, .moderation-front #film .container, .moderation-front #pro .container {
  z-index: 100;
  position: relative;
}
#front #discover .content, #front #search .content, #front #film .content, #front #pro .content, .moderation-front #discover .content, .moderation-front #search .content, .moderation-front #film .content, .moderation-front #pro .content {
  margin-left: 2px;
  width: 60%;
  font-size: 1.8em;
  text-shadow: 1px 0 15px rgba(0, 0, 0, 0.2);
}
#front #discover .content h2, #front #search .content h2, #front #film .content h2, #front #pro .content h2, .moderation-front #discover .content h2, .moderation-front #search .content h2, .moderation-front #film .content h2, .moderation-front #pro .content h2 {
  font-size: 1.7em;
  text-transform: uppercase;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
}
#front #discover .content p, #front #search .content p, #front #film .content p, #front #pro .content p, .moderation-front #discover .content p, .moderation-front #search .content p, .moderation-front #film .content p, .moderation-front #pro .content p {
  text-shadow: 1px 0 30px rgba(0, 0, 0, 0.8);
  margin: 50px 0 40px;
  line-height: 1.7em;
}
#front #discover .content .download, #front #search .content .download, #front #film .content .download, #front #pro .content .download, .moderation-front #discover .content .download, .moderation-front #search .content .download, .moderation-front #film .content .download, .moderation-front #pro .content .download {
  padding: 30px 0 20px;
}
#front #discover .content .download a.googleplay, #front #search .content .download a.googleplay, #front #film .content .download a.googleplay, #front #pro .content .download a.googleplay, .moderation-front #discover .content .download a.googleplay, .moderation-front #search .content .download a.googleplay, .moderation-front #film .content .download a.googleplay, .moderation-front #pro .content .download a.googleplay {
  margin-left: 5px;
}
#front #discover .content .download a:hover, #front #search .content .download a:hover, #front #film .content .download a:hover, #front #pro .content .download a:hover, .moderation-front #discover .content .download a:hover, .moderation-front #search .content .download a:hover, .moderation-front #film .content .download a:hover, .moderation-front #pro .content .download a:hover {
  opacity: 0.85;
}
#front #discover .content footer, #front #search .content footer, #front #film .content footer, #front #pro .content footer, .moderation-front #discover .content footer, .moderation-front #search .content footer, .moderation-front #film .content footer, .moderation-front #pro .content footer {
  padding: 30px 0;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-transform: uppercase;
  font-size: .7em;
  font-weight: bold;
}
#front #search, .moderation-front #search {
  z-index: 100;
}
#front #film, .moderation-front #film {
  position: relative;
  z-index: 90;
  margin-top: -9%;
  margin-bottom: -10%;
  text-align: center;
}
#front #film video#bgvid, .moderation-front #film video#bgvid {
  min-width: 100%;
  height: auto;
  z-index: -100;
  overflow: hidden;
}
#front #film .video-texture, .moderation-front #film .video-texture {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url("../img/v5/grid.png");
}
#front #film .container, .moderation-front #film .container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#front #film .filmContainer, .moderation-front #film .filmContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#front #film .infoBox, .moderation-front #film .infoBox {
  margin-top: 60px;
}
#front #film .btn, .moderation-front #film .btn {
  margin-top: 20px;
  height: 60px;
  font-size: 1.8em;
  padding-top: 11px;
}
#front #search, .moderation-front #search {
  color: #ffffff;
  position: relative;
}
#front #search .call-to-action, .moderation-front #search .call-to-action {
  max-width: 550px;
  margin: 80px 0 0 2px;
}
#front #search .call-to-action .get-started, .moderation-front #search .call-to-action .get-started {
  font-size: 1.8em;
  font-weight: bold;
}
#front #search .call-to-action .get-started h3, .moderation-front #search .call-to-action .get-started h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
}
#front #search .call-to-action .create .create-task, .moderation-front #search .call-to-action .create .create-task {
  margin-top: 20px;
  width: 100%;
  text-align: left;
  height: 60px;
  font-size: 1.8em;
  padding-top: 11px;
}
#front #search .call-to-action .create .create-task i, .moderation-front #search .call-to-action .create .create-task i {
  font-size: 1em;
  margin: 2px 10px 0 10px;
}
#front #search .call-to-action .or, .moderation-front #search .call-to-action .or {
  font-size: 1.6em;
  text-transform: uppercase;
  text-shadow: 1px 0 30px rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 20px 0 20px 19px;
}
#front #search .call-to-action .search, .moderation-front #search .call-to-action .search {
  font-size: 1.8em;
}
#front #search .call-to-action .contact, .moderation-front #search .call-to-action .contact {
  font-size: 1.4em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0 120px;
}
#front #search .call-to-action .inputContainer, .moderation-front #search .call-to-action .inputContainer {
  border-color: rgba(0, 0, 0, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-width: 2px;
  padding: 0;
  position: relative;
  width: 100%;
}
#front #search .call-to-action .inputContainer button, .moderation-front #search .call-to-action .inputContainer button {
  background: transparent none;
  border: 0 none;
  color: #55636e;
  position: absolute;
  left: 0.35em;
  top: 0.45em;
}
#front #search .call-to-action .inputContainer button i, .moderation-front #search .call-to-action .inputContainer button i {
  margin-right: 0;
}
#front #search .call-to-action .inputContainer button:hover, .moderation-front #search .call-to-action .inputContainer button:hover {
  color: #788a97;
}
#front #search .call-to-action .inputContainer input, .moderation-front #search .call-to-action .inputContainer input {
  border: 0 none;
  color: #55636e;
  font-size: 24px;
  height: 60px;
  line-height: 1.5em;
  margin: 0;
  padding: 0.25em 0.5em;
  width: 100%;
  padding-left: 55px;
}
#front #search .call-to-action input, #front #search .call-to-action label, #front #search .call-to-action .inputContainer, .moderation-front #search .call-to-action input, .moderation-front #search .call-to-action label, .moderation-front #search .call-to-action .inputContainer {
  display: block;
}
#front #search .call-to-action label, .moderation-front #search .call-to-action label {
  text-align: center;
}
#front #search .call-to-action button.newTask, .moderation-front #search .call-to-action button.newTask {
  display: block;
  margin: 10px auto 0;
}
#front .author, .moderation-front .author {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
#front #featured, #front #testimonials, .moderation-front #featured, .moderation-front #testimonials {
  color: #333;
}
#front #featured, .moderation-front #featured {
  width: 100%;
  z-index: 100;
  position: relative;
  background-color: #fff;
}
#front #featured .container, .moderation-front #featured .container {
  margin-top: 10px;
}
#front #featured .container h3, .moderation-front #featured .container h3 {
  height: auto;
  margin-top: 40px;
}
#front #featured .container .previews .featured-wrapper, .moderation-front #featured .container .previews .featured-wrapper {
  margin-top: 20px;
  position: relative;
}
#front #featured .container .previews .cover, .moderation-front #featured .container .previews .cover {
  background-color: rgba(0, 0, 0, 0.4);
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#front #featured .container .previews .featured-photo, .moderation-front #featured .container .previews .featured-photo {
  height: 240px;
  background-color: #ccc;
  background-size: cover;
  background-position: center center;
}
#front #featured .container .previews .featured-photo > a, .moderation-front #featured .container .previews .featured-photo > a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  height: 240px;
  line-height: 240px;
  text-align: center;
  font-size: 21px;
  z-index: 100;
  position: relative;
}
#front #featured .container .previews .featured-photo > a span, .moderation-front #featured .container .previews .featured-photo > a span {
  position: absolute;
}
#front #featured .container .previews .featured-photo > a .album-title, .moderation-front #featured .container .previews .featured-photo > a .album-title {
  line-height: 240px;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
}
#front #featured .container .previews .featured-photo > a .blur, .moderation-front #featured .container .previews .featured-photo > a .blur {
  background-position: center center;
  background-repeat: none;
  background-size: 138%;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -130px;
  height: 50px;
  width: 260px;
  clip: rect(5px, 255px, 45px, 5px);
}
#front .packagePricing, .moderation-front .packagePricing {
  margin-top: 30px;
}
#front .packagePricing h2, .moderation-front .packagePricing h2 {
  color: #556775;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#front .packagePricing p, .moderation-front .packagePricing p {
  font-size: 20px;
  margin-bottom: 30px;
  text-align: left;
}
#front .packagePricingBottomText, .moderation-front .packagePricingBottomText {
  margin-top: 0px;
  padding-top: 0px;
}
#front .packagePricingBottomText .packagePricing, .moderation-front .packagePricingBottomText .packagePricing {
  margin-top: 0px;
}
#front .packages .box, .moderation-front .packages .box {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  padding: 0;
}
#front .packages .faint, .moderation-front .packages .faint {
  opacity: 0.35;
}
#front .packages h3, #front .packages span, .moderation-front .packages h3, .moderation-front .packages span {
  display: block;
  line-height: 68px;
  text-align: center;
  width: 100%;
}
#front .packages h3, .moderation-front .packages h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
}
#front .packages h3, .moderation-front .packages h3 {
  background-color: #7d62af;
  color: #ffffff;
  height: auto;
  text-transform: uppercase;
}
#front .packages span, .moderation-front .packages span {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  font-size: 24px;
  line-height: 38px;
  padding-bottom: 8px;
  padding-top: 8px;
}
#front .packages span.twoline, .moderation-front .packages span.twoline {
  line-height: 76px;
}
#front .packages span.double, .moderation-front .packages span.double {
  padding-bottom: 17px;
  padding-top: 16px;
}
#front .packages .price, .moderation-front .packages .price {
  /* color: #7d62af; */
}
#front .packages .buttonContainer, .moderation-front .packages .buttonContainer {
  background-color: #ffffff;
  padding: 25px;
}
#front .packages .buttonContainer .btn, .moderation-front .packages .buttonContainer .btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #9ccb3d;
  font-size: 26px;
  height: 58px;
  max-height: 58px;
  min-height: 58px;
  line-height: 58px;
  width: 100%;
}
#front .packages .buttonContainer .btn:hover, .moderation-front .packages .buttonContainer .btn:hover {
  background: #aad359;
}
#front .packages .faint .buttonContainer .btn, #front .packages .faint .buttonContainer .btn:hover, .moderation-front .packages .faint .buttonContainer .btn, .moderation-front .packages .faint .buttonContainer .btn:hover {
  background: #7d62af;
  color: #ffffff;
  cursor: default;
}
#front #testimonials, .moderation-front #testimonials {
  padding-top: 20px;
}
#front #testimonials h3, .moderation-front #testimonials h3 {
  margin-top: 0;
  margin-bottom: 40px;
}
#front #testimonials .countries, .moderation-front #testimonials .countries {
  line-height: 40px;
}
#front #testimonials .client, .moderation-front #testimonials .client {
  -moz-border-radius: 190px;
  -webkit-border-radius: 190px;
  border-radius: 190px;
  background-color: #ccc;
  background-size: cover;
  color: #ffffff;
  display: block;
  font-size: 21px;
  height: 190px;
  line-height: 190px;
  margin: 0 auto 25px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  width: 190px;
}
#front #testimonials .client_rannikko, .moderation-front #testimonials .client_rannikko {
  background-image: url("../img/v5/rannikko.jpg");
}
#front #testimonials .client_pereira, .moderation-front #testimonials .client_pereira {
  background-image: url("../img/v5/pereira.jpg");
}
#front #testimonials .client_brandwijk, .moderation-front #testimonials .client_brandwijk {
  background-image: url("../img/v5/brandwijk.jpg");
}
#front #testimonials q, .moderation-front #testimonials q {
  display: block;
  padding-bottom: 15px;
}
#front #testimonials .person, .moderation-front #testimonials .person {
  font-weight: bold;
  padding-bottom: 35px;
}

@media only screen and (max-width: 1200px) {
  #front #search, #front #discover {
    font-size: 13px;
  }
}
@media only screen and (max-width: 990px) {
  #front #search, #front #discover {
    font-size: 10px;
  }
  #front #search .content, #front #discover .content {
    font-size: 2.3em;
  }
  #front #search .call-to-action, #front #discover .call-to-action {
    font-size: 1.6em;
  }
  #front #search .phone, #front #discover .phone {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  #front #film {
    margin: 0;
    height: 600px;
  }
  #front #film video#bgvid, #front #film .video-texture {
    display: none;
  }
}
.createTask * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.createTask h2, .createTask h3 {
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-transform: uppercase;
  text-shadow: 0 none;
}
.createTask h2 {
  margin-top: 100px;
}
.createTask .taskTypes {
  padding-bottom: 35px;
  padding-top: 15px;
}
.createTask .taskTypes h1 {
  font-size: 17pt;
  margin-left: 15px;
}
.createTask p {
  line-height: 1.6em;
}
.createTask .proDescription {
  padding-top: 91px;
}
.createTask .proDescription p {
  font-size: 17pt;
}
.createTask .proRow {
  padding-bottom: 0px;
}
.createTask .freesRow {
  padding-top: 0px;
}
.createTask .freesRow h1 {
  margin-bottom: 15px;
}
.createTask .box {
  border: 1px solid #dedede;
  background-color: #f1f5f8;
  margin-bottom: 15px;
}
.createTask .box h3 {
  background-color: #ffffff;
  font-weight: normal;
  font-size: 28px;
  height: 100px;
  line-height: 100px;
  width: 100%;
  text-align: center;
}
.createTask .box i.big-icon {
  display: block;
  font-size: 100px;
  line-height: 120px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.createTask .box .buttons {
  padding: 20px 30px;
}
.createTask .box .btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
.createTask .box .btn-disabled {
  color: rgba(255, 255, 255, 0.45);
  cursor: default;
}
.createTask .proType .btn {
  background-color: #eac11c;
}
.createTask .proType .btn:hover {
  background-color: #eece4b;
}
.createTask .proType .big-icon {
  color: #eac11c;
  display: block;
  font-size: 100px;
  line-height: 120px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.createTask .proType p {
  font-size: 17pt;
}
.createTask .ideaType .btn {
  background-color: #00b3d9;
}
.createTask .ideaType .btn:hover {
  background-color: #0dd5ff;
}
.createTask .ideaType .big-icon {
  color: #00b3d9;
}
.createTask .locationType .btn {
  background-color: #7ab014;
}
.createTask .locationType .btn:hover {
  background-color: #9ade19;
}
.createTask .locationType .big-icon {
  color: #7ab014;
}
.createTask .communityType .btn {
  background-color: #7d63af;
}
.createTask .communityType .btn:hover {
  background-color: #9985c0;
}
.createTask .communityType .big-icon {
  color: #7d63af;
}
.createTask .verifyEmail {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #front #search, #front #discover {
    text-align: center;
    font-size: 8px;
  }
  #front #search .content, #front #discover .content {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    font-size: 2.3em;
  }
  #front #search .call-to-action, #front #discover .call-to-action {
    font-size: 1.8em;
    margin: 0 auto;
  }
  #front #search .call-to-action .get-started, #front #discover .call-to-action .get-started {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  #front #search .call-to-action .create-task, #front #discover .call-to-action .create-task {
    text-align: center !important;
  }
  #front #search .call-to-action .inputContainer input, #front #discover .call-to-action .inputContainer input {
    font-size: 18px !important;
  }
  #front #search .inputContainer {
    width: 90%;
  }
  #front #discover .phone {
    min-height: 480px;
  }
}
@media only screen and (max-width: 560px) {
  #front #search h1, #front #discover h1 {
    font-size: 45px;
  }
  #front #search h2, #front #discover h2 {
    width: 80%;
    margin: 5px auto 0;
  }
  #front #search h3, #front #discover h3 {
    font-size: 22px;
    width: 80%;
    margin: 10px auto 0;
  }
}
@media only screen and (max-width: 450px) {
  #front #search h1, #front #discover h1 {
    font-size: 42px;
  }
  #front #search h3, #front #discover h3 {
    font-size: 20px;
  }
  #front #search .call-to-action .inputContainer input, #front #discover .call-to-action .inputContainer input {
    font-size: 15px !important;
  }
}
/*
 * Apply a natural box layout model to all elements.
 * See http://paulirish.com/2012/box-sizing-border-box-ftw/ 
 */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  margin: 0;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: #5e6a72;
  font-family: "DinOT Regular", Arial;
  background: transparent url("../img/v2/contentBackground.png") left top repeat scroll;
  background-size: 4px 4px;
  background-color: #f0f1f4;
  /* background-color: $body; */
}

h1, h2, h3 {
  margin: 0;
}
h1 .count, h2 .count, h3 .count {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  background-color: #55636e;
  padding: 0 0.25em;
}

form {
  margin: 0;
}

ul {
  margin-left: 0;
}

ul, li {
  list-style: none;
}

a {
  color: #00b3d9;
  cursor: pointer;
}

#background {
  position: relative;
  top: 30;
  left: 0;
  margin-top: -200px;
}

.photo {
  float: left;
  margin: 0;
  padding: 0;
}

button {
  border-radius: 4px;
  background-color: #00b3d9;
  border: none;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 24px;
  line-height: 0;
  font-weight: normal;
  padding: 8px 10px;
  display: inline-block;
}
button i {
  margin-right: 10px;
}
button:hover {
  background-color: #0dd5ff;
}

#carouselContainer {
  background-color: #e7eaeb;
  height: 148px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#carouselContainer > a {
  background-color: #ffffff;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 150px;
  line-height: 170px;
  text-align: center;
  z-index: 100;
}
#carouselContainer > a i {
  color: #55636e;
  font-size: 24px;
}
#carouselContainer > a:hover {
  background-color: #55636e;
}
#carouselContainer > a:hover i {
  color: #ffffff;
}
#carouselContainer > a.next {
  left: auto;
  right: 0;
}
#carouselContainer.dimPhotos {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
#carouselContainer.dimPhotos-add {
  -moz-transition: linear 0.15s all;
  -o-transition: linear 0.15s all;
  -webkit-transition: linear 0.15s all;
  transition: linear 0.15s all;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
#carouselContainer.dimPhotos-remove {
  -moz-transition: linear 0.15s all;
  -o-transition: linear 0.15s all;
  -webkit-transition: linear 0.15s all;
  transition: linear 0.15s all;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

#carousel {
  margin: 0 35px;
  padding: 20px 0 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 20000em;
}
#carousel > div {
  background-color: white;
  border: 2px solid #e7eaeb;
  cursor: pointer;
  float: left;
  position: relative;
  height: 100px;
  margin: 8px 4px;
  overflow: hidden;
  width: 152px;
  text-align: center;
}
#carousel > div > div.thumb {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#carousel > div > div.sold {
  font-size: 14px;
  padding-top: 78px;
  left: -62px;
  top: -62px;
}
#carousel > div.current {
  border-color: #eee;
}
#carousel > div:hover {
  border-color: #00b3d9;
}
#carousel > div.loading, #carousel > div.last {
  background-color: transparent;
  color: #4a5a68;
  cursor: default;
  font-size: 12px;
  line-height: 20px;
  padding-top: 15px;
}
#carousel > div.loading:hover, #carousel > div.last:hover {
  border-color: #e7eaeb;
}
#carousel > div.last {
  color: #55636e;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}
#carousel > div i {
  font-size: 44px;
  line-height: 55px;
}

#carouselWrapper {
  background-color: #6b7986;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) inset;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35) inset;
  height: 100px;
  margin-top: -2px;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
#carouselWrapper ul {
  height: 100px;
  margin: 0 30px;
  padding: 0;
  position: absolute;
  width: 20000em;
}
#carouselWrapper li {
  background-color: #86929e;
  cursor: pointer;
  float: left;
  height: 100px;
  width: 152px;
  margin: 8px 4px;
}
#carouselWrapper div {
  position: relative;
  height: 100px;
  width: 150px;
  border: 2px solid #6b7986;
}
#carouselWrapper div .div {
  border: none;
}
#carouselWrapper div .carouselThumb {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
#carouselWrapper div .carouselThumb.currentImage {
  border: 2px solid #eee;
  margin: 0;
}
#carouselWrapper .jcarousel-prev, #carouselWrapper .jcarousel-next {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: block;
  height: 124px;
  line-height: 124px;
  position: absolute;
  top: 0px;
  width: 30px;
  z-index: 100;
}
#carouselWrapper .jcarousel-prev:hover, #carouselWrapper .jcarousel-next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
#carouselWrapper .jcarousel-prev span, #carouselWrapper .jcarousel-next span {
  border-left: 0 none;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  display: block;
  height: 0;
  margin: 50px 0 0 10px;
  width: 0;
}
#carouselWrapper .jcarousel-prev {
  left: 0px;
}
#carouselWrapper .jcarousel-next {
  right: 0;
}
#carouselWrapper .jcarousel-next span {
  border-right: 0 none;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
}

/*
* EMBED
*/
.embed {
  max-width: 380px;
  width: 100%;
  max-height: 100%;
  font-size: 14px;
}
.embed button {
  float: right !important;
}
.embed input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d1dfe4 #ffffff #ffffff #d1dfe4;
}
.embed .block {
  width: 100%;
  float: left;
  background-color: #e8eff2;
  padding: 15px;
  margin-bottom: 5px;
}
.embed .block label {
  float: left;
  display: inline-block;
  margin-right: 10px;
  width: auto;
}
.embed .embedSize input {
  width: 60px;
  margin: 0 5px;
}
.embed .categories {
  display: inline-block;
  font-weight: 300;
  padding: 3px 3px 13px 3px;
}
.embed .addKeyword input {
  margin: 0;
  width: 128px;
}
.embed .addKeyword button {
  height: 30px;
  line-height: 30px;
  min-width: 10px;
}
.embed .keywords {
  padding-bottom: 10px;
}
.embed .keywords > span {
  background-color: #e8eff2;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 5px 0 0;
  padding: 5px;
  text-transform: uppercase;
}
.embed .keywords > span a {
  background-color: #c0d1dc;
  border-left: 1px solid #9ab0bd;
  border-top: 1px solid #9ab0bd;
  color: #55636e;
  display: inline-block;
  font-weight: bold;
  margin: 2px;
  padding: 2px 4px;
}
.embed .keywords > span a:hover {
  background-color: #9fb9ca;
}
.embed .embedCode input {
  width: 100%;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 3px 4px 0 0;
}

.photodetails #content {
  position: relative;
  padding-bottom: 1px;
  padding-top: 50px;
}

.divider, .separator {
  background: none repeat scroll 0 0 #dee0e1;
  border-bottom: 1px solid #ffffff;
  height: 2px;
  margin-top: 30px;
  width: 100%;
}

.subMenuItems {
  padding-left: 25px;
}

div.userSubMenu {
  height: 50px;
}

.userTasks div.userSubMenu {
  margin: 0;
}

.userSubMenuCanvas {
  margin: 40px 0 30px 0;
}

.userTasks h2 {
  clear: left;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 30px 0 10px 0;
  text-transform: capitalize;
}

/* For cart import */
#photoDetailsCenter {
  padding-bottom: 0px;
  margin: 0 auto;
  font-size: 20px;
}

#photoCardRight {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}

#photoDetailsCenter .divider {
  margin-top: 0px;
}

/* Everything under roller */
#photoCard {
  float: left;
  height: auto;
}
#photoCard h2 {
  margin-top: 0px;
}
#photoCard h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0px;
}
#photoCard h4 {
  margin-top: 0px;
  padding-top: 10px;
  font-size: 20px;
}

#sidebar {
  float: right;
  width: 200px;
  background-color: #FFFFFF;
  border-left: #CFD2D3 solid 1px;
  height: 800px;
  display: none;
}

#sidebarToggle {
  width: 40px;
  height: 46px;
  background: url("../img/v2/photo/cart.png") no-repeat center center;
  position: absolute;
  right: 0px;
}

/*
*  LEFT COLUMN
*/
#photoCardLeft {
  float: left;
  height: auto;
  min-width: 320px;
  margin-bottom: 20px;
}

#photoCardLeft ul {
  width: 100%;
  height: 38px;
  position: absolute;
}

#photoCardLeft li {
  height: 18px;
  float: left;
  border: solid 1px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 2px 5px;
  color: #A8AFB5;
  text-align: center;
}

.mediaVerticalCenteringContainer {
  position: relative;
  background-color: #e8eff2;
  display: table;
  width: 100%;
}

.videoPlaceholder {
  height: 1000px;
  max-height: 480px;
  display: block;
  vertical-align: middle;
}

.videoWrapper {
  width: 100%;
  text-align: center;
  height: 100%;
}

.photoPlaceholder {
  width: 100%;
  min-width: 320px;
  max-width: 768px;
  height: auto;
  display: inline-block;
}
.photoPlaceholder img {
  display: inline-block;
  float: left;
  width: 100%;
}

.overflow-hidden {
  display: block;
  position: relative;
  overflow: hidden;
}

.detailsPhotoRC {
  background-size: 100% 100% !important;
}

.detailsPhotoLoading {
  background-image: url("../img/loading.gif") !important;
  background-size: 32px 32px !important;
  background-color: #ffffff !important;
}

.detailsPhotoBox {
  margin: 0 auto;
  max-width: 768px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.detailsPhotoBox .detailsPhoto {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  z-index: 9;
}
.detailsPhotoBox .detailsPhotoOL {
  position: absolute;
  background-size: 100% 100%;
  background-position: 0 0;
  z-index: 10;
}
.detailsPhotoBox .detailsPhotoCurtain {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: none;
}

.detailsPhotoCurtain .report {
  display: none;
}

.loggedIn .detailsPhotoCurtain .report {
  bottom: 0;
  color: #fff;
  display: block;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.loggedIn .detailsPhotoCurtain .report span {
  display: none;
}
.loggedIn .detailsPhotoCurtain .report:hover {
  display: block;
}
.loggedIn .detailsPhotoCurtain .report:hover span {
  display: inline-block;
}
.loggedIn .detailsPhotoCurtain .reported {
  background-color: rgba(255, 255, 255, 0.75);
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 72px;
  height: 100%;
  left: 0;
  line-height: 465px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.loggedIn .detailsPhotoCurtain:hover .report {
  display: block;
}

.photoDescription {
  font-family: "DinOT Regular", Arial;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 25px;
}

/*
*  RIGHT COLUMN
*/
#photoCardRight {
  padding-left: 20px;
  padding-right: 9px;
  height: auto;
}
#photoCardRight button {
  float: right;
}

#photoCardRight .price {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  float: left;
  font-weight: bold;
  font-size: 42px;
  line-height: 42px;
  margin: 0;
}
#photoCardRight .notforsaleMsg, #photoCardRight .soldExclusively {
  float: left;
  font-family: "DinOT Regular", Arial;
  line-height: 32px;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
#photoCardRight .photoCartButton, #photoCardRight notForSaleButton {
  min-width: 120px;
  display: none;
}

#inCartButton {
  display: none;
}

#moveButton {
  width: 120px;
  float: right;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

img.inCart {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

#photoCardRight .detailsPhotographer {
  font-size: 20px;
  padding: 25px 0px;
}

.credited {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 25px;
  padding: 2px 5px 2px 5px;
}

.detailsMap {
  width: 311px;
  height: 130px;
}
.detailsMap .map {
  background-size: contain;
  border: solid white 1px;
  -webkit-background-size: contain;
  height: 128px;
  position: relative;
}
.detailsMap .map img {
  bottom: 45px;
  height: 69px;
  margin-left: -20px;
  left: 50%;
  position: absolute;
  width: 39px;
}

.detailsInfo {
  margin: 25px 0;
}
.detailsInfo ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.detailsInfo li {
  border-bottom: solid 1px #DDE2E2;
  border-top: solid 1px white;
  font-size: 20px;
  font-weight: 100;
  min-height: 40px;
  padding: 10px 0 13px 60px;
  position: relative;
}
.detailsInfo li .icon-mobile-phone {
  font-size: 2em;
}
.detailsInfo li i {
  font-size: 1.5em;
  left: 0;
  line-height: 40px;
  position: absolute;
  top: 10px;
  width: 60px;
}
.detailsInfo li .unknownSource {
  color: #eb6a3d;
}
.detailsInfo li .title {
  display: block;
  font-weight: bold;
}
.detailsInfo li .locationSetBy {
  font-weight: 300;
  margin-left: 10px;
}
.detailsInfo li.first {
  border-top: 0 none;
}
.detailsInfo li.last {
  border-bottom: 0 none;
}
.detailsInfo #itemTaken span {
  white-space: nowrap;
}
.detailsInfo .authExplained {
  background: #55636e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  cursor: help;
  position: absolute;
  top: -6px;
  right: 12px;
  z-index: 1;
  margin-right: 70px;
}
.detailsInfo .authExplained td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 17px;
  font-weight: normal;
  padding: 5px 10px;
}
.detailsInfo .authExplained td.icon {
  width: 25px;
}
.detailsInfo .authExplained i {
  position: initial;
  width: auto;
}
.detailsInfo .authExplained .fa-check {
  color: #7ab014;
}
.detailsInfo .authExplained .fa-ban {
  color: #e75d22;
}
.detailsInfo .authExplained:after {
  border-color: transparent transparent transparent #55636e;
  border-style: solid;
  border-width: 8px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 16px;
  right: -16px;
  width: 0;
}

/*
 * CART
 */
#photoDetailsCartContent {
  height: 600px;
}

.validationError {
  color: red;
}

#confirmItems ul {
  margin-bottom: 1em;
}
#confirmItems ul li {
  padding: 0;
  margin: 0 5px 5px 0;
  width: 150px;
  float: left;
}
#confirmItems ul img {
  width: 100%;
}

div:disabled {
  background-color: gray;
}

.priceCalculationSection {
  background-color: #F0F4F7;
  font-weight: bold;
  min-height: 30px;
}

.terms {
  font-size: 18px;
}

#purchaseFailed {
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 25px 5px #999999;
  color: #111111;
  padding: 25px;
}

.photoComments {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border: 1px solid #D9DCDF;
  height: auto;
  background: #ffffff;
  display: none;
  width: 618px;
}

#photoCardLeftHeader {
  margin-bottom: 25px;
  width: 962px;
}
#photoCardLeftHeader .taskData {
  width: 620px;
  margin: 20px 0px;
}
#photoCardLeftHeader .taskData .btn-primary {
  float: left;
  margin-right: 12px;
}
#photoCardLeftHeader .taskData div {
  max-width: 515px;
}
#photoCardLeftHeader .taskData h2 {
  font-weight: bold;
}

#taskReference {
  margin-top: 5px;
}

#photoCardRight {
  color: #55636e;
  float: left;
  height: auto;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
#photoCardRight .detailsPrice {
  margin-bottom: 25px;
}
#photoCardRight .detailsPrice button {
  float: left;
}
#photoCardRight .photographer, #photoCardRight .taskReference {
  font-size: 20px;
  padding-bottom: 25px;
}

.scoopshotWidgetHori div.totalItems {
  bottom: 90px !important;
  text-transform: none !important;
  color: #cccccc !important;
  width: auto !important;
}

.photoPlaceholder {
  height: auto;
  overflow: hidden;
  position: relative;
  max-width: 768px;
}

.photoLoading {
  width: 32px;
  height: 32px;
  display: block;
  margin: auto;
  background-image: url("../img/loading.gif") !important;
  background-size: 32px 32px !important;
  background-color: #ffffff !important;
}

.photoRC {
  background-size: 100% 100% !important;
}

.photoLoading {
  background-image: url("../img/loading.gif") !important;
  background-size: 32px 32px !important;
  background-color: #ffffff !important;
}

.bigPhotoBox {
  margin: 0 auto;
  max-width: 768px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.bigPhotoBox .photo {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  z-index: 9;
}
.bigPhotoBox .photoOL {
  position: absolute;
  background-size: 100% 100%;
  background-position: 0 0;
  z-index: 10;
}

.photoCurtain {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: none;
}
.photoCurtain .report {
  bottom: 0;
  color: #fff;
  display: block;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.photoCurtain .report span {
  display: none;
}
.photoCurtain .report:hover {
  display: block;
}
.photoCurtain .report:hover span {
  display: inline-block;
}
.photoCurtain .reported {
  background-color: rgba(255, 255, 255, 0.75);
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 72px;
  height: 100%;
  left: 0;
  line-height: 465px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.photoCurtain:hover .report {
  display: block;
}

.photoDescription {
  font-family: "DinOT Regular", Arial;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 25px;
}

.relatedFeeds {
  margin: 80px 0 20px 0px;
}
.relatedFeeds p {
  margin-top: 20px;
}

.pageTitle {
  text-transform: uppercase;
}

#photoCardRight {
  margin-bottom: 90px;
}
#photoCardRight .topTabs {
  margin-bottom: 10px;
}
#photoCardRight .useForFreeTab a {
  color: #7ab014;
  font-weight: bold;
}
#photoCardRight .useForFreeTab a:hover {
  color: #f1901e;
}
#photoCardRight .useForFreeButton {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
#photoCardRight .downloadModelReleaseButton {
  float: right;
  margin-top: 5px;
  margin-left: 8px;
}
#photoCardRight .modelReleaseNotAvailable {
  float: left;
}
#photoCardRight .price {
  float: left;
  font-weight: bold;
  font-size: 42px;
  line-height: 42px;
  margin: 0 0 0 10px;
}
#photoCardRight .notforsaleMsg, #photoCardRight .soldExclusively {
  float: left;
  font-family: "DinOT Regular", Arial;
  line-height: 32px;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
#photoCardRight .photoCartButton, #photoCardRight notForSaleButton {
  min-width: 120px;
  display: none;
}

#inCartButton {
  display: none;
}

#moveButton {
  width: 120px;
  float: right;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

img.inCart {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

/*
 * CART
 */
#photoDetailsCartContent {
  height: 600px;
}

.validationError {
  color: red;
}

#confirmItems ul {
  margin-bottom: 1em;
}
#confirmItems ul li {
  padding: 0;
  margin: 0 5px 5px 0;
  width: 150px;
  float: left;
}
#confirmItems ul img {
  width: 100%;
}

div:disabled {
  background-color: gray;
}

.priceCalculationSection {
  background-color: #F0F4F7;
  font-weight: bold;
  min-height: 30px;
}

.terms {
  font-size: 18px;
}

#purchaseFailed {
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 25px 5px #999999;
  color: #111;
  padding: 25px;
}

.authenticity {
  background: transparent url(../img/v3/authenticity.png) left top no-repeat;
  height: 18px;
  right: 10px;
  position: absolute;
  top: 10px;
  width: 45px;
}

.auth2 {
  background-position: left -20px;
}

.auth3 {
  background-position: left -40px;
}

.auth4 {
  background-position: left -60px;
}

.auth5 {
  background-position: left -80px;
}

.photodetails .participate {
  float: left;
  height: 100px;
  margin-top: 0;
  position: relative;
  width: 100%;
}
.photodetails .participate h3 {
  color: #80919c;
  text-shadow: 1px 1px #ffffff;
  font-size: 27px;
  padding-top: 5px;
  margin-top: 0px;
}

/**
 * Overriding some of the bootstrap UI buttons
 * with the simpler SS looks.
 */
.btn {
  outline: 0 none !important;
}

.btn-primary, .btn-secondary, .btn-confirm, .btn-light, .btn-signin-fb, .btn-faint {
  border: 0 none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  height: 40px;
  line-height: 38px;
  min-width: 70px;
  padding: 0px 10px;
  text-align: center;
  text-transform: uppercase;
}

.btn-blue {
  background-color: #00b3d9;
  color: #ffffff;
  font-weight: bold;
  line-height: 24px;
  padding: 5px 20px 5px 5px;
}
.btn-blue:active, .btn-blue:hover, .btn-blue:focus {
  background-color: #00d0fd;
  color: #ffffff;
}

.btn-blue-check .box {
  background-color: #059fc3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 0 0.5em 0 0;
  width: 25px;
  text-align: center;
}
.btn-blue-check .box i {
  color: #7ab014;
  font-size: inherit;
  height: auto;
  margin: 0;
  width: auto;
}
.btn-blue-check:active, .btn-blue-check:hover, .btn-blue-check:focus {
  background-color: #00b3d9;
}
.btn-blue-check:hover .box {
  background: #0dd5ff;
}

.btn-secondary {
  background: #81919c;
}
.btn-secondary:hover {
  background: #9eaab2;
}
.btn-secondary:active {
  background: #677883;
}
.btn-secondary:disabled {
  background: #9eaab2;
  cursor: auto;
}

.btn-signin-fb {
  background: #4c66a4;
}
.btn-signin-fb:hover {
  background: #5f78b5;
  color: #ffffff;
}
.btn-signin-fb:active, .btn-signin-fb:focus {
  background: #4c66a4;
  color: #f2f2f2;
}
.btn-signin-fb:disabled {
  background: #4c66a4;
  cursor: auto;
}

.btn-confirm {
  background: #7ab014;
}
.btn-confirm:hover {
  background: #8ac717;
  color: #ffffff;
}
.btn-confirm:disabled, .btn-confirm:hover:disabled {
  background: #7ab014;
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}

.btn-faint {
  background: #dde9f0;
  color: #4a5a68;
}
.btn-faint:hover {
  background: #cbdee8;
  color: #4a5a68;
}

.btn-light {
  border-style: solid;
  border-width: 1px;
  border-color: #d9e2e7 #d9e2e7 #c4c9cb #d9e2e7;
  background: #ffffff;
  color: #5e6a72;
  font-weight: normal;
}
.btn-light.active, .btn-light.active:hover, .btn-light.active:active, .btn-light.active:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #d9dee2;
  color: #5e6a72;
  border-color: #abafb2 #ffffff #ffffff #abafb2;
}
.btn-light:active, .btn-light:focus {
  background: #ffffff;
  color: #5e6a72;
}
.btn-light:hover {
  background: #f2f2f2;
}
.btn-light:disabled {
  background: #e3e9ee;
  border: solid 1px #bac0c4;
  border-bottom: solid 1px #ffffff;
  cursor: auto;
}

.btn-primary {
  background: #7d63af;
}
.btn-primary:focus, .btn-primary:active {
  background: #7d63af;
}
.btn-primary:hover {
  background: #8b74b8;
}
.btn-primary.selected {
  background: #d5dbdf;
  border-style: solid;
  border-width: 1px;
  border-color: #a9adb0 #ffffff #ffffff #a9adb0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #5d6a72;
  text-shadow: none;
}

.btn-small {
  font-size: 16px;
  height: 25px;
  line-height: 25px;
}

.btn-cart {
  margin-right: 15px;
}
.btn-cart .badge {
  background: #eebe00;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  right: -1px;
  top: 3px;
  text-shadow: none;
}

.modal .btn-paypal {
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/v2/paypal.png);
  border-radius: 0;
  box-shadow: none;
  border: 0 none;
  cursor: pointer;
  height: 24px;
  margin: 5px 0 5px 5px;
  padding: 0;
  text-indent: -999em;
  width: 142px;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.modal .btn-paypal:hover {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  background-position: left bottom;
}

.buttonsRight {
  text-align: right;
}
.buttonsRight .btn {
  margin-left: 5px;
}
.buttonsRight span {
  float: left;
  line-height: 40px;
  text-align: left;
}
.buttonsRight span i {
  margin-right: 5px;
}

.icon-submit {
  background: transparent;
  border: 0 none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #00b3d9;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #00b3d9;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075), 0 0 1px #00b3d9;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}

.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.loginModal.modal.fade.in {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal-header {
  border-bottom: 0 none;
  padding: 15px 15px 0 15px;
}
.modal-header h3 {
  text-transform: uppercase;
}

.modal-footer {
  background: #e8eff2;
  border-top: 0 none;
}

.modal-backdrop, .modal-backdrop.fade.in {
  background-color: #55636e;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}

div.modal {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 0 none;
  display: block !important;
  font-size: 17px;
  left: 50% !important;
  margin-left: -175px;
  outline: none;
  overflow: visible;
  position: fixed;
  top: 10%;
  width: 350px;
  z-index: 1050;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
}
div.modal .upperTriangle {
  border-color: transparent transparent #21a2ca transparent;
  border-width: 10px 175px;
}
div.modal .holeAndStrap {
  height: 20px;
  position: relative;
}
div.modal .holeContainer {
  height: 20px;
  overflow: hidden;
  position: relative;
}
div.modal .hole {
  background: transparent;
  border: 155px solid #21a2ca;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-border-radius: 160px;
  -webkit-border-radius: 160px;
  border-radius: 160px;
  height: 10px;
  left: -5px;
  top: -155px;
  position: absolute;
  width: 50px;
}
div.modal .strap, div.modal .neppari {
  background: #ffffff;
  left: 50%;
  position: absolute;
}
div.modal .strap {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  height: 200px;
  width: 40px;
}
div.modal .bottomStrap {
  top: -180px;
  margin-left: -19px;
  z-index: -1;
}
div.modal .topStrap {
  bottom: 17px;
  height: 50px;
  margin-left: -21px;
}
div.modal .neppari {
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  bottom: 35px;
  height: 22px;
  margin-left: -12px;
  width: 22px;
}

.loginModal {
  margin-left: -140px;
  width: 280px;
}
.loginModal .promptBox {
  background-color: transparent;
}
.loginModal form {
  margin: 0;
}
.loginModal form p a {
  color: #ffffff;
  text-decoration: underline;
}
.loginModal input, .loginModal textarea {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 40px;
  line-height: 20px;
  width: 100%;
  font-size: 15px;
  padding: 0 12px;
  background: #e9eff2;
  border-right: solid 1px #e9eff2;
  border-bottom: solid 1px #e9eff2;
  border-top: solid 1px #b6c0d6;
  border-left: solid 1px #b6c0d6;
  margin-bottom: 12px;
  color: #55636e;
}
.loginModal input[type=radio], .loginModal input[type=checkbox] {
  height: auto;
  margin-bottom: 0.25em;
  margin-right: 0.5em;
  width: auto;
}
.loginModal .upperTriangle {
  border-width: 10px 140px;
}
.loginModal .hole {
  border: 120px solid #21a2ca;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-border-radius: 125px;
  -webkit-border-radius: 125px;
  border-radius: 125px;
  left: -5px;
  top: -120px;
}
.loginModal .content {
  background-color: #21a2ca;
  color: #fff;
  padding: 15px;
}
.loginModal .altActions {
  background-color: #33b2d9;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  padding: 10px 15px;
  line-height: 33px;
  text-align: center;
}
.loginModal .altActions button {
  float: right;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}
.loginModal .altActions a {
  color: #ffffff;
}
.loginModal .or {
  color: #ffffff;
  height: 55px;
  line-height: 55px;
  text-align: center;
}
.loginModal .btn-signin {
  width: 100%;
}
.loginModal .twoButtons .btn-signin {
  width: 65%;
}
.loginModal .twoButtons .btn-signin.btn-secondary {
  width: 30%;
  margin-right: 3%;
}
.loginModal select.country {
  color: #55636e;
  margin-bottom: 10px;
  padding: 0.5em 0.25em;
}
.loginModal .forgotPw {
  margin-top: 5px;
  text-align: right;
  margin-bottom: 15px;
}
.loginModal .forgotPw a {
  color: #02c6ef;
  font-size: 17px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  cursor: pointer;
}
.loginModal .nav-tabs > li > a {
  padding: 0;
}
.loginModal .appstore, .loginModal .googleplay {
  display: block;
  float: left;
  margin-top: 10px;
}
.loginModal .appstore {
  margin-right: 10px;
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -84px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 150px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .loginModal .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -84px -487px;
    height: 44px;
    width: 149.5px;
  }
}
.loginModal .googleplay {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -234px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 130px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .loginModal .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -234px -487px;
    height: 44px;
    width: 129.5px;
  }
}
.loginModal .btn-signin-fb {
  color: #ffffff;
  background: #3a5ca4 url(../img/v2/facebookSignIn.png) no-repeat 15px 12px;
  background-size: 16px 16px;
  padding-left: 45px;
  text-shadow: none;
  width: 100%;
}
.loginModal .btn-signin-fb:hover {
  background-color: #344685;
}

div.checkoutModal {
  position: absolute;
  width: 500px;
  margin-left: -250px;
}
div.checkoutModal h2 {
  padding-bottom: 15px;
}
div.checkoutModal .items {
  max-height: 55px;
  overflow: auto;
}
div.checkoutModal .items img {
  margin-right: 5px;
}

div.proCheckoutModal h2 {
  padding-bottom: 15px;
}
div.proCheckoutModal .items {
  max-height: 55px;
  overflow: auto;
}
div.proCheckoutModal .items img {
  margin-right: 5px;
}

.loginModal.fade.in {
  top: 15%;
}

#tabs {
  background-color: #21a2ca;
}
#tabs > div {
  margin: 0 20px 20px;
}

.signInBox {
  background: transparent;
}

.promptBox {
  background-color: #ffffff;
  height: auto;
  position: relative;
}
.promptBox h4 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1em;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
}
.promptBox p {
  font-size: 17px;
  padding-top: 20px;
  line-height: 1.35em;
}
.promptBox .tab-content {
  margin: 30px;
}
.promptBox .nav-tabs > li, .promptBox .nav-tabs > li > a {
  color: #55636e;
  line-height: 46px;
  height: 46px;
  border: 0 none;
}
.promptBox .nav-tabs > li {
  background: #f1f5f7;
  border-bottom: solid 1px #DDE9F0;
  width: 173px;
  text-transform: uppercase;
  float: left;
  text-align: center;
  font-size: 17px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  cursor: pointer;
}
.promptBox .nav-tabs > li.active {
  font-weight: bold;
  background: #ffffff;
  border-bottom-color: transparent;
  cursor: auto;
}
.promptBox .nav-tabs > li a:hover, .promptBox .nav-tabs > li a:focus {
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
}
.promptBox .sent {
  background-color: #D5EBCA;
  border: 1px solid #AAC89B;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #64914C;
  margin-top: 20px;
}
.promptBox .sent p {
  padding: 10px;
  margin: 0px;
  font-size: 14px;
  color: #64914C;
}

ul.promptErrors {
  margin: 0;
  padding: 0;
}
ul.promptErrors li {
  background-color: #fff6ca;
  border: solid 1px #e1e2e3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: url("../img/v2/alert.png");
  background-size: 32px 28px;
  background-position: 10px center;
  background-repeat: no-repeat;
  color: #9e0b0e;
  list-style: none;
  margin-bottom: 20px;
  min-height: 40px;
  padding: 10px 10px 10px 54px;
}

.signInContent {
  width: 270px;
  padding-top: 39px;
  margin-left: 40px;
  padding-bottom: 39px;
}
.signInContent p {
  font-size: 12px;
}

.promote {
  margin-left: -340px;
  padding: 20px;
  width: 680px;
}
.promote h2 {
  margin-bottom: 20px;
}
.promote h4 {
  margin: 0 0 10px 0;
}

.reportBox {
  padding: 20px;
}
.reportBox textarea {
  width: 100%;
  height: 70px;
  margin: 20px 0 0;
  padding: 12px;
  line-height: 25px;
}
.reportBox .buttons {
  margin-top: 20px;
}

.promptBox.loadingBox {
  background-color: transparent;
  color: #ffffff;
  padding: 20px;
}
.promptBox.loadingBox p, .promptBox.loadingBox h2 {
  color: #ffffff;
}
.promptBox.loadingBox i {
  margin-right: 0.15em;
}

.forgotButtons, .reportButtons {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}

.signInButton {
  width: 100%;
}

.signInSeparator {
  border-bottom: 1px solid #ced9dd;
  width: 100%;
  text-align: center;
  margin: 15px 0;
  font-size: 18px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-transform: uppercase;
  position: relative;
}
.signInSeparator span {
  display: inline-block;
  position: relative;
  top: 10px;
  background: #ffffff;
  padding: 0 10px;
  font-style: italic;
}

.resetPasswordError, .forgotPasswordError {
  width: 348px;
  margin-top: 20px;
  margin-bottom: 0px;
}

div.popover {
  height: auto !important;
}

/**
 * http://adam.co/lab/jquery/customselect/
 */
span.customSelect {
  background: transparent url(../img/v2/custom_select_open.png) right center no-repeat;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #dee0e1 #dee0e1 #fff;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
span.customSelect .customSelectInner {
  border-right: 1px solid #dee0e1;
  margin-right: 40px;
  overflow: hidden;
  padding: 0 8px;
  white-space: nowrap;
}
span.customSelect .changed {
  background-color: #f0dea4;
}

.customSelect.customSelectHover {
  border-color: #a6efff;
}
.customSelect.customSelectHover .customSelectInner {
  border-right: 1px solid #a6efff;
}

.avatar {
  margin: 30px 0;
  width: 70px;
  height: 70px;
  padding: 4px;
  background: white;
  border: 1px solid #dee0e1;
}
.avatar .image {
  background: #ecf0f2;
  font-weight: bold;
  font-size: 12px;
  color: #5e6a72;
  text-transform: uppercase;
  text-align: center;
  width: 70px;
  height: 70px;
}
.avatar i {
  background: url("../img/v2/add-image.png") no-repeat center center;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 5px 0;
}
.avatar .image:hover {
  color: #324251;
}
.avatar .image:hover i {
  background-image: url("../img/v2/add-image-hover.png");
}

.transactions table, .purchasesPage table {
  background: #ffffff;
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-color: #e8eff2;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.transactions table .r, .purchasesPage table .r {
  text-align: right;
}
.transactions table tr.even, .purchasesPage table tr.even {
  background-color: #f8fafb;
}
.transactions table th, .transactions table td, .purchasesPage table th, .purchasesPage table td {
  padding: 0 10px;
}
.transactions table td, .purchasesPage table td {
  border-bottom: 2px solid #e8eff2;
  line-height: 38px;
}
.transactions table td a.actions, .purchasesPage table td a.actions {
  color: #940300;
  white-space: nowrap;
}
.transactions table th, .purchasesPage table th {
  background-color: #55636e;
  font-size: 17px;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: left;
}
.transactions td.loading, .purchasesPage td.loading {
  padding-top: 15px;
  margin: auto;
  text-align: center;
}
.transactions div.loading, .purchasesPage div.loading {
  display: inline-block;
  width: 22px;
  height: 28px;
  vertical-align: top;
  background: url("../img/loading.gif") no-repeat center center;
  background-size: 22px 22px;
}

.purchasesPage .pagination {
  clear: both;
}

.purchasesPage td.left {
  padding-left: 0px;
  min-width: 148px;
}
.purchasesPage .purchasesSelector {
  text-align: center;
}
.purchasesPage .purchasesSelector i {
  cursor: pointer;
}

.account .block, .account .actions {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #dee0e1;
  padding: 15px 0;
}
.account .saveSuccess, .account .saveFailed {
  background-color: #a0d792;
  color: #0f6121;
  font-size: 17px;
  margin-left: 444px;
  padding: 10px;
}
.account .saveFailed {
  background-color: #f3ae8b;
  color: #980016;
}
.account .actions {
  border-bottom: 0 none;
}
.account .firstBlock {
  border-top: 0 none;
}
.account .row, .account .subrow {
  padding: 5px 0;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  position: relative;
}
.account .row label, .account .subrow label {
  cursor: default;
  display: block;
  float: left;
  font-size: 21px;
  line-height: 40px;
  margin-right: 15px;
  width: 45%;
  text-align: right;
}
.account .row .rightField, .account .subrow .rightField {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  padding: 5px;
  width: 45%;
}
.account .row input, .account .subrow input {
  background-color: #f3f4f6;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dfe0e1;
  border-color: #dfe0e1 #ffffff #ffffff #dfe0e1;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  height: 40px;
  line-height: 30px;
  padding: 5px;
  width: 45%;
}
.account .row input.ok, .account .subrow input.ok {
  color: #0f6121;
  background-color: #a0d792;
}
.account .row input.error, .account .subrow input.error {
  background-color: #f3ae8b;
  color: #980016;
}
.account .row span.ok, .account .subrow span.ok, .account .row span.fail, .account .subrow span.fail {
  line-height: 40px;
  font-size: 17px;
  position: absolute;
  top: 5px;
  right: 115px;
}
.account .row .ok, .account .subrow .ok {
  color: #0f6121;
}
.account .row .fail, .account .subrow .fail {
  color: #980016;
}
.account .row b, .account .subrow b, .account .row span.value, .account .subrow span.value {
  font-size: 21px;
  line-height: 40px;
}
.account .row i, .account .subrow i {
  margin-left: 5px;
}
.account .row i.icon-facebook-sign, .account .subrow i.icon-facebook-sign {
  font-size: 28px;
}
.account .row i.icon-info-sign, .account .subrow i.icon-info-sign {
  font-size: 1.25em;
}
.account .row .tooltip, .account .subrow .tooltip {
  font-size: 14px;
  font-family: "DinOT Regular", Arial;
}
.account .btn-switch {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  border-color: #dfe0e1 #ffffff #ffffff #dfe0e1;
  background-color: #e9eff2;
  color: #55636e;
  display: inline-block;
  height: 40px;
  position: relative;
  width: 100px;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.account .btn-switch span {
  display: block;
  float: left;
  font-size: 21px;
  height: 100%;
  line-height: 36px;
  text-align: center;
  width: 50%;
}
.account .btn-switch button {
  background-color: #80919c;
  border: 1px solid #5e6a72;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  position: absolute;
  height: 38px;
  width: 48px;
  min-width: 50px;
  max-width: 50px;
  left: 0;
  top: 0;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.account .btn-switch button:focus {
  background-color: #80919c;
}
.account .btn-switch button:hover {
  background-color: #9daab2;
}
.account .btn-switch.on {
  border-color: #7ca82d #ffffff #ffffff #7ca82d;
  color: #ffffff;
  background-color: #9ccf3f;
}
.account .btn-switch.on button {
  left: 48px;
}
.account .fa.fa-2x {
  font-size: 3em;
}
.account .vatField {
  width: inherit;
}
.account .applyVat {
  font-size: 16px;
  height: 33px;
  line-height: 25px;
  margin-bottom: 11px;
}

.deleteModal {
  padding: 25px;
  height: 515px;
}
.deleteModal h2 {
  margin-bottom: 20px;
}
.deleteModal ul, .deleteModal li {
  list-style: disc;
}
.deleteModal ul {
  margin-left: 25px;
}
.deleteModal li {
  padding: 5px;
}

.subrow {
  border-top: none;
  border-top: 1px solid #dee0e1;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  text-align: center;
}
.subrow .fa.fa-2x {
  font-size: 2em;
}
.subrow .block {
  border-top: none;
  border-bottom: none;
  display: inline-block;
  margin: 5px 0 3px 0;
  text-align: left;
  vertical-align: top;
  width: 33%;
}
.subrow .block h2 {
  display: block;
  font-size: 21px;
  margin-bottom: 1em;
}
.subrow .block b {
  font-size: inherit;
}
.subrow .block p {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 0.5em;
}
.subrow .block.change-plan {
  width: auto;
}
.subrow .block.change-plan h2 {
  font-size: 20px;
}

.errors .subrow .block.userbilling {
  display: inline-block;
  float: left;
  width: 45%;
}
.errors .subrow .block.change-plan {
  display: inline-block;
  float: left;
  padding-left: 15px;
  width: 45%;
}

.account .itemrow .value {
  font-size: 21px;
}

.account .accountDetailsComponent label {
  font-size: 21px;
  line-height: 40px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
.account .accountDetailsComponent button {
  right: 64px;
  position: relative;
}
.account .userBillingInfoComponent, .account .userPlanComponent {
  margin-bottom: 0px;
}
.account .userBillingInfoComponent .planLabel, .account .userPlanComponent .planLabel {
  float: left;
  display: inline-block;
  width: 45%;
  font-weight: bold;
  text-align: right;
  font-size: 21px;
  line-height: 40px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
.account .userBillingInfoComponent .planValue, .account .userPlanComponent .planValue {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  line-height: 40px;
  margin-left: 15px;
  font-size: 21px;
}
.account .userBillingInfoComponent .subrow, .account .userPlanComponent .subrow {
  margin-left: 0;
}
.account form input {
  display: block;
}
.account h2 {
  display: inline;
}
.account .editclick i {
  display: none;
}
.account .editname i {
  font-size: 38px;
}
.account .editclick:hover i {
  display: inline-block;
}
.account .itemrow .value {
  font-size: 21px;
}
.account .itemrow input {
  height: 2.5em;
  line-height: 2.5em;
}
.account .editclick h2.name {
  margin-right: 10px;
  width: auto;
}
.account .subrow {
  margin-left: -5%;
}

/**
 * Be careful, we are using the same ones in V3 and S2.
 */
.photoBox {
  width: 299px;
  border: 1px solid #DDE9F0;
  float: left;
  margin-right: 18px;
  margin-bottom: 23px;
  position: relative;
}
.photoBox img {
  display: block;
  width: 299px;
}
.photoBox a {
  display: block;
  position: relative;
  width: 100%;
}
.photoBox .photoData {
  background-color: #ffffff;
  height: 49px;
  line-height: 45px;
  width: 100%;
  position: relative;
}
.photoBox .photoData div {
  float: left;
}
.photoBox .photoData .btn-small {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin: 0 5px;
  min-width: 44px;
  padding: 0 4px;
}
.photoBox .photoData .btn-small i {
  margin-right: 2px;
}
.photoBox .photoData .btn-small:disabled {
  background-color: #9ab0bd;
}
.photoBox .photoData .counter.heartIconActive .icon-heart {
  color: #dee0e1;
  cursor: auto;
}
.photoBox .photoData .counter.heartIconActive .icon-heart:hover {
  color: #dee0e1;
}
.photoBox .photoData .upload {
  width: 100%;
  text-align: center;
}
.photoBox .photoData .upload .btn-primary {
  margin-top: 4px;
  position: relative;
}
.photoBox .photoData .counter {
  position: absolute;
  right: 12px;
  top: 0;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
}
.photoBox .photoData .counter span, .photoBox .photoData .counter i {
  vertical-align: middle;
}
.photoBox .photoData .counter .icon-heart {
  color: #00b3d9;
  cursor: pointer;
  font-size: 17px;
  height: 22px;
}
.photoBox .photoData .counter .icon-heart:hover {
  color: #0dd5ff;
}
.photoBox .photoData .counter .icon-heart:active {
  color: #0089a6;
}
.photoBox .photoData .counter .icon-eye-open {
  font-size: 22px;
  height: 28px;
  margin: 0 2px 0 8px;
}
.photoBox .photoData .price {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 49px;
  line-height: 49px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 17px;
  position: relative;
}
.photoBox .taskEmptyNotifier {
  background: url(../img/taskCard/photo_bg_loader.jpg) no-repeat center center;
  background-size: 100% 100%;
  height: 249px;
  width: 100%;
}
.photoBox .taskEmptyNotifier div {
  padding-top: 190px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-shadow: 0 1px 1px #c9ccd1, 0 -1px 0 #c9ccd1;
}
.photoBox .privateTaskPhoto {
  height: 200px;
  width: 100%;
  text-align: center;
  background-color: #55636E;
  color: #ffffff;
}
.photoBox .privateTaskPhoto .lock {
  font-size: 50px;
  padding-top: 60px;
  padding-bottom: 10px;
}
.photoBox .privateTaskPhoto .timer {
  font-size: 14px;
}
.photoBox .taskPhoto {
  cursor: pointer;
  height: 200px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 299px 200px;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
.photoBox .taskPhoto .actions {
  display: none;
  padding-top: 55px;
}
.photoBox .taskPhoto .actions .btn {
  display: block;
  margin: 0 auto 10px auto;
  width: 150px;
}
.photoBox .taskPhoto .tooltip {
  background: transparent;
  border: 0 none;
}
.photoBox .taskPhoto .tooltip .OK, .photoBox .taskPhoto .tooltip .NOK {
  display: block;
}
.photoBox .taskPhoto .tooltip .NOK {
  color: #e75d22;
}
.photoBox .taskPhoto:hover .actions {
  display: block;
}
.photoBox .taskPhoto h3 {
  text-shadow: 1px 1px #ffffff;
  color: #80919c;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 0;
  line-height: 60px;
  text-transform: none;
}
.photoBox .taskPhoto .fa-play {
  color: #ffffff;
  font-size: 82px;
  left: 0;
  line-height: 200px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.photoBox .taskPhoto .fa-play:hover {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.photoBox .taskPhoto .report {
  bottom: 0;
  color: #fff;
  display: none;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.photoBox .taskPhoto .report span {
  display: none;
}
.photoBox .taskPhoto .report:hover {
  display: block;
}
.photoBox .taskPhoto .report:hover span {
  display: inline-block;
}
.photoBox .taskPhoto .reported {
  background-color: rgba(255, 255, 255, 0.5);
  color: #55636e;
  display: none;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 72px;
  height: 200px;
  left: 0;
  line-height: 200px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.photoBox .taskPhoto:hover .report {
  display: block;
}
.photoBox .addToCart {
  position: absolute;
  top: 0;
}
.photoBox .detailsPrice .btn-primary {
  font-size: 21px;
  margin-bottom: 5px;
}
.photoBox .btn-exclusive {
  background-color: #eac01c;
  float: left;
  margin-right: 5px;
}
.photoBox .btn-lightbox {
  float: right;
  line-height: 41px;
}
.photoBox .moderation {
  color: #ffffff;
  width: 48px;
  height: 37px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1001;
  cursor: pointer;
}
.photoBox .moderation i {
  z-index: 1;
  margin-left: 20px;
}
.photoBox .moderation > div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background-color: #000000;
  position: absolute;
  display: block;
  width: 43px;
  top: 0;
  right: 0;
  height: 35px;
  -moz-border-radius-bottomleft: 20px 20px;
  border-bottom-left-radius: 20px 20px;
  z-index: -1;
}
.photoBox .moderation:hover {
  color: #e75d22;
}

/* Colors */
#content.tasksPage h1 {
  font-weight: normal;
  font-size: 28px;
  margin-bottom: 35px;
  text-align: center;
}
#content.tasksPage h1 b {
  display: block;
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#content.tasksPage .filters {
  font-size: 17px;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 940px;
}
#content.tasksPage .filters a {
  color: #5e6a72;
  display: inline-block;
  margin-right: 15px;
}
#content.tasksPage .filters a:hover {
  color: #00b3d9;
}
#content.tasksPage .filters a.selected {
  color: #00b3d9;
  cursor: default;
}
#content.tasksPage .column {
  float: left;
  width: 302px;
  margin-right: 20px;
}
#content.tasksPage .lastColumn {
  margin-right: 0;
}
#content.tasksPage .tasks {
  margin: 0 auto;
  padding-bottom: 80px;
  width: 100%;
}
#content.tasksPage .task {
  background-color: #ffffff;
  border: 2px solid #f4e4be;
  cursor: pointer;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  width: 302px;
}
#content.tasksPage .task .logo {
  padding: 15px 0;
  text-align: center;
}
#content.tasksPage .task .logo img {
  max-height: 40px;
  max-width: 260px;
}
#content.tasksPage .task .previewMask {
  height: 180px;
  overflow: hidden;
  position: relative;
  width: 298px;
}
#content.tasksPage .task .preview, #content.tasksPage .task .example {
  background-size: cover;
  min-height: 90px;
  width: 298px;
}
#content.tasksPage .task .preview {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#content.tasksPage .task .preview.ng-hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 0.01;
}
#content.tasksPage .task .preview.ng-hide-add,
#content.tasksPage .task .preview.ng-hide-remove {
  -moz-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  -webkit-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
  display: block !important;
}
#content.tasksPage .task .noPreview {
  background: url(../img/taskCard/card_bg_loader.jpg) no-repeat center -25px;
  background-size: cover;
  margin: 1px;
}
#content.tasksPage .task .example {
  background-color: #00b3d9;
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  padding: 30px 0 30px 0;
  text-align: center;
}
#content.tasksPage .task .example:hover {
  background-color: #00c8f3;
}
#content.tasksPage .task .example i {
  display: block;
  font-size: 64px;
  line-height: 64px;
}
#content.tasksPage .task .description {
  color: #5e6a72;
  padding: 15px;
}
#content.tasksPage .task .stats {
  background-color: #f4e4be;
  color: #c28748;
  font-size: 15px;
  padding: 5px 15px;
  position: relative;
}
#content.tasksPage .task .stats .views {
  float: right;
}
#content.tasksPage .task .stats:before, #content.tasksPage .task .stats:after {
  -moz-transform: scale(1.001);
  -ms-transform: scale(1.001);
  -webkit-transform: scale(1.001);
  transform: scale(1.001);
  border-color: #e8d2bb transparent transparent transparent;
  border-width: 6px 149px;
  border-style: solid;
  top: 1px;
  width: 100%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  top: 1px;
  left: 0;
}
#content.tasksPage .task .stats:after {
  border-color: #ffffff transparent transparent transparent;
  top: 0;
}
#content.tasksPage .task.ended {
  border: 2px solid #ecf0f2;
}
#content.tasksPage .task.ended .stats {
  background-color: #ecf0f2;
  color: #9ab0bd;
}
#content.tasksPage .task.ended .stats:before {
  display: none;
}
#content.tasksPage .task:hover {
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
#content.tasksPage .task:hover div.preview {
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#content.tasksPage .createTask {
  border: 2px solid #dde9f0;
}
#content.tasksPage .createTask .stats {
  background-color: #dde9f0;
  color: #00b3d9;
}
#content.tasksPage .createTask .stats:before {
  border-color: #c9dce7 transparent transparent transparent;
}
#content.tasksPage .fixedBottom {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: 0 -531px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 96px;
  width: 925px;
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  bottom: 7px;
  display: block !important;
  left: 50%;
  margin-left: -463px;
  padding: 15px 0 0 175px;
  position: fixed;
  width: 926px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  #content.tasksPage .fixedBottom {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: 0 -531px;
    height: 95.5px;
    width: 925px;
  }
}
#content.tasksPage .fixedBottom h2 {
  color: #324251;
  font-size: 27px;
  line-height: 27px;
  margin: 15px 0 0 25px;
  text-transform: uppercase;
}
#content.tasksPage .fixedBottom p {
  font-size: 17px;
  line-height: 22px;
  margin: 0 0 17px 25px;
}
#content.tasksPage .fixedBottom .participate {
  float: right;
  margin: 18px 15px 0 0;
  width: 303px;
}
#content.tasksPage .fixedBottom.disabled {
  -moz-transform: translate(0px, 110px);
  -ms-transform: translate(0px, 110px);
  -webkit-transform: translate(0px, 110px);
  transform: translate(0px, 110px);
  display: block !important;
}
#content.tasksPage .fixedBottom.disabled-add {
  display: block !important;
  -moz-transition: linear 0.35s all;
  -o-transition: linear 0.35s all;
  -webkit-transition: linear 0.35s all;
  transition: linear 0.35s all;
}
#content.tasksPage .fixedBottom.disabled-remove {
  display: block !important;
  -moz-transition: linear 0.15s all;
  -o-transition: linear 0.15s all;
  -webkit-transition: linear 0.15s all;
  transition: linear 0.15s all;
}
#content.tasksPage .fixedBottom b {
  font-weight: bold;
}
#content.tasksPage .fixedBottom b.blue {
  color: #00b3d9;
}
#content.tasksPage .fixedBottom b.green {
  color: #7ab014;
}
#content.tasksPage .fixedBottom b.orange {
  color: #f26a35;
}

.showAll {
  background-color: #ffffff;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.showAll button {
  width: 300px;
}

.taskDetails .participate {
  float: right;
  height: 100px;
  margin-top: 0;
  position: relative;
  width: 100%;
}
.taskDetails .participate h3 {
  color: #80919c;
  text-shadow: 1px 1px #ffffff;
  font-size: 27px;
  padding-top: 5px;
  margin-top: 0px;
}

#loadingTasks {
  /*
  background: rgba(255, 255, 255, 0.80);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff');
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  */
  background-color: #ffffff;
  color: #5e6a72;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 24px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#loadingTasks i {
  margin-right: 5px;
}
#loadingTasks.ng-hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 0.01;
}
#loadingTasks.ng-hide-add, #loadingTasks.ng-hide-remove {
  -moz-transition: linear 0.3s all;
  -o-transition: linear 0.3s all;
  -webkit-transition: linear 0.3s all;
  transition: linear 0.3s all;
  display: block !important;
}

/**
 * Mobile optimizing
 */
@media only screen and (max-device-width: 480px) {
  div.fixedBottom {
    background: transparent none;
    display: none !important;
    visibility: hidden !important;
  }
}
#taskModerate h2 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 35px 0 25px;
}
#taskModerate h2 span {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  background-color: #5e6a72;
  color: #ffffff;
  line-height: 1em;
  padding: 0.1em 0.5em;
}
#taskModerate h4 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
#taskModerate .task {
  margin-bottom: 15px;
}
#taskModerate .task > div {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background-color: white;
}
#taskModerate .task > div > div {
  padding: 10px;
}
#taskModerate .task .params {
  background-color: #e1f2dd;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
  padding: 10px;
}
#taskModerate .task .params b {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
#taskModerate .task button.btn i {
  margin-right: 0.1em;
}
#taskModerate .logo {
  background-color: #ffffff;
  color: #9ab0bd;
}
#taskModerate .logo span {
  background-color: #9ab0bd;
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  display: inline-block;
  padding: 0 0.5em;
}
#taskModerate .logo img {
  border: 1px dotted #9ab0bd;
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
  width: 100%;
}
#taskModerate .logo p {
  font-weight: bold;
  line-height: 4em;
  min-height: 4em;
}
#taskModerate .logo p.no {
  background-color: #9ab0bd;
  color: #ffffff;
  line-height: 4em;
  text-align: center;
}

.taskDetails {
  color: #80919c;
}
.taskDetails h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  padding-top: 30px;
  color: #82919C;
}
.taskDetails h2 input {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 15px 0;
}
.taskDetails h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.taskDetails #sendingHeader span {
  font-weight: 300;
}
.taskDetails .cancelable {
  background-color: #ffffff;
  border: 1px solid #dfe1e2;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  height: 42px;
  margin-top: 30px;
  line-height: 40px;
  padding: 20px;
  text-transform: uppercase;
}
.taskDetails .cancelable b {
  font-weight: bold;
}
.taskDetails .cancelable a {
  float: right;
}
.taskDetails .cancelable #editTask {
  display: none;
}
.taskDetails .cancelable.unCancelable #cancelTask {
  display: none;
}
.taskDetails .cancelable.unCancelable #editTask {
  display: inline-block;
}
.taskDetails .details {
  float: left;
  width: 622px;
}
.taskDetails .details .description {
  font-family: "DinOT Regular", Arial;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 25px;
  min-height: 156px;
  word-wrap: break-word;
}
.taskDetails .details .description a:hover {
  color: #00A8C7;
}
.taskDetails .browsePhotos {
  margin-top: 35px;
}
.taskDetails .browsePhotos #waitLoading {
  background: #fff;
  border: 1px solid #dee0e1;
  font-size: 23px;
  padding: 15px;
  text-align: center;
}
.taskDetails .browsePhotos #waitLoading i {
  margin-right: 5px;
}
.taskDetails .dynamicSendButtons {
  display: none;
}
.taskDetails .socialStats {
  position: absolute;
  bottom: 1px;
  right: 0px;
  height: 98px;
  width: auto;
  float: left;
}

.appstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -84px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 150px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -84px -487px;
    height: 44px;
    width: 149.5px;
  }
}

.googleplay {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -234px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 130px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -234px -487px;
    height: 44px;
    width: 129.5px;
  }
}

.windowsstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -364px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 122px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .windowsstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -363px -487px;
    height: 44px;
    width: 122px;
  }
}

.taskDetails .participate {
  float: right;
  height: 100px;
  margin-top: 0;
  position: relative;
  width: 100%;
}
.taskDetails .participate .sharrre .box {
  width: 90px;
}
.taskDetails .participate h3 {
  color: #80919c;
  text-shadow: 1px 1px #ffffff;
  font-size: 27px;
  padding-top: 5px;
  margin-top: 0px;
}
.taskDetails .participate .appstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -486px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 104px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskDetails .participate .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -485px -487px;
    height: 44px;
    width: 104px;
  }
}
.taskDetails .participate .googleplay {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -685px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 92px;
  bottom: 0px;
  left: 109px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskDetails .participate .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -684px -487px;
    height: 44px;
    width: 92px;
  }
}
.taskDetails .participate .windowsstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -590px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 95px;
  bottom: 0px;
  left: 206px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskDetails .participate .windowsstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -589px -487px;
    height: 44px;
    width: 95px;
  }
}
.taskDetails .participate .getTask {
  top: 0px;
  left: 0px;
  position: absolute;
  display: none;
}
.taskDetails .participate .getTask input {
  width: 301px;
  display: none;
}

.loggedIn .participate .getTask {
  display: block;
}
.loggedIn .participate .getTask input {
  display: none;
}
.loggedIn .participate .getTask .personalStatusClosed {
  display: block;
}
.loggedIn .participate .participationDisabled {
  display: block;
}

h3.taskPhotoCountTitle {
  font-size: 36px;
  font-weight: 300;
}
h3.taskPhotoCountTitle span {
  background-color: #55636E;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  line-height: 20px;
  margin-top: -7px;
  margin-right: 5px;
  padding: 4px 7px;
  vertical-align: middle;
}

.taskActions {
  width: 100%;
  position: relative;
  margin-top: 14px;
  font-family: arial,sans-serif;
  font-size: 16px;
  cursor: pointer;
  text-align: right;
}
.taskActions span .buttonPrimary, .taskActions span .buttonLight {
  width: 100%;
}
.taskActions .taskEmbed {
  display: none;
}
.taskActions .taskReport {
  display: none;
}
.taskActions .taskReported {
  display: none;
}

.loggedIn .taskReport {
  display: block;
}
.loggedIn .reported .taskReport {
  display: none;
}
.loggedIn .reported .taskReported {
  display: block;
}

.loggedIn .owned .taskEmbed {
  display: block;
}
.loggedIn .owned .taskReport {
  display: none;
}

.moderation {
  display: none;
}

.loggedIn .taskPhotoBox .moderation {
  display: none;
  color: white;
  width: 48px;
  height: 37px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1001;
  cursor: pointer;
}
.loggedIn .taskPhotoBox .moderation i {
  z-index: 1;
  margin-left: 20px;
}
.loggedIn .taskPhotoBox .moderation .moderation_background {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
  background-color: black;
  position: absolute;
  display: block;
  width: 43px;
  top: 0;
  right: 0;
  height: 35px;
  -moz-border-radius-bottomleft: 20px 20px;
  border-bottom-left-radius: 20px 20px;
  z-index: -1;
}
.loggedIn .taskPhotoBox .moderation.active {
  display: block;
  color: red;
}

.taskPhotoBox {
  width: 299px;
  border: 1px solid #DDE9F0;
  float: left;
  margin-right: 18px;
  margin-bottom: 23px;
  position: relative;
}
.taskPhotoBox .photoData {
  height: 49px;
  width: 100%;
  position: relative;
}
.taskPhotoBox .photoData div {
  float: left;
}
.taskPhotoBox .photoData .counter .hearts {
  position: relative;
  width: auto;
  height: auto;
  z-index: 14;
}
.taskPhotoBox .photoData .counter .hearts .frame {
  border: 1px solid #DDE9F0;
  background: #ffffff;
  margin-right: 5px;
}
.taskPhotoBox .photoData .counter .hearts .frame div {
  background: #E9EFF2;
  font-size: 13px;
  padding: 3px 5px 3px 5px;
  text-transform: uppercase;
  margin: 1px;
}
.taskPhotoBox .photoData .counter .heartLabel {
  background: url(../img/v2/likeArrow.png) no-repeat right center;
  position: absolute;
  width: 26px;
  height: 22px;
  line-height: 22px;
  left: -25px;
  top: 0px;
  z-index: 15;
}
.taskPhotoBox .photoData .counter .heartLabel .heartIcon {
  cursor: pointer;
  margin-top: 3px;
  background-image: url('/img/v2/icons-s0334385efe.png');
  background-position: -174px -44px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 15px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskPhotoBox .photoData .counter .heartLabel .heartIcon {
    background-image: url('/img/v2/icons-2x-s0d07faee73.png');
    background-size: 303px 1378px;
    background-position: 0 -165px;
    height: 15px;
    width: 17.5px;
  }
}
.taskPhotoBox .photoData .counter .heartLabel .heartIcon:hover {
  background-image: url('/img/v2/icons-s0334385efe.png');
  background-position: -130px -121px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 15px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskPhotoBox .photoData .counter .heartLabel .heartIcon:hover {
    background-image: url('/img/v2/icons-2x-s0d07faee73.png');
    background-size: 303px 1378px;
    background-position: -130px -121px;
    height: 15px;
    width: 17.5px;
  }
}
.taskPhotoBox .photoData .counter .heartLabel .heartIcon:active {
  background-image: url('/img/v2/icons-s0334385efe.png');
  background-position: 0 -165px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 15px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskPhotoBox .photoData .counter .heartLabel .heartIcon:active {
    background-image: url('/img/v2/icons-2x-s0d07faee73.png');
    background-size: 303px 1378px;
    background-position: -174px -44px;
    height: 15px;
    width: 17.5px;
  }
}
.taskPhotoBox .photoData .counter .views {
  background: #ffffff;
  border: solid 1px #dde9f0;
  padding: 3px 5px;
  font-size: 13px;
}
.taskPhotoBox .photoData .counter .views i {
  margin-right: 3px;
}
.taskPhotoBox .photoData .counter .views b {
  font-weight: 900;
}
.taskPhotoBox .photoData .heartIconActive .heartLabel .heartIcon {
  background-image: url('/img/v2/icons-s0334385efe.png');
  background-position: -192px -44px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 15px;
  width: 18px;
  cursor: auto !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .taskPhotoBox .photoData .heartIconActive .heartLabel .heartIcon {
    background-image: url('/img/v2/icons-2x-s0d07faee73.png');
    background-size: 303px 1378px;
    background-position: -192px -44px;
    height: 15px;
    width: 17.5px;
  }
}
.taskPhotoBox .photoData .heartIconActive .hearts .frame div {
  background: #fff6ca !important;
}
.taskPhotoBox .photoData .shade {
  opacity: 0.4;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.taskPhotoBox .photoData .upload {
  width: 100%;
  text-align: center;
}
.taskPhotoBox .photoData .upload input {
  margin-top: 4px;
  position: relative;
  z-index: 11;
}
.taskPhotoBox .photoData .counter {
  z-index: 500;
  position: absolute;
  right: -8px;
  top: 13px;
  height: auto;
  width: auto;
  padding-bottom: 8px;
  background: url(../img/taskCard/photoCounterShade.png) no-repeat bottom right;
}
.taskPhotoBox .photoData .price {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 49px;
  line-height: 49px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 17px;
  z-index: 11;
  position: relative;
}
.taskPhotoBox .taskEmptyNotifier {
  background: url(../img/taskCard/photo_bg_loader.jpg) no-repeat center center;
  background-size: 100% 100%;
  height: 249px;
  width: 100%;
}
.taskPhotoBox .taskEmptyNotifier div {
  padding-top: 180px;
  text-align: center;
  font-size: 19px;
  color: #ffffff;
  font-family: DinOT,"Arial narrow",Arial,sans-serif;
  text-shadow: 0 1px 0 #c9ccd1, 0 -1px 0 #c9ccd1;
}
.taskPhotoBox .privateTaskPhoto {
  height: 200px;
  width: 100%;
  text-align: center;
  background-color: #55636E;
  color: #ffffff;
}
.taskPhotoBox .privateTaskPhoto .lock {
  font-size: 50px;
  padding-top: 60px;
  padding-bottom: 10px;
}
.taskPhotoBox .privateTaskPhoto .timer {
  font-size: 14px;
}
.taskPhotoBox .taskPhoto {
  height: 200px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 299px 200px;
  background-position: center center;
  position: relative;
  cursor: pointer;
}
.taskPhotoBox .taskPhoto h3 {
  text-shadow: 1px 1px #ffffff;
  color: #80919c;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 0;
  line-height: 60px;
  text-transform: none;
}
.taskPhotoBox .taskPhoto .shade {
  opacity: 0.1;
  background-color: #80919c;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.taskPhotoBox .taskPhoto .webupload {
  height: 100%;
  width: 100%;
  position: relative;
  background: url(../img/v2/dslr_camera.png) no-repeat center center;
  background-size: 83px 71px;
  text-shadow: 1px 1px #ffffff;
}
.taskPhotoBox .taskPhoto .webupload div {
  margin-top: 90px;
  text-align: center;
  font-family: "DinOT Regular", Arial;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
}
.taskPhotoBox .taskPhoto .report {
  bottom: 0;
  color: #fff;
  display: none;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.taskPhotoBox .taskPhoto .report span {
  display: none;
}
.taskPhotoBox .taskPhoto .report:hover {
  display: block;
}
.taskPhotoBox .taskPhoto .report:hover span {
  display: inline-block;
}
.taskPhotoBox .taskPhoto .reported {
  background-color: rgba(255, 255, 255, 0.5);
  color: #55636e;
  display: none;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 72px;
  height: 200px;
  left: 0;
  line-height: 200px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.taskPhotoBox .taskPhoto:hover .report {
  display: block;
}

.taskCommentsBar {
  border-top: 1px solid #D9DCDF;
  height: 30px;
  background: #ffffff;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 20000;
}
.taskCommentsBar .toggler {
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  width: 120px;
  margin: 0 auto;
}
.taskCommentsBar .toggler span.less {
  display: none;
}
.taskCommentsBar .toggler a {
  color: #00A8C7;
  font-family: DinOT,"Arial narrow",Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
}
.taskCommentsBar .toggler a label {
  background-color: #00b3d8;
  border: 1px solid #0099b4;
  display: inline-block;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  height: 18px;
  margin-top: -3px;
  margin-right: 3px;
  width: 18px;
  vertical-align: middle;
}
.taskCommentsBar .toggler a label:before {
  content: '';
  border-bottom: 4px solid white;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  display: block;
  height: 0;
  left: 7px;
  position: absolute;
  top: 14px;
  width: 0;
}
.taskCommentsBar .toggler:hover label {
  background-color: #02c6ef;
}
.taskCommentsBar .toggler.open label:before {
  content: '';
  left: 6px;
  border-bottom: 0 none;
  border-top: 4px solid white;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.taskCommentsBar .toggler.open span.less {
  display: inline;
}
.taskCommentsBar .toggler.open span.more {
  display: none;
}
.taskCommentsBar .disqusComments {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
  height: 500px;
}
.taskCommentsBar .disqusComments .browser {
  overflow-y: scroll;
  padding: 10px 8px 0;
  position: relative;
  width: 920px;
  z-index: 1;
  height: 440px;
}
.taskCommentsBar .disqusComments .browser #disqus_thread {
  color: #000000;
  background: #ffffff;
  padding: 0px 10px 0px 0px;
}

.taskBanner {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 940px;
  height: 175px;
  margin-bottom: 30px;
}

.groups {
  padding-bottom: 20px;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.95, 0.95);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: scale(1, 1);
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(0.95, 0.95);
    opacity: 0.9;
  }
}
.groups table {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.groups table.communityFirstTime {
  -webkit-transform: translateX(140px);
}
.groups .pointCommunity {
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  height: 40px;
  width: 162px;
  position: absolute;
  left: -172px;
  line-height: 30px;
  padding-left: 10px;
}
.groups .pointInvite {
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  height: 40px;
  width: 162px;
  position: absolute;
  left: -172px;
  z-index: 1000;
  line-height: 30px;
  padding-left: 10px;
}
.groups .arrow_box {
  position: absolute;
  background: #7d63af;
  border: 4px solid #1a8fa9;
  color: white;
}
.groups .arrow_box:after, .groups .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.groups .arrow_box:after {
  border-color: rgba(125, 99, 175, 0);
  border-left-color: #7d63af;
  border-width: 20px;
  margin-top: -20px;
}
.groups .arrow_box:before {
  border-color: rgba(26, 143, 169, 0);
  border-left-color: #1a8fa9;
  border-width: 26px;
  margin-top: -26px;
}
.groups .left, .groups .right {
  float: left;
}
@media screen and (max-width: 990px) {
  .groups .left, .groups .right {
    width: 100% !important;
  }
}
.groups .left {
  margin-right: 4%;
  width: 40%;
}
.groups .right {
  width: 56%;
}
.groups ul.nav {
  margin-bottom: 0;
}
.groups .tabbable {
  margin-top: 15px;
}
.groups .tab-content {
  background-color: #ffffff;
  padding: 20px 0;
}
.groups .openedGroup {
  border: 2px solid #e8eff2;
  background-color: #ffffff;
  font-size: 18px;
  position: relative;
}
.groups .openedGroup .titleExtraButton {
  position: absolute;
  right: 16px;
  top: 51px;
}
.groups .openedGroup h3 {
  color: #324251;
  font-family: "DinOT Regular", Arial;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  margin: 5px 15px;
  padding: 0.5em 0;
  overflow: hidden;
}
.groups .openedGroup h3 i {
  color: #00b3d9;
}
.groups .openedGroup h3:hover {
  color: #455c71;
}
.groups .openedGroup h4 {
  font-size: 0.8em;
}
.groups .openedGroup .editname {
  margin: 5px;
  padding: 5px 0;
}
.groups .openedGroup .editname input {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  margin-left: 10px;
  width: 380px;
}
.groups .openedGroup .members {
  background-color: #e8eff2;
}
.groups .openedGroup .list {
  float: left;
  padding: 15px;
  width: 50%;
}
.groups .openedGroup .member, .groups .openedGroup .invited, .groups .openedGroup .invite {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #55636e;
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: .7em;
  height: 38px;
  line-height: 38px;
  margin-bottom: 8px;
  padding-right: 10px;
  text-align: right;
}
.groups .openedGroup .member span, .groups .openedGroup .invited span, .groups .openedGroup .invite span {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  padding: 0 10px;
  text-align: left;
  width: 85%;
  font-size: 16px;
  overflow: hidden;
}
.groups .openedGroup .member i, .groups .openedGroup .invited i, .groups .openedGroup .invite i {
  font-size: 28px;
}
.groups .openedGroup .member .icon-lock, .groups .openedGroup .invited .icon-lock, .groups .openedGroup .invite .icon-lock {
  padding: 0 3px 0 0;
}
.groups .openedGroup .member a, .groups .openedGroup .invited a, .groups .openedGroup .invite a {
  color: #ffffff;
}
.groups .openedGroup .member a:hover, .groups .openedGroup .invited a:hover, .groups .openedGroup .invite a:hover {
  color: #e6e6e6;
}
.groups .openedGroup .invite {
  background-color: #d7e5ea;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #bed0d8 #ffffff #ffffff #bed0d8;
  text-align: left;
}
.groups .openedGroup .invite input, .groups .openedGroup .invite a {
  height: 36px;
  font-size: 17px;
  line-height: 36px;
}
.groups .openedGroup .invite input {
  background: transparent;
  border: 0 none;
  width: 170px;
}
.groups .openedGroup .invite a {
  float: right;
  width: 20%;
}
.groups .openedGroup .member span {
  background-color: #00b3d9;
  color: #ffffff;
}
.groups .openedGroup .invited {
  color: #ffffff;
  font-size: 15px;
}
.groups .openedGroup .invited span {
  background-color: #d5dbdf;
  color: #80919c;
  font-size: 1em;
  width: 174px;
}
.groups table {
  background: #ffffff;
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-color: #e8eff2;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.groups table .r {
  text-align: right;
}
.groups table th, .groups table td {
  padding: 0 10px;
}
.groups table td {
  border-bottom: 2px solid #e8eff2;
  line-height: 38px;
}
.groups table td a.actions {
  color: #940300;
  white-space: nowrap;
}
.groups table th {
  background-color: #55636e;
  font-size: 17px;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: left;
}
@media screen and (max-width: 990px) {
  .groups table th {
    font-size: 15px;
  }
}

.communityEntrance#content {
  width: 925px;
}
.communityEntrance h1 {
  margin: 35px 0;
}
.communityEntrance p {
  font-size: 1.15em;
  margin-bottom: 35px;
}
.communityEntrance label {
  cursor: default;
  display: inline-block;
  width: 110px;
}
.communityEntrance input {
  height: auto;
  padding: 7px 5px;
}
.communityEntrance span.ok, .communityEntrance span.nok {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
}
.communityEntrance .column {
  float: left;
  width: 45%;
}
.communityEntrance .ok {
  color: #0f6121;
  background-color: #a0d792;
}
.communityEntrance .nok {
  background-color: #f3ae8b;
  color: #980016;
}
.communityEntrance .messages {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.15em;
  margin: 10px 0;
  padding: 10px;
}
.communityEntrance .messages.indented {
  margin-left: 80px;
}
.communityEntrance .startUsing {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: 0 -531px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 96px;
  width: 925px;
  padding: 15px 0 0 175px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .communityEntrance .startUsing {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: 0 -531px;
    height: 95.5px;
    width: 925px;
  }
}
.communityEntrance .startUsing h2 {
  color: #324251;
  font-size: 27px;
  line-height: 27px;
  margin: 15px 0 0 25px;
  text-transform: uppercase;
}
.communityEntrance .startUsing p {
  font-size: 17px;
  line-height: 22px;
  margin: 0 0 17px 25px;
}
.communityEntrance .startUsing .participate {
  float: right;
  margin: 18px 15px 0 0;
  width: 202px;
}

.modal.batchInviteModal {
  width: 500px;
  margin-left: -250px;
}
.modal.batchInviteModal .communityInviteEmails, .modal.batchInviteModal .communityInviteMessage {
  width: 100%;
}
.modal.batchInviteModal .header {
  font-weight: bold;
  font-size: 18px;
}

.sharrre {
  margin-left: 10px;
  float: right;
  width: 25%;
}
.sharrre .box a:hover {
  text-decoration: none;
}
.sharrre .count {
  background-color: #e9eff2;
  /* Old browsers */
  box-shadow: 0 1px 0 #f5f8f9 inset;
  color: #525b67;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 44px;
  height: 44px;
  position: relative;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0 none;
  width: 100%;
}
.sharrre .count:before, .sharrre .count:after {
  border: solid 6px transparent;
  content: '';
  display: block;
  position: absolute;
  left: 49%;
  width: 0;
  height: 0;
}
.sharrre .count:before {
  border-top-color: #e0e2e3;
  bottom: -13px;
  margin-left: -6px;
}
.sharrre .count:after {
  border-top-color: #e9eff2;
  bottom: -12px;
  margin-left: -6px;
}
.sharrre .share {
  border: 0 none;
  color: #ffffff;
  display: block;
  font-family: "DinOT Regular", Arial;
  font-size: 19px;
  font-weight: 100;
  height: 44px;
  line-height: 44px;
  margin-top: 8px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.twitter .share {
  background-color: #26c3eb;
  background-image: none;
}
.twitter .share:hover {
  background-color: #3dc9ed;
}

.facebook {
  margin-left: 0;
}
.facebook .share {
  background-color: #5582c9;
  background-image: none;
}
.facebook .share:hover {
  background-color: #6890cf;
}

.googleplus .share {
  background-color: #525252;
  background-image: url(../img/v2/icons/google_stripes.png);
  background-repeat: no-repeat;
  background-size: 93px 10px;
  background-position: left top;
  line-height: 54px;
}
.googleplus .share:hover {
  background-color: #5f5f5f;
}

.facebook .share, .twitter .share {
  text-align: center;
}

.sharrre .count:before {
  border: 0 none;
}

.facebook .share, .twitter .share, .googleplus .share {
  position: relative;
}

.twitter .share:before, .facebook .share:before {
  content: "\F099";
  font-family: FontAwesome;
  text-align: center;
  font-size: 1.25em;
}

.facebook .share:before {
  content: "\F09a";
}

#searchPage {
  margin-top: 70px;
}
#searchPage h1 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 30px;
}
#searchPage #pagination, #searchPage .pagination {
  float: right;
}
#searchPage .newAssignment {
  clear: both;
  font-size: 1.25em;
  text-align: center;
}
#searchPage .newAssignment .btn {
  display: block;
  margin-top: 5px;
}

.searchbar {
  background-color: #efefef;
}
.searchbar h2, .searchbar h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-transform: uppercase;
}
.searchbar h2 {
  font-size: 30px;
  line-height: 60px;
}
.searchbar h3 {
  font-size: 20px;
  margin-bottom: 0.5em;
}
.searchbar h3 span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  text-transform: lowercase;
}
.searchbar .block {
  position: relative;
  border-bottom: solid 1px #DDE2E2;
  border-top: solid 1px #ffffff;
  padding: 10px 5px;
}
.searchbar .block:first-child {
  border-top: 0 none;
}
.searchbar .block:last-child {
  border-bottom: 0 none;
}
.searchbar .block label {
  font-weight: normal;
}
.searchbar .mediaBlock i.fa {
  display: block;
  font-size: 2em;
}
.searchbar #mapSearchForm {
  position: relative;
}
.searchbar #mapSearchForm input {
  display: block;
  line-height: 25px;
  padding: 0 3px 3px 5px;
  width: 100%;
}
.searchbar #mapSearchForm button {
  background: none;
  position: absolute;
  padding: 0;
  margin: 0;
  right: 6px;
  top: 7px;
}
.searchbar #mapSearchForm button i {
  color: #9ab0bd;
  font-size: 18px;
  margin: 0;
}
.searchbar #mapSearchForm button:hover i {
  color: #b9c8d1;
}
.searchbar .authenticity {
  position: relative;
  right: auto;
  top: auto;
}

.searchInput form {
  margin-bottom: 40px;
}
.searchInput input {
  width: 65%;
}
.searchInput button, .searchInput input {
  line-height: 56px;
  padding: 0 10px;
  vertical-align: middle;
}
.searchInput a {
  margin-left: 20px;
}
.searchInput button {
  line-height: 60px;
}
.searchInput button i {
  margin: 0;
  padding: 0 5px;
}

#hits {
  padding-top: 20px;
}

.search .hit {
  background-color: #ffffff;
  border: 0 none;
  margin: 0 0 15px;
  position: relative;
  width: 100%;
}
.search .hit i.fa-play {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-size: 64px;
  line-height: 172px;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
}
.search .hit a:hover i.fa-play {
  color: rgba(255, 255, 255, 0.65);
}
.search .hit img {
  height: auto;
  width: 100%;
}

#searchMap {
  border: 1px solid #dee0e1;
  height: 200px;
  margin-bottom: 5px;
}

.orientation {
  width: 51px;
  height: 51px;
  padding: 3px;
  border: 1px solid #dee0e1;
  background-color: #ffffff;
  cursor: pointer;
  margin: 0 auto;
}
.orientation:hover {
  opacity: 0.85;
}
.orientation.landscape div {
  height: 28px;
  width: 42px;
  margin: 8px 0;
  background-color: #9ab0bd;
}
.orientation.portrait div {
  width: 28px;
  height: 42px;
  margin: 0 8px;
  background-color: #9ab0bd;
}

#resetMap {
  position: absolute;
  top: 5px;
  right: 5px;
}

#resetAll {
  position: absolute;
  top: 15px;
  right: 22px;
}

#content.userTasks {
  width: 960px;
  padding-top: 70px;
}
#content.userTasks div.tasks {
  padding-bottom: 15px;
}

.userSubMenu {
  margin: 0px;
  margin-top: 27px;
  height: 57px;
}
.userSubMenu span {
  height: 40px;
  line-height: 38px;
  margin: 0;
}
.userSubMenu .userName {
  color: #55636e;
  margin-right: 50px;
}
.userSubMenu .proPortfolio {
  float: right;
}
.userSubMenu .proPortfolio a {
  margin: 0 0 0 10px;
  width: 135px;
  padding: 0 3px 0 2px;
}
.userSubMenu .proPortfolio a i {
  margin-right: 5px;
}

.userPhotos .taskBrowseHeader {
  margin: 30px 0px;
}
.userPhotos h2 {
  font-size: 28px;
}
.userPhotos #waitLoading {
  background: #fff;
  border: 1px solid #dee0e1;
  font-size: 23px;
  padding: 15px;
  text-align: center;
}
.userPhotos #waitLoading i {
  margin-right: 5px;
}

.userTaskPhotos {
  font-size: 28px !important;
}

.subMenuItems {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  height: 36px;
  font-size: 25px;
}
.subMenuItems i {
  margin-right: 5px;
}
.subMenuItems a {
  color: #55636e;
  display: inline-block;
  font-weight: 300;
  height: 50px;
  margin-right: 25px;
}
.subMenuItems .active {
  color: #00a8c7;
  border-bottom: solid 3px #00a8c7;
  text-decoration: none;
}
.subMenuItems a:hover {
  border-bottom: solid 3px #55636e;
  text-decoration: none;
}
.subMenuItems a.active:hover {
  border-bottom: solid 3px #00a8c7;
  text-decoration: none;
}
.subMenuItems .account {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .subMenuItems {
    text-align: center;
    padding-left: 0;
  }
  .subMenuItems a {
    margin-right: 5%;
  }
  .subMenuItems .name, .subMenuItems .account {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  .subMenuItems {
    padding-left: 0;
  }
  .subMenuItems a {
    margin-right: 5px;
    font-size: .9em;
  }
}

.noContent {
  background-color: #b8c5cf;
  border: 1px solid #98a6b0;
  margin: 30px 10px;
  padding: 10px;
  text-align: center;
  color: #80919c;
}

.browsePhotos .noContent {
  display: none;
  margin: 30px 20px 30px 0px;
}

.sets {
  margin-top: 40px;
}
.sets .center {
  padding: 0 15px;
}
.sets .featured .title {
  font-size: 2em;
}
.sets .featured .header > div {
  float: left;
}
.sets .featured .header .save {
  font-size: 18px;
}
.sets .featured.albums .header {
  margin-bottom: 20px;
}
.sets .featured.albums .header > .title {
  color: #7ab014;
}
.sets .featured.albums .save {
  background-color: #7ab014;
}
.sets .featured.places {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.sets .featured.places .header {
  margin-bottom: 20px;
}
.sets .featured.places .header > .title {
  color: #00b3d9;
}
.sets .featured .saved {
  transition: all 0.5s ease-out;
  opacity: 0;
  margin-left: 5px;
}
.sets .featured .saved.show-saved {
  opacity: 1;
}
.sets header {
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  padding: 0 15px;
  margin-top: 30px;
}
.sets header .title {
  font-size: 2em;
}
.sets header .add-set, .sets header .add {
  float: right;
  cursor: pointer;
}
.sets header .add-set {
  font-size: 1.2em;
}
.sets header .add-set .plus {
  margin-top: 2px;
}
.sets header .add {
  margin-top: 3px;
}
.sets header .add button {
  height: 25px;
  font-size: 1.3em;
}
.sets .set {
  margin: 4px;
  width: 100%;
  height: 240px;
  background-color: #ccc;
  display: inline-block;
  color: #fff;
  font-size: 1.8em;
  cursor: pointer;
  position: relative;
  background-size: cover;
}
.sets .set:hover {
  opacity: .9;
}
.sets .set .title {
  line-height: 240px;
  text-align: center;
  vertical-align: middle;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 21px;
}
.sets .set .remove {
  position: absolute;
  top: -12px;
  right: -10px;
  background-color: #ddd;
  color: #999;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.sets .set .add-albums, .sets .set .add-places {
  position: absolute;
  bottom: 0;
  color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-size: .7em;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}
.sets .set .add-albums:hover, .sets .set .add-places:hover {
  color: #fff;
}
.sets .set .add-albums {
  left: 0;
  background-color: #7ab014;
  margin: 0 0 10px 20px;
}
.sets .set .add-albums:active {
  background-color: #87B82B;
}
.sets .set .add-places {
  right: 0;
  background-color: #00b3d9;
  margin: 0 20px 10px 0;
}
.sets .set .add-places:active {
  background-color: #19BBDD;
}

.undo {
  position: fixed;
  width: 100%;
  max-height: 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  background-color: rgba(116, 168, 19, 0.9);
  z-index: 1100;
  top: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.undo.show-undo {
  max-height: 50px;
  padding: 10px 0;
}
.undo .undo-button:hover {
  text-decoration: underline;
}
.undo .close-undo {
  float: right;
  margin-right: 20px;
  font-size: 18px;
}

.set {
  margin-top: 30px;
}
.set .information .name, .set .information .name-edit {
  float: left;
  margin: 65px 0 0 60px;
  display: inline-block;
}
.set .information .name .title, .set .information .name-edit .title {
  font-size: 3em;
  float: left;
}
.set .information .name .edit-name, .set .information .name-edit .edit-name {
  margin-left: 10px;
  margin-top: 13px;
  float: left;
}
.set .information .cover {
  float: left;
}
.set .information .cover .cover-photo {
  width: 118px;
  height: 118px;
  background-color: #ccc;
  display: block;
  background-size: cover;
}
.set .information .cover .help {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
.set .information .cover .new-cover, .set .information .cover .empty-set {
  font-size: 1.4em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-align: center;
  margin-top: 20px;
  border: 1px dashed #ccc;
  width: 118px;
  height: 118px;
  padding: 5px;
}
.set .information .cover .empty-set {
  border-radius: 6px;
}
.set .photos-section {
  padding-top: 0;
  margin-top: 20px;
}
.set .photos-section .header .photos-title {
  float: left;
  font-size: 1.8em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin-bottom: 10px;
  width: 200px;
}
.set .photos-section .header .fail {
  float: left;
  font-size: 1em;
  margin-top: 10px;
  color: #e75d22;
}
.set .photos-section .header .add-photo {
  float: right;
  margin-top: 5px;
}
.set .photos-section .header .add-photo input {
  width: 200px;
  height: 35px;
  font-size: 1.2em;
}
.set .photos-section .header .add-photo .add {
  font-size: 1.4em;
  padding: 15px 20px;
}
.set .photos-section .header .save-order {
  float: right;
  margin: 5px 0 0 10px;
  font-size: 1.4em;
  padding: 15px 20px;
}
.set .photos-section .photos {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.set .photos-section .photos .set-photo {
  width: 100%;
  height: 236px;
  margin: 4px;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  position: relative;
}
.set .photos-section .photos .set-photo .remove {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: #ddd;
  color: #999;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.set .photos-section .photos.editing .set-photo:hover {
  box-shadow: 0 0 2px 1px #21a2ca;
  cursor: pointer;
}

.moderation-contests {
  background-color: #f4f6f7;
  padding: 25px 0;
}
.moderation-contests h3 a {
  display: inline-block;
  float: right;
  font-size: 0.85em;
  margin: 0.2em 0.225em 0 0;
}
.moderation-contests .moderation-contests-header {
  padding-bottom: 20px;
}
.moderation-contests .templates {
  border: 1px solid #dee0e1;
  border-bottom: 0 none;
  margin-top: 10px;
}
.moderation-contests .template {
  background-color: #ffffff;
  cursor: pointer;
  padding: 5px;
  border-bottom: 1px solid #dee0e1;
}
.moderation-contests .template i {
  color: #00b3d9;
  float: right;
  font-size: 1.5em;
}
.moderation-contests .template .floatRight {
  opacity: 0.5;
  margin-right: 0.5em;
}
.moderation-contests .template:hover {
  background-color: #e1f2dd;
}
.moderation-contests .templateHeader {
  background-color: #dee0e1;
  cursor: default;
}
.moderation-contests .templateHeader:hover {
  background-color: #dee0e1;
}
.moderation-contests .templateHeader .floatRight {
  opacity: 1;
}
.moderation-contests .templateHeader a i {
  font-size: 1em;
  float: none;
  margin-left: 0.5em;
}
.moderation-contests .templateHeader a:hover i {
  color: #0dd5ff;
}
.moderation-contests .upcoming h3 {
  clear: left;
}
.moderation-contests .upcoming .calendar {
  background-color: #9ab0bd;
  border: 1px solid #ffffff;
}
.moderation-contests .upcoming .week .day {
  float: left;
  margin: 1px;
  text-align: center;
  width: 13.9%;
}
.moderation-contests .upcoming .week .day > div {
  padding: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
.moderation-contests .upcoming .week .day > div span i {
  display: block;
}
.moderation-contests .upcoming .week .day > div span.populated {
  color: #7ab014;
  display: none;
}
.moderation-contests .upcoming .week .day > div span.populate {
  color: #00b3d9;
  display: block;
}
.moderation-contests .upcoming .week .day > div.ok span.populated {
  display: block;
}
.moderation-contests .upcoming .week .day > div.ok span.populate {
  display: none;
}
.moderation-contests .upcoming .week .day > div:hover {
  background-color: #e1f2dd;
}
.moderation-contests .upcoming .week .day .populated i.fa-exclamation-circle {
  display: none;
}
.moderation-contests .upcoming .week .day .ineditable, .moderation-contests .upcoming .week .day .ineditable span {
  color: #55636e;
  opacity: 1;
}
.moderation-contests .upcoming .week .day .ineditable .populated i.fa-check, .moderation-contests .upcoming .week .day .ineditable span .populated i.fa-check {
  display: none;
}
.moderation-contests .upcoming .week .day .ineditable .populated i.fa-exclamation-circle, .moderation-contests .upcoming .week .day .ineditable span .populated i.fa-exclamation-circle {
  display: block;
}
.moderation-contests .upcoming .week .day .passed, .moderation-contests .upcoming .week .day .passed label {
  font-weight: normal;
  opacity: 0.5;
}
.moderation-contests .upcoming .week .day .passed, .moderation-contests .upcoming .week .day .passed span {
  color: #9ab0bd;
}
.moderation-contests .upcoming .week .day .today, .moderation-contests .upcoming .week .day .today:hover {
  background-color: #b9ec58;
  opacity: 1;
}
.moderation-contests .upcoming .week .day .today, .moderation-contests .upcoming .week .day .today label {
  color: #4a6b0c;
  font-weight: bold;
}
.moderation-contests .upcoming .week .day label {
  display: block;
  font-size: 1.25em;
  margin-bottom: 0;
}

.modal.templatemodal {
  margin-left: -200px;
  padding: 25px;
  width: 400px;
}
.modal.templatemodal h2 {
  margin-bottom: 25px;
}
.modal.templatemodal label {
  display: block;
}
.modal.templatemodal textarea, .modal.templatemodal input {
  border: 1px solid #dee0e1;
  display: block;
  margin-bottom: 25px;
  padding: 0.25em;
}
.modal.templatemodal textarea {
  width: 100%;
}
.modal.templatemodal .buttons {
  margin-top: 25px;
}
.modal.templatemodal .buttons .btn {
  margin-right: 0.25em;
}
.modal.templatemodal .buttons .btn-confirm {
  float: right;
  margin-right: 0;
}

.modal.daymodal {
  margin-left: -400px;
  width: 800px;
}
.modal.daymodal.in {
  top: 5% !important;
}
.modal.daymodal h2 {
  font-size: 24px;
  margin-bottom: 7px;
}
.modal.daymodal span {
  font-size: 0.85em;
}
.modal.daymodal span.notEditable {
  color: #940300;
  float: right;
  line-height: 2em;
}
.modal.daymodal span.addFromTemplate ul.dropdown-menu {
  padding: 10px;
}
.modal.daymodal span.addFromTemplate ul.dropdown-menu .btn {
  margin-top: 10px;
}
.modal.daymodal span.addFromTemplate a.cancel {
  color: #00b3d9;
  margin-left: 0;
  padding-left: 0;
}
.modal.daymodal .buttons {
  margin-top: 15px;
}
.modal.daymodal .populating {
  padding: 1em;
  text-align: center;
}
.modal.daymodal .contests {
  background-color: #dee0e1;
  padding: 1px 0 0 1px;
  width: 751px;
}
.modal.daymodal .contests .contest {
  background-color: #ffffff;
  border: 1px solid #dee0e1;
  float: left;
  margin: 0 2px 2px 0;
  padding: 5px 10px;
  position: relative;
  width: 248px;
}
.modal.daymodal .contests .contest a.remove {
  background-color: #55636e;
  color: #ffffff;
  display: none;
  height: 24px;
  line-height: 22px;
  width: 24px;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 10px;
}
.modal.daymodal .contests .contest a.remove:hover {
  background-color: #9ab0bd;
}
.modal.daymodal .contests .contest:hover a.remove {
  display: block;
}
.modal.daymodal .contests .contest input, .modal.daymodal .contests .contest textarea {
  border: 1px solid transparent;
  margin-bottom: 3px;
  padding: 0;
}
.modal.daymodal .contests .contest input:hover, .modal.daymodal .contests .contest textarea:hover {
  border: 1px solid #5ae2ff;
}
.modal.daymodal .contests .contest input {
  color: #55636e;
}
.modal.daymodal .contests .contest input.title {
  font-weight: bold;
  margin-right: 30px;
}
.modal.daymodal .contests .contest input.contestClass {
  background-color: #dee0e1;
  border-radius: 3px;
  font-size: 0.85em;
  padding: 0.05em 0.35em;
  width: 100%;
}
.modal.daymodal .contests .contest textarea {
  font-size: 0.8em;
  line-height: 1.25em;
  height: 4.25em;
}

@media only screen and (max-width: 1199px) {
  .moderation-contests .upcoming .calendar {
    width: 451px;
  }
  .moderation-contests .upcoming .week .day {
    width: 62px;
  }
}
.moderation-content .moderation-front {
  position: relative;
}
.moderation-content .moderation-front .change {
  z-index: 1000;
  position: absolute;
  right: 10px;
  top: 10px;
}
.moderation-content .moderation-front .change .code {
  color: #666;
  display: inline-block !important;
  font-size: 12px;
  padding: 3px;
}
.moderation-content .moderation-front .change .code.invalid {
  border-color: #e75d22;
}
.moderation-content .moderation-front .change button {
  font-size: 12px;
  outline: 0;
}

.taskinfo {
  color: #80919c;
}
.taskinfo h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  color: #82919C;
}
.taskinfo h2 input {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 15px 0;
}
.taskinfo h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.taskinfo #sendingHeader span {
  font-weight: 300;
}
.taskinfo .cancelable {
  background-color: #ffffff;
  border: 1px solid #dfe1e2;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  margin-top: 30px;
  line-height: 40px;
  padding: 20px;
  text-transform: uppercase;
}
.taskinfo .cancelable b {
  font-weight: bold;
}
.taskinfo .cancelable a {
  float: right;
}
.taskinfo .cancelable #editTask {
  display: none;
}
.taskinfo .cancelable.unCancelable #cancelTask {
  display: none;
}
.taskinfo .cancelable.unCancelable #editTask {
  display: inline-block;
}
.taskinfo #banner {
  text-align: center;
}
.taskinfo #banner img {
  width: 100%;
}
.taskinfo #pixelated, .taskinfo .details, .taskinfo #hugeThumb {
  margin-bottom: 20px;
  width: 100%;
}
.taskinfo #pixelated {
  background-color: #324251;
  min-height: 400px;
  position: relative;
  text-shadow: 0 1px 2px rgba(50, 66, 81, 0.5);
  z-index: 1;
}
.taskinfo #hugeThumb {
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -2;
  opacity: 0.5;
}
.taskinfo .taskinfo .shade {
  background-color: rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.taskinfo .details {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  min-height: 400px;
  padding: 45px 20px 20px 29px;
  z-index: 100;
}
.taskinfo .details h2 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
}
.taskinfo .details .description {
  color: #fff;
  font-family: "DinOT Regular", Arial;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 30px;
  min-height: 156px;
  word-wrap: break-word;
  width: 600px;
}
.taskinfo .details .description a:hover {
  color: #00A8C7;
}
.taskinfo .browsePhotos {
  font-size: 0px !important;
}
.taskinfo .browsePhotos #waitLoading {
  background: #fff;
  border: 1px solid #dee0e1;
  font-size: 23px;
  padding: 15px;
  text-align: center;
}
.taskinfo .browsePhotos #waitLoading i {
  margin-right: 5px;
}
.taskinfo .row-centered {
  text-align: center;
}
.taskinfo .col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: 20px;
}
.taskinfo .photoBox {
  display: inline-block;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: top;
  box-shadow: 0 0 5px #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.taskinfo .sendMeButtons {
  margin-bottom: 8px;
}
.taskinfo .sendMeButtons button {
  height: 44px;
  line-height: 44px;
  width: 100%;
}
.taskinfo .getTask {
  float: left;
  margin-right: 20px;
  width: 301px;
}
.taskinfo .getTask input {
  width: 100%;
  display: none;
}
.taskinfo .socialStats {
  position: relative;
  width: 330px;
  float: left;
}

.promote .embed {
  background-color: #e8eff2;
  border: 1px solid #dfe1e2;
  font-size: 18px;
  margin: 30px 0 15px 0;
  padding: 20px;
}
.promote .embed b {
  font-weight: bold;
}
.promote .embed #embedParams td, .promote .embed #embedParams th {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  padding: 5px 50px 5px 0;
  vertical-align: top;
}
.promote .embed #embedParams td input, .promote .embed #embedParams th input {
  margin: 0 0 10px 5px;
}
.promote .embed #embedParams td.sizes input {
  margin-bottom: 15px;
}
.promote .embed #embedParams th {
  font-weight: bold;
  padding-bottom: 10px;
}
.promote .embed ul {
  color: #324251;
  display: block;
  float: left;
  font-size: 15px;
  list-style: none;
  margin: 0 0 0 5px;
}
.promote .embed ul li {
  line-height: 1em;
  padding: 5px 0;
}
.promote .embed ul li i {
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  width: 30px;
}
.promote .embed #embedExample {
  float: left;
  margin-bottom: 20px;
}
.promote .embed #embedExample td {
  padding: 2px;
}
.promote .embed #embedExample td div {
  background: transparent url(../img/v2/widget_photo_placeholder.png) center center no-repeat;
  border: 1px solid #d3dfe7;
  height: 140px;
  width: 140px;
}
.promote .embed #embedExample.size_100 td div {
  background-size: contain;
  height: 100px;
  width: 100px;
}
.promote .embed textarea {
  background-color: #ffffff;
  font-family: Courier, monospace, sans-serif;
  font-size: 10px;
  line-height: 16px;
  height: 115px;
  margin: 0;
  width: 100%;
}
.promote .embed #copyButtonContainer {
  position: relative;
}
.promote .embed a.select {
  font-size: 14px;
}

.appstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -84px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 150px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -84px -487px;
    height: 44px;
    width: 149.5px;
  }
}

.googleplay {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -234px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 130px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -234px -487px;
    height: 44px;
    width: 129.5px;
  }
}

.windowsstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -364px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 122px;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .windowsstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -363px -487px;
    height: 44px;
    width: 122px;
  }
}

#taskActions {
  height: 96px;
  margin: 0 auto;
  padding-left: 18px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
  z-index: 101;
}

.taskinfo .sharrre {
  float: left;
  margin-right: 10px;
  margin-left: 0px;
}

#photos {
  margin: 10px auto;
  padding-left: 18px;
  width: 100%;
}

.participate {
  height: 44px;
  position: relative;
  width: 301px;
}
.participate .appstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -486px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 104px;
  left: 0px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .participate .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -485px -487px;
    height: 44px;
    width: 104px;
  }
}
.participate .appstore:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.participate .googleplay {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -685px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 92px;
  left: 109px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .participate .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -684px -487px;
    height: 44px;
    width: 92px;
  }
}
.participate .googleplay:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.participate .windowsstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -590px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 95px;
  left: 206px;
  position: absolute;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .participate .windowsstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -589px -487px;
    height: 44px;
    width: 95px;
  }
}
.participate .windowsstore:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.loggedIn .participate .getTask {
  display: block;
}
.loggedIn .participate .getTask input {
  display: none;
}
.loggedIn .participate .getTask .personalStatusClosed {
  display: block;
}
.loggedIn .participate .participationDisabled {
  display: block;
}

h3.taskPhotoCountTitle {
  font-size: 36px;
  font-weight: 300;
  margin: 20px 0;
}
h3.taskPhotoCountTitle span.count {
  background-color: #55636E;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  line-height: 20px;
  margin-top: -7px;
  margin-right: 5px;
  padding: 4px 7px;
  vertical-align: middle;
}

.loggedIn .taskReport {
  display: block;
}
.loggedIn .reported .taskReport {
  display: none;
}
.loggedIn .reported .taskReported {
  display: block;
}

.loggedIn .owned .taskEmbed {
  display: block;
}
.loggedIn .owned .taskReport {
  display: none;
}

.sold, .sold-exclusive {
  background-color: #dde9f0;
  color: #4a5a68;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  height: 100px;
  left: -55px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -55px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100px;
  z-index: 20;
}

.sold {
  font-size: 1.2em;
  padding-top: 75px;
}

.sold-exclusive {
  font-size: 1em;
  padding-top: 78px;
}

#webuploadBox {
  border: 0 none;
}
#webuploadBox .webupload {
  background: #dce9ed;
  height: 202px;
  margin-bottom: 7px;
  padding-top: 50px;
  width: 100%;
  text-align: center;
}
#webuploadBox .webupload i {
  font-size: 68px;
}
#webuploadBox .webupload p {
  color: #80919c;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.25em;
  margin: 0 22px;
  padding-top: 13px;
}
#webuploadBox .btn-primary {
  width: 100%;
}

.taskCommentsBar {
  border-top: 1px solid #D9DCDF;
  height: 30px;
  background: #ffffff;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 20000;
}
.taskCommentsBar .toggler {
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  width: 120px;
  margin: 0 auto;
}
.taskCommentsBar .toggler span.less {
  display: none;
}
.taskCommentsBar .toggler a {
  color: #00A8C7;
  font-family: DinOT,"Arial narrow",Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
}
.taskCommentsBar .toggler a label {
  background-color: #00b3d8;
  border: 1px solid #0099b4;
  display: inline-block;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;
  height: 18px;
  margin-top: -3px;
  margin-right: 3px;
  width: 18px;
  vertical-align: middle;
}
.taskCommentsBar .toggler a label:before {
  content: '';
  border-bottom: 4px solid white;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  display: block;
  height: 0;
  left: 7px;
  position: absolute;
  top: 14px;
  width: 0;
}
.taskCommentsBar .toggler:hover label {
  background-color: #02c6ef;
}
.taskCommentsBar .toggler.open label:before {
  content: '';
  left: 6px;
  border-bottom: 0 none;
  border-top: 4px solid white;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.taskCommentsBar .toggler.open span.less {
  display: inline;
}
.taskCommentsBar .toggler.open span.more {
  display: none;
}
.taskCommentsBar .disqusComments {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
  height: 500px;
}
.taskCommentsBar .disqusComments .browser {
  overflow-y: scroll;
  padding: 10px 8px 0;
  position: relative;
  width: 920px;
  z-index: 1;
  height: 440px;
}
.taskCommentsBar .disqusComments .browser #disqus_thread {
  color: #000000;
  background: #ffffff;
  padding: 0px 10px 0px 0px;
}

.flash {
  background-color: #ffffff;
  color: #00b3d9;
  font-size: 48px;
  font-weight: 900;
  height: 300px;
  line-height: 160px;
  position: absolute;
  top: -7px;
  left: -6px;
  text-align: center;
  width: 258px;
}

.mapSearch {
  background: transparent url(../img/v2/search_transparent.png) right bottom no-repeat;
  background-size: 100%;
  height: 42px;
  line-height: 42px;
  width: 940px;
}
.mapSearch:hover {
  background-position: right top;
}
.mapSearch:hover input[type=button] {
  color: #fff;
}
.mapSearch a {
  background-color: transparent;
  display: block;
  float: right;
  height: 26px;
  margin: 8px 10px 0 0;
  width: 26px;
}
.mapSearch input {
  background-color: transparent;
  border: 0 none;
  color: #55636e;
  font-family: Arial, sans-serif;
  font-size: 22px;
  height: 32px;
  line-height: 32px;
  margin: 0;
  padding: 5px 0 2px 10px;
  width: 880px;
}

.mapZoom {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  width: 26px;
}
.mapZoom a {
  color: #00b3d9;
  cursor: pointer;
  display: block;
  font-size: 24px;
  height: 29px;
  line-height: 22px;
  text-align: center;
  width: 100%;
}
.mapZoom a.zoomIn {
  border-bottom: 1px solid #e9edf3;
}
.mapZoom a:hover {
  color: #00d0ff;
}
.mapZoom a i {
  font-size: 14px;
}

.mapThumb {
  cursor: pointer;
  position: absolute;
}
.mapThumb .bubble {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  padding: 1px;
}
.mapThumb .tip {
  /* background: transparent url(../img/v2/thumb_map_tip.png) left bottom no-repeat; */
  height: 10px;
  margin: 0 auto;
  width: 18px;
}
.mapThumb .thumb {
  color: #484848;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
  text-align: center;
}
.mapThumb .thumb img {
  display: block;
  height: 97px;
  margin-bottom: 3px;
  width: 130px;
}
.mapThumb .loading {
  background-color: #a0a0a0;
  color: #fff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 2em;
  height: 240px;
  line-height: 240px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  width: 301px;
}
.mapThumb .loading {
  display: none;
}
.mapThumb .taskCard {
  display: none;
  position: inherit;
}
.mapThumb .taskCard .front {
  margin: 0;
  border: 0 none;
}
.mapThumb .taskCard .front .photoCounter {
  top: 156px;
}
.mapThumb .taskCard .front .description {
  height: auto;
  padding-bottom: 2em;
}
.mapThumb .taskCard .front .action:hover {
  background: #00b3d8;
  color: #ffffff;
}
.mapThumb .taskCard .front .action:hover .actionFlipside {
  display: none;
}

.bigger {
  z-index: 10001;
}
.bigger .thumb {
  display: none;
}
.bigger .loading, .bigger .taskCard {
  display: block;
}

.mapCircleHandle {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #fff;
  border-width: 3px;
  border-color: #00b3d9;
  border-style: solid;
  cursor: url(../img/v2/openhand_8_8.cur), pointer;
  height: 18px;
  margin-left: -2px;
  position: absolute;
  width: 18px;
}
.mapCircleHandle.dragging {
  cursor: url(../img/v2/closedhand_8_8.cur), move;
}
.mapCircleHandle .info {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  display: inline-block;
  height: auto;
  padding: 1px;
  position: absolute;
  left: 22px;
  top: -24px;
}
.mapCircleHandle .info:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  position: absolute;
  margin-top: -26px;
  right: 100%;
  z-index: 2;
}
.mapCircleHandle .info em {
  display: block;
  font-size: 18px;
  line-height: 24px;
  padding: 2px 5px;
  text-align: center;
  white-space: nowrap;
}
.mapCircleHandle .info em b {
  font-weight: bold;
}
.mapCircleHandle .info .row1 {
  background-color: #00b3d9;
  /* #55636e; */
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.mapCircleHandle .info .row2 {
  font-size: 12px;
  line-height: 18px;
}
.mapCircleHandle.onleft .info {
  right: 22px;
  left: auto;
}
.mapCircleHandle.onleft .info:after {
  border-left: 5px solid #fff;
  border-right: 0 none;
  left: 100%;
  right: auto;
}
.mapCircleHandle.limited {
  background-position: left bottom;
}
.mapCircleHandle.limited .info {
  background-color: #f00;
  color: #fff;
}
.mapCircleHandle.limited .info:after {
  border-right: 5px solid #f00;
}
.mapCircleHandle.onleft.limited .info:after {
  border-right: 0 none;
  border-left: 5px solid #f00;
}

body img {
  max-width: 200%;
}

/*
#taskCreate {
	color: $grey;
	font-size: 16px;
	line-height: 24px;
	padding: 5px 0 25px 0;
	h2 {
		font-family: $condensedFont;
		margin: 0 0 25px;
	}
	h2.tell {
		padding: 15px 0;
	}
	.taskScreen h2 {
		padding: 0;
		padding: 0 0 10px 0;
	}
	.step h2 {
		color: $grey;
		font-size: 27px;
		font-weight: bold;
		line-height: 31px;
		margin: 25px 0 25px;
		text-transform: none;
		span {
			background-color: $grey;
			@include border-radius(3px);
			color: #fff;
			display: inline-block;
			height: 25px;
			line-height: 25px;
			padding: 0.1em 0.5em 0.15em;
		}
	}
	p {
		font-size: 22px;
		font-weight: 300;
		min-height: 60px;
		margin-bottom: 25px;
	}
	textarea {
		background-color: #e9eff2;
		border-width: 1px;
		border-style: solid;
		border-color: #d0d7e4 $white $white #d0d7e4;
		color: $grey;
		font-size: 15px;
		height: 38px;
		margin-bottom: 0;
		padding: 10px;
		width: 280px;
		&::-webkit-input-placeholder {
			color: #81919c;
		}
		&:-moz-placeholder {
			color: #81919c;
		}
		&::-moz-placeholder {
			color: #81919c;
		}
		&:-ms-input-placeholder {
			color: #81919c;
		}
	}
	textarea.bigger {
		height: 90px;
	}
	.step {
		float: left;
		margin-right: 20px;
		width: 300px;
	}
}
*/
.taskCreateForm {
  color: #55636e;
  font-size: 18px;
  line-height: 1.35em;
  padding-top: 30px;
}
.taskCreateForm .popover {
  line-height: 1.25em !important;
}
.taskCreateForm .notifySmall {
  margin-top: 25px;
  font-weight: 300;
}
.taskCreateForm .advancedBox {
  background: #ffffff;
  border: 1px solid #e0edf0;
  font-size: 0.85em;
  padding: 20px;
}
.taskCreateForm .advancedBox input, .taskCreateForm .advancedBox label {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.taskCreateForm .advancedBox input {
  height: 25px;
  display: inline-block;
  float: left;
  width: 30px;
}
.taskCreateForm .advancedBox p {
  padding-left: 30px;
}
.taskCreateForm b {
  font-weight: bold;
}
.taskCreateForm .start {
  margin: 25px 0 50px;
  text-align: center;
}
.taskCreateForm .start a {
  width: 302px;
}
.taskCreateForm .attentions .btn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-family: "DinOT Regular", Arial;
  font-size: 16px;
  height: 36px;
  padding: 5px;
  width: 160px;
}
.taskCreateForm .attentions i.bullet {
  color: #55636e;
  float: left;
  font-size: 36px;
  height: 100px;
  line-height: 50px;
  margin-right: 2%;
  text-align: center;
  width: 8%;
}
.taskCreateForm .attentions i.bullet.fa-mobile, .taskCreateForm .attentions i.bullet.fa-desktop {
  font-size: 38px;
  margin-top: 20px;
}
.taskCreateForm .attentions i.bullet.fa-mobile {
  font-size: 54px;
}
.taskCreateForm .attentions i.bullet.fa-users {
  margin-top: 25px;
}
.taskCreateForm .attentions .attention {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e5e5e5;
  float: left;
  padding: 25px 0;
  width: 90%;
}
.taskCreateForm .attentions .attention p {
  margin-bottom: 25px;
}
.taskCreateForm .attentions .attention.first {
  padding-top: 0;
}
.taskCreateForm .attentions .attention.first, .taskCreateForm .attentions .attention.none {
  border-top: 0 none;
}
.taskCreateForm .attentions .attention.last, .taskCreateForm .attentions .attention.none {
  border-bottom: 0 none;
}
.taskCreateForm .attentions .logoPreview {
  display: inline-block;
  margin-left: 25px;
  text-align: center;
  vertical-align: middle;
  width: 480px;
}
.taskCreateForm .attentions .placeholder {
  background: #e0edf0;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
}

.price span.value {
  display: none;
}

.globalTask .price span.global,
.localTask .price span.local,
.nationalTask .price span.national,
.groupTask .price span.group {
  display: inline;
}

.groupTask .price span.group {
  color: #9ab0bd;
}

.localTask .taskCreateForm .summary ul li.local,
.globalTask .taskCreateForm .summary ul li.global,
.nationalTask .taskCreateForm .summary ul li.national {
  display: block;
}

#mapContainer {
  position: relative;
}
#mapContainer #searchContainer {
  width: 590px;
  float: left;
}
#mapContainer #searchContainer input {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-top-color: #cad3d9;
  border-left-color: #cad3d9;
  border-right-color: #fff;
  border-bottom-color: #fff;
  color: #55636e;
  font-family: "DinOT Regular", Arial;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 10px;
  width: 567px;
}
#mapContainer #searchContainer input:hover {
  border-color: #a6efff;
}
#mapContainer #searchContainer input:focus {
  background-color: #fff;
}
#mapContainer #searchContainer a {
  color: #55636e;
  font-size: 24px;
  line-height: 40px;
  position: absolute;
  left: 581px;
  top: 10px;
}
#mapContainer #searchContainer a:hover {
  color: #6b7d8b;
}
#mapContainer select {
  width: 265px;
}
#mapContainer span.customSelect {
  background-color: #fff;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
}
#mapContainer span.customSelect span.customSelectInner {
  font-size: 21px;
}
#mapContainer #countrySelectionContainer {
  padding: 15px 0 0 7px;
}
#mapContainer #countrySelectionContainer h3 {
  font-size: 21px;
  line-height: 1.25em;
}
#mapContainer #countrySelectionContainer #countrySelection {
  position: relative;
}
#mapContainer #countrySelectionContainer #nationalPrice {
  font-size: 21px;
  font-weight: normal;
  display: block;
}

#mapContainer span.customSelect {
  height: 40px;
}

#content.create span.customSelect {
  height: 46px;
}

#content.create .groups span.customSelect {
  background-color: #ffffff;
  height: 40px;
  line-height: 38px;
  margin-top: -5px;
}

#content.create {
  padding: 0;
  width: 100%;
  /*
  .taskCreateForm {
  	.groups {
  		background-color: #d2e7ee;
  		border-width: 1px;
  		border-style: solid;
  		border-color: #a0b0b5 $white $white #a0b0b5;
  		line-height: 30px;
  		margin-bottom: 25px;
  		min-height: auto;
  		width: 940px;
  		i {
  			font-size: 30px;
  			float: left;
  			margin-right: 10px;
  		}
  		.groupContainer, .agentGroupContainer {
  			vertical-align: middle;
  		}
  	}
  	.summary {
  		width: 617px;
  	}
  	.start {
  		width: 303px;
  		.btn {
  			width: 100%;
  		}
  	}
  	.notifySmall {
  		float: left;
  		width: 460px;
  		&.floatRight {
  			float: right;
  		}
  	}
  	.selectGroup {
  		vertical-align: middle;
  	}
  }*/
}
#content.create h2 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 0 0 25px;
  text-transform: uppercase;
}
#content.create .basicData {
  background-color: #5e6a72;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5em;
  padding-top: 30px;
}
#content.create .basicData .taskparams label, #content.create .basicData .taskparams a, #content.create .basicData .taskparams i {
  height: 46px;
  line-height: 46px;
}
#content.create .basicData .taskparams label {
  clear: left;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  float: left;
  margin-left: 20px;
  width: 120px;
}
#content.create .basicData .taskparams a, #content.create .basicData .taskparams input.short {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
}
#content.create .basicData .taskparams a {
  background-color: #545e65;
  color: #f1e411;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
  width: 195px;
}
#content.create .basicData .taskparams a i {
  border-left: 1px solid #4d565d;
  color: #4d565d;
  display: block;
  font-size: 36px;
  float: right;
  padding-left: 12px;
}
#content.create .basicData .taskparams a:hover {
  background-color: #485157;
  cursor: pointer;
  text-decoration: none;
}
#content.create .basicData .taskparams a:hover i {
  color: #59636b;
}
#content.create .basicData .taskparams input.short, #content.create .basicData .taskparams a.short {
  margin-right: 10px;
}
#content.create .basicData .taskparams input.short {
  float: left;
  padding: 0;
  text-align: center;
  width: 70px;
}
#content.create .basicData .taskparams .ddContainer {
  display: inline-block;
  position: relative;
}
#content.create .basicData .taskparams .ddContainer .dropdown-toggle {
  overflow: hidden;
}
#content.create .basicData .taskparams .ddContainer .dropdown-menu {
  background: #545e65;
  max-height: 12em;
  overflow-y: auto;
  overflow-x: hidden;
  -moz-box-shadow: 0 none;
  -webkit-box-shadow: 0 none;
  box-shadow: 0 none;
  margin-top: -20px;
}
#content.create .basicData .taskparams .ddContainer .dropdown-menu a {
  height: 36px;
  line-height: 36px;
  margin: 0;
}
#content.create .basicData .taskparams .ddContainer.short, #content.create .basicData .taskparams a.short {
  width: 115px;
}
#content.create .basicData textarea, #content.create .basicData input {
  background-color: #545e65;
  border: 0 none;
  color: #f1e411;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 20px;
}
#content.create .basicData textarea:focus, #content.create .basicData input:focus {
  -moz-box-shadow: 0 0 4px #f1e411, 0 0 2px #f1e411 inset;
  -webkit-box-shadow: 0 0 4px #f1e411, 0 0 2px #f1e411 inset;
  box-shadow: 0 0 4px #f1e411, 0 0 2px #f1e411 inset;
  /* (0 none); */
  outline: 0 none;
  /* rgba(248, 234, 0, 0.15) auto 4px; */
}
#content.create .basicData .inputArrow {
  position: relative;
  margin: 20px 0;
  width: 450px;
}
#content.create .basicData .inputArrow span {
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 25px solid #545e65;
  border-right: 25px solid transparent;
  display: block;
  height: 0;
  position: absolute;
  right: -0px;
  width: 0;
}
#content.create .basicData input.title {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  width: 400px;
  z-index: 100;
}
#content.create .basicData textarea {
  width: 100%;
  height: 10em;
}
#content.create .basicData .counter {
  color: #ffffff;
  margin-top: 5px;
  font-style: italic;
}
#content.create .basicData .thumbs img {
  width: 100px;
}
#content.create .advanced .switch {
  height: 42px;
  line-height: 42px;
  padding: 0;
  width: 98px;
}
#content.create .advanced .popover {
  line-height: 1.25em;
  max-width: 400px;
}
#content.create .antiTriangle {
  background-color: #f4f6f7;
  padding-bottom: 20px;
  position: relative;
}
#content.create .antiTriangle .top {
  height: 30px;
  width: 100%;
  left: 0;
  position: absolute;
  overflow: hidden;
  top: -30px;
}
#content.create .antiTriangle .antiTop {
  border-color: transparent transparent #f4f6f7 transparent;
  border-width: 30px 1000px;
  border-style: solid;
  height: 0;
  margin-left: -2000px;
  position: absolute;
  left: 50%;
  top: -30px;
  width: 0;
}
#content.create .antiTriangle .opposite {
  margin-left: 0;
}
#content.create .previewContainer {
  position: relative;
  height: 375px;
}
#content.create #preview {
  background: transparent url("/img/v5/task_preview_bg.png") right top no-repeat;
  bottom: 0;
  height: 400px;
  right: 0;
  position: absolute;
  width: 398px;
}
#content.create #preview .editableItem {
  height: 171px;
  margin: 73px 5px 0 27px;
  position: relative;
  width: 344px;
}
#content.create #preview .editableItem span {
  color: #ffffff;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  position: absolute;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
}
#content.create #preview .editableItem #titleCopy {
  font-size: 1.35em;
  line-height: 30px;
  margin-top: -15px;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  width: 100%;
}
#content.create #preview .editableItem #durationCopy {
  right: 10px;
  top: 10px;
  text-align: right;
}
#content.create #preview .editableItem #categoryCopy {
  bottom: 10px;
  left: 10px;
}
#content.create #preview .editableItem #priceCopy {
  bottom: 10px;
  right: 10px;
  text-align: right;
}
#content.create .centerPage {
  margin: 0 auto;
  position: relative;
  width: 940px;
}

#selectTargetsLayer, #createTaskLayer {
  position: absolute;
}

#selectTargetsLayer .mapControl, #createTaskLayer .dragBase {
  color: #475a5d;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 20px;
  line-height: 42px;
  padding: 10px;
}
#selectTargetsLayer .mapControl a, #createTaskLayer .dragBase a {
  margin-left: 0.35em;
}

#createTaskLayer .dragBase {
  background-color: #e9f0f7;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.5);
}

#selectTargetsLayer {
  margin-top: 20px;
  text-transform: uppercase;
  width: 953px;
}
#selectTargetsLayer #searchContainer.mapControl {
  padding: 0;
}
#selectTargetsLayer #searchContainer.mapControl input.mapSearchInput {
  margin: 10px;
}
#selectTargetsLayer .selection {
  float: right;
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  padding: 10px 10px 10px 5px;
  width: auto;
}
#selectTargetsLayer .selection a {
  float: right;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  width: 90px;
}
#selectTargetsLayer .mapZoom {
  float: left;
  margin-right: 10px;
  width: 31px;
  background-color: transparent;
  border: 0 none;
}
#selectTargetsLayer .mapZoom a {
  background-color: #ffffff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #00b3d9;
  height: 29px;
  line-height: 22px;
}
#selectTargetsLayer .mapZoom a:hover {
  background-color: #f2f2f2;
}
#selectTargetsLayer .mapZoom a.zoomIn {
  border: 0 none;
  margin-bottom: 2px;
}
#selectTargetsLayer .mapZoom i {
  font-size: 14px;
}

#createTaskLayer {
  margin: 0 35px 0 0;
}
#createTaskLayer .dragToSet {
  background: #ffffff;
  color: #55636e;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4em;
  margin: 14px 0 0;
  padding: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: -1;
}
#createTaskLayer .dragToSet b {
  color: #00b3d9;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 1px;
}
#createTaskLayer .dragToSet:before {
  content: '';
  border-bottom: 10px solid white;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  display: block;
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -10px;
  width: 0;
}
#createTaskLayer .dragBase, #createTaskLayer .dragBase .inner {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  height: 90px;
  text-align: center;
  width: 90px;
}
#createTaskLayer .dragBase {
  border: 0 none;
  margin: 0;
  padding: 10px;
  height: 110px;
  width: 110px;
}
#createTaskLayer .dragBase .inner {
  background-color: #fff;
}
#createTaskLayer .dragBase .inner div {
  margin-top: 8px;
}

.droppableHover {
  opacity: 0.5;
}

.draggablePin {
  background: transparent url(../img/v2/draggable_pin_shadow.png) left bottom no-repeat;
  cursor: url(../img/v2/openhand_8_8.cur), pointer;
  display: inline-block;
  height: 71px;
  overflow: hidden;
  width: 44px;
  z-index: 1001;
}
.draggablePin.ui-draggable-dragging {
  cursor: url(../img/v2/closedhand_8_8.cur), move;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
.radar {
  width: 64px;
  height: 64px;
  background: transparent url(../img/v2/search_ball.png) center center no-repeat;
  background-size: cover;
  animation-name: spin;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 2.5s;
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 2.5s;
  opacity: 0.20;
  position: absolute;
}

.pinHilite {
  width: 114px;
  height: 114px;
  background: transparent url(../img/v2/pin_bg_animation.png) center center no-repeat;
  background-size: cover;
  -moz-animation-name: spin;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 8s;
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 8s;
  position: absolute;
  top: -2px;
  left: -2px;
}

#confirmCreation {
  width: 480px;
}
#confirmCreation .prices {
  margin: 25px 0;
  width: 100%;
}
#confirmCreation .prices td {
  border-top: 1px solid #9ab0bd;
  padding: 5px;
}
#confirmCreation .prices .price {
  width: 30%;
  text-align: right;
}
#confirmCreation .prices .total {
  border-top: 2px solid #9ab0bd;
}
#confirmCreation .prices .total td {
  font-weight: bold;
}

@media only screen and (max-width: 1199px) {
  #content.create .basicData input.title {
    width: 280px;
  }
  #content.create .basicData .inputArrow span {
    right: 120px;
  }
  #content.create .basicData .taskparams label {
    margin-left: 0;
    width: 105px;
  }

  .taskCreateForm .attentions .logoPreview {
    margin-left: 20px;
    width: 360px;
  }
  .taskCreateForm .attentions .logoPreview img {
    max-width: 360px;
  }
}
.image {
  display: block;
  float: left;
  height: 138px;
  width: 138px;
  overflow: hidden;
  padding: 2px;
  position: relative;
}

.imageContainer img {
  background-color: #c0c0c0;
  cursor: pointer;
  height: 138px;
  width: 138px;
}

.imageContainer .image:hover {
  background-color: #00b7d9;
}

.imageContainer .imageInCart {
  background-color: #474747;
}

.image a {
  background-color: #00b7d9;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: none;
  font-family: DinOT, Arial narrow, sans-serif;
  font-size: 16px;
  font-weight: normal;
  height: 26px;
  right: 0;
  line-height: 27px;
  padding: 0 0.5em;
  position: absolute;
  text-align: center;
}

.image a.remove {
  background-color: #474747;
  text-shadow: 0 1px 1px #474747;
}

.imageContainer .imageInCart:hover {
  background-color: #474747;
}

.image:hover a.add, .imageInCart.image a.remove {
  display: block;
}

.image a:hover {
  text-decoration: underline;
}

.image a.add label, .image a.remove label {
  background: transparent url(../img/market/market_icons.png) right top no-repeat;
  display: inline-block;
  height: 16px;
  margin-left: 0.5em;
  vertical-align: middle;
  width: 16px;
}

.imageInCart.image:hover a.add {
  display: none;
}

.imageAsset {
  float: left;
  padding-bottom: 20px;
  width: 180px;
}

.imageAsset .image {
  background-repeat: no-repeat;
  background-position: center center;
  height: 140px;
  position: relative;
  width: 140px;
}

.imageAsset .image span {
  bottom: 0;
  color: #fff;
  display: block;
  font-family: DinOT;
  font-size: 13px;
  line-height: 1.2em;
  padding: 0.4em;
  opacity: 0.8;
  position: absolute;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.imageAsset .image:hover span {
  /*	display: none; */
}

.imageAsset input {
  margin: 2px;
  padding: 0;
  width: 140px;
}

.album .cover {
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  position: relative;
}
.album .cover .title {
  color: #fff;
  font-size: 5em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 0 auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.album .cover .featured {
  bottom: 5px;
  color: #ffffff;
  font-size: 1.75em;
  left: 0;
  position: absolute;
  width: 100%;
}
.album .cover .credits {
  text-align: right;
  font-size: 0.65em;
  padding-top: 0.8em;
}
.album .photos-container {
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
}
.album .photos-container .photos-header {
  font-size: 2em;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  margin: 0 15px;
}
.album .photos-container .photos .photo {
  width: 100%;
  height: auto;
  margin: 7px 0;
  display: inline-block;
}

.purchase-photos .purchase-photo {
  margin: 10px 0;
}
.purchase-photos .purchase-photo img {
  width: 100%;
}

/* marketing/about pages */
.supertext {
  font-size: 0.5em;
  vertical-align: text-top;
}

.aboutScoopshot {
  width: 940px;
  margin: 40px auto 0;
  color: #55636e;
}
.aboutScoopshot * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.aboutScoopshot p {
  font-size: 23px;
}
.aboutScoopshot #content {
  padding-top: 120px;
  width: 940px;
}
.aboutScoopshot .separator {
  margin-bottom: 30px;
  width: 940px;
}
.aboutScoopshot h2 {
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
}
.aboutScoopshot h3 {
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 28px;
  font-family: "DinOT Regular", Arial;
  font-weight: normal;
  line-height: 38px;
  margin: 30px 0;
  text-transform: none;
}
.aboutScoopshot .aboutMeta {
  margin-top: 45px;
  width: 940px;
}
.aboutScoopshot .aboutMenu div {
  margin-bottom: 10px;
}
.aboutScoopshot .aboutMenu i {
  width: 40px !important;
  display: inline-block;
  font-size: 24px;
}
.aboutScoopshot .aboutMenu .menuItem_for-media i, .aboutScoopshot .aboutMenu .menuItem_tasks i {
  font-size: 28px;
}
.aboutScoopshot .aboutMenu .menuItem_for-brands {
  margin-bottom: 40px;
}
.aboutScoopshot .aboutMenu .menuLevel_1 {
  text-transform: uppercase;
}
.aboutScoopshot .aboutMenu .menuLevel_2 {
  font-weight: 300;
}
.aboutScoopshot .aboutMenu .menuLevel_3 {
  font-weight: 300;
  text-transform: uppercase;
}
.aboutScoopshot .aboutMenu .addTopMargin {
  margin-top: 40px;
}
.aboutScoopshot .aboutContent {
  width: 621px;
  margin: auto;
}
.aboutScoopshot .aboutContent .aboutPageTitle, .aboutScoopshot .aboutContent .aboutPageIntro {
  display: none;
}
.aboutScoopshot .aboutContent .narrowImage {
  width: 295px;
  margin-left: 18px;
}
.aboutScoopshot .aboutContent h4, .aboutScoopshot .aboutContent h2, .aboutScoopshot .aboutContent h3 {
  font-size: 30px;
  text-transform: none;
  color: #55636e;
  font-family: "DinOT Regular", Arial;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 1em;
}
.aboutScoopshot .aboutContent h5 {
  font-family: "DinOT Regular", Arial;
  color: #55636e;
  font-size: 27px;
  margin: 0 5px 0 0;
  font-weight: bold;
}
.aboutScoopshot .aboutContent h6 {
  font-family: "DinOT Regular", Arial;
  color: #55636e;
  font-size: 22px;
  margin: 10px 0 0 0;
  font-weight: 300;
}
.aboutScoopshot .aboutContent b {
  font-weight: bold;
}
.aboutScoopshot .aboutContent ul {
  list-style: disc inside none;
}
.aboutScoopshot .aboutContent p {
  line-height: 1.4em;
  font-weight: 300;
  margin: 40px 0px;
  letter-spacing: 0.01em;
}
.aboutScoopshot .aboutContent p.shortTop {
  margin-top: 10px;
}
.aboutScoopshot .aboutContent .demoMail {
  color: #00b3d9;
}
.aboutScoopshot .aboutContent .leftSpan, .aboutScoopshot .aboutContent .rightSpan {
  width: 301px;
}
.aboutScoopshot .aboutContent .leftSpan {
  float: left;
}
.aboutScoopshot .aboutContent .widget {
  margin-bottom: 40px;
}
.aboutScoopshot .aboutContent .contentImage {
  width: 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.aboutScoopshot .aboutContent .imageFiat {
  background-image: url(../img/v2/about/fiat.jpg);
  height: 239px;
}
.aboutScoopshot .aboutContent .imageRiot {
  background-image: url(../img/v2/about/riot.jpg);
  height: 268px;
}
.aboutScoopshot .aboutContent .imageTaskCreation {
  background-image: url(../img/v2/about/task_creation.jpg);
  height: 233px;
}
.aboutScoopshot .aboutContent .imageAuthenticity {
  background-image: url(../img/v2/about/authenticity.jpg);
  height: 384px;
}
.aboutScoopshot .aboutContent .imageMediaLogos {
  background-image: url(../img/v2/about/media_logos.png);
  height: 288px;
}
.aboutScoopshot .aboutContent .imageHandshake {
  height: 270px;
  background-image: url(../img/v2/about/handshake.jpg);
}
.aboutScoopshot .aboutContent .imageMetrotask {
  height: 254px;
  background-image: url(../img/v2/about/metro_task.jpg);
}
.aboutScoopshot .aboutContent .imageShoes {
  height: 270px;
  background-image: url(../img/v2/about/shoes.jpg);
}
.aboutScoopshot .aboutContent .imageRock {
  height: 270px;
  background-image: url(../img/v2/about/rock_hits_windshield.jpg);
}
.aboutScoopshot .aboutContent .imageStock {
  background-image: url(../img/v2/about/stockphoto.jpg);
  margin-top: 0px !important;
}
.aboutScoopshot .aboutContent .imageHead {
  margin-top: 4px;
  width: 100%;
  height: 301px;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.aboutScoopshot .aboutContent .nikoRuokosuo {
  background-image: url(../img/v2/about/niko_ruokosuo.png);
}
.aboutScoopshot .aboutContent .petriRahja {
  background-image: url(../img/v2/about/petri_rahja.png);
}
.aboutScoopshot .aboutContent .jussiMarkula {
  background-image: url(../img/v2/about/jussi_markula.png);
}
.aboutScoopshot .aboutContent .timoRinne {
  background-image: url(../img/v2/about/timo_rinne.png);
}
.aboutScoopshot .aboutContent .ericSiereveld {
  background-image: url(../img/v2/about/eric_siereveld.png);
}
.aboutScoopshot .aboutContent .daveRickley {
  background-image: url(../img/v2/about/dave_rickley.png);
}
.aboutScoopshot .aboutContent .rightSpan {
  float: right;
}
.aboutScoopshot .aboutContent .rightSpan p {
  font-size: 18px;
  line-height: 1.4em;
}
.aboutScoopshot .aboutContent .quoteBy {
  width: 100%;
  text-align: right;
}
.aboutScoopshot .appstore {
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -84px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 150px;
  cursor: pointer;
  margin-bottom: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .aboutScoopshot .appstore {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -84px -487px;
    height: 44px;
    width: 149.5px;
  }
}
.aboutScoopshot .googleplay {
  left: 171px;
  background-image: url('/img/v3/icons-sd6871cdaf9.png');
  background-position: -234px -487px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 44px;
  width: 130px;
  cursor: pointer;
  margin-bottom: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .aboutScoopshot .googleplay {
    background-image: url('/img/v3/icons-2x-sf76ba22f78.png');
    background-size: 925px 626.5px;
    background-position: -234px -487px;
    height: 44px;
    width: 129.5px;
  }
}
.aboutScoopshot .aboutPage_terms ul {
  list-style: none inside none;
}
.aboutScoopshot .aboutPage_terms ul li {
  padding-left: 10px;
}
.aboutScoopshot .aboutPage_terms ul ul {
  list-style-type: none;
}
.aboutScoopshot .aboutPage_faq h4 {
  margin-bottom: 40px !important;
}
.aboutScoopshot .aboutPage_privacy ul, .aboutScoopshot .aboutPage_privacy li {
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0.01em;
}
.aboutScoopshot .menuItem_widgets, .aboutScoopshot .menuItem_custom404, .aboutScoopshot .menuItem_stats {
  display: none;
}
.aboutScoopshot .aboutPage_widgets .sampleBox, .aboutScoopshot .aboutPage_stats .sampleBox {
  width: 100%;
}
.aboutScoopshot .aboutPage_widgets ul li, .aboutScoopshot .aboutPage_stats ul li {
  margin: 5px 0px;
}
.aboutScoopshot .aboutPage_widgets .datamodel li ul, .aboutScoopshot .aboutPage_stats .datamodel li ul {
  margin-left: 60px;
}
.aboutScoopshot .aboutPage_widgets .datamodel span, .aboutScoopshot .aboutPage_stats .datamodel span {
  display: inline-block;
  min-width: 120px;
}
.aboutScoopshot .aboutPage_widgets .datamodel .dataType, .aboutScoopshot .aboutPage_stats .datamodel .dataType {
  min-width: 55px;
  font-size: 11px;
}
.aboutScoopshot .aboutPage_widgets textarea, .aboutScoopshot .aboutPage_stats textarea {
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  resize: horizontal;
  padding: 10px;
  width: 601px;
  margin: 10px 0px;
  font: 12px/1.4 sans-serif;
}
.aboutScoopshot .aboutPage_widgets .snippetAnatomy, .aboutScoopshot .aboutPage_stats .snippetAnatomy {
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  padding: 10px;
  width: 601px;
  margin: 10px 0px;
  font: 12px/1.4 sans-serif;
  background: #ffffff;
}
.aboutScoopshot .aboutPage_widgets .paramMeta, .aboutScoopshot .aboutPage_stats .paramMeta {
  font-size: 14px;
  line-height: 14px;
}
.aboutScoopshot .aboutPage_widgets .paramMeta tbody th, .aboutScoopshot .aboutPage_stats .paramMeta tbody th {
  padding-top: 20px;
  min-width: 100px;
  vertical-align: top;
  padding-right: 20px;
  white-space: nowrap;
  text-align: left;
  font-weight: 400;
}
.aboutScoopshot .aboutPage_widgets .paramMeta tbody td, .aboutScoopshot .aboutPage_stats .paramMeta tbody td {
  padding: 15px 0px;
  vertical-align: top;
}
.aboutScoopshot .aboutPage_widgets .paramMeta tbody td p, .aboutScoopshot .aboutPage_stats .paramMeta tbody td p {
  margin: 10px 0px;
  width: 100%;
  text-align: right;
  font-size: inherit;
  font-weight: inherit;
}
.aboutScoopshot .aboutPage_widgets .paramMetaSecondary tbody th, .aboutScoopshot .aboutPage_stats .paramMetaSecondary tbody th {
  padding-top: 15px;
}
.aboutScoopshot .aboutPage_widgets .paramName, .aboutScoopshot .aboutPage_stats .paramName {
  font-family: courier new;
}
.aboutScoopshot .aboutPage_widgets .paramType, .aboutScoopshot .aboutPage_stats .paramType {
  font-size: 11px;
  margin-top: 3px;
}
.aboutScoopshot .aboutPage_widgets .contentReference, .aboutScoopshot .aboutPage_stats .contentReference {
  background-color: #FFCCCC;
  font-style: italic;
}
.aboutScoopshot .aboutPage_widgets .optional, .aboutScoopshot .aboutPage_stats .optional {
  background-color: #CCFFCC;
  font-style: italic;
}
.aboutScoopshot .aboutPage_widgets .domReference, .aboutScoopshot .aboutPage_stats .domReference {
  background-color: #CCFFFF;
  font-style: italic;
}
.aboutScoopshot .aboutPage_widgets .updateWidget, .aboutScoopshot .aboutPage_stats .updateWidget {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.aboutScoopshot .aboutPage_widgets .widgetDescription, .aboutScoopshot .aboutPage_stats .widgetDescription {
  font-size: 16px;
  margin-bottom: 10px;
}
.aboutScoopshot .aboutPage_widgets .widgetDetailsToggler, .aboutScoopshot .aboutPage_stats .widgetDetailsToggler {
  cursor: pointer;
  color: #00B3D9;
}
.aboutScoopshot .aboutPage_widgets .widgetDetails, .aboutScoopshot .aboutPage_stats .widgetDetails {
  display: none;
}
.aboutScoopshot .aboutPage_widgets .troubleshootSolution, .aboutScoopshot .aboutPage_stats .troubleshootSolution {
  margin: 10px;
}

.about_stats {
  overflow-x: hidden;
}
.about_stats #topMenuWrap {
  display: none;
}
.about_stats .aboutScoopshot p {
  margin: 15px 0;
  min-height: 30px;
}
.about_stats .aboutScoopshot #content {
  padding-top: 0px;
}
.about_stats .aboutMenu {
  display: none;
}
.about_stats h4 {
  margin-bottom: 25px !important;
  margin-top: 30px !important;
  font-size: 20px !important;
}
.about_stats .btn-primary {
  vertical-align: top;
}
.about_stats .btn-primary, .about_stats .btn-secondary {
  margin: 3px;
}
.about_stats .subButton {
  font-size: 15px;
  height: 23px;
  line-height: 22px;
}
.about_stats #zenbox_tab {
  display: none !important;
}
.about_stats .pageTitle {
  float: left;
}
.about_stats .pageTabs {
  margin-top: 16px;
  float: right;
}
.about_stats .aboutScoopshot {
  width: 780px;
}
.about_stats .aboutScoopshot p {
  font-size: 16px !important;
}
.about_stats .aboutScoopshot .aboutContent {
  width: 100%;
}

.hashtag {
  color: #80919c;
}
.hashtag h3 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  color: #82919C;
}
.hashtag h2 input {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 15px 0;
}
.hashtag h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.hashtag #sendingHeader span {
  font-weight: 300;
}
.hashtag .cancelable {
  background-color: #ffffff;
  border: 1px solid #dfe1e2;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  margin-top: 30px;
  line-height: 40px;
  padding: 20px;
  text-transform: uppercase;
}
.hashtag .cancelable b {
  font-weight: bold;
}
.hashtag .cancelable a {
  float: right;
}
.hashtag .cancelable #editTask {
  display: none;
}
.hashtag .cancelable.unCancelable #cancelTask {
  display: none;
}
.hashtag .cancelable.unCancelable #editTask {
  display: inline-block;
}
.hashtag .details {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  padding: 45px 20px 45px 29px;
}
.hashtag .details h2 {
  color: #82919C;
  font-size: 36px;
  text-transform: uppercase;
}
.hashtag .details .description {
  color: #fff;
  font-family: "DinOT Regular", Arial;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 30px;
  min-height: 156px;
  word-wrap: break-word;
  width: 600px;
}
.hashtag .details .description a:hover {
  color: #00A8C7;
}
.hashtag .browsePhotos #waitLoading {
  background: #fff;
  border: 1px solid #dee0e1;
  font-size: 23px;
  padding: 15px;
  text-align: center;
}
.hashtag .browsePhotos #waitLoading i {
  margin-right: 5px;
}
.hashtag .sendMeButtons {
  margin-bottom: 8px;
}
.hashtag .sendMeButtons button {
  height: 44px;
  line-height: 44px;
  width: 100%;
}
.hashtag .getTask {
  float: left;
  margin-right: 20px;
  width: 301px;
}
.hashtag .getTask input {
  width: 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  .hashtag .getTask {
    float: none;
    margin: 0 auto;
  }
}
.hashtag .socialStats {
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
  .hashtag .socialStats {
    margin: 20px 0;
    width: 80%;
  }
}

.hashtagStats {
  font-family: "DinOT Regular",Arial !important;
}
.hashtagStats h2 {
  margin-bottom: 20px;
}
.hashtagStats .filterColumn {
  width: 50%;
}
.hashtagStats .filterRecent {
  float: left;
}
.hashtagStats .filterPopular {
  float: right;
}
.hashtagStats .tagLabel2 {
  float: left;
  margin: 5px;
  color: #00b3d9;
  cursor: pointer;
}
.hashtagStats .hashtagSize0 {
  font-size: 14px;
}
.hashtagStats .hashtagSize1 {
  font-size: 18px;
}
.hashtagStats .hashtagSize2 {
  font-size: 22px;
}
.hashtagStats .hashtagSize3 {
  font-size: 26px;
}
.hashtagStats .hashtagSize4 {
  font-size: 30px;
}

#hashtagPeep {
  width: 440px;
  height: 135px;
  position: absolute;
  z-index: 2000;
  top: 0px;
  left: 0px;
  display: none;
  background: #ffffff;
  padding: 10px;
  box-shadow: 10px 10px 5px #888888;
  margin-top: 15px;
  margin-left: 10px;
}

#peepLabel a {
  margin-left: 10px;
}

#peepClose {
  background-color: #ffffff;
  position: absolute;
  top: -25px;
  right: 0px;
  padding: 5px 10px;
  color: #00b3d9;
  cursor: pointer;
}

.hashtag-info {
  display: block;
  height: auto !important;
}

.hashtag-photos {
  display: block;
}

.createAccount {
  padding-top: 45px;
  /* Hoshi */
  /* more items require more delay declarations */
  /* Default custom select styles */
  /* Placeholder and selected option */
  /* Options */
  /* Optgroup and optgroup label */
  background: transparent url("../img/v5/contentBackground.png") left top repeat scroll;
}
.createAccount .input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0.5em 1em 0.5em 0;
  max-width: 300px;
  width: calc(100% - 2em);
  vertical-align: top;
}
.createAccount .input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  line-height: 3em;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}
.createAccount .input__field:focus {
  outline: none;
}
.createAccount .input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #6a7989;
  font-weight: bold;
  font-size: 110.25%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.createAccount .input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}
.createAccount .graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}
.createAccount .icon {
  color: #ddd;
  font-size: 150%;
}
.createAccount .input--hoshi {
  overflow: hidden;
}
.createAccount .input__field--hoshi {
  margin-top: 1em;
  padding: 0.85em 0.15em;
  width: 100%;
  background: transparent;
  color: #595F6E;
}
.createAccount .input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.25em;
  width: 100%;
  height: calc(100% - 1em);
  text-align: left;
  pointer-events: none;
}
.createAccount .input__label-content--hoshi {
  position: absolute;
}
.createAccount .input__label--hoshi::before,
.createAccount .input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 10px);
  border-bottom: 1px solid #B9C1CA;
}
.createAccount .input__label--hoshi::after {
  margin-top: 2px;
  border-bottom: 4px solid red;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.createAccount .input__label__hoshi_color_1::after {
  border-color: #00aaff;
}
.createAccount .input__label__hoshi_color_2::after {
  border-color: #00ffaa;
}
.createAccount .input__label__hoshi_color_3::after {
  border-color: #ff5500;
}
.createAccount .input__field--hoshi:focus + .input__label--hoshi::after,
.createAccount .input__filled .input__label--hoshi::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.createAccount .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.createAccount .input__filled .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
}
@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
.createAccount div.cs-skin-underline {
  background: transparent;
  font-size: 1em;
  max-width: 300px;
}
@media screen and (max-width: 30em) {
  .createAccount div.cs-skin-underline {
    font-size: 1.2em;
  }
}
.createAccount .cs-skin-underline > span {
  padding: 0.5em 3em 0.5em 0.5em;
  border-bottom: 3px solid #000;
  border-color: inherit;
  font-weight: bold;
}
.createAccount .cs-skin-underline > span::after {
  font-family: 'icomoon';
  content: '\e003';
  right: 0.25em;
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.createAccount .cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
}
.createAccount .cs-skin-underline .cs-options {
  background: #bbc7c8;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}
.createAccount .cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.createAccount .cs-skin-underline ul span {
  position: relative;
  text-transform: uppercase;
  font-size: 66%;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 1.2em 0.8em;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.createAccount .cs-select ul span::after {
  content: '';
  opacity: 0;
}
.createAccount .cs-select .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e010';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
.createAccount .cs-skin-underline ul span::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.createAccount .cs-skin-underline.cs-active ul span,
.createAccount .cs-skin-underline.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.createAccount .cs-skin-underline li:nth-child(5) span,
.createAccount .cs-skin-underline li:nth-child(5) span::before,
.createAccount .cs-skin-underline.cs-active li:first-child span,
.createAccount .cs-skin-underline.cs-active li:first-child span::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.createAccount .cs-skin-underline li:nth-child(4) span,
.createAccount .cs-skin-underline li:nth-child(4) span::before,
.createAccount .cs-skin-underline.cs-active li:nth-child(2) span,
.createAccount .cs-skin-underline.cs-active li:nth-child(2) span::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.createAccount .cs-skin-underline li:nth-child(3) span,
.createAccount .cs-skin-underline li:nth-child(3) span::before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.createAccount .cs-skin-underline li:nth-child(2) span,
.createAccount .cs-skin-underline li:nth-child(2) span::before,
.createAccount .cs-skin-underline.cs-active li:nth-child(4) span,
.createAccount .cs-skin-underline.cs-active li:nth-child(4) span::before {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.createAccount .cs-skin-underline li:first-child span,
.createAccount .cs-skin-underline li:first-child span::before,
.createAccount .cs-skin-underline.cs-active li:nth-child(5) span,
.createAccount .cs-skin-underline.cs-active li:nth-child(5) span::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.createAccount .cs-skin-underline .cs-options li span:hover,
.createAccount .cs-skin-underline .cs-options li.cs-focus span,
.createAccount .cs-skin-underline li.cs-selected span {
  color: #566473;
  background: transparent;
}
.createAccount div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 300px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.createAccount div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.createAccount .cs-select select {
  display: none;
}
.createAccount .cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.createAccount .cs-select > span {
  padding-right: 3em;
}
.createAccount .cs-select > span::after,
.createAccount .cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.createAccount .cs-select > span::after {
  content: '\25BE';
  right: 1em;
}
.createAccount .cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em;
}
.createAccount .cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.createAccount div.cs-active {
  z-index: 200;
}
.createAccount .cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.createAccount .cs-select.cs-active .cs-options {
  visibility: visible;
}
.createAccount .cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.createAccount .cs-select ul span {
  padding: 1em;
}
.createAccount .cs-select ul li.cs-focus span {
  background-color: #ddd;
}
.createAccount .cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.createAccount .cs-select li.cs-optgroup > span {
  cursor: default;
}
.createAccount textarea:focus, .createAccount input[type="text"]:focus, .createAccount input[type="password"]:focus, .createAccount input[type="datetime"]:focus, .createAccount input[type="datetime-local"]:focus, .createAccount input[type="date"]:focus, .createAccount input[type="month"]:focus, .createAccount input[type="time"]:focus, .createAccount input[type="week"]:focus, .createAccount input[type="number"]:focus, .createAccount input[type="email"]:focus, .createAccount input[type="url"]:focus, .createAccount input[type="search"]:focus, .createAccount input[type="tel"]:focus, .createAccount input[type="color"]:focus, .createAccount .uneditable-input:focus {
  box-shadow: none;
}
.createAccount .input.ng-enter, .createAccount .alert.ng-enter {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  opacity: 0;
}
.createAccount .input.ng-enter.ng-enter-active,
.createAccount .alert.ng-enter.ng-enter-active,
.createAccount .input.ng-move.ng-move-active,
.createAccount .alert.ng-move.ng-move-active {
  opacity: 1;
}
.createAccount .input {
  max-width: none;
  margin-right: 0;
}
.createAccount .cs-select {
  margin-bottom: 20px;
  margin-top: 45px;
}
.createAccount .emptySpace {
  display: block;
  width: 360px;
  height: 97px;
}
.createAccount .agreebox input {
  margin-right: 0.25em;
  margin-bottom: 2em;
}
.createAccount .agreebox label {
  font-size: 1.15em;
}
.createAccount h1 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
}
.createAccount h2 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.createAccount .detailsForm {
  margin-bottom: 15px;
  border-right: 1px solid #dee0e1;
}
.createAccount .detailsForm input:disabled {
  color: #BBB;
}
.createAccount .detailsForm input.ng-invalid {
  color: red;
}
.createAccount .detailsForm input {
  box-shadow: none;
}
.createAccount .haveAccount {
  padding-bottom: 15px;
}
.createAccount .haveAccount h2 {
  margin-bottom: 15px;
}

.subscriptionSummary {
  /* Hoshi */
  /* more items require more delay declarations */
  /* Default custom select styles */
  /* Placeholder and selected option */
  /* Options */
  /* Optgroup and optgroup label */
  padding: 25px;
  font-size: 18px;
  color: #55636e;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
}
.subscriptionSummary .input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0.5em 1em 0.5em 0;
  max-width: 300px;
  width: calc(100% - 2em);
  vertical-align: top;
}
.subscriptionSummary .input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  line-height: 3em;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
}
.subscriptionSummary .input__field:focus {
  outline: none;
}
.subscriptionSummary .input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #6a7989;
  font-weight: bold;
  font-size: 110.25%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.subscriptionSummary .input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
}
.subscriptionSummary .graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}
.subscriptionSummary .icon {
  color: #ddd;
  font-size: 150%;
}
.subscriptionSummary .input--hoshi {
  overflow: hidden;
}
.subscriptionSummary .input__field--hoshi {
  margin-top: 1em;
  padding: 0.85em 0.15em;
  width: 100%;
  background: transparent;
  color: #595F6E;
}
.subscriptionSummary .input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.25em;
  width: 100%;
  height: calc(100% - 1em);
  text-align: left;
  pointer-events: none;
}
.subscriptionSummary .input__label-content--hoshi {
  position: absolute;
}
.subscriptionSummary .input__label--hoshi::before,
.subscriptionSummary .input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 10px);
  border-bottom: 1px solid #B9C1CA;
}
.subscriptionSummary .input__label--hoshi::after {
  margin-top: 2px;
  border-bottom: 4px solid red;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.subscriptionSummary .input__label__hoshi_color_1::after {
  border-color: #00aaff;
}
.subscriptionSummary .input__label__hoshi_color_2::after {
  border-color: #00ffaa;
}
.subscriptionSummary .input__label__hoshi_color_3::after {
  border-color: #ff5500;
}
.subscriptionSummary .input__field--hoshi:focus + .input__label--hoshi::after,
.subscriptionSummary .input__filled .input__label--hoshi::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.subscriptionSummary .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.subscriptionSummary .input__filled .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
}
@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}
.subscriptionSummary div.cs-skin-underline {
  background: transparent;
  font-size: 1em;
  max-width: 300px;
}
@media screen and (max-width: 30em) {
  .subscriptionSummary div.cs-skin-underline {
    font-size: 1.2em;
  }
}
.subscriptionSummary .cs-skin-underline > span {
  padding: 0.5em 3em 0.5em 0.5em;
  border-bottom: 3px solid #000;
  border-color: inherit;
  font-weight: bold;
}
.subscriptionSummary .cs-skin-underline > span::after {
  font-family: 'icomoon';
  content: '\e003';
  right: 0.25em;
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.subscriptionSummary .cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
}
.subscriptionSummary .cs-skin-underline .cs-options {
  background: #bbc7c8;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}
.subscriptionSummary .cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.subscriptionSummary .cs-skin-underline ul span {
  position: relative;
  text-transform: uppercase;
  font-size: 66%;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 1.2em 0.8em;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.subscriptionSummary .cs-select ul span::after {
  content: '';
  opacity: 0;
}
.subscriptionSummary .cs-select .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e010';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
.subscriptionSummary .cs-skin-underline ul span::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.subscriptionSummary .cs-skin-underline.cs-active ul span,
.subscriptionSummary .cs-skin-underline.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.subscriptionSummary .cs-skin-underline li:nth-child(5) span,
.subscriptionSummary .cs-skin-underline li:nth-child(5) span::before,
.subscriptionSummary .cs-skin-underline.cs-active li:first-child span,
.subscriptionSummary .cs-skin-underline.cs-active li:first-child span::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.subscriptionSummary .cs-skin-underline li:nth-child(4) span,
.subscriptionSummary .cs-skin-underline li:nth-child(4) span::before,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(2) span,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(2) span::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.subscriptionSummary .cs-skin-underline li:nth-child(3) span,
.subscriptionSummary .cs-skin-underline li:nth-child(3) span::before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.subscriptionSummary .cs-skin-underline li:nth-child(2) span,
.subscriptionSummary .cs-skin-underline li:nth-child(2) span::before,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(4) span,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(4) span::before {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.subscriptionSummary .cs-skin-underline li:first-child span,
.subscriptionSummary .cs-skin-underline li:first-child span::before,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(5) span,
.subscriptionSummary .cs-skin-underline.cs-active li:nth-child(5) span::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.subscriptionSummary .cs-skin-underline .cs-options li span:hover,
.subscriptionSummary .cs-skin-underline .cs-options li.cs-focus span,
.subscriptionSummary .cs-skin-underline li.cs-selected span {
  color: #566473;
  background: transparent;
}
.subscriptionSummary div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 300px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.subscriptionSummary div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.subscriptionSummary .cs-select select {
  display: none;
}
.subscriptionSummary .cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subscriptionSummary .cs-select > span {
  padding-right: 3em;
}
.subscriptionSummary .cs-select > span::after,
.subscriptionSummary .cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subscriptionSummary .cs-select > span::after {
  content: '\25BE';
  right: 1em;
}
.subscriptionSummary .cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em;
}
.subscriptionSummary .cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.subscriptionSummary div.cs-active {
  z-index: 200;
}
.subscriptionSummary .cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.subscriptionSummary .cs-select.cs-active .cs-options {
  visibility: visible;
}
.subscriptionSummary .cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.subscriptionSummary .cs-select ul span {
  padding: 1em;
}
.subscriptionSummary .cs-select ul li.cs-focus span {
  background-color: #ddd;
}
.subscriptionSummary .cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.subscriptionSummary .cs-select li.cs-optgroup > span {
  cursor: default;
}
.subscriptionSummary textarea:focus, .subscriptionSummary input[type="text"]:focus, .subscriptionSummary input[type="password"]:focus, .subscriptionSummary input[type="datetime"]:focus, .subscriptionSummary input[type="datetime-local"]:focus, .subscriptionSummary input[type="date"]:focus, .subscriptionSummary input[type="month"]:focus, .subscriptionSummary input[type="time"]:focus, .subscriptionSummary input[type="week"]:focus, .subscriptionSummary input[type="number"]:focus, .subscriptionSummary input[type="email"]:focus, .subscriptionSummary input[type="url"]:focus, .subscriptionSummary input[type="search"]:focus, .subscriptionSummary input[type="tel"]:focus, .subscriptionSummary input[type="color"]:focus, .subscriptionSummary .uneditable-input:focus {
  box-shadow: none;
}
.subscriptionSummary h1, .subscriptionSummary h2, .subscriptionSummary h3 {
  color: #5e6a72;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
}
.subscriptionSummary h1 {
  font-size: 28px;
}
.subscriptionSummary h2 {
  font-size: 25px;
}
.subscriptionSummary h3 {
  font-size: 22px;
}
.subscriptionSummary .subscriptionIcon {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 70px;
  height: 90px;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.subscriptionSummary .subscriptionIcon .pressPassIcon {
  text-align: center;
  padding-top: 35px;
  background: transparent url("../img/v5/press_pass_icon.png") no-repeat;
  background-size: 100%;
  width: 70px;
  height: 90px;
}
.subscriptionSummary .subscriptionHead {
  padding-left: 90px;
  width: 100%;
  margin-bottom: 20px;
}
.subscriptionSummary .subscriptionHead h2 {
  margin-bottom: 11px;
}
.subscriptionSummary .packageDetails {
  position: relative;
  margin-bottom: 25px;
  padding-right: 30px;
}
.subscriptionSummary .packageDetails .subscriptionPrice {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  right: 12px;
  bottom: 0;
}
.subscriptionSummary .vat {
  position: relative;
  margin-bottom: 30px;
  padding-right: 100px;
}
.subscriptionSummary .vat .vatForm input {
  padding-left: 5px;
  display: inline-block;
}
.subscriptionSummary .vat .vatPrice {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  text-align: right;
}
.subscriptionSummary .vat .vatPrice span, .subscriptionSummary .vat .vatPrice h2 {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 23px;
  vertical-align: bottom;
  display: inline-block;
}
.subscriptionSummary .vat .vatFieldLabel {
  font-weight: bold;
}
.subscriptionSummary .vat input {
  height: 35px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 20px;
  background: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  box-shadow: none;
  border-bottom: 1px solid #dee0e1;
}
.subscriptionSummary .vat button {
  height: 25px;
  font-size: 16px;
  line-height: 25px;
  border-radius: 0px;
}
.subscriptionSummary .summary {
  position: relative;
  padding: 20px;
  border-right: 1px solid #ecf0f2;
  max-width: 600px;
  width: 100%;
}
.subscriptionSummary .dictionary {
  margin-top: 380px;
  padding-left: 20px;
  width: 200px;
}
.subscriptionSummary .priceRow {
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-size: 22px;
  line-height: 50px;
  white-space: nowrap;
  width: 100%;
  height: 50px;
  background-color: #dee0e1;
  border-bottom: 1px dashed #ecf0f2;
}
.subscriptionSummary .priceRow .subscriptionPrice {
  font-size: 23px;
  font-family: DinOT, "Arial narrow", Arial, sans-serif;
  font-weight: bold;
  margin-right: 12px;
}
.subscriptionSummary .autorenewal {
  margin-top: 10px;
  margin-bottom: 10px;
}
.subscriptionSummary .payment {
  margin-top: 30px;
}
.subscriptionSummary .payment h2 {
  margin-bottom: 20px;
}
.subscriptionSummary .payment .alert {
  margin-top: 20px;
  margin-bottom: 0px;
}
.subscriptionSummary .payment .cardIcons i {
  font-size: 2.5em;
  margin-right: 10px;
}
.subscriptionSummary .payment .cardIcons i.active {
  color: #19BBDD;
}
.subscriptionSummary .cvcinput {
  width: 80px;
}
.subscriptionSummary a.tooltips {
  position: relative;
  display: inline;
}
.subscriptionSummary a.tooltips span {
  position: absolute;
  width: 140px;
  color: #FFFFFF;
  background: #000000;
  height: 80px;
  line-height: 80px;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
}
.subscriptionSummary a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.subscriptionSummary a:hover.tooltips span {
  visibility: visible;
  opacity: 0.5;
  left: 100%;
  top: 50%;
  margin-top: -40px;
  margin-left: 15px;
  z-index: 999;
}
.subscriptionSummary .finish {
  float: right;
}

/*
 * jQuery File Upload UI Plugin CSS 6.3
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  height: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.files .progress {
  width: 200px;
}

.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}

.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  background: url(../img/loading.gif) center no-repeat;
  display: none;
}

.fileupload-processing .fileupload-loading {
  display: block;
}

/* Fix for IE 6: */
* html .fileinput-button {
  line-height: 22px;
  margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
* + html .fileinput-button {
  margin: 1px 0 0 0;
}

@media (max-width: 480px) {
  .files .btn span {
    display: none;
  }

  .files .preview * {
    width: 40px;
  }

  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word;
  }

  .files .progress {
    width: 20px;
  }

  .files .delete {
    width: 60px;
  }
}
.ui-widget-overlay {
  background-color: #333;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
}

.ui-dialog {
  background: transparent url(../img/v2/dialog_bgnd.png) top left repeat-y;
  border: 1px solid #6a6e80;
  padding: 4px;
}
.ui-dialog p, .ui-dialog small {
  color: #636f73;
  line-height: 1.35em;
}
.ui-dialog small {
  display: block;
  font-size: 0.85em;
  line-height: 1.6em;
}
.ui-dialog span.ui-dialog-title {
  display: none;
}
.ui-dialog a.ui-dialog-titlebar-close {
  background: transparent url(../img/pro/portfolio_elements.png) -20px -338px no-repeat;
  display: block;
  height: 16px;
  position: absolute;
  right: 10px;
  text-indent: -999em;
  top: 10px;
  width: 16px;
}
.ui-dialog a.ui-dialog-titlebar-close:hover {
  background-position: left -338px;
}
.ui-dialog .ui-dialog-content {
  background-color: #fff;
  border: 1px solid #6a6e80;
  border-bottom: 0 none;
  padding: 20px;
}
.ui-dialog .ui-dialog-content h2 {
  margin: 15px 0 25px;
  text-align: center;
}
.ui-dialog .ui-dialog-content h4 {
  color: #3f3b3f;
  font-weight: bold;
  margin: 1.5em 0 0.25em 0;
}
.ui-dialog .ui-dialog-content h4 span {
  color: #82919c;
  font-weight: normal;
}
.ui-dialog .ui-dialog-content textarea {
  width: 98%;
}
.ui-dialog .ui-dialog-content .warning {
  background-color: #f6dfe0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c1272d;
  color: #c1272d;
  font-weight: bold;
  padding: 12px;
  text-align: center;
}
.ui-dialog .ui-dialog-content .separated, .ui-dialog .ui-dialog-content .singleSeparated {
  border-top: 1px dotted #9db0bd;
  padding-top: 20px;
}
.ui-dialog .ui-dialog-buttonpane {
  border: 1px solid #6a6e80;
  border-top: 1px solid #ced7de;
  /*0 none;*/
}
.ui-dialog .ui-dialog-buttonset {
  background-color: #e8edf0;
  border-top: 1px solid #fff;
  min-height: 35px;
  padding: 6px 10px 6px 30px;
  text-align: right;
}
.ui-dialog .ui-dialog-buttonset button {
  margin-left: 10px;
  /*
  font-size: 14px;
  font-weight: bold;
  height: 32px;
  line-height: 30px;
  */
}
.ui-dialog .ui-dialog-buttonset button.paypalButton {
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(../img/market/paypal.png);
  border-radius: 0;
  box-shadow: none;
  border: 0 none;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  margin: 5px 0 5px 5px;
  padding: 0;
  text-indent: -999em;
  width: 142px;
  float: right;
}

.ui-widget-overlay {
  height: 100%;
  opacity: 0.85;
  position: fixed;
}

.v2Dialog.fixed {
  position: fixed;
  top: 20%;
}

/*# sourceMappingURL=scoopshot.css.map */