/*
* Globals
*/
h1 {
  margin-top: 0; }

h1, h3 {
  color: #fff; }

a {
  color: #fff; }

/* Links */
a:focus,
a:hover {
  text-decoration: none; }

a {
  /*color: $primary-color;*/ }

strong {
  font-weight: 100; }

.btn-primary {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #337ab7;
  background-color: transparent;
  border-color: #337ab7; }
  .btn-primary a {
    color: #337ab7; }

.btn-primary:hover {
  background-color: #337ab7;
  color: #fff;
  border: none; }
  .btn-primary:hover a {
    color: #fff; }

.btn-info {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #31b0d5;
  background-color: transparent;
  border-color: #31b0d5; }
  .btn-info a {
    color: #31b0d5; }

.btn-info:hover {
  background-color: #31b0d5;
  color: #fff;
  border: none; }
  .btn-info:hover a {
    color: #fff; }

.btn-danger {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #d9534f;
  background-color: transparent;
  border-color: #d9534f; }
  .btn-danger a {
    color: #d9534f; }

.btn-danger:hover {
  background-color: #d9534f;
  color: #fff;
  border: none; }
  .btn-danger:hover a {
    color: #fff; }

/* Custom default button */
.btn-default {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.btn-default:hover, .btn-default:visited {
  color: #2e6da4;
  text-shadow: none;
  background-color: #fff; }
  .btn-default:hover a, .btn-default:visited a {
    color: #23527c; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 5px auto transparent;
  outline-color: transparent;
  outline-style: auto;
  outline-width: 5px;
  outline-offset: -2px; }

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.fa-btn {
  margin-right: 5px; }

#btn-make-new, .box__download {
  margin-top: -40px;
  z-index: 1000;
  position: relative;
  padding-bottom: 50px; }

.progress {
  border-radius: 0px;
  margin-top: 15px; }
  .progress .progress-bar {
    background-color: rgba(231, 76, 60, 0.75); }

/*
* Base structure
*/
html {
  background: url("/img/bg5.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

body {
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
  background: none; }

.navbar {
  background: rgba(0, 0, 0, 0.3); }

.navbar-brand {
  height: auto; }

.navbar-brand h3 {
  margin-top: 0px;
  margin-bottom: 0px; }

.navbar-toggle {
  display: none;
  border: 1px solid #fff; }

.navbar-toggle .icon-bar {
  background: #fff; }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding: 20px 25px;
  height: 56px;
  font-size: 14px; }

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #fff; }

code {
  background: transparent; }

.jumbotron {
  position: relative;
  min-height: 100%;
  background: transparent;
  padding: 0;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#main-heading {
  font-size: 50px;
  margin-top: 60px;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #main-heading img {
    max-width: 400px;
    margin: 0 auto; }

#main-subtitle {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 40px;
  opacity: 0.5;
  font-size: 20px;
  font-weight: lighter;
  /*font-family: 'San Francisco';*/ }

/* upload zone */
#uploaded-image-preview {
  display: none;
  margin: 0 auto;
  /*max-width: 60%;*/ }

.box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.box__input {
  text-transform: uppercase;
  margin-top: 40px;
  font-size: 16px; }

.box__button {
  display: none; }

.no-js .box__button {
  display: block; }

.box__uploading span {
  font-size: 22px;
  color: #f3f3f3; }

.box__success,
.box__error {
  margin-top: 20px; }

.box__checkbox {
  margin-top: 25px; }

.box__download {
  margin-bottom: 40px; }
  .box__download > a {
    width: 30%;
    margin: 1%;
    padding: 10px 16px;
    font-size: 20px; }

.box__button,
.box__checkbox,
.box__dragndrop,
.box__uploading,
.box__download,
.box__success,
.box__error {
  display: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.box__icon {
  fill: #e74c3c;
  margin: 0 auto;
  max-width: 250px; }

.box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.box__file + label {
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px 15px 7px;
  font-size: 16px;
  font-weight: normal;
  width: 170px;
  margin: 0 auto;
  margin-bottom: 20px; }

.box__file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.box.has-advanced-upload {
  background-color: rgba(255, 255, 255, 0.07);
  padding: 60px 50px 50px 50px; }

.box.has-advanced-upload .box__dragndrop {
  display: inline; }

.box.is-dragover {
  background-color: rgba(255, 255, 255, 0.3); }

#last-created {
  position: relative;
  overflow: hidden;
  margin: 10px 0 10px 0; }
  #last-created .last-created-img {
    width: 36px;
    height: 36px;
    border-radius: 7px;
    margin: 0 3px; }

#last-created-slide {
  text-align: center; }

/* EOF upload zone */
#select-platform, #select-crop {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 0; }

#checkbox-crop-section .checkbox {
  vertical-align: sub;
  margin-top: 5px; }

/* Checkboxes */
.checkbox {
  display: inline-block; }

.checkbox label {
  /*font-size: 1.5em;*/ }

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both; }

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em; }

.radio .cr {
  border-radius: 50%; }

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%; }

.radio .cr .cr-icon {
  margin-left: 0.04em; }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none; }

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in; }

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1; }

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5; }

/* EOF Checkboxes*/
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #ea766a;
  /* Red */
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
  /*margin-top: 20px;*/
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#details {
  color: #9e9e9e;
  font-size: 16px;
  margin-bottom: 0px;
  padding: 15px 0 0 0;
  opacity: 1; }

#terms-of-service {
  /*margin-top: 40px;*/
  font-size: 14px; }
  #terms-of-service a {
    color: #ea766a;
    cursor: pointer;
    /*color: #fff;*/ }

.terms-dialog .bootbox-body {
  font-size: 12px; }

.modal-header {
  color: #ea766a; }

.modal-dialog {
  /*top: 30%;*/
  text-align: left; }

.bootbox-body {
  color: #333;
  font-size: 16px;
  text-shadow: none; }

.bootbox .btn-primary {
  border: 1px solid #2e6da4;
  color: #2e6da4;
  background: transparent; }

footer {
  margin-top: 60px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center; }
  footer a {
    display: block; }
  footer img {
    max-width: 130px; }

canvas {
  display: block; }

#icon-counter-section #icon-counter-num {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 60px;
  line-height: 56px; }
#icon-counter-section #icon-counter-text {
  font-size: 16px;
  margin-bottom: 20px; }

#devices-preview {
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@media (max-width: 768px) {
  #mobile {
    display: none; }

  .box__uploading span {
    font-size: 18px; }

  .box__input .box__file + label {
    padding: 10px 15px 7px; }

  #uploaded-image-preview {
    max-width: 100%; }

  #main-heading {
    margin-top: 20px; }
    #main-heading img {
      max-width: 100%; }

  #main-subtitle {
    font-size: 16px;
    margin-bottom: 20px; }

  #file-form {
    /*padding: 40px 30px 30px 30px;*/
    min-height: 293px; }
    #file-form .box__input {
      margin-top: 30px;
      font-size: 16px; }
    #file-form #details {
      font-size: 14px; }
    #file-form img {
      max-width: 100%; }

  #last-created {
    margin: 10px 0 10px 0; }

  .box__download {
    margin-top: 0px;
    margin-bottom: 40px; }
    .box__download > a {
      width: 90%;
      margin: 10px 0; }

  #btn-make-new {
    z-index: 1000;
    position: relative;
    width: 90%; }

  footer {
    margin: 20px 0; } }
@media (min-width: 768px) {
  #file-form {
    min-height: 243px; } }

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