/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*Generic Custom*/
* {
  word-wrap: break-word;
  outline: none;
}
body.page-id-51 .post_content {
  margin-bottom: 0;
}
body.page-id-51 .headline {
  display: none;
}
body.page-id-51 div#pgc-w5854fbe8ec355-1-0 {
  text-align: center;
}
.titles, body .widget.widget_sow-button .home-tiles a.ow-button-hover, body .sldr_title, body .gallery .title, body footer .title p {
  max-width: 400px !important;
  border: 3px solid !important;
  font-size: 30px !important;
  text-transform: uppercase !important;
  padding: 0.5em 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  margin: 1em auto;
}
.custom-button, body .widget.widget_sow-button .home-tiles a.ow-button-hover {
  background: transparent !important;
  border-radius: 0 !important;
  border-color: white !important;
  color: white !important;
  transition: ease 0.25s;
}
.custom-button:hover, body .widget.widget_sow-button .home-tiles a.ow-button-hover:hover, .custom-button:focus, body .widget.widget_sow-button .home-tiles a.ow-button-hover:focus {
  background-color: white !important;
  color: black !important;
}
.wrapper {
  overflow-x: hidden;
}
.so-widget-sow-image-default-3f547a15eaaa .sow-image-container .so-widget-image {
  margin: 0 auto;
}
.sldr_title, .testimonial_content {
  font-family: 'Raleway', sans-serif !important;
  /* Styling */
}
body {
  padding: 0;
  /*Header*/
  font-family: 'Raleway', sans-serif;
  /*Menu Desktop*/
}
body #header {
  position: relative;
  /*Main Content*/
}
body #header .wp-post-image {
  min-width: 1200px;
}
body #header #header-inner {
  position: absolute;
  top: 0;
  width: 75%;
  left: 10%;
  padding: 1em 0;
}
body #header #header-inner #menuwrapper {
  position: relative;
  float: right;
}
body #header #header-inner #menuwrapper ul li a {
  font-weight: 600;
}
body #header #header-inner .logo {
  max-width: 400px;
}
body #header .header_text {
  position: absolute;
  top: 12.5vw;
  text-align: center;
  width: 100%;
}
body #header .header_text h1 {
  text-transform: uppercase;
  color: #fff;
}
body #header .header_text p {
  width: 200px;
  margin: 2em auto 0;
  padding: 1em;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}
body .home-welcome {
  margin-bottom: 2em;
  text-align: center;
  text-transform: uppercase;
}
body .home-welcome-desc {
  text-align: justify;
  font-size: 13px;
}
body .home-welcome-button {
  margin-top: 1em;
}
body .home-welcome-button .ow-button-base a, body .home-welcome-button .ow-button-base a.ow-button-hover {
  background: transparent !important;
  color: #000 !important;
  border-radius: 0 !important;
  border: 2px solid #41a9d5 !important;
  text-transform: uppercase;
  padding: 0.75em 1em !important;
}
body .home-welcome-button .ow-button-base a:hover, body .home-welcome-button .ow-button-base a.ow-button-hover:hover {
  color: #000 !important;
}
body .clickhere a {
  background: transparent !important;
  border: 2px solid #fff !important;
  padding: 0.35em 0.85em !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  font-weight: 600;
  position: relative;
  top: 2px;
  color: white !important;
}
body .textwidget {
  margin-top: 0 !important;
}
body .post_content {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 3em;
}
body .panel-grid-cell {
  position: relative;
}
body .widget {
  margin: 0 !important;
  /*Bottom Bar*/
}
body .bottom_bar {
  width: 100%;
  background-color: #00b2d9;
  padding: 2em 0;
  /*Home Tiles*/
}
body .bottom_bar .bottom_bar_inner {
  max-width: 75%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
body .bottom_bar .bottom_bar_inner p {
  display: inline-block;
  font-size: 30px;
}
body .bottom_bar .bottom_bar_inner .text {
  text-transform: uppercase;
}
body .bottom_bar .bottom_bar_inner .button {
  float: right;
  border: 2px solid white;
  padding: 0 1em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}
body .widget.widget_sow-button .home-tiles {
  width: 400px;
  overflow: auto;
  margin: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*Testimonials*/
}
body .widget.widget_sow-button .home-tiles a.ow-button-hover {
  font-size: 20px !important;
  padding: 1em 3em !important;
  margin: 0 auto;
}
body .testimonial_by_wrap, body div#testimonial_slider_1_nav {
  display: none !important;
}
body .testimonial_wrapper {
  top: 20px !important;
  max-width: 75%;
  margin: 0 auto !important;
}
body .testimonial_nav_arrow_wrap {
  display: block !important;
  position: relative;
  top: -70px;
}
body div#testimonial_sslider_wid-2 {
  margin: 0;
}
body .testimonial_slider__textonly .testimonial_content {
  width: 75%;
  text-align: justify;
}
body .textwidget {
  margin-top: 1em;
}
body .sldr_title {
  margin: 1em auto 0 !important;
  border-color: #000;
}
body .testimonial_content {
  margin: 0 !important;
}
body a#testimonial_slider_1_prev {
  left: 7%;
}
body a#testimonial_slider_1_next {
  right: 7%;
  /*Gallery*/
}
body .gallery {
  max-width: 75%;
  margin: 0 auto;
  padding: 2em 0;
  left: -50px;
  position: relative;
  /*Services*/
}
body .gallery .title {
  margin: 0 auto 2em;
}
body .gallery .galleryImg {
  display: inline-block;
  width: 195px;
}
body .gallery .galleryImg svg.svgElement-block {
  width: 220px;
}
body .gallery .galleryExtra {
  position: relative;
  top: -57px;
  left: 100px;
}
body .gallery .more path {
  fill: #00b2d9;
}
body .gallery .more p {
  position: absolute;
  top: 100px;
  left: 45px;
  color: #fff;
}
body .subheading {
  margin: 1em 0 2em;
}
body .service-item--link {
  color: inherit;
}
body .service-item {
  margin: 1em 0;
}
body .service-item .service-text {
  width: 75%;
  padding: 0 1em 0 0;
  text-align: justify;
}
body .service-item .service-text > .uppercase {
  margin-bottom: 1em;
  font-weight: bold;
}
body .service-item .service-text p.uppercase + p {
  font-size: 13px;
}
body p.services-bottom-text {
  margin: 5em 0;
  max-width: 75%;
}
body .divider {
  border-bottom: 2px solid #000;
  /*Contact*/
}
body #pg-w58561631a29b5-1 a, body #pg-w58561631a29b5-1 {
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center;
}
body .contact-form {
  position: absolute;
  top: 0;
  margin-top: 4vw !important;
  height: auto;
  min-width: 310px;
  min-height: 100px;
  left: 50%;
}
body .contact-form .textwidget {
  position: relative;
  left: -50%;
}
body .contact-form .titles, body .contact-form .widget.widget_sow-button .home-tiles a.ow-button-hover, body .widget.widget_sow-button .home-tiles .contact-form a.ow-button-hover, body .contact-form .sldr_title, body .contact-form .sldr_title, body .contact-form .gallery .title, body .gallery .contact-form .title, body .contact-form footer .title p, body footer .title .contact-form p {
  border-color: #fff !important;
  color: #fff;
  position: relative;
  width: 350px;
  top: -25px;
}
body form.wpcf7-form {
  text-align: center;
  position: relative;
  top: -10px;
}
body form.wpcf7-form input, body form.wpcf7-form textarea {
  padding: 1em 2em;
  resize: none;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  width: 450px !important;
  max-width: 100% !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
}
body form.wpcf7-form input[type="submit"] {
  width: 300px !important;
  margin: 0 auto !important;
  background-color: #fff !important;
  color: #616161 !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 16px !important;
}
body .contact-image img {
  min-width: 1500px;
  /*Footer*/
}
body footer {
  position: relative;
}
body footer .title {
  position: absolute;
  top: 75px;
  width: 100%;
  text-align: center;
}
body footer .title p {
  color: #fff;
  margin: 0 auto;
}
body footer .items {
  position: absolute;
  top: 75px;
  bottom: 0;
  left: 20%;
  width: 60%;
  margin: 0 auto;
}
body footer .items .item img {
  margin: 0 auto;
  max-width: 100px;
}
@media (min-width: 1135px) {
  #menuwrapper {
    overflow: hidden;
  }
  #menuwrapper ul#menu-main {
    border: none;
  }
  #menuwrapper ul#menu-main li a {
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 600;
  }
  span.menu_control {
    display: block;
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    width: 75px;
    z-index: 100;
    float: right;
    cursor: pointer;
    position: relative;
  }
  span.menu_control:before {
    content: "≡";
    position: absolute;
    left: 0;
    font-size: 30px;
  }
  span.menu_control.menu_control_triggered {
    display: none;
  }
  span.menu_control + #menu-main {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  span.menu_control.menu_control_triggered + #menu-main {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 1238px) {
  /*Mobile*/  body #header #header-inner .logo {
    max-width: 320px;
  }
}
@media (max-width: 1135px) {
  body #header {
    /*Bottom Bar*/
  }
  body #header .header_text {
    top: 17.5vw;
  }
  body #header #header-inner {
    width: 100%;
    left: 0;
    padding: 0;
  }
  body #header #header-inner #menuwrapper {
    float: none;
  }
  body #header span.menu_control {
    padding: 1em;
    font-size: 20px;
    display: block;
    width: 100%;
    border-width: 0;
    background-color: #fff;
  }
  body #header .logo {
    width: 300px;
    margin: 0 auto;
    margin-top: 2em;
    position: absolute;
    left: 50%;
    top: 60px;
  }
  body #header .logo a {
    position: relative;
    left: -50%;
  }
  body #header .menu {
    display: none;
    width: 100%;
    clear: both;
  }
  body #header .menu .sub-menu {
    position: static;
    display: block;
    margin: 0;
    border-top: 1px solid #ddd;
    padding-left: 26px;
  }
  body #header .menu .sub-menu li {
    width: 100%;
  }
  body #header .menu li {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  body #header .menu a {
    border-width: 1px 1px 0 0;
    background-color: #fff;
    padding: 1em 26px;
  }
  body #header .menu .current-menu-item > a {
    background-color: #eee;
  }
  body #header .menu li:first-child > a:first-child {
    border-top-width: 0;
  }
  body #header .menu.show_menu {
    display: block;
  }
  body #header .menu > li > a {
    border-left-width: 1px;
  }
  body #pgc-w5855d236646cb-0-0 {
    width: 100%;
  }
  body #pgc-w5855d236646cb-0-1 {
    width: 100%;
    text-align: center;
    margin-top: 1em;
  }
  body #pgc-w5855d236646cb-0-1 .ow-button-base.ow-button-align-right {
    text-align: center;
  }
  body .bottom_bar .bottom_bar_inner .button {
    float: none;
    margin-top: 1em;
  }
}
@media (max-width: 989px) {
  body #header .logo {
    max-width: 300px;
  }
  body #header .header_text {
    top: auto;
    bottom: 7.5vw;
  }
  footer#footer > img, div#pg-7-3 img, .contact-image img {
    min-width: 1500px;
  }
}
@media (max-width: 898px) {
  body .service-item {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  body .service-item .service-text {
    width: 100%;
  }
  body .service-item .service-image {
    margin: 0 auto;
  }
  body p.services-bottom-text {
    max-width: 100%;
    text-align: justify;
  }
  body #panel-w58560ec1e7bff-0-1-0 {
    display: none;
  }
}
@media (max-width: 768px) {
  body .contact-form .titles, body .contact-form .widget.widget_sow-button .home-tiles a.ow-button-hover, body .widget.widget_sow-button .home-tiles .contact-form a.ow-button-hover, body .contact-form .sldr_title, body .contact-form .sldr_title, body .contact-form .gallery .title, body .gallery .contact-form .title, body .contact-form footer .title p, body footer .title .contact-form p {
    top: auto;
  }
  body form.wpcf7-form {
    max-width: 300px;
    margin: 0 auto;
    top: 20px;
  }
  body footer .items {
    top: 175px;
  }
  body footer .items .item {
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
    margin: 1em 0;
  }
}
@media (max-width: 405px) {
  /*Flex Lib*/  .titles, body .widget.widget_sow-button .home-tiles a.ow-button-hover, body .sldr_title, body .gallery .title, body footer .title p, body .contact-form .titles, body .contact-form .widget.widget_sow-button .home-tiles a.ow-button-hover, body .widget.widget_sow-button .home-tiles .contact-form a.ow-button-hover, body .contact-form .sldr_title, body .contact-form .sldr_title, body .contact-form .gallery .title, body .gallery .contact-form .title, body .contact-form footer .title p, body footer .title .contact-form p {
    width: 90%;
  }
  body .widget.widget_sow-button .home-tiles {
    width: 85%;
  }
}
.flex-box, body .service-item, body footer .items {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex-justify--center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-justify--end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-justify--space, body footer .items {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-basis--auto, body footer .items .item {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.flex-grow--one, body footer .items .item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.flex-wrap--on, body footer .items {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-direction--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.items-align--center, body footer .items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.items-align--start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.width-75 {
  max-width: 75%;
  margin: 0 auto;
}
