Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <section id="central-content">
  <div class="central-content-container">

    <div class="central-content-images">
      <svg version="1.1" id="central-content-bg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1142 457" xml:space="preserve">
        <path class="central-content-bg-path" d="M1097.6,0.5H13.1c28,65.9,43.4,138.4,43.4,214.5c0,86.7-20.4,169.6-56.1,242.5l0,0h1084.4l0,0
          c35.7-72.9,56.2-155.8,56.2-242.5C1141,138.9,1125.5,66.4,1097.6,0.5L1097.6,0.5z"/>
      </svg>
      <img class="central-content-primary-img" src="https://zenmove.com/wp-content/themes/zenmove/library/images/couple-moving.png">
    </div>

    <div id="wheel">
      <div class="spoke spoke1">
          <div class="lp-content">
              <div class="box-header">
                <h1>Get a free quote now!</h1>
                <h3>Save up to 55% on your move</h3>
              </div>
              <div class="box box-page-one">
                <form data-toggle="validator" role="form" novalidate="true" class="quote-form" data-disable="true" >
                  <fieldset>
                      <div class="row">
                          <div class="col-sm-6">
                              <label for="moving_from_transfer" class="control-label">Moving from?</label>
                          </div>
                          <div class="col-sm-6">
                              <div id="locationField" class="form-group">
                                  <input type="text" class="form-control" id="moving_from_transfer" name="moving_from_transfer" placeholder="ZIP or City" data-toggle="tooltip" data-placement="top" title="Enter ZIP or city"  data-toggle="tooltip" data-placement="top" title="Enter ZIP or city" required>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-sm-6">
                              <label for="moving_to_transfer" class="control-label">Moving to?</label>
                          </div>
                          <div class="col-sm-6">
                              <div class="form-group">
                                  <input type="text" class="form-control" id="moving_to_transfer" name="moving_to_transfer" placeholder="ZIP or City" data-toggle="tooltip" data-placement="top" title="Enter ZIP or city" data-toggle="tooltip" data-placement="top" title="Enter ZIP or city" required>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-sm-6">
                              <label for="move_date" class="control-label">When is your move?</label>
                          </div>
                          <div class="col-sm-6">
                              <div class="form-group">
                                  <input onchange="onDateChange(this)" type="text" class="form-control" id="move_date_transfer" name="move_date_transfer" placeholder="Select a date" data-toggle="tooltip" data-placement="top" title="Enter your move date" readonly required>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-sm-6">
                              <label for="move_size" class="control-label">What size is your move?</label>
                          </div>
                          <div class="col-sm-6">
                              <div class="form-group" id="desktop-move-size-input">
                                  <select onchange="onTransferChange(this)" class="form-control" id="move_size_transfer" name="move_size_transfer" placeholder="2 Bedroom" aria-required="true" aria-invalid="false"  data-toggle="tooltip" data-placement="top" title="Please enter the size of your move" value="5500" required>
                                      <option class="" value="2450">Studio</option>
                                      <option class="" value="3000">1 Bedroom</option>
                                      <option selected="selected" class="" value="5500">2 Bedroom</option>
                                      <option class="" value="10000">3 Bedroom</option>
                                      <option class="" value="15000">4 Bedroom</option>
                                      <option class="" value="20000">5 Bedroom</option>
                                      <option class="" value="20000">5+ Bedroom</option>
                                  </select>
                              </div>
                              <div id="mobile-move-size-input">
                                <div class="move-size-control">
                                  <button id="move-stepper-left"><span class="glyphicon glyphicon-menu-left"></span></button><button id="move-stepper-right"><span class="glyphicon glyphicon-menu-right"></span></button>
                                </div>
                                <div class="form-group" style="width:60%;">
                                    <div class="form-control" id="move_size_mobile">2 Bedroom</div>
                                </div>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-sm-6"></div>
                          <div class="col-sm-6">
                              <div class="form-group">
                                  <div id="get-moving-btn" class="btn btn-primary form-btn">Get Moving!</div>
                              </div>
                          </div>
                      </div>
                  </fieldset>
                </form>
              </div>
          </div>
      </div>
      <div class="spoke spoke2">
        <div class="lp-content">
          <h1 id="searching-for-movers-text">Searching for movers...</h1>
          <svg id="truck" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
            <g>
              <g>
                <path d="M91.501,50.861l-9.898-2.395l-7.083-7.083c-1.2-1.2-2.637-2.636-3.194-3.193c-0.557-0.558-1.619-1.013-2.362-1.013    c-0.742,0-2.738,0-4.436,0h-4.885c-1.698,0-3.086,1.389-3.086,3.086v11.443v0.197v10.924c0,1.98,1.619,3.6,3.6,3.6h11.253    c0-5.041,4.104-9.145,9.146-9.145c5.043,0,9.145,4.104,9.145,9.145h1.7c1.981,0,3.601-1.619,3.601-3.6v-7.521    C95,53.326,93.425,51.326,91.501,50.861z M62.75,42.106c0.577,0,1.987,0,3.133,0s2.257,0,2.468,0c0.213,0,0.534,0.149,0.717,0.331    c0.181,0.182,1.146,1.148,2.147,2.147l5.304,5.304c1.001,1,0.662,1.818-0.753,1.818h-9.395c-1.415,0-3.044,0-3.621,0    s-1.05-0.473-1.05-1.051c0-0.18,0-0.463,0-0.81c0-0.764,0-1.839,0-2.812v-0.278c0-1.414,0-3.039,0-3.61    c0-0.335,0.163-0.634,0.413-0.825C62.29,42.187,62.512,42.106,62.75,42.106z"/><path d="M50.13,28.949H8.601c-1.98,0-3.601,1.619-3.601,3.6v30.279c0,1.98,1.62,3.6,3.601,3.6h1.483    c0-5.041,4.102-9.145,9.143-9.145c5.043,0,9.146,4.104,9.146,9.145H50.13c1.98,0,3.6-1.619,3.6-3.6V32.549    C53.729,30.568,52.11,28.949,50.13,28.949z"/><path d="M80.555,59.854c-3.631,0-6.572,2.943-6.572,6.574c0,3.629,2.941,6.572,6.572,6.572c3.63,0,6.574-2.943,6.574-6.572    C87.129,62.797,84.185,59.854,80.555,59.854z M80.555,69.715c-1.816,0-3.289-1.475-3.289-3.287c0-1.816,1.473-3.287,3.289-3.287    c1.813,0,3.286,1.471,3.286,3.287C83.841,68.24,82.368,69.715,80.555,69.715z"/><path d="M19.227,59.855c-3.63,0-6.574,2.941-6.574,6.572c0,3.629,2.944,6.572,6.574,6.572s6.572-2.943,6.572-6.572    C25.799,62.797,22.856,59.855,19.227,59.855z M19.227,69.715c-1.814,0-3.286-1.475-3.286-3.287c0-1.816,1.472-3.287,3.286-3.287    c1.815,0,3.286,1.471,3.286,3.287C22.513,68.24,21.042,69.715,19.227,69.715z"/>
              </g>
            </g>
          </svg>

          <svg id="pie-timer" width="250" height="250" viewbox="0 0 250 250">
            <path id="border" transform="translate(125, 125)"/>
            <path id="loader" transform="translate(125, 125) scale(.96)"/>
          </svg>
          <svg id="pie-timer-circle" width="250" height="250" viewBox="0 0 250 250">
            <circle id="pie-timer-circle-complete" class="timer-circle" r="122.5" transform="translate(125, 125)"/> <!-- Removed this to eliminate JS error: cx=“0” cy=“0” -->
          </svg>
          <h1 id="movers-found-text">Movers found!</h1>
        </div>
      </div>

      <div class="spoke spoke3">
       <div class="lp-content">
         <div class="box-header">
           <h1 style="margin-bottom:0;margin-bottom:8px;">Your free quotes are ready!</h1>
           <h3 style="margin-top:0;margin-bottom:10px;font-size:1.7rem;">Complete the form below to get estimates:</h3>
         </div>
         <div class="box box-page-two">
           <form data-toggle="validator" role="form" novalidate="true" data-disable="true">
           <div class="row">

             <input type="hidden" id="moving_from" name="moving_from" required>
             <input type="hidden" id="moving_to" name="moving_to" required>
             <input type="hidden" id="move_date" name="move_date" required>
             <input type="hidden" id="move_size" name="move_size" value="5500" required>

             <div class="col-sm-6">
               <label for="id_first_name" class="control-label">First Name</label>
             </div>
             <div class="col-sm-6">
               <div class="form-group">
                 <input onchange="onFirstNameChange(this)" type="text" class="form-control" id="id_first_name" name="id_first_name" placeholder="First Name" data-toggle="tooltip" data-placement="top" title="Please enter your first name" required>
               </div>
             </div>
           </div>
           <div class="row">
             <div class="col-sm-6">
               <label for="id_last_name" class="control-label">Last Name</label>
             </div>
             <div class="col-sm-6">
               <div class="form-group">
                 <input onchange="onLastNameChange(this)" type="text" class="form-control" id="id_last_name" name="last_name" placeholder="Last Name" data-toggle="tooltip" data-placement="top" title="Please enter your last name" required>
               </div>
             </div>
           </div>
           <div class="row">
             <div class="col-sm-6">
               <label for="id_email" class="control-label">Email Address</label>
             </div>
             <div class="col-sm-6">
               <div class="form-group">
                 <input onchange="onEmailChange(this)" type="email" class="form-control" id="id_email" name="email" placeholder="Email" data-toggle="tooltip" data-placement="top" title="Please enter a valid email address" required>
               </div>
             </div>
           </div>
           <div class="row">
             <div class="col-sm-6">
               <label for="id_phone" class="control-label">Phone Number</label>
             </div>
             <div class="col-sm-6">
               <div class="form-group">
                 <input onchange="onPhoneChange(this)" type="tel" pattern="\d{3}[\-]\d{3}[\-]\d{4}" id="id_phone"  name="phone" maxlength="12" data-error="Please enter a valid phone number." placeholder="Phone number (only digits)" class="form-control bfh-phone" data-format="ddd-ddd-dddd"  data-toggle="tooltip" data-placement="top" title="Please enter a valid phone number" required>
               </div>
             </div>
           </div>
           <div class="row submit-button-row">
             <div class="col-sm-6"></div>
             <div class="col-sm-6">
               <div class="form-group">
                 <button class="btn btn-primary">Get Free Quotes</button>
               </div>
             </div>
         </div>
         </form>
         </div>
       </div>
      <div class="spoke spoke4">
        <div class="lp-content">
          <h1></h1>
        </div>
      </div>
     </div>
    </div>
  </div>
</section>

              
            
!

CSS

              
                  h1{ font-family:"Roboto Condensed", arial, sans-serif;}
	h2{ font-family:"Roboto Condensed", arial, sans-serif;}
	h3{ font-family:"Roboto Condensed", arial, sans-serif;}
	h4{ font-family:"Roboto Condensed", arial, sans-serif;}
	h5{ font-family:"Roboto Condensed", arial, sans-serif;}
	h6{ font-family:"Roboto Condensed", arial, sans-serif;}
	p{ font-family:"Open Sans", arial, sans-serif;}
/*! Made with Bones: http://themble.com/bones :) */

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

audio, canvas, video {
  display: inline-block
}

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

[hidden], template {
  display: none
}

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

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

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

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

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

b, strong, .strong {
  font-weight: bold
}

dfn, em, .em {
  font-style: italic
}

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

p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto
}

pre {
  margin: 0
}

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

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before, q:after {
  content: '';
  content: none
}

small, .small {
  font-size: 75%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

dl, menu, ol, ul {
  margin: 1em 0
}

dd {
  margin: 0
}

menu {
  padding: 0 0 0 40px
}

ol, ul {
  padding: 0;
  list-style-type: none
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none
}

img {
  border: 0
}

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

figure {
  margin: 0
}

fieldset {
  border: none;
  margin: 0px;
  padding: 0px
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

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

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.image-replacement, .ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

.clearfix, .cf, .comment-respond {
  zoom: 1
}

.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table
}

.clearfix:after, .cf:after, .comment-respond:after {
  clear: both
}

span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic
}

p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"
}

.last-col {
  float: right;
  padding-right: 0 !important
}

@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
}

@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%
  }
}

@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%
  }
}

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2
}

.blue-btn, .comment-reply-link, #submit {
  display: inline-block;
  position: relative;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out
}

.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
  color: #fff;
  text-decoration: none;
  outline: none
}

.blue-btn:active, .comment-reply-link:active, #submit:active {
  top: 1px
}

.blue-btn, .comment-reply-link, #submit {
  background-color: #2980b9
}

.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
  background-color: #2574a8
}

.blue-btn:active, .comment-reply-link:active, #submit:active {
  background-color: #2472a4
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
  display: block;
  height: 34px;
  line-height: 1.5rem;
  padding: 6px 12px;
  margin-bottom: 14px;
  font-size: 1.5rem;
  color: #5c6b80;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 1px solid #ccc;
  width: 100%;
  max-width: none;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  background-color: white;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active {
  background-color: #f7f8fa;
  outline: none
}

input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4
}

input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2
}

input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6
}

input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active {
  background-color: #d5edf8
}

input[type="password"] {
  letter-spacing: 0.3em
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center
}


/*!
     * Bootstrap v3.3.6 (http://getbootstrap.com)
     * Copyright 2011-2015 Twitter, Inc.
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
     */

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075)
}

.btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-danger.disabled, .btn-danger[disabled], .btn-default.disabled, .btn-default[disabled], .btn-info.disabled, .btn-info[disabled], .btn-primary.disabled, .btn-primary[disabled], .btn-success.disabled, .btn-success[disabled], .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-default, fieldset[disabled] .btn-info, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-warning {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-danger .badge, .btn-default .badge, .btn-info .badge, .btn-primary .badge, .btn-success .badge, .btn-warning .badge {
  text-shadow: none
}

.btn.active, .btn:active {
  background-image: none
}

.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc
}

.btn-default:focus, .btn-default:hover {
  background-color: #e0e0e0;
  background-position: 0 -15px
}

.btn-default.active, .btn-default:active {
  background-color: #e0e0e0;
  border-color: #dbdbdb
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #e0e0e0;
  background-image: none
}

.btn-primary {
  background-color: #ffa200;
  border-color: #ffa200;
  font-size: 20px
}

.btn-primary:focus, .btn-primary:hover {
  background-color: #d98900;
  border-color: #d98900
}

.btn-primary.active, .btn-primary:active {
  background-color: #805100;
  border-color: #805100
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #805100;
  border-color: #805100
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #ffa200;
  border-color: #ffa200;
  background-image: none;
  opacity: 1 !important
}

.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #3e8f3e
}

.btn-success:focus, .btn-success:hover {
  background-color: #419641;
  background-position: 0 -15px
}

.btn-success.active, .btn-success:active {
  background-color: #419641;
  border-color: #3e8f3e
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
  background-color: #419641;
  background-image: none
}

.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #28a4c9
}

.btn-info:focus, .btn-info:hover {
  background-color: #2aabd2;
  background-position: 0 -15px
}

.btn-info.active, .btn-info:active {
  background-color: #2aabd2;
  border-color: #28a4c9
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
  background-color: #2aabd2;
  background-image: none
}

.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #e38d13
}

.btn-warning:focus, .btn-warning:hover {
  background-color: #eb9316;
  background-position: 0 -15px
}

.btn-warning.active, .btn-warning:active {
  background-color: #eb9316;
  border-color: #e38d13
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
  background-color: #eb9316;
  background-image: none
}

.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #b92c28
}

.btn-danger:focus, .btn-danger:hover {
  background-color: #c12e2a;
  background-position: 0 -15px
}

.btn-danger.active, .btn-danger:active {
  background-color: #c12e2a;
  border-color: #b92c28
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
  background-color: #c12e2a;
  background-image: none
}

.img-thumbnail, .thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075)
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background: #002430;
  color: #ffa200
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background: #002430;
  color: #ffa200
}

.navbar-default {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075)
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075)
}

.navbar-brand, .navbar-nav>li>a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)
}

.navbar-inverse {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12OwaQAAAPsAvcpQescAAAAASUVORK5CYII=);
  background-repeat: repeat;
  border: 0;
  margin: 20px;
  border-radius: 4px;
  padding-right: 10px;
  border-radius: 4px
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a:hover {
  background: transparent;
  color: #ffa200
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
  padding-top: 17px;
  text-decoration: none !important;
  transition: color 0.35s ease-in-out;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: white;
  font-weight: 300
}

.navbar-inverse .navbar-nav>li>a:hover {
  cursor: pointer;
  color: #ffa200
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  background: transparent;
  box-shadow: none
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  transition: color 0.35s ease-in-out;
  color: white
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
  background: transparent;
  color: #ffa200
}

.navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
  border-radius: 4px
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover {
    background: #002430;
    color: #ffa200
  }
}

.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1
}

.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea
}

.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e
}

.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7
}

.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x
}

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075)
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a
}

.list-group-item.active .badge, .list-group-item.active:focus .badge, .list-group-item.active:hover .badge {
  text-shadow: none
}

.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

.panel-default>.panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x
}

.panel-primary>.panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x
}

.panel-success>.panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x
}

.panel-info>.panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x
}

.panel-warning>.panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x
}

.panel-danger>.panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x
}

.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1)
}

body {
  font-family: "Roboto Condensed", arial, sans-serif;
  background: white
}

a:hover {
  text-decoration: none
}

p {
  font-size: 1.35rem;
  line-height: 1.8rem
}

h1 {
  font-weight: 400;
  font-size: 2.5rem;
  letter-spacing: -1px
}

h3 {
  font-weight: 300;
  font-size: 18px
}

.zm-nav {
  background: #002430;
  max-height: 50px
}

#content {
  background: white
}

#main {
  margin-top: 25px
}

.form-control {
  font-size: 16px;
  color: #006280
}

#moving_from_transfer {
  background-image: url(https://zenmove.com/wp-content/themes/zenmove/library/css/images/pin.svg);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 16px;
  padding-right: 16%
}

#moving_to_transfer {
  background-image: url(https://zenmove.com/wp-content/themes/zenmove/library/css/images/flag.svg);
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: 24px;
  padding-right: 16%
}

#move_date_transfer {
  background-image: url(https://zenmove.com/wp-content/themes/zenmove/library/css/images/calendar.svg);
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 24px
}

#move_size_transfer, #move_size_mobile {
  background-image: url(https://zenmove.com/wp-content/themes/zenmove/library/css/images/house.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 24px;
  height: 34px;
  font-size: 1.5rem
}

select#move_size_transfer, select#move_size_mobile {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none
}

#desktop-move-size-input {
  display: block
}

#mobile-move-size-input {
  display: none
}

.hidden-field {
  display: none
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  box-shadow: none;
  border: 0px
}

#breadcrumbs-container {
  padding-left: 3.5rem;
  background: #f0f3f6;
  border-bottom: 1px solid #d0dae3
}

#breadcrumbs {
  padding: 1rem;
  margin-bottom: 0px
}

.tooltip {
  font-size: 14px
}

.tooltip-inner {
  background-color: #a94442;
  opacity: 1
}

.tooltip.top .tooltip-arrow {
  border-top-color: #a94442
}

section#central-content {
  background-color: #5aadd0;
  height: 456px;
  overflow: hidden;
  z-index: -100
}

section#central-content label {
  font-weight: 300;
  font-size: 22px
}

header {
  width: 100%;
  left: 0px
}

.header-logo {
  margin-top: 3px;
  height: 20px
}

#header-curve {
  position: absolute;
  left: 631px
}

.header-curve-path {
  fill: #002c3a
}

footer {
  background: #002430;
  color: #fff;
  padding: 20px 0px;
  font-weight: 300;
  line-height: 24px
}

footer a, footer a:focus {
  color: #fff
}

footer a:hover {
  color: #fff;
  text-decoration: underline
}

footer img {
  margin-right: 20px
}

#central-content-bg {
  position: absolute;
  left: 36px;
  height: 457px
}

.central-content-bg-path {
  fill: #fff
}

.how-it-works-icon {
  width: 51px;
  height: 51px;
  background: #006280;
  border-radius: 50%;
  padding: 10px;
  display: block;
  margin: auto;
  margin-bottom: 10px
}

.how-it-works-svg-path {
  fill: #002f3f
}

#truck {
  fill: white;
  height: 222px;
  position: absolute;
  top: 98px;
  right: 140px
}

#movers-found-text {
  display: none;
  text-align: center;
  margin-top: -18px;
  font-size: 52px;
  font-weight: 900;
  color: green
}

#searching-for-movers-text {
  text-align: center
}

#pie-timer, #pie-timer-circle {
  display: block;
  margin: 35px auto
}

#pie-timer-circle {
  enable-background: new 0 0 250 250;
  display: none
}

.timer-circle {
  fill: green;
  stroke: darkgreen;
  stroke-width: 5;
  stroke-miterlimit: 5
}

#pie-timer {
  display: block
}

#loader {
  fill: #0088cc
}

#border {
  fill: #00517a
}

#request-quotes-submit-btn {
  width: 100%
}

.navbar-logo {
  margin-left: 1.7rem;
  margin-top: 1.7rem;
  float: left;
  width: 16rem
}

#zenmove-logo {
  enable-background: new 0 0 336 41.5;
  width: 16rem
}

#zenmove-logo path {
  fill: white
}

#zenmove-logo:hover path {
  cursor: pointer;
  transition: fill 0.35s ease-in-out;
  fill: #ffa200
}

.hero-bg {
  height: 100%;
  width: 100%;
  overflow: hidden
}

#hero-header, #hero-header-mobile {
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

#hero-header .hero-image {
  position: absolute
}

#hero-header .hero-image, #hero-header-mobile .static-hero {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%
}

#hero-header .hero-home-page {
  background-image: url(images/hero-movers-1600x500.jpg)
}

#hero-header .hero-auto-transport-page {
  background-image: url(images/hero-auto-transport-1600x500.jpg)
}

#hero-header .hero-storage-units-page {
  background-image: url(images/hero-storage-units-1600x500.jpg)
}

#hero-header .hero-truck-rental-page {
  background-image: url(images/hero-truck-rental-1600x500.jpg)
}

section.hero {
  height: 500px;
  background-image: url(images/hero-movers-1600x500.jpg);
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position: center center;
  width: 100%
}

section.hero-bg .text-row {
  margin-top: 0px
}

section.hero-bg h1 {
  color: white;
  font-weight: 400;
  font-size: 65px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  text-align: center;
  margin-bottom: 10px
}

section.hero-bg h3 {
  color: white;
  font-size: 30px;
  margin-top: 8px;
  margin-bottom: 40px;
  text-align: center
}

.form-group.row {
  padding: 20px 0;
  margin: 0 15px
}

.contactFormInput {
  padding-left: 0px;
  padding-right: 0px
}

.form-group {
  margin-bottom: 15px
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#home-search-btn {
  cursor: pointer;
  background: #ffa200;
  border-color: #ffa200;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-right: 24px;
  padding-left: 24px;
  background-image: none;
  height: 60px;
  font-size: 20px
}

#home-search-btn:hover, #sidebar-search-btn:hover {
  transition: background 0.35s ease-in-out;
  background-color: #d98900;
  border-color: #d98900
}

footer {
  background: #002430;
  color: #fff;
  padding: 20px 0px;
  font-weight: 300;
  line-height: 24px
}

footer a, footer a:focus {
  color: #fff
}

footer a:hover {
  color: #fff;
  text-decoration: underline
}

footer img {
  margin-right: 20px
}

section#central-content label {
  font-weight: 300;
  font-size: 22px
}

.info-section {
  width: 100%;
  left: 0px;
  color: #006e8f
}

.info-section h1 {
  text-align: center;
  margin: 0px 0px 30px;
  font-weight: 400
}

.info-section h3 {
  font-weight: 400;
  font-size: 20px;
  margin: 0 0 10px
}

.home-guides-section {
  background: #f0f3f6;
  padding: 30px 0
}

section#how-it-works {
  background: white;
  padding: 30px 20px
}

section#how-it-works h1 {
  font-size: 36px
}

.how-it-works-icon {
  width: 51px;
  height: 51px;
  background: #006280;
  border-radius: 50%;
  padding: 10px;
  display: block;
  margin: auto;
  margin-bottom: 10px
}

.how-it-works-svg-path {
  fill: white
}

section#how-it-works h1 {
  font-size: 36px
}

.how-it-works-1 .how-it-works-icon {
  padding-right: 6px;
  padding-left: 12px
}

.how-it-works-2 .how-it-works-icon {
  padding-right: 11px;
  padding-left: 8px
}

.how-it-works-3 .how-it-works-icon {
  padding-top: 6px;
  padding-left: 11px
}

#how-it-works-svg-3 {
  height: 40px
}

.icon-row {
  margin-left: 30px;
  margin-right: 30px;
  text-align: center
}

.info-and-guides {
  padding: 20px 0px
}

.info-and-guides h2 {
  text-align: center
}

.info-and-guides h3 {
  font-weight: 400
}

.info-and-guides ol {
  list-style-type: decimal
}

section#disclaimer {
  background: #013a4c;
  padding: 20px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
  color: #02607e
}

.guide-svg-path {
  fill: black
}

.guide-container .guide {
  background: white;
  padding: 30px;
  padding-top: 0px;
  color: #747474;
  border: 1px solid #e9e9e9;
  border-bottom-color: #d5d5d5;
  border-bottom-width: 2px;
  border-radius: 4px
}

.guide-container .guide h3 {
  text-align: center
}

.guide-container .guide:hover * {
  text-decoration: none !important;
  color: black
}

#svg-storage, #svg-truck {
  height: 150px;
  width: 100%
}

#svg-storage {
  padding-left: 32px;
  padding-top: 20px
}

#svg-truck g {
  transform: scale(1)
}

#svg-storage g {
  transform: scale(0.8)
}

#svg-box {
  height: 135px;
  width: 100%;
  transform: translateX(8%);
  margin-top: 15px
}

#svg-box g {
  transform: scale(0.8)
}

#svg-storage path, #svg-storage rect, #svg-truck path, #svg-box polygon {
  fill: #828a8b
}

.get-moving-leads-article {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  margin-bottom: 4rem
}

.get-moving-leads-article>li {
  font-size: 2rem;
  line-height: 2rem
}

#moving-leads-contact-1 {
  margin: 0px
}

.visual-form-builder .vfb-legend h3 {
  color: #5c6b80
}

.central-content-container {
  position: relative;
  width: 1200px;
  margin: 0px auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 36px -1px;
  background-size: 1142px 458px;
  margin-top: -1px
}

.central-content-images {
  position: relative
}

.central-content-primary-img {
  position: absolute;
  left: 667px
}

.header-container {
  width: 1200px;
  margin: 0px auto;
  position: relative
}

#wheel {
  display: inline-block;
  width: 2200px;
  height: 2200px;
  border-radius: 50%;
  margin-left: -1552px;
  margin-top: -871px;
  transform: rotate(0deg)
}

.wheel-turn-one-to-two {
  animation-name: one-to-two;
  animation-timing-function: cubic-bezier(0.4, -0.3, 0.6, 1.3);
  animation-iteration-count: 1;
  animation-duration: .7s
}

@keyframes one-to-two {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(-72deg)
  }
}

.wheel-turn-two-to-three {
  animation-name: two-to-three;
  animation-timing-function: cubic-bezier(0.4, -0.3, 0.6, 1.3);
  animation-iteration-count: 1;
  animation-duration: .7s
}

@keyframes two-to-three {
  0% {
    transform: rotate(-72deg)
  }
  100% {
    transform: rotate(-144deg)
  }
}

.wheel-turn-three-to-four {
  animation-name: three-to-four;
  animation-timing-function: cubic-bezier(0.4, -0.3, 0.6, 1.3);
  animation-iteration-count: 1;
  animation-duration: .7s
}

@keyframes three-to-four {
  0% {
    transform: rotate(-144deg)
  }
  100% {
    transform: rotate(-216deg)
  }
}

.spoke {
  width: 2200px;
  height: 457px;
  position: absolute;
  top: 871px
}

.spoke1 {
  transform: rotate(0deg)
}

.spoke1 h1 {
  margin-top: 17px;
  margin-bottom: 0px
}

.spoke2 {
  transform: rotate(72deg)
}

.spoke3 {
  transform: rotate(144deg)
}

.spoke4 {
  transform: rotate(216deg)
}

.spoke1 h3 {
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 17px;
  font-weight: 400
}

.lp-content {
  float: right;
  width: 516px;
  color: #006280
}

.box, .box-header {
  width: 516px
}

.box {
  min-height: 240px;
  border-radius: 10px;
  background: #006280;
  box-shadow: -4px 4px 0px rgba(0, 98, 128, 0.5);
  padding: 20px 30px 10px;
  color: #fff
}

.box-header {
  text-align: center
}

.box-page-one {
  margin-bottom: 18px
}

.box-page-two {
  margin-bottom: 18px
}

.form-group {
  margin-bottom: 15px
}

.form-btn {
  width: 100%
}

#get-moving-btn, #request-quotes-submit-btn {
  font-size: 23px
}

#get-moving-btn, #request-quotes-submit-btn {
  margin-top: 20px
}

.visual-form-builder fieldset {
  margin: 4px 0
}

textarea.vfb-textarea {
  min-height: 98px
}

.widget {
  border: 1px solid #5c6b80;
  border-radius: .3rem;
  background: #fcfcfc;
  margin-bottom: 1rem
}

.widget>h4 {
  border-bottom-color: #5c6b80;
  background: #5c6b80;
  padding: 1rem;
  color: white;
  margin-top: 0px
}

.widget>ul {
  padding-left: 1rem
}

@media (min-width: 991px) {
  .how-it-works-1 {
    padding-right: 30px
  }
  .how-it-works-1 {
    padding-right: 30px;
    padding-left: 30px
  }
  .how-it-works-1 {
    padding-left: 30px
  }
}

.ui-datepicker {
  z-index: 1001 !important
}

@media (min-width: 768px) {
  #moving_date_home, input.home-input, #home-move-size-input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 60px;
    font-size: 18px;
    border-color: #ffa200;
    border-width: 3px
  }
  .home-moving-input {
    padding-right: 0px
  }
  .home-moving-btn {
    padding-left: 0px
  }
  .form-control {
    height: 60px;
    font-size: 18px
  }
}

@media (max-width: 480px) {
  .home-form-group {
    padding: 0px 30px
  }
}

@media (max-width: 768px) {
  .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    margin-right: 0px;
    background: transparent !important
  }
  .text-row {
    padding-left: 30px;
    padding-right: 30px
  }
  .home-form-group {
    padding: 0px 60px
  }
  section.hero-bg h1 {
    font-size: 42px
  }
  section.hero-bg h3 {
    font-size: 24px
  }
  #homeLocationField {
    margin-bottom: 14px
  }
  #home-search-btn {
    height: 41px;
    width: 100%;
    border-radius: 4px
  }
  .guide {
    margin-top: 20px
  }
  .first-guide {
    margin-top: 0px
  }
  #wheel {
    margin-left: -1571px
  }
  .box, .box-header {
    width: 350px
  }
  .box input {
    margin-bottom: 0px
  }
  section#central-content label {
    font-size: 14px;
    margin-bottom: 4px
  }
  .form-group {
    margin-bottom: 6px
  }
  .form-control {
    font-size: 14px
  }
  #get-moving-btn, #request-quotes-submit-btn {
    font-size: 18px
  }
  .central-content-primary-img {
    left: 452px
  }
  .how-it-works-1, .how-it-works-2, .how-it-works-3 {
    margin-bottom: 30px
  }
  .how-it-works-1 h3, .how-it-works-2 h3, .how-it-works-3 h3 {
    margin-bottom: 4px
  }
  .box-header h1 {
    font-size: 3rem;
    line-height: 3rem
  }
  .spoke1 h1 {
    margin-top: 10px;
    margin-bottom: 0px
  }
  .spoke1 h3 {
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 12px
  }
  .spoke2 .lp-content {
    margin-right: 82px
  }
  #truck {
    right: 224px
  }
  footer .badge-row {
    margin-top: 10px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  section.hero {
    height: 384px
  }
  section.hero .text-row {
    margin-top: 55px;
    padding-right: 30px;
    padding-left: 30px
  }
  section.hero h1 {
    font-size: 44px
  }
  section.hero h3 {
    font-size: 24px
  }
  .box, .box-header {
    width: 296px
  }
  #wheel {
    margin-left: -1670px
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .box, .box-header {
    width: 296px
  }
  .spoke2 .lp-content {
    margin-right: 104px
  }
  #truck {
    right: 246px
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 413px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .box, .box-header {
    width: 350px
  }
  .spoke2 .lp-content {
    margin-right: 78px
  }
  #truck {
    right: 220px
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 578px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .box, .box-header {
    width: 390px
  }
  .spoke2 .lp-content {
    margin-right: 56px
  }
  #truck {
    right: 200px
  }
}

@media only screen and (max-width: 578px) {
  #central-content-bg, central-content-primary-img {
    left: 0px
  }
}

@media only screen and (max-width: 736px) and (orientation: portrait) {
  .entry-content .content-page-img-small {
    float: none !important;
    margin: auto !important;
    width: 100%
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .btn-primary {
    font-size: 16px
  }
  .navbar-logo {
    margin-left: 0px
  }
}

body {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #5c6b80;
  background-color: #002430;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.wrap {
  width: 96%;
  margin: 0 auto
}

a, a:visited {
  color: #002430;
  cursor: pointer
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #ffa200;
  transition: color 0.35s ease-in-out
}

a:link, a:visited:link {
  -webkit-tap-highlight-color: #ffa200
}

footer a, footer a:visited {
  color: white
}

footer a:hover, footer a:focus, footer a:visited:hover, footer a:visited:focus {
  color: #ffa200;
  text-decoration: none
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none
}

h1, .h1 {
  font-size: 4.4rem;
  line-height: 4.4rem
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em
}

h3, .h3 {
  font-size: 1.8rem
}

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px
}

.header {
  background-color: #323944
}

#logo {
  margin: 0.75em 0
}

#logo a {
  color: #fff
}

.nav {
  border-bottom: 0;
  margin: 0
}

.nav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.75em
}

.nav li ul.sub-menu li a, .nav li ul.children li a {
  padding-left: 30px
}

.hentry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em
}

.hentry header {
  padding: 1.5em;
  padding-top: 0px;
  padding-bottom: 1rem
}

.hentry footer {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa
}

.hentry footer p {
  margin: 0
}

.single-title, .page-title, .entry-title {
  margin: 0
}

.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0
}

.entry-content {
  padding: 0 1.5em 0
}

.entry-content p {
  margin: 0 0 1.5em;
  line-height: 2rem
}

.entry-content h2 {
  line-height: 3rem
}

.entry-content h4 {
  margin-bottom: 0px
}

.entry-content ul, .entry-content ol {
  margin-left: 4rem
}

.entry-content ul li, .entry-content ol li {
  list-style-type: disc;
  font-family: "Open Sans", arial, sans-serif;
  font-size: 1.35rem
}

.entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em
}

.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px
}

.entry-content tr {
  border-bottom: 1px solid #eaedf2
}

.entry-content tr:nth-child(even) {
  background-color: #f8f9fa
}

.entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2
}

.entry-content td:last-child {
  border-right: 0
}

.entry-content th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2
}

.entry-content th:last-child {
  border-right: 0
}

.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #2980b9;
  font-style: italic;
  color: #9fa6b4
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em
}

.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto
}

.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
  max-width: 100%;
  height: auto
}

.entry-content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px
}

.entry-content .content-page-img-small {
  float: right;
  margin: 30px 0px 30px 30px;
  border: 1px solid black
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center
}

.tags {
  margin: 0
}

.pagination, .wp-prev-next {
  margin: 1.5em 0
}

.pagination {
  text-align: center
}

.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px
}

.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #eaedf2
}

.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #2980b9
}

.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #2980b9;
  color: #fff
}

.pagination .current {
  cursor: default;
  color: #5c6b80
}

.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #5c6b80
}

.wp-prev-next .prev-link {
  float: left
}

.wp-prev-next .next-link {
  float: right
}

#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa
}

.commentlist {
  margin: 0;
  list-style-type: none
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa
}

.comment .comment-author {
  padding: 7px;
  border: 0
}

.comment .vcard {
  margin-left: 50px
}

.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal
}

.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic
}

.comment .vcard time a {
  text-decoration: none
}

.comment .vcard time a:hover {
  text-decoration: underline
}

.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%
}

.comment:last-child {
  margin-bottom: 0
}

.comment .children {
  margin: 0
}

.comment[class*=depth-] {
  margin-top: 1.1em
}

.comment.depth-1 {
  margin-left: 0;
  margin-top: 0
}

.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px
}

.comment.odd {
  background-color: #fff
}

.comment.even {
  background: #f8f9fa
}

.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em
}

.comment-reply-link {
  font-size: 0.9em;
  float: right
}

.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em
}

.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa
}

#reply-title {
  margin: 0
}

.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0
}

.comment-form-comment {
  margin: 1.5em 0 0.75em
}

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em
}

#submit {
  float: right;
  font-size: 1em
}

#comment-form-title {
  margin: 0 0 1.1em
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0
}

.nocomments {
  margin: 0 20px 1.1em
}

.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em
}

.footer {
  clear: both;
  background-color: #323944;
  color: #f8f9fa
}

.footer a, .footer a:visited {
  color: white
}

@media only screen and (min-width: 481px) {
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both
  }
}

@media only screen and (min-width: 768px) {
  .wrap {
    width: 760px
  }
  #main article {
    border-right: 1px solid #d0dae3;
    border-radius: 0px
  }
  .nav {
    border: 0
  }
  .nav ul {
    background: #002430;
    margin-top: 0
  }
  .nav li {
    float: left;
    position: relative
  }
  .nav li a {
    border-bottom: 0;
    transition: color 0.35s ease-in-out
  }
  .nav li a:hover, .nav li a:focus {
    cursor: pointer;
    color: #ffa200
  }
  .nav li ul.sub-menu, .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999
  }
  .nav li ul.sub-menu li a, .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc
  }
  .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a {
    border-bottom: 0
  }
  .nav li ul.sub-menu li ul, .nav li ul.children li ul {
    top: 0;
    left: 100%
  }
  .nav li:hover>ul {
    top: auto;
    visibility: visible
  }
  .widgettitle {
    margin-bottom: 0.75em
  }
  .widget {
    padding: 0;
    margin: 2.4rem 0
  }
  .widget h4 {
    font-size: 2.2rem;
    font-weight: 400
  }
  .widget ul li {
    margin-bottom: 0.5em;
    font-size: 1.7rem
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em
  }
}

@media only screen and (min-width: 1030px) {
  .wrap {
    width: 1040px
  }
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")"
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
    display: none
  }
}


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

JS

              
                  var loader = document.getElementById('loader');
  var border = document.getElementById('border');
  var α = 0;
  var π = Math.PI;
  var t = 4; // Sets the duration of the clock animation.

function playIntersitial() {
    $('#wheel').removeClass('wheel-turn-one-to-two');
    $('#wheel').addClass('wheel-turn-two-to-three');
    $('#wheel').css({transform:'rotate(-144deg)'});
  }  

// Plays truck/clock animation.
  function draw() {
    α++;
    //α %= 360;
    if (α<360) {
      var r = ( α * π / 180 );
      var x = Math.sin( r ) * 125;
      var y = Math.cos( r ) * - 125;
      var mid = ( α > 180 ) ? 1 : 0;
      var anim = 'M 0 0 v -125 A 125 125 1 ' + mid + ' 1 ' +  x  + ' ' +  y  + ' z';

    loader.setAttribute( 'd', anim );
    border.setAttribute( 'd', anim );

    setTimeout(draw, t); // Redraw
    } else {
      $('#pie-timer').css("display", "none");
      $('#pie-timer-circle').css("display", "block");
      $('#movers-found-text').css("display", "block");
      setTimeout(playIntersitial, 1500);
    }
  }

  $('#get-moving-btn').click(function() {

    $('#wheel').addClass('wheel-turn-one-to-two');
    $('#wheel').css({
        transform: 'rotate(-72deg)'
    });
    setTimeout(draw, 800);

  });
              
            
!
999px

Console