/*
Theme Name: Move My Stuff
Description: Theme for Move My Stuff
Author: Enable Business
Author URI: http://enable.business
Version: 1.0.0
*/
@import url("https://fonts.googleapis.com/css?family=Roboto|Montserrat|Poppins|Lato");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

hr { width: 100%; border: 0; border-top: 1px solid rgba(159, 217, 83, 0.5); margin: 15px 0; }

html { height: 100%; overflow-y: scroll; }

body { height: 100%; font-size: 16px; min-width: 1000px; font-family: "Roboto", Arial, Helvetica, Sans-serif; }

#holder { min-height: 100%; position: relative; max-width: 1000vw; }

header { height: 175px; background-color: #9fd953; }

.content { width: 1170px; margin: 0 auto; }

.home { font-size: 2.5em; }

a { text-decoration: none; color: #9fd953; font-weight: bold; }

a:hover { text-decoration: none; }

/* Header */
.mainlogo { float: left; margin-top: 30px; display: inline-block; }

.logoimg { height: 130px; }

/* Navigation */
nav { float: right; width: 750px; margin-top: 43px; font-size: 0.75em; text-transform: uppercase; font-weight: bold; font-weight: 500; text-align: right; }

nav ul { list-style: none; }

nav ul li { display: inline-block; border-right: 1px solid #FFF; }

nav ul li:last-child { border-right: none; }

nav ul li.current-menu-item a { color: #9fd953; font-weight: bold; }

nav ul li a { color: #FFF; text-decoration: none; padding: 3px 7px; font-weight: 200; }

nav ul li:hover a { color: #9fd953; }

.mainmenu { position: relative; float: left; text-align: center; background-color: #4f4f4f; width: 100%; margin: 0; padding: 10px 0; }

.errormenu { float: left; text-align: left; }

.errormenu { float: left; text-align: center; margin: 45px auto; display: block; position: absolute; left: 0; right: 0; }

.errormenu ul li { display: inline-block; border-right: 0; }

/* Mobile Navigation */
div.mobilenavheader { color: #fff; cursor: pointer; position: absolute; width: 100%; height: 100%; text-align: right; padding: 10px; font-family: "Montserrat"; font-weight: 600; border: none; outline: none; transition: 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74); position: absolute; display: none; background-color: rgba(255, 255, 255, 0); height: 50px; font-size: 32px; right: 0; }

div.mobilenavheader.active { color: #58595c; }

.mobilenavholder { width: 100%; position: absolute; top: 40px; left: 0px; padding: 0px; opacity: 0; background-color: rgba(255, 255, 255, 0); transition: .5s ease; max-height: 0px; visibility: hidden; overflow: hidden; z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); text-align: center; }

div.mobilenavholder.show { visibility: visible; transition: .5s ease; padding: 20px; max-height: 100vh; background-color: rgba(255, 255, 255, 0.95); opacity: 1; top: 70px; }

.mobilenav li { display: flex; }

.mobilenav ul li:last-child a { border-bottom: 0px solid rgba(0, 0, 0, 0.2); }

.mobilenav ul li a { color: #000; width: 100%; padding: 15px 0px; font-size: 1.25em; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition: 0.3s ease; }

.mobilenav ul li a:hover { transform: scale(1.05); transition: 0.3s ease; }

.bestrated { margin: 0 auto; display: inline-block; text-align: center; margin: 30px 0 0 60px; font-weight: bold; color: #4f4f4f; }

.bestratedlogo { margin: 10px 0 0 0; background: #fff; padding: 5px; }

.contactdetails { float: right; text-align: right; margin-top: 100px; color: #4f4f4f; display: inline-block; }

.contactdetails a { color: #4f4f4f; text-decoration: none; }

.telephone, .email { padding-bottom: 5px; }

.telephone { font-weight: bold; }

/* Banner */
.bannerholder, .bannerholderpage { height: 625px; width: 100%; overflow: hidden; background-color: #222; position: relative; }

.slideshow, .slideshowpage { width: 100%; height: 625px; overflow: hidden; background-color: #222; }

.slideshowimg, .slideshowimgpage { width: 100%; height: 625px; position: absolute; background-position: center; background-size: cover; opacity: 0; overflow: hidden; transition: .5s ease-in-out; }

.bannerholderpage, .slideshowpage, .slideshowimgpage, .bannerholderhome, .slideshowhome, .slideshowimghome { height: 500px; }

.slideshowlargetext, .slideshowtextlower { z-index: 5; color: #fff; visibility: inherit; transition: none; text-align: left; font-family: "Poppins"; opacity: 1; }

.slideshowlargetext { text-transform: uppercase; font-size: 1.75em; line-height: 1.5; font-weight: 700; letter-spacing: 0; text-align: left; color: #9fd953; }

.slideshowtextlower { font-size: 1em; font-weight: 600; letter-spacing: 0; transform-origin: 50% 50% 0; text-align: left; color: #fff; line-height: 1.5; }

.textcontainer { background: #000; background: rgba(0, 0, 0, 0.5); width: auto; max-width: 50%; position: absolute; padding: 25px 30px; top: 60%; left: 17%; font-weight: bold; text-align: right; line-height: 45px; transition: .3s ease-in-out; }

.toptext { padding-top: 45px; margin-bottom: 50px; text-align: center; }
.toptext.privacy { text-align: left; }

.toptitle, .contentboxtitle, .areastitle { font-family: "Lato"; margin-bottom: 10px; font-size: 3.125em; color: #9fd953; }

.maincontent { color: #222222; font-family: "Roboto"; }

.maincontent ul li { background: url(images/boxbullet.png) left center no-repeat; background-size: 20px; list-style: none; padding: 3px 0 3px 28px; }

.maincontentfooter { color: #fff; font-family: "Roboto"; text-align: center; padding: 30px; font-size: 1.25em; }

/* Body */
.mainarea { background: #e6e6e6; height: inherit; width: 100%; padding: 40px 0; text-align: center; }
.mainarea .content .contentboxfull .contentleft { display: flex; max-width: 100%; position: relative; margin-top: 20px; transform: none; justify-content: space-around; }
.mainarea .content .contentboxfull .contentleft .item p.maincontent { color: #fff; }
.mainarea .content .contentboxfull .contentleft .item:first-child { margin-right: 20px; }
@media screen and (max-width: 1160px) { .mainarea .content .contentboxfull .contentleft { display: block; }
  .mainarea .content .contentboxfull .contentleft .item:first-child { margin-bottom: 20px; margin-right: 0; } }

.bannerbox { background-color: #9fd953; height: inherit; padding: 10px 30px; }

.bannerbox > .content > .toptext > .toptitle { color: #4f4f4f; font-size: 2.813em; margin-top: 10px; }

.buttonholder { height: 100vh; display: none; z-index: 1; }

button { background-color: #333333; color: #fff; font-size: 1em; border-radius: 6px; width: 250px; height: 50px; border: 2px solid #fff; cursor: pointer; transition: 0.3s ease; }

button:hover { background-color: rgba(51, 51, 51, 0.9); transition: 0.3s ease; }

.contentboxholder { height: inherit; background: #fff; overflow: hidden; }

.contentbox, .contentboxalt, .contentboxfull, .contentboxfullpage { text-align: left; min-height: 585px; width: 50%; max-width: 50%; float: left; display: inline-block; background: #fff; padding: 20px 50px; }

.contentvideo { margin: 20px 0 40px 0; }
.contentvideo .toptitle { color: #4f4f4f; }
.contentvideo .maincontent { font-family: inherit; margin: 20px 0; }

.contentboxfull, .contentboxfullpage { position: relative; }

.maincontent ul br { display: none; }

.maincontent ul li { margin-bottom: 10px; }

.contentboxalt { float: right; background: #fff; }

.contentboxfull, .contentboxfullpage, .contentboxtestimonials { width: 100%; max-width: 100%; min-height: inherit; margin-bottom: 25px; float: none; background: #4f4f4f; color: #fff; }

.contentboxtestimonials { background: transparent; }

.contentboxfullpage { background: #fff; text-align: center; }

.contentboxfullpage ul { list-style: none; column-count: 3; }

.contentboxfullpage ul li { background: none; padding: 0; margin: 0; }

.contentboxfull > .contentleft > p { color: #fff; }

.contentboxtitle, .areastitle { font-size: 1.875em; }

.areastitle:after { content: ''; width: 20%; height: 1px; margin: 15px auto; background-color: #9fd953; display: block; }

.contentboximgholder, .contentboximgholderalt { min-width: 50%; width: 50%; max-width: 50%; float: right; display: inline-block; }

.contentboximgholderalt { float: left; }

.contentboximg { width: 100%; }

#contactpagedetails { padding-bottom: 10px; }

.contentleft { max-width: 50%; position: absolute; top: 50%; transform: translateY(-50%); }

.contentright { float: right; min-width: 40%; max-width: 50%; }

.contentright#quoteform { max-width: 100%; margin-top: 20px; }

.maps { display: flex; margin-bottom: 10px; }
.maps .map { width: 100%; height: 600px; }
.maps .map:first-child { margin-right: 20px; }
@media screen and (max-width: 1160px) { .maps { display: block; }
  .maps .map { height: 300px; }
  .maps .map:first-child { margin-right: 0; margin-bottom: 20px; } }

@-webkit-keyframes socialicon { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes socialicon { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.socialicon { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); font-size: 30px; text-align: center; border: 2px solid #fff; padding: 5px; border-radius: 50%; width: 50px; height: 50px; margin: 10px 5px 0 0; }

.sociallink { text-decoration: none; }

.socialicon:hover, .socialicon:focus, .socialicon:active { -webkit-animation-name: socialicon; animation-name: socialicon; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

header > .content > .contactdetails > a > .socialicon { border: 2px solid #4f4f4f; }

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"] { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; height: 40px; border: 1px solid #95989A; width: 100%; padding-left: 10px; margin-bottom: 10px; font-family: inherit; }

select { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; user-select: text; cursor: pointer; height: 40px; border: 1px solid #95989A; width: 100%; background: #ffffff url(images/arrow-down.png) no-repeat 98%; padding-left: 10px; margin-bottom: 20px; font-family: inherit; }

textarea { min-height: 175px; min-width: 100%; width: 100%; max-width: 100%; border: 1px solid #95989A; padding: 10px 0 0 10px; margin-bottom: 10px; font-family: inherit; }

input[type="submit"], input[type="submit"]:hover { background-color: #fff; color: #000; font-size: 1em; border-radius: 6px; width: 250px; height: 50px; border: 2px solid #000; cursor: pointer; transition: 0.3s ease; margin-top: 20px; }

input[type="submit"]:hover { background-color: #efefef; transition: 0.3s ease; }

.wpcf7-form #left { width: 49%; float: left; margin-right: 0.5%; }

.wpcf7-form #right { width: 49%; float: left; margin-left: 0.5%; }

span.wpcf7-not-valid-tip { top: 0; left: 0; width: 100%; background: #b95050; border: none; padding: 5px 10px; text-align: center; text-transform: uppercase; letter-spacing: 2pt; color: #FFF !important; font-weight: 400; font-size: 8pt !important; }

.wpcf7-response-output { width: 100%; border: none !important; padding: 10px !important; text-align: center; text-transform: uppercase; letter-spacing: 2pt; font-weight: 400; }

.wpcf7-validation-errors { color: #fff; background: #b95050; }

div.wpcf7-mail-sent-ok { color: #fff; background: #7F9A65; }

span.wpcf7-list-item { margin-bottom: 10px !important; }

input::placeholder { color: rgba(0, 0, 0, 0.3); }

.error { height: 100%; background: url(images/404.jpg); background-color: #000; min-height: 487px; background-repeat: no-repeat; background-size: cover; padding: 25px 0; text-align: center; }

h2.maincontent { color: #fff; }

/* Testimonials */
.testimonialholder { border-top: 1px solid #ccc; margin-top: 40px; background: #fff; border-radius: 10px; }

.testimonial { margin: 10px 0; padding: 5px; }

p.required-notice { display: none; }

/* Footer */
.clearFooter { clear: both; }

.topfooter { background-color: #9fd953; min-height: 50px; }

.topfooter a { color: #fff; }

footer { position: relative; bottom: 0; width: 100%; background-color: #333333; padding: 15px 0; color: #fff; font-family: "Roboto"; overflow: hidden; }

footer a { color: #fff; text-decoration: underline; transition: 0.3s ease; }

footer a:hover { text-decoration: none; transition: 0.3s ease; }

.footerreview { margin-top: 20px; display: inline-block; max-height: 145px; vertical-align: middle; }

.footerleft { float: left; }

.footerright { float: right; }

.payicon { width: 400px; }

.enable { float: right; margin-right: 0px; position: relative; height: 25px; font-family: "Arial"; }
.enable a { font-weight: normal; text-decoration: none; }
.enable a:hover { text-decoration: underline; }

.enable img { width: 20px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; transition: 0.3s ease; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; }

.enable .enabletext { float: right; color: #fff; font-size: 0.75em; opacity: 0; text-align: center; font-variant: small-caps; position: absolute; left: -30px; right: 0; margin-left: auto; margin-right: auto; margin-top: 2px; transition: 0.3s ease; }

.enable:hover .enabletext { left: 0px; opacity: 1; transition: 0.3s ease; transition-delay: 0.2s; }

.enable:hover img { opacity: 1; transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); left: -180px; transition: 0.5s ease; }

footer > .content > .maincontent { color: #fff; text-align: center; padding: 80px 0 30px 0; }

a.anchor { display: block; position: relative; top: -80px; visibility: hidden; }

/* Testimonials */
.testimonial { border: none !important; }

.testimonial-inner { border: none !important; background-color: #fff; border-radius: 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); position: relative; }

.testimonial { width: 100% !important; flex-basis: 32%; justify-content: space-between; }

.strong-rating { position: absolute; bottom: 15px; }
.strong-rating span.star:before { color: #9fd953; }

.testimonial-name { font-weight: bold; position: absolute; top: 0; }
.testimonial-name:before { content: ''; margin: 10px 15px 0 0; background-image: url(images/testimonial.svg); height: 20px; width: 20px; display: inline-block; background-size: contain; background-repeat: no-repeat; }

.testimonial-content { margin-top: 20px; }

.testimonial-client { text-align: left !important; }

/* Testimonial Submission Form */
#wpmtst-submission-form { display: flex; flex-wrap: wrap; justify-content: space-between; width: 99%; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
#wpmtst-submission-form input[type="date"], #wpmtst-submission-form input[type="email"], #wpmtst-submission-form input[type="number"], #wpmtst-submission-form input[type="tel"], #wpmtst-submission-form input[type="text"], #wpmtst-submission-form textarea { background-color: #D5D5D5; border: 1px solid #CCCCCC; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16); border-radius: 4px; margin-top: 5px; color: #969696; font-weight: bold; }
#wpmtst-submission-form textarea { min-height: 125px; }
#wpmtst-submission-form input[type=submit] { background-color: #9fd953; color: #fff; font-size: 1em; border-radius: 6px; width: 100%; max-width: 250px; height: 50px; border: 1px solid #d5d5d5; cursor: pointer; transition: 0.3s ease; margin-top: 15px; }
#wpmtst-submission-form .strong-rating { position: static; margin-top: 5px; }

.form-field { flex-basis: 49%; color: #000; font-weight: bold; text-align: left; }

.testimonial-heading { margin: 25px 0 -10px 0 !important; }

.field-post_content { flex-basis: 100% !important; }

.field-rating { margin-left: 20px; }

.strong-rating span.current:before { color: #9fd953; }

.strong-rating span.star:before { color: #9fd953; }

.testimonial-success { width: 99%; margin: 0 auto; background-color: #fff; padding: 20px; text-align: center; color: #000; border-radius: 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

.contact-form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-form .form-item { flex-basis: 32%; }
.contact-form .textbox { flex-basis: 100%; margin-top: 10px; }

/* Responsive Elements */
@media screen and (max-width: 1170px) { body, .content { min-width: 100%; width: 100%; max-width: 100%; }
  .textcontainer, .slideshowlargetext, .slideshowtextlower { text-align: center; }
  header { padding: 0 20px; }
  footer { padding: 20px; }
  .textcontainer { width: 100%; max-width: 50%; }
  .topfooter { height: inherit; min-height: inherit; }
  #container { max-width: 100%; } }
@media screen and (max-width: 1160px) { .contentbox, .contentboximgholder, .contentboxalt, .contentboximgholderalt { float: none; margin: 0 auto; display: block; }
  .contentboximgholder, .contentboximgholderalt { width: 100%; max-width: 100%; }
  .contentboximgholderalt { margin-bottom: 20px; }
  .contentboximgholder { height: 200px; }
  .contentboximg { height: 200px; object-fit: cover; }
  .maincontent { padding: 0 10px; }
  .contentbox, .contentboxalt, .contentboxfull, .contentboxfullpage { min-height: inherit; padding: 0; }
  .form-field { width: 33%; display: inline-block; }
  .field-post_content { width: 100%; }
  .field-rating, .wpmtst-captcha { width: 49%; }
  .submit { display: block; }
  header { height: 70px; position: fixed; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); z-index: 200; }
  body { font-size: 12px; }
  footer { height: inherit; text-align: center; }
  footer > .content > .maincontent { padding: 10px 0; }
  .mainmenu { display: none; }
  .mainlogo { display: block; text-align: center; margin: 0 auto; }
  .bestrated, .contactdetails { display: none; }
  .mainarea { padding: 20px; }
  div.mobilenavheader { display: block; }
  nav { float: none; width: 750px; margin-top: 0; font-size: 0.75em; text-transform: uppercase; font-weight: bold; font-weight: 500; text-align: center; width: 100%; }
  .logoimg { padding-top: 10px; padding-bottom: 10px; height: 65px; width: auto; }
  .footerleft, .footerright, .enable, .contentleft, .contentright { float: none; display: block; margin: 0 auto; padding: 15px 0; max-width: 100%; text-align: center; position: static; transform: none; }
  .contentright { text-align: left; }
  .contentright#quoteform { max-width: 90%; font-size: 10px; margin-top: 0; }
  .strong-content.strong-grid.columns-2 .testimonial:nth-last-child(-n + 2), .strong-content.strong-grid.columns-3 .testimonial:nth-last-child(-n + 3), .strong-content.strong-grid.columns-4 .testimonial:nth-last-child(-n + 4) { margin-bottom: 20px !important; }
  .toptitle { font-size: 2.5em; padding: 5px; }
  .bannerbox > .content > .toptext > .toptitle { font-size: 2.5em; }
  .contentboxtitle, .areastitle { text-align: center; padding: 0 10px; }
  .buttonholder { display: block; position: fixed; }
    /* button, button:hover { display: block; margin: 0 auto; margin-top: 10px; width: 50%; }
*/
  .bannerholderhome, .slideshowimghome, .slideshowhome { height: 300px; }
  .contentbox, .contentboxalt, .contentboxfull { width: inherit; max-width: inherit; }
  .btn1, .btn2, .btn3 { display: block; top: initial; height: inherit; width: 91px; text-align: center; margin: 0; padding: 10px; position: fixed; z-index: 9999; display: block; bottom: 20px; }
  .btn1 { right: 220px; }
  .btn2 { right: 120px; }
  .btn3 { right: 20px; }
  .textcontainer { top: calc( 50% + 30px); transform: translateY(-50%); max-width: 75%; left: 0; right: 0; margin: 0 auto; }
  #quoteform { background: #4f4f4f; padding: 20px; color: #fff; }
  .wpcf7 strong { font-size: 1.5em; }
  .contentboxfullpage { padding: 20px 20px 0 20px; text-align: center; }
  .form-field { flex-basis: 100%; }
  .field-rating { margin: 0; } }
@media screen and (max-width: 900px) { .wpcf7-form #left, .wpcf7-form #right { width: 100%; display: block; margin-right: 0; float: none; }
  .maincontent { padding: 0 25px; font-size: 1.06em; }
  .contentboxholder { padding: 20px 0; padding-bottom: 0; }
  .contentboxalt { padding-bottom: 20px; }
  .payicon { width: 50%; }
  .bannerholderpage, .slideshowimgpage, .slideshowpage { height: 425px; }
  .slideshowlargetext { font-size: 1.5em; line-height: 1.5; padding-bottom: 10px; }
  .slideshowtextlower { font-size: 1.1em; line-height: 1.8; }
  #wpmtst-submission-form { width: 93%; }
  .form-field { width: 100%; display: block; }
  input[type="submit"], input[type="submit"]:hover { width: 50%; }
  .contacttop { display: none; }
  .contentboxfullpage ul { column-count: 1; }
  .testimonial { flex-basis: 100%; }
  .contact-form .form-item { flex-basis: 100%; margin-top: 10px; }
  .contact-form .form-item:first-of-type { margin-top: 0; } }
@media screen and (max-width: 320px) { input[type="submit"], input[type="submit"]:hover { width: 100%; }
  .btn1 { right: 20px; bottom: 100px; }
  .btn2 { right: 20px; bottom: 60px; } }