/*! UIkit 2.24.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-placeholder{margin-bottom:15px;padding:15px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}

/*! UIkit 2.24.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}

/*! UIkit 2.24.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}

/*! UIkit 2.24.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-progress{box-sizing:border-box;height:20px;margin-bottom:15px;background:#eee;overflow:hidden;line-height:20px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}

body {background-color:#EEEEEE}
#banner {text-align:center;margin-bottom:50px}
#banner .main-img {position:absolute;left:50%}
#banner .logo-img {position:absolute;left:20px;top:20px}
#banner .back-to-home {position:absolute;right:20px;top:20px;color:rgb(225, 186, 47)}
.form-control {box-shadow:none}
.text-wrap {padding:100px 0}
.title {font-weight:bold;color:rgb(51, 51, 51)}
.intro {color:rgb(102, 102, 102);line-height:2}
.form-part {background-color:#FFF;padding:70px}
.form-group {margin-bottom:50px}
.control-label {font-size:18px;font-weight:400;margin-bottom:8px}
label.required::after {content:" *";color:red;font-size:16px}
p.note {border-top: 1px solid rgb(228, 228, 228); padding-top: 15px; margin-top: 0px}
.footer {height:160px}
.sub-intro {margin-bottom:60px}
.submit {background-color:#009BF0;border-color:#009BF0;padding:12px 100px}
.submit:hover,.submit:focus,.submit:active {}
.checkbox .outline {border: 1px solid rgb(222, 222, 222); text-align: center; padding: 10px 25px 10px 45px; border-radius: 3px}
textarea.form-control {height:160px}
.success p {color:#63A6EA}
@media (max-width: 767px) {
    .container {margin-top:-50px;padding-left:0;padding-right:0}
    .form-part {padding:20px}
    #banner {height:300px}
    #banner .main-img {width:360px;margin-left:-180px;margin-top:60px}
}
@media (min-width: 768px) {
    #banner {height:400px}
    #banner .main-img {width:420px;margin-left:-210px;margin-top:100px}
}
@media (min-width: 992px) {
    .container {width:900px}
    #banner {height:500px}
    #banner .main-img {width:480px;margin-left:-240px;margin-top:130px}
}
@media (min-width: 1200px) {
    .container {width:900px}
    #banner {height:600px}
    #banner .main-img {width:560px;margin-left:-280px;margin-top:160px}
}
@media (min-width: 1367px) {
    .container {width:1170px}
    #banner {height:700px}
    #banner .main-img {width:620px;margin-left:-310px;margin-top:180px}
}


.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }
  .sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0.0s;
            animation-delay: 0.0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }
