img {
  max-width: none;
}

* {
  -webkit-box-sizing: border-box;
  /* <=iOS4, <= Android  2.3 */
  -moz-box-sizing: border-box;
  /* Firefox 1+ */
  box-sizing: border-box;
  /* Chrome, IE8+, Opera, Safari 5.1*/
}

a:hover {
  color: #da6800;
}

hr {
  border: solid #a7a9ac;
  border-width: 2px 0 0;
}

#stadium {
  position: absolute;
  left: 300px;
  height: 100%;
  display: block;
  overflow-y: hidden;
}

.black-orange.button {
  border-color: #da6800;
  background-color: #231f20;
  font-style: italic;
  text-transform: lowercase;
}

span.asterik {
  color: #da6800;
}

.note {
  font-style: italic;
  font-size: 75%;
}

html, body {
  background: #eeeeee;
}

form#contact-form input, form#contact-form textarea {
  background: transparent;
  color: black;
  font-weight: bold;
}
form#contact-form input:focus, form#contact-form textarea:focus {
  background-color: #da6800;
  color: #231f20;
}
form#contact-form input::-webkit-input-placeholder, form#contact-form textarea::-webkit-input-placeholder {
  color: #a7a9ac;
  text-transform: lowercase;
}
form#contact-form input:-moz-placeholder, form#contact-form textarea:-moz-placeholder {
  color: #a7a9ac;
  text-transform: lowercase;
}
form#contact-form input:-ms-input-placeholder, form#contact-form textarea:-ms-input-placeholder {
  color: #a7a9ac;
  text-transform: lowercase;
}
form#contact-form input::-webkit-input-placeholder::after {
  content: "*";
  color: #da6800;
}
form#contact-form input:-moz-placeholder::after {
  content: "*";
  color: #da6800;
}
form#contact-form input:-ms-input-placeholder::after {
  content: "*";
  color: #da6800;
}

div.orbit.with-bullets {
  margin-bottom: 5px;
}

ul.orbit-bullets {
  right: 0px;
}
ul.orbit-bullets li {
  float: right;
}

div.orbit-wrapper {
  margin-bottom: 40px;
  height: auto;
}
div.orbit-wrapper img {
  width: 100%;
}

.content {
  background-color: white;
  padding: 2% 2%;
  float: left;
  width: 78%;
  color: black;
  min-height: 600px;
}
.content ul {
  list-style: disc inside;
}

.steps span.nav {
  float: right;
}
.steps span.nav a {
  color: #da6800;
  margin-left: 10px;
}

.step {
  display: none;
}
.step img {
/*
  float: left;
  */
  margin-right: 20px;
}

.content span.nav {
  text-align: right;
  width: 100%;
  display: block;
}
.content span.nav a {
  margin-left: 20px;
  color: #da6800;
}

.image-list a {
  color: #000000;
}
.image-list.current-image a {
  color: #da6800;
  font-weight: bold;
}

.images .image {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
  padding: 20px;
}
.images .image .image-details span.image-name {
  font-size: 140%;
  display: block;
  font-weight: bold;
  text-align: center;
}
.images .image .image-details span.image-label {
  margin-top: 15px;
  font-size: 140%;
  display: block;
}
.images .image .image-details span.image-dimensions {
  font-size: 120%;
  text-align: center;
}
.images .image .buttons {
  float: right;
  padding-left: 10px;
}
.images .image .button {
  margin-bottom: 10px;
  display: block;
  padding: 10px;
  color: white;
  background: #a7a9ac;
  border: 2px #da6800 solid;
  font-weight: bold;
}
.images .image form textarea {
  width: 87%;
}

.smooth_zoom_preloader {
  background-image: url(../img/zoom_assets/preloader.gif);
  float: left;
  margin-bottom: 30px;
  border: 2px #231f20 solid;
}

.smooth_zoom_icons {
  background-image: url(../img/zoom_assets/icons.png);
}

.example {
  margin-top: 40px;
  overflow: hidden;
}
.example .image {
  text-align: justify;
  float: left;
  margin-bottom: 30px;
  padding: 1%;
}
.example .image img {
  width: 100%;
}
.example p {
  float: left;
  width: 70%;
  font-size: 110%;
  display: block;
  padding: 0 5% 0 1%;
}
.example .filters {
  width: 30%;
  float: right;
}
.example .filters h6 {
  vertical-align: top;
  font-weight: bold;
}
.example .filters hgroup {
  display: block;
  width: 100%;
}
.example .filters hgroup h4, .example .filters hgroup hr {
  display: inline-block;
}
.example ul {
  display: inline-block;
}

.four {
  width: 33.3%;
}

.six {
  width: 50%;
}

.eight {
  width: 66%;
}

.twelve {
  width: 100%;
}

.editor {
  width: 100%;
  overflow: hidden;
}
.editor #preview-button {
  float: right;
  color: #da6800;
}
.editor #standard, .editor #pro {
  font-size: 120%;
  font-weight: 100;
}
.editor #standard.active, .editor #pro.active {
  color: #da6800;
}
.editor #standard {
  color: black;
  padding-right: 10px;
}
.editor #pro {
  color: black;
  border-left: 2px solid black;
  padding-left: 10px;
}
.editor .buttons div {
  width: 200px;
  display: inline-block;
  padding-right: 5px;
}
.editor .button {
  width: 100%;
}

.gray.button {
  width: 100%;
  padding: 7px;
  color: black;
  background: #a7a9ac;
  border: 2px black solid;
  font-weight: bold;
  margin-bottom: 1px;
}

.comment.button {
  padding: 7px;
  color: black;
  background: #a7a9ac;
  border: 2px black solid;
  font-weight: bold;
  margin-right: 10px;
  float:left;
}

#upload-form {
  width: 100%;
}

#upload-form label {
  float: left;
  width: 100%;
}

#upload-form img {
  float: left;
  width: 24px;
  vertical-align: middle;
}

#fake-file {
  vertical-align: middle;
  text-align: center;
  /*margin-left: 15%; */
  font-size: 100%;
  /*float: left;*/
  cursor: pointer;
  width: 150px;
  font-weight: bold;
  color: black;
  padding: 8px 10px;
  border: 1px #666666 solid;
  background-color: #e0a000;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
}

#upload-form #upload {
  width: 10%;
}
#upload-form input:hover {
  background-color: #e8a800;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
}

.sidebar {
  height: 100%;
  float: left;
  width: 22%;
  background: #eeeeee;
  color: black;
  padding: 0 0 1% 0;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar a {
  color: black;
}
.sidebar label[for="agree_tos"] {
  color: #da6800;
  font-size: 71%;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 5%;
}
.sidebar h4.title {
  font-weight: 100;
  line-height: 50px;
  display: block;
  width: 100%;
  color: #000000;
  margin: 0;
  		/*
  		background-color: #131414;
  		background-image: -o-linear-gradient(90deg , rgba(134,134,134,.4) 10%, rgba(25,26,26, 0) 50%, rgba(134,134,134,.4) 90%);
  		background-image: -moz-linear-gradient(90deg , rgba(134,134,134,.4) 10%, rgba(25,26,26, 0) 50%, rgba(134,134,134,.4) 90%);
  		background-image: -webkit-linear-gradient(90deg , rgba(134,134,134,.4) 10%, rgba(25,26,26, 0) 50%, rgba(134,134,134,.4) 90%);
  		background-image: -ms-linear-gradient(90deg , rgb(134,134,134) 10%, rgba(25,26,26, 1) 50%, rgb(134,134,134) 90%);
  		background-image: linear-gradient(90deg , rgba(134,134,134,.4) 10%, rgba(25,26,26, 0) 50%, rgba(134,134,134,.4) 90%);
  
  		*/
}
.sidebar h5 {
  padding: 2% 0 2% 4%;
  margin: 0;
}
.sidebar .contain {
  padding-left: 4%;
  padding-right: 4%;
}
.sidebar hr {
  margin: 2% 0;
}
.sidebar ul {
  list-style: url(../img/list-icon.png) none inside;
  margin: 0;
}
.sidebar ul li {
  margin: 15px 0 0 0;
}
.sidebar ul.nav {
  background-color: #d87838;
  overflow: hidden;
  margin: 0 auto;
  padding: 1% 0;
}
.sidebar ul.nav li {
  border-left: 2px #a7a9ac solid;
  display: block;
  width: 33.3%;
  padding: 1%;
  margin: 0;
  float: left;
}
.sidebar ul.nav li:first-child {
  border-left: none;
}
.sidebar ul.nav li span {
  display: block;
  height: 50px;
  text-align: center;
  padding-top: 16.66667px;
}
.sidebar ul.nav li span:hover {
/*
  background-image: -o-linear-gradient(90deg, #dd9900 0%, #dd9900 50%, #dd9900 100%);
  background-image: -moz-linear-gradient(90deg, #dd9900 0%, #dd9900 50%, #dd9900 100%);
  background-image: -webkit-linear-gradient(90deg, #dd9900 0%, #dd9900 50%, #dd9900 100%);
  background-image: -ms-linear-gradient(90deg, #dd9900 0%, #dd9900 50%, #dd9900 100%);
  background-image: linear-gradient(90deg, #dd9900 0%, #dd9900 50%, #dd9900 100%);
  */
  background-color: #e08040
}
.sidebar ul.nav li span:hover a {
  color: white;
}
.sidebar ul.nav li span a {
  color: #a7a9ac;
  margin: auto;
  text-align: center;
  font-weight: bold;
}
.sidebar ul.nav li span a:hover {
  color: white;
}
.sidebar .info {
  background-color: #444;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar .get-started, .sidebar .upload {
  overflow: hidden;
  background-color: #dddddd;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar footer {
  background-color: #aaaaaa;
  padding-top: 10px;
  padding-bottom: 10px;
}

#register-form * {
  margin-bottom: 15px;
}
#register-form a {
  display: inline-block;
}
#register-form label[for='profession'] {
  float: left;
  width: 100%;
}
#register-form select {
  width: 100%;
  float:left;
}

#comment-form {
  overflow: hidden;
}

footer {
  overflow: hidden;
}
footer ul.contact {
  display: block;
  list-style: none;
}
footer ul.contact li {
  float: left;
  margin: 0 2.5%;
}
footer ul.contact li:first-child {
  margin-left: 0;
}
footer ul.contact li:first-child:before {
  content: none;
}
footer ul.contact li a:hover {
  color: #da6800;
}
footer .copyright {
  width: 100%;
  display: block;
  font-size: 70%;
  font-style: italic;
}

.home.content a
{
  color: #da6800;
}