/*----------------------------------------------------VAR--*/
/*----------------------------------------------------GLOBAL--*/
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}
.content {
  padding: 0px;
  margin: auto;
}
.single-page {
  max-width: 1200px;
  margin: auto;
}
.content-area {
  padding: 0px !important;
}
.abovefooter .section {
  padding: 0px;
  max-width: 1200px;
  margin: auto;
}
h1 {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 800;
}
h2 {
  font-size: 34px;
}
h3 {
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.entry-title {
  display: none;
}
a {
  text-decoration: none;
}
a:hover {
  cursor: pointer !important;
  color: #919191 !important;
}
a:hover {
  cursor: pointer !important;
  color: #919191 !important;
}
a:visited {
  color: #fff;
}
a {
  color: #919191;
}
.content-articles {
  padding-left: 10%;
  padding-right: 10%;
}
.content-area-single {
  margin-left: 7%;
  margin-right: 7%;
}
.readmore {
  color: #fff;
  text-align: right;
  padding-right: 20px;
}
.readmore a:hover {
  cursor: pointer !important;
  color: #000 !important;
}
.readmore1 {
  color: #fff;
  text-align: right;
  padding-right: 20px;
  padding-top: 8.2%;
  /*-------------------------------------------------------------HEADER--*/
}
.readmore1 a:hover {
  cursor: pointer !important;
  color: #000 !important;
}
.cta {
  line-height: 10px;
  font-size: 18px;
  padding-top: 30px;
  color: #ed628a;
}
.cta .fas {
  width: 24px;
  color: #fff;
}
.site-header {
  background-color: #000;
  padding-top: 5px;
  padding-bottom: 0px;
  width: 100%;
  height: 70px;
  position: fixed;
  z-index: 999;
}
.site-branding {
  text-align: center;
  overflow: visible;
  /*-------------------------------------------------HOME*/
  /*fea463*/
}
.homeblock {
  position: relative;
  margin-top: -5%;
}
.homeblock:before {
  content: "";
  height: 88%;
  width: 100%;
  background-color: #fea463;
  position: absolute;
  padding: 20px;
  z-index: -1;
  top: 20px;
}
.hcontent {
  padding-top: 15%;
  padding-bottom: 10%;
  padding-left: 5%;
  padding-right: 5%;
}
.hblock1 {
  background-color: #ed628a;
  padding-bottom: 1px;
}
.hblock2 {
  background-color: #dd507f;
  padding-bottom: 1px;
  /*-------------------------------------------------------------MOUSE SCROLL--*/
}
.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width : 34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  margin-left: -7px;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  /*---------------------------------------------NAVIGATION--*/
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
.main-navigation {
  height: 100%;
  min-height: 60px;
  margin-left: 50px;
}
active, .current_page_item {
  border-bottom: 4px solid #ed628a;
}
.menu-menu-1-container ul > li:last-child {
  border-right: 1px solid #fff;
}
#primary-menu {
  float: left;
}
#primary-menu ul {
  height: 100%;
}
#primary-menu li {
  border-left: 1px solid #fff;
  height: 100%;
  min-height: 60px;
  line-height: 60px;
}
#primary-menu li:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-bottom: 4px solid #ed628a;
  color: #fff !important;
}
#primary-menu li a {
  color: #fff;
  padding-top: 1px;
  text-transform: uppercase;
  margin-top: 1px;
  height: 100%;
  font-weight: bold;
  font-size: 12px;
  text-algn: center;
}
#primary-menu .sub-menu a {
  padding: 10px !important;
}
.sub-menu {
  background-color: #333;
  /*----------------------------------------------------HOME*/
}
.sub-menu li a {
  color: #fff !important;
}
.homec {
  /*----------------------------------------------FOOTER --*/
}
.homec h1 {
  font-weight: 600;
  line-height: 0px;
}
.homec h3 {
  font-size: 13.5px;
  font-weight: 500;
  text-transform: uppercase;
}
.footerfrontpage {
  background-color: #333;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.carouselservices {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.carouselheaders {
  padding-left: 30%;
}
.localbusiness {
  background-image: url('https://mrhubby.co.za/wp-content/uploads/2018/08/Mr-Hubby-Pink-Banner-03-compressor.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: absolute;
  padding-top: 1%;
  padding-bottom: 5%;
  padding-left: 10%;
}
.ourexperience {
  background-image: url('https://mrhubby.co.za/wp-content/uploads/2018/08/Mr-Hubby-Banner-202-compressor.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: absolute;
  padding-top: 5%;
  padding-bottom: 10%;
  padding-right: 10%;
}
.footerinfo {
  padding-left: 15%;
}
.site-footer {
  background-color: #000;
  font-family: "arial";
  padding: 10px;
  padding-bottom: 10px;
  text-align: left !important;
  text-transform: capitalize;
  color: #fff;
}
.site-footer a {
  color: #fff;
}
.sticky-popup .popup-header {
  padding: 10px 5px 5px 10px;
  border: 3px solid #fff;
  cursor: pointer;
  /*-----------------------------------------------------------TOP SOCIAL*/
}
.social_sa {
  font-size: 18px !important;
  margin-top: 0px !important;
  margin-left: 5px;
  vertical-align: middle;
  color: #fff !important;
  transition: ease-in-out 0.3s !important;
  -webkit-transition: ease-in-out 0.3s !important;
  -moz-transition: ease-in-out 0.3s !important;
  -ms-transition: ease-in-out 0.3s !important;
  -o-transition: ease-in-out 0.3s !important;
  margin-right: 5px !important;
}
.social_sa:hover {
  color: #919191 !important;
}
.social_sa1 {
  font-size: 18px !important;
  margin-top: 0px !important;
  margin-left: 5px;
  vertical-align: middle;
  color: #fff !important;
  transition: ease-in-out 0.3s !important;
  -webkit-transition: ease-in-out 0.3s !important;
  -moz-transition: ease-in-out 0.3s !important;
  -ms-transition: ease-in-out 0.3s !important;
  -o-transition: ease-in-out 0.3s !important;
  margin-right: 5px !important;
}
.social_sa1:hover {
  color: #919191 !important;
  /* --------------------------------------------------------------------------------------- HOME PAGE  */
}
.frontpageimages {
  background-color: #d8d8d8;
  margin-left: 10% !important;
  margin-right: 10% !important;
}
.col:first-child {
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}
.content-articles {
  padding-left: 10%;
  padding-right: 10%;
  /* --------------------------------------------------------------------------------------- GRID OF 2  */
  /*  SECTIONS  */
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 0% 0 0% 0%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF TWO  */
}
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 50%;
  /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 0% 0 0% 0%;
  }
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 3  */
  /*  SECTIONS  */  .span_2_of_2, .span_1_of_2 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF THREE  */
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.13%;
}
.span_1_of_3 {
  width: 32.26%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 4  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF FOUR  */
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 74.6%;
}
.span_2_of_4 {
  width: 49.2%;
}
.span_1_of_4 {
  width: 23.8%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 5  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF FIVE  */
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 79.68%;
}
.span_3_of_5 {
  width: 59.36%;
}
.span_2_of_5 {
  width: 39.04%;
}
.span_1_of_5 {
  width: 18.72%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 6  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF SIX  */
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 83.06%;
}
.span_4_of_6 {
  width: 66.13%;
}
.span_3_of_6 {
  width: 49.2%;
}
.span_2_of_6 {
  width: 32.26%;
}
.span_1_of_6 {
  width: 15.33%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 7  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF SEVEN  */
}
.span_7_of_7 {
  width: 100%;
}
.span_6_of_7 {
  width: 85.48%;
}
.span_5_of_7 {
  width: 70.97%;
}
.span_4_of_7 {
  width: 56.45%;
}
.span_3_of_7 {
  width: 41.94%;
}
.span_2_of_7 {
  width: 27.42%;
}
.span_1_of_7 {
  width: 12.91%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 8  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF EIGHT  */
}
.span_8_of_8 {
  width: 100%;
}
.span_7_of_8 {
  width: 87.3%;
}
.span_6_of_8 {
  width: 74.6%;
}
.span_5_of_8 {
  width: 61.9%;
}
.span_4_of_8 {
  width: 49.2%;
}
.span_3_of_8 {
  width: 36.5%;
}
.span_2_of_8 {
  width: 23.8%;
}
.span_1_of_8 {
  width: 11.1%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 9  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF NINE  */
}
.span_9_of_9 {
  width: 100%;
}
.span_8_of_9 {
  width: 88.71%;
}
.span_7_of_9 {
  width: 77.42%;
}
.span_6_of_9 {
  width: 66.13%;
}
.span_5_of_9 {
  width: 54.84%;
}
.span_4_of_9 {
  width: 43.55%;
}
.span_3_of_9 {
  width: 32.26%;
}
.span_2_of_9 {
  width: 20.97%;
}
.span_1_of_9 {
  width: 9.688%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  /* --------------------------------------------------------------------------------------- GRID OF 10  */
  /*  SECTIONS  */  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9 {
    width: 100%;
  }
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
  /*  COLUMN SETUP  */
}
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
  /*  GROUPING  */
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
  /*  GRID OF TEN  */
}
.span_10_of_10 {
  width: 100%;
}
.span_9_of_10 {
  width: 89.84%;
}
.span_8_of_10 {
  width: 79.68%;
}
.span_7_of_10 {
  width: 69.52%;
}
.span_6_of_10 {
  width: 59.36%;
}
.span_5_of_10 {
  width: 49.2%;
}
.span_4_of_10 {
  width: 39.04%;
}
.span_3_of_10 {
  width: 28.88%;
}
.span_2_of_10 {
  width: 18.72%;
}
.span_1_of_10 {
  width: 8.56%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {
    width: 100%;
  }
}
.site-footer {
  position: relative !important;
}
@media only screen and (max-width: 1025px) {
  .site-footer {
    position: fixed !important;
  }
}
@media only screen and (max-width: 767px) {
  .site-footer {
    position: relative !important;
  }
}
.col {
  display: block;
  float: left;
  margin: 0% 0 0% 0%;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {
  margin-top: 0px;
  padding-top: 5px;
  line-height: 5px;
  color: #000;
  cursor: pointer;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea {
  height: 40px;
  width: 100%;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px;
  padding-top: 0;
}
body #gform_wrapper_1 .gform_footer input[type=submit] {
  width: 97%;
  background-color: #ed628a;
  color: #fff;
  margin-top: 0px;
  border: 1px solid #ed628a;
  cursor: pointer;
}
.gform_wrapper {
  overflow: inherit;
  margin: 0px 0px !important;
  max-width: 100%;
}
.gform_wrapper .gform_footer {
  padding: 10px 0 10px;
  margin: 0px 0 0 !important;
  clear: both;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px !important;
  padding-top: 0;
}
#pum-1220 {
  z-index: 999 !important;
}
.pum-theme-1203, .pum-theme-default-theme {
  background-color: transparent !important;
}
.pum-theme-1203 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
  height: auto;
  width: auto;
  left: auto;
  right: 0px;
  bottom: auto;
  top: 0px;
  padding: 8px;
  color: #000;
  font-family: inherit;
  font-weight: inherit;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
  border: 1px none #fff;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
  background-color: #333 !important;
}
body #gform_wrapper_2 .gform_footer input[type=submit] {
  width: 97%;
  background-color: #ed628a;
  color: #fff;
  margin-top: 0px;
  border: 1px solid #ed628a;
  cursor: pointer;
  /*  TABLET RESPONSIVE  */
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .ms-slide .ms-layer, .ms-fixed-layers .ms-layer, .ms-overlay-layers .ms-layer {
    position: absolute;
    pointer-events: auto;
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .cta {
    font-size: 7px;
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  #primary-menu li a {
    color: #fff;
    padding-top: 1px;
    text-transform: uppercase;
    margin-top: 1px;
    height: 100%;
    font-weight: bold;
    font-size: 9px;
    text-algn: center;
  }
}
@media only screen and (max-width: 768px) {
  .site-branding {
    width: 50%;
  }
}
.menu-toggle, .main-navigation.toggled ul {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cta {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .site-header {
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 0px;
    width: 100%;
    height: 40px;
    position: fixed;
    z-index: 999;
  }
}
@media only screen and (max-width: 767px) {
  .homeblock {
    position: relative;
    margin-top: -12%;
  }
}
@media only screen and (max-width: 767px) {
  .hcontent {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
#secondary {
  display: none !important;
}
.shiftnav .shiftnav-tagline {
  font-size: 16px;
  color: inherit;
  padding: 10px;
  display: block;
  line-height: 30px;
  vertical-align: top;
}