/* 
    Theme Name: JADES OFFICE
    Author: Orqa Design
    Author URI: http://orqadesign.com/
    Description: 2023 Custom built theme for JADES OFFICE
    Version: 1.0
    License: For use by JADES OFFICE Only
    */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.bullet-icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.acf-field-602be23827296 ul.acf-checkbox-list li label { font-family: 'FontAwesome'!important; }
/* Admin */
body#tinymce { font-family: 'DM Sans', sans-serif; }
* { -webkit-font-smoothing: antialiased; }
/* Main Styles & Homepage */
html { scroll-behavior: smooth; overflow-x: hidden; }
.fontawesome { font-family: 'FontAwesome'; }
body { -webkit-font-smoothing: antialiased; font-family: 'DM Sans', sans-serif; font-weight: 400; font-size: 24px; color: #000000; line-height: 30px; }
h1, .home h2 { color: #898587; text-transform: uppercase; letter-spacing: 9px; text-align: center; font-size: 24px; }
.description h2 { font-weight: 700; font-size: 40px; letter-spacing: -1px; text-align: left; line-height: 70px; }
.description { line-height: 34px; margin-top: 50px; }
h2, .home h3 { font-weight: 700; font-size: 72px; line-height: 57px; letter-spacing: -4px; text-align: center; }
p { margin-bottom: 20px; }
div { box-sizing: border-box; }
.wrapper { width: 1680px; margin: 0 auto; }
.inner-wrapper { width: 1520px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
b { font-weight: 700; }
strong { font-weight: 700; }
i { font-style: italic; }
/* Menu */
#navigation { display: block; margin: auto; width: auto; float: left; padding-top: 30px; padding-left: 60px; }
#header { padding-bottom: 100px; }
#mobnavigation { display: none; }
#menu-icon { position: relative; color: rgba(255,0,144);; display: none; font-family: "FontAwesome"; float: right; z-index: 200; font-size: 42px; margin-top: -55px; line-height: 40px; }
#menu-icon a { color: #fff; }
.menu li { list-style: outside none none; display: inline-block; margin-left: 12px; margin-right: 12px; }
.menu li a { color: #898587; text-decoration: none; font-size: 16px; cursor: pointer; text-transform: uppercase; letter-spacing: 5px; }
.menu li a:hover, .menu li a:active { text-decoration: underline; }
.menu li a:active { text-decoration: underline; }
ul.menu, div.menu > ul { margin: 0; padding: 0 0 0; }
.menu li { display: inline-block; position: relative; }
.menu li:hover > a, .menu li a:hover, .menu li:focus > a, .menu li a:focus { }
.menu .sub-menu, .menu .children { background-color: #1d2339; border: 10px solid #1d2339; padding: 0; position: absolute; left: 0; z-index: 99999; width: 210px; display: none; margin-left: -65px; }
.menu ul a { padding: 10px; box-sizing: border-box; }
.menu ul ul a { padding: 10px; box-sizing: border-box; }
.menu li ul li { width: 100%; padding: 0; text-align: left; margin: 0px; }
.menu .sub-menu ul, .menu .children ul { border-left: 0; left: 100%; top: 0; }
.sub-menu a { display: block; width: 100%; padding: 8px 6px; line-height: 25px; color: #fff!important; font-weight: 400; padding: 0px!important; text-align: center; }
ul.menu ul a, .menu ul ul a { margin: 0; }
ul.menu ul a:hover, .menu ul ul a:hover, ul.menu ul a:focus, .menu ul ul a:focus { }
ul.menu li:hover > ul, .menu ul li:hover > ul, ul.menu .focus > ul, .menu .focus > ul { display: block; }
.menu .current_page_item > a, .menu .current_page_ancestor > a, .menu .current-menu-item > a, .menu .current-menu-ancestor > a { }
.makupCat .menu .current_page_item > a, .makupCat .menu .current_page_ancestor > a, .makupCat .menu .current-menu-item > a, .makupCat .menu .current-menu-ancestor > a { background: #f2f2f2; }
#header .icon { float: left }
.header-socials { float: right; padding-top: 25px; }
.header-socials a { color: #a5a2a3; font-size: 41px; }
img.va { float: right; margin-top: -5px; }
.header-socials .fa { margin-right: 10px; }
.divider { background-color: #000; height: 2px; width: 100%; float: left; margin-top: 10px; }
.simple-sitemap-wrap h3 { display: none; }
.simple-sitemap-container ul { margin: 0em!important; text-align: center; }
.simple-sitemap-container ul a { color: rgba(255,0,144);; }
.qe-toggle-title { border-left: 0px!important; border-right: 0px!important; margin-bottom: 0px!important; border-bottom: 0px!important; }
.qe-faq-toggle { margin-bottom: 0px!important; }
.qe-faq-toggle .qe-toggle-title h4 { font-weight: 700!important; font-size: 36px!important; letter-spacing: -2px!important; }
.fa-plus-circle { color: rgba(255,0,144);; }
.qe-toggle-title:hover .fa-plus-circle { color: #fff; }
.qe-toggle-content { border: none!important; padding-left: 80px!important; font-size: 20px!important; line-height: 24px!important; }
#sp-testimonial-free-wrapper-77 .sp-testimonial-free-section .testimonial-nav-arrow { color: #e6e6e6!important; font-size: 50px!Important; }
.sp-testimonial-free-section .sp-testimonial-title h3 { font-size: 28px!important; }
.sp-testimonial-free-section .sp-testimonial-client-testimonial p { font-size: 22px!important; line-height: 30px!important; margin-top: 50px!important; margin-bottom: 40px!important; }
.sp-testimonial-client-name { font-size: 24px!important; }
.sp-testimonial-free-section .sp-testimonial-client-rating i.fa { font-size: 30px!important; margin-right: 4px!important; margin-top: 10px!important; }
/* Forms */

.wpcf7-form input.wpcf7-text, input.wpcf7-submit, .wpcf7-form textarea, .wpcf7-form select { -webkit-appearance: none; border: none; background-color: #fafafa; font-size: 24px; color: rgba(255,0,144);!Important; padding: 20px 35px; margin-bottom: 15px; width: 100%; box-sizing: border-box; border-bottom: solid 2px #fff; font-family: 'DM Sans', sans-serif!important; margin-bottom: 20px; transition-timing-function: ease-in; }
textarea { height: 150px; }
.acceptance-679 span { margin: 0px; margin-top: 20px; margin-bottom: 40px; }
.wpcf7-form p { line-height: 22px; }
.acceptance-679 input { width: 35px; height: 35px; float: left; margin-right: 10px; }
option { background-color: #354143!important; cursor: pointer!important; -webkit-appearance: none!important; border: none!important; }
.wpcf7-form input::-webkit-input-placeholder {
 color: rgba(255,255,255,1.0);
}
.wpcf7-form input::-moz-placeholder {
 color: rgba(255,255,255,1.0);
}
.wpcf7-form input:-ms-input-placeholder {
 color: rgba(255,255,255,1.0);
}
.wpcf7-form p { margin-bottom: 0px; }
 .wpcf7-form input::-webkit-input-placeholder {
 color: rgba(255,255,255,1.0);
}
.wpcf7-form input::-moz-placeholder {
 color: rgba(255,255,255,1.0);
}
.wpcf7-form input:-ms-input-placeholder {
 color: rgba(255,255,255,1.0);
}
input.wpcf7-submit { letter-spacing: 5px; border: solid 2px #fff; cursor: pointer; color: #fff !important; font-weight: normal !important; width: 320px !important; float: left; padding: 20px 35px!important; }
.wpcf7-form select { cursor: pointer; }
textarea:focus, input:focus { outline: none; border-bottom: solid 2px #d9c7af; color: #d9c7af; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { width: 100%; float: left; }
.wpcf7-not-valid-tip { color: #ffb900; font-size: 16px; margin-top: -20px; }
textarea::placeholder, input::placeholder {
opacity: 1!important;
color: #fff;
}
a.button, input.wpcf7-submit, a.read_more, input.button { background-color: rgba(255,0,144);; font-weight: 700; color: #ffffff; text-align: center; letter-spacing: 6px; text-transform: uppercase; padding: 33px 30px; text-decoration: none; font-size: 24px; margin: auto; width: 220px; display: block; }
a.button:hover, input.wpcf7-submit:hover { opacity: 0.5; }

::-webkit-input-placeholder { /* Edge */
 color: black!important;
}

:-ms-input-placeholder { /* Internet Explorer */
 color: black!important;
}

::placeholder {
 color: black!important;
}
/* Footer */
footer { }
.copyright { font-size: 14px; line-height: 24px; width: 100%; float: left; padding-top: 20px; padding-bottom: 80px; }
.copyright a { color: #ffffff; }
.office-footer .icon { position: absolute; padding-top: 100px; }
.office-footer { height: 590px; overflow: hidden; margin-top: 100px; }
footer { background-color: #000000; color: #ffffff; padding-top: 120px; padding-bottom: 30px; }
h5 { font-size: 72px; font-weight: 700; letter-spacing: -4px; margin-bottom: 60px; }
.prefooter .left a .fa, .contact-section-2 a .fa, .contact-section-2 .fa { color: rgba(255,0,144);; font-size: 30px; margin-right: 15px; }
.prefooter .left a .fa-phone { color: rgba(255,0,144);; font-size: 31px; margin-left: 5px; }
.prefooter .left a { color: #ffffff; font-size: 30px; font-weight: 700; text-decoration: none; }
.contact-section-2 a, .socials h3 { color: #000; font-size: 30px; font-weight: 700; text-decoration: none; }
.footer-contact { font-weight: 700; margin-bottom: 20px; font-size: 30px; }
.organisations { font-size: 18px; text-transform: uppercase; letter-spacing: 2px; float: left; margin-right: 30px; font-weight: 700; }
img.va-footer { float: left; margin-top: -10px; margin-right: 15px; }
footer .right { font-weight: 700; font-size: 30px; }
img.footerlogo { margin-top: -30px; }
.va-footer-contact { margin-top: 50px; float:right; padding-right: 80px;}
.footer { margin-top: 150px; }
.althead { margin-top: 24px; }
footer .left, footer .right { width: 50%; }
footer .left {width: 45%;}
/* Fade Transition */
a.button, a, .circlebutton, .wpcf7-submit, button, .circle-button .buttontitle { -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; }
a.button:hover, a:hover, .circlebutton:hover, .wpcf7-submit:hover, button:hover, .circle-button .buttontitle:hover { opacity: 0.5; }
/* Home */

.home-about .left, .home-about .right { width: 50%; }
.home-about .left { padding: 5%; padding-top: 0%; padding-bottom: 4% }
.home-about .right h2, .home-about .right h3, .header-services h2, .header-services h3 { text-align: left; }
.home-about .right a.button, .home-service a.button { margin: 80px 0px 0px 0px; }
.home-about .right h2, .header-services h2, .header-hdiw h2 { font-weight: 400; padding-top: 120px; padding-bottom: 0px; }
.home-about .right .text { padding-top: 20px; }
.home-about .right { padding-right: 1%;
padding-left: 2%; }
.home-services { text-align: center; padding-top: 50px; padding-bottom: 100px; }
.home-service { display: inline-block; width: 33%; box-sizing: border-box; text-align: left; vertical-align: top; }
.hs-icon { color: #e4e3e3; font-size: 119px; }
.hs-title, .hdiw-title { font-size: 57px; font-weight: 700; letter-spacing: -1px; padding-top: 20px; line-height: 57px; padding-bottom: 20px; }
.header-services h2 { margin-left: 5px; }
.home-service:nth-of-type(1) { padding-right: 20px; }
.home-service:nth-of-type(2) { padding-right: 20px; padding-left: 20px; }
.home-service:nth-of-type(2) .fa { font-size:150px; }
.home-service .fa { height:150px;}
.home-service:nth-of-type(3) { padding-left: 20px; }
.home-how:nth-of-type(1) { padding-right: 20px; }
.home-how:nth-of-type(2) { padding-right: 20px; padding-left: 20px; }
.home-how:nth-of-type(3) { padding-left: 20px; }
.hdiw-icon { position: absolute; left: 23%; margin-top: 120px; }
.home-hdiw { width: 100%; float: left; margin-top: 100px; margin-bottom: 100px; background-color: #fafafa; padding: 5%; }
.home-how { display: inline-block; width: 33%; box-sizing: border-box; text-align: left; vertical-align: top; }
.hdiw-number { border-radius: 50%; width: 130px; height: 130px; background-color: #fff; text-align: center; padding-top: 50px; font-weight: 700; color: rgba(255,0,144);; font-size: 90px; margin: auto; }
.hdiw-title { padding-top: 40px; padding-bottom: 30px; }
.header-hdiw .usp-icon .fa { color: rgba(255,0,144);; font-size: 48px; }
.usps-1, .usps-2, .usps-3 { display: inline-block; width: 33%; box-sizing: border-box; text-align: left; vertical-align: top; }
.usps-1 { padding-right: 20px; }
.usps-2 { padding-right: 20px; padding-left: 20px; }
.usps-3 { padding-left: 20px; }
.header-hdiw .usp-icon, .header-hdiw .usp-title { float: left; }
.header-hdiw .usp-title { font-size: 36px; font-weight: 700; letter-spacing: -1px; width: 80%; padding-top:10px;  }
.usp { width: 100%; float: left; margin-bottom: 40px; }
.header-hdiw .usp-icon { width: 70px; text-align: center; padding-right: 20px; }
a.biggerbutton { width: 340px; }
.usps-1 .usp:nth-of-type(3) .fa { font-family: 'DM Sans', sans-serif; font-weight: 700; }
.home-about-image { width: 100%; overflow: hidden; height: 660px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.hs-text { min-height: 280px; }
.header-hdiw .biggerbutton { margin-top: 50px; }
/* About Me */

.home-about { margin-top: 100px; }
.home .home-about { margin-top: 0px; }
h1 { padding-bottom: 10px; font-size: 24px; letter-spacing: 6px; }
h6 { font-size: 36px; line-height: 36px; font-weight: 700; margin-top: 20px; }
.about-section-2 h6 { margin-bottom: 30px; padding-left: 5%; padding-right: 5%; padding-top: 5% }
.about-section-2 .text { padding-left: 5%; padding-right: 5%; padding-bottom: 5% }
.about-section-2 { background-color: #fafafa; }
.about-section-3 h2, .about-section-4 h2 { text-align: left; line-height: 72px; }
.about-section-3 { margin-top: 100px; }
.about-section-4 { margin-bottom: 100px }
.about-section-3 .bullet-title { font-size: 35px; line-height: 35px; font-weight: 700; letter-spacing: -1px; margin-top: 10px; }
.about-section-3 .usp-icon { width: 70px; float: left; }
.about-section-3 .bullet .usp-icon .fa { color: rgba(255,0,144);; font-size: 55px; }
.about-section-3 .bullet { width: 100%; float: left; margin-bottom: 20px; }
.about-section-3 .bullets { margin-top: 60px; margin-bottom: 100px; width: 100%; float: left; }
.about-section-4 h2 { margin-bottom: 60px; }
.about-section-4 .biggerbutton { margin-top: 50px; }
/* Services */
.services-section-2 { text-align: center; }
.service-1, .service-2, .service-3 { width: 33%; display: inline-block; vertical-align: top; text-align: left; }
.service-2 { padding-left: 20px; padding-right: 20px; }
.service-1 { padding-right: 20px; }
.service-3 { padding-left: 20px; }
.services-section-2 .icon { color: #e4e3e3; font-size: 120px; }
.usp-icon .fa { font-size: 30px; color: rgba(255,0,144); }
.usp-icon .fa { width: 50px; float: left; }
.services-section-2 .bullet-title { width: 80%; float: left; }
.services-section-2 .bullet { width: 100%; float: left; margin-bottom: 20px; }
.services-section-2 h2 { text-align: left; font-size: 57px; line-height: 57px; margin-top: 20px; margin-bottom: 20px; }
.service { margin-top: 80px; }
.services-section-2 .icon, .services-section-2 h2 { padding-left: 20px; padding-right: 20px; }
.services-section-2 { padding: 5%; }
.services-section-3 { background: #fafafa; font-weight: 700; padding: 40px; text-align: center; }
.services-section-3 { margin-bottom: 60px; }
.simple-sitemap-container ul { margin: 0px; }
/* Prices */
h3 { font-weight: 700; padding-bottom: 20px; }
.prices-section-1, .contact-section-1 { text-align: center; padding-top: 100px; }
.price-plan { width: 32.5%; display: inline-block; box-sizing: border-box; padding: 40px; color: #fff; vertical-align: top; min-height: 500px; }
.prices-2 { margin-left: 1.25%; margin-right: 1.25%; }
.price-plan-wrapper { text-align: center; padding-top: 60px; padding-bottom: 1%; }
.prices-1 { background-color: #f494bc; }
.prices-2 { background-color: #ed168f }
.prices-3 { background-color: #aa1066; }
.price-plan-wrapper h2 { padding-top: 50px; padding-bottom: 40px; }
.price-hours, .price-cost, .price-savings, .price-info { text-align: left; width: 100%; float: left; }
.price-hours, .price-cost { text-transform: uppercase; font-size: 20px; letter-spacing: 1px; font-weight: 700; }
.price-savings { font-style: italic; font-size: 20px; padding-left: 40px; }
.price-info { font-size: 18px; line-height: 24px; padding-top: 20px; }
.price-plan-wrapper .fa { float: left; width: 40px; margin-top: 5px; }
.price-plan-other { background-color: #fdf0f3; color: #ed168f; width: 49.375%; float: left; padding: 40px; text-align: left; box-sizing: border-box; min-height: 230px; }
.prices-bespoke { margin-right: 0.625% }
.prices-payg { margin-left: 0.625%; }
.price-plan-other h2 { font-size: 52px; text-align: left; padding-bottom: 20px; }
.price-plan-other h2, .price-plan-other .text, .text-small { width: 100%; float: left; }
.text-small { width: 70%; }
.hourlycost { float: right; width: 25%; font-weight: 700; font-size: 70px; letter-spacing: -4px; text-align: right; margin-top: -30px; }
.price-plan-other .text, .text-small { font-size: 18px; line-height: 24px; }
span.ph { font-size: 21px; font-weight: 700; margin-top: 10px; display: block; letter-spacing: -1px; }
.prices-cta { padding-top: 50px; text-align: center; }
.disclaimer { font-size: 12px; line-height: 16px; }
.prices-cta h3 { font-size: 30px; line-height: 34px; padding-bottom: 40px; padding-top: 60px; }

.qe-faq-toggle .qe-toggle-content, .qe-faq-list .qe-list-content {
  background-color: rgba(255,0,144);!Important;
}
.qe-faq-toggle.active .qe-toggle-title:hover, .qe-faq-toggle .qe-toggle-title:hover {
  background-color: rgba(255,0,144);!Important;
}
#sp-testimonial-free-wrapper-77 .sp-testimonial-free-section .sp-testimonial-client-name {
  color: rgba(255,0,144);!Important;
}

#sp-testimonial-free-wrapper-77 .sp-testimonial-free-section .sp-testimonial-client-rating {
  color: rgba(255,0,144);!Important;
}
/* Testimonials */


/* Contact me */
.contact-section-2 { padding-top: 30px; }
.inner-wrapper-small { width: 1370px; margin: auto; }
.inner-wrapper-small .left, .inner-wrapper-small .right { width: 50%; padding: 70px; }
.socials { padding-top: 50px; }
.socials .fa { float: left; font-size: 41px!important; }
.contact-section-2 img.va-footer { float: left; margin-top: -4px; margin-right: 0px; }

.contact-section-2 .right {padding-top: 110px;}
.home-service a.button {
  margin: 20px 0px 0px 0px;
}


.home-about h3 {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    opacity: 0;
}
 
@keyframes fadeInAnimation {
   0% {
      opacity: 0;
      transform: translateX(50px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}

/* slideshow 
.slideshow #items { position: relative; width: 100%; height: 290px; overflow: hidden; }
.slideshow .item { position : absolute; width: 100%; height: 290px; background-size: cover!important; padding-left: 80px; padding-right: 80px; }
.slideshow { width: 100%; position: relative; margin-top: -20px; z-index: 0; }
div.item { position: absolute; transition: opacity .5s ease-in; background-size: 100%!important; opacity: 0; }
div.item + div.item { opacity: 0; }
.slideshow .item.fade { z-index: 10; }
#controls { z-index: 100; display: block; width: 100%; position: absolute; margin: auto; text-align: center; top: 120px; }
#controls li#prev { cursor : pointer; float: left; font-size: 100px; opacity: 0.8; }
#controls li#next { cursor : pointer; float: right; font-size: 100px; opacity: 0.8; }
.testimonials .description { color: #fff; }
.testimonials .header-area-wrapper h2 { margin-bottom: 80px; }
*/
/* Contact */

#wpadminbar #wp-admin-bar-w3tc, #wpadminbar #wp-admin-bar-wpseo-menu {display:none!important;}


.testimonials .description {
  line-height: 34px;
  margin-top: 100px;
}

.preheader { margin: auto; text-align: center; }
.preheader img { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2s; width: 750px; height: 607px; }
 
.header-area-wrapper { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2s; }
 @keyframes fadeInOpacity { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}



/* IE11 hide native button*/
select::-ms-expand {
display: none;
}
 @supports (-webkit-overflow-scrolling: touch) {
}
}
 @media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .my_elements_with_border_radius {
border-radius: 0
}
}
 _::-webkit-full-page-media, _:future, :root .safari-class {
 font-weight: initial;
}
 

/* firefox target */

@supports (-moz-appearance:none) {

 #menu-icon, .simple-sitemap-container ul a, .fa-plus-circle, .wpcf7-form input.wpcf7-text, input.wpcf7-submit, .wpcf7-form textarea, .wpcf7-form select, .prefooter .left a .fa, .contact-section-2 a .fa, .contact-section-2 .fa, .prefooter .left a .fa-phone, .hdiw-number, .about-section-3 .bullet .usp-icon .fa, .usp-icon .fa  {color:#da0590 }

a.button, input.wpcf7-submit, a.read_more, input.button { background-color:#da0590 }
.qe-faq-toggle .qe-toggle-content, .qe-faq-list .qe-list-content {
  background-color: #da0590!Important;
}
.qe-faq-toggle.active .qe-toggle-title:hover, .qe-faq-toggle .qe-toggle-title:hover {
  background-color: #da0590!Important;
}
#sp-testimonial-free-wrapper-77 .sp-testimonial-free-section .sp-testimonial-client-name {
  color: #da0590!Important;
}

#sp-testimonial-free-wrapper-77 .sp-testimonial-free-section .sp-testimonial-client-rating {
  color: #da0590!Important;
}
}

/* IE only override*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 [data-aos^="flip"][data-aos^="flip"] {
 backface-visibility: unset;
 transition-property: unset;
}
}
/* Chrome only override */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.logo img { image-rendering: -webkit-optimize-contrast; }
}




/*-------------------- MEDIA QUERIES --------------------------------------------*/

@media only screen and (max-width:1700px) {
.wrapper { width: 1400px; }
.inner-wrapper { width: 1300px; }
.footerlogo { width: 100% }
.hs-text { min-height: 300px; }
.hdiw-icon { left: 19%; }
.home-how { width: 32%; }
.service-1, .service-2, .service-3 { width: 32%; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/

@media only screen and (max-width:1470px) {
.wrapper { width: 1200px; }
.inner-wrapper, .inner-wrapper-small { width: 1100px; }
.menu li a { font-size: 15px; letter-spacing: 4px; }
.menu li { margin-left: 5px; margin-right: 5px; }
#navigation { padding-left: 30px; }

.home-service { display: inline-block; width: 32%; }
.hs-text { min-height: 360px; }
.hdiw-icon { left: 13%; }
.hdiw-title { font-size: 47px; }
.usps-1, .usps-2, .usps-3 { width: 32%; }
.header-hdiw .usp-title { width: 75%; }
.about-section-1 .home-about-image { height: 800px; }
.price-plan { min-height: 550px; }
.price-plan-other { min-height: 260px; }
.sp-testimonial-free-section .testimonial-nav-arrow { top: 30%; }
.preheader img { width: 700px; height: 566px; }
}


/*-------------------- MEDIA QUERIES --------------------------------------------*/

@media only screen and (max-width:1270px) {
.wrapper { width: 1000px; }
.inner-wrapper, .inner-wrapper-small { width: 900px; }
.header-socials { margin-top: -90px; }
.header-socials a { font-size: 31px; }
img.va { float: right; margin-top: -3px; width: 40px; }
.header-socials .fa { margin-right: 6px; }
.menu li { margin-left: 6px; margin-right: 7px; }
h5 { font-size: 62px; line-height: 62px; }
.office-footer { height: 400px; }
.home-about .right h2 { padding-top: 20px; }
.home-about-image { height: 510px; }
.home-about .right a.button { margin: 30px 0px 0px 0px; }
.hs-text { min-height: 460px; }
.hdiw-icon { left: auto; }
.hdiw-title { font-size: 37px; }
.about-section-1 .home-about-image { height: 1000px; background-position: 80% 50%; }
.home-about.services-section-1 .right .text { padding-top: 20px; }
.services-section-2 .icon, .services-section-2 h2 { padding-left: 10px; padding-right: 10px; }
.services-section-2 h2 { text-align: left; font-size: 47px; line-height: 47px; }
.services-section-2 .bullet-title { width: 70%; }
.qe-faq-toggle .qe-toggle-title i.fa { margin-right: 0.5em; margin-bottom: 30px; float: left; }
.price-plan { min-height: 640px; }
.price-plan-other { min-height: 290px; }
.price-plan-other h2 { width: 60%; line-height: 40px; }
.hourlycost { width: 35%; margin-top: -155px; margin-right: 10px; }
.text-small { width: 100% }
.price-plan-wrapper .fa { margin-bottom: 20px; }
.price-hours, .price-cost { line-height: 22px; margin-bottom: 10px; }
.price-cost .fa { margin-top: 0px; }
.inner-wrapper-small .left, .inner-wrapper-small .right { padding: 40px; }
.home-service a.button {width: 90%;}
.preheader img { width: 650px; height: 526px; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1050px) {
.wrapper { width: 800px; }
.inner-wrapper, .inner-wrapper-small { width: 700px; }
#navigation { padding-left: 20px; }
.menu li a { font-size: 13px; letter-spacing: 2px; }
.menu li { margin-left: 5px; margin-right: 5px; }
.prefooter .left { width: 60%; }
.prefooter .right { width: 40%; }
.footer .left { width: 100%; }
.footer .right { width: 100%; }
img.footerlogo { margin-top: -10px; }
.va-footer-contact { margin-top: -320px;float: left; }
.preheader img { width: 600px; height: 485px; }
@keyframes fadeinout { 50% {
 opacity: 1;
}
 99% {
 opacity: 0;
 height: 485px;
}
 100% {
 height: 0px;
}
}
.home h3 { font-size: 70px; line-height: 70px; }
.home-about-image { height: 625px; }
.about-section-1 .home-about-image { height: 600px; background-position: 80% 50%; }
.home-about-image { background-position: 80% 50%; }
.hs-title { font-size: 37px; }
.hs-text { min-height: 700px; }
.home-service a.button { margin: auto; width: 100%; box-sizing: border-box; font-size:21px; }
.header-hdiw { text-align: center; }
.hdiw-icon { position: inherit; }
.header-hdiw h2 { font-weight: 400; padding-top: 20px; padding-bottom: 0px; }
.header-hdiw .usp-icon { width: 100%; text-align: center; padding-right: 0px; }
.header-hdiw .usp-title { width: 100%; margin-top: 10px; min-height: 140px; }
.usp { text-align: center; }
.about-section-3 .bullet-title { font-size: 35px; line-height: 35px; margin-top: 0px; width: 90%; float: left; }
.about-section-3 .bullet { margin-bottom: 40px; }
.service-1, .service-2, .service-3 { width: 100%; padding: 0px !important; margin-bottom: 40px; }
.services-section-2 h2 { font-size: 57px; line-height: 57px; }
.services-section-2 .bullet-title { width: 90%; }
.services-section-2 .icon, .services-section-2 h2 { float: left; }
.services-section-2 h2 { padding-top: 10px; }
.service { margin-top: 40px; float: left; }
.home-about .right .text { padding-bottom: 40px; }
h6 { margin-top: 0px; }
.price-plan { padding: 20px; }
.hourlycost { width: 35%; margin-top: -175px; margin-right: 10px; }
.inner-wrapper-small .left, .inner-wrapper-small .right { padding: 20px; }
.contact-section-2 a { font-size: 25px; }
.header-hdiw .usp-icon .fa {
  float: none;
}
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:850px) {
.wrapper, .inner-wrapper, .inner-wrapper-small { width: 700px; }
.header-socials a { font-size: 41px; }
img.va { float: right; margin-top: -5px; width: 55px; }
.header-socials .fa { margin-right: 10px; }
.header-socials { margin-top: 0px; }
#navigation ul#menu-main-menu li { text-align: center; list-style-type: none; float: none; margin-right: 0px; padding-left: 0px; display: block; margin-top: 0px; margin-bottom: 20px; }
ul#menu-main-menu { z-index: 201; background: none repeat scroll 0 0 rgba(255,0,144); border: 0px; float: none; padding: 10px; position: absolute; right: 0; width: 100%; margin-top: 0px; text-align: center; -webkit-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); -moz-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-sizing: border-box; margin-top: 89px; padding-top: 30px; }
.menu li a:hover, .menu li a:active { text-decoration: none; color: #000000; }
#menu-icon { display: block; margin-top: 0px; cursor: pointer; padding-right: 20px; }
.menu { display: none; }
.menu.active { display: block; }
#navigation { width: auto; float: right; padding-top: 25px; }
.menu li a { font-size: 24px; line-height: 34px; color: #ffffff; }
.menu .sub-menu, .menu .children { background-color: rgba(255,0,144);; border: 0px; padding: 0px; position: initial; left: initial; z-index: initial; width: 100%; display: block; margin: 0px; margin-top: 20px; }
.menu ul a { padding: 0px; }
.menu ul a:hover { text-decoration: none; }
.prefooter .left, .prefooter .right { width: 100%; }
.va-footer-contact { display: none; }
.prefooter .right { margin-top: 50px; }
.footer { margin-top: 100px; }
.home-how { width: 100%; text-align: center; margin-bottom: 80px; }
.hdiw-title { font-size: 57px; }
.home-how:nth-of-type(1) { padding-right: 20px; padding-left: 20px; }
.home-how:nth-of-type(3) { padding-right: 20px; padding-left: 20px; }

@supports (-moz-appearance:none) {
    ul#menu-main-menu { z-index: 201; background: none repeat scroll 0 0 #da0590;}
.menu .sub-menu, .menu .children { background-color: #da0590;
    }
}


/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:720px) {
.wrapper, .inner-wrapper, .inner-wrapper-small { width: auto; margin-left: 40px; margin-right: 40px; }
.left, .right { width: 100%!important; }
.home-about .left { padding: 0%; }
.home-about .right { padding: 0%; padding-top: 30px; padding-bottom: 40px; }
#header { padding-bottom: 80px; }
.home-service { display: inline-block; width: 100%; padding: 0px !important; padding-bottom: 80px !important; }
.hs-text { min-height: initial; margin-bottom: 40px; }
.hs-title { font-size: 42px }
.about-section-3 h2, .about-section-4 h2 { line-height: 50px; font-size: 50px; }
.about-section-3 .bullet-title { width: 80%; }
.services-section-2 .bullet-title { width: 80%; }
.home-about .right .text { padding-bottom: 0px; }
h6 { margin-top: 20px; }
.price-plan { width: 100%; min-height: initial; margin-bottom: 20px; padding: 40px; padding-bottom: 50px; }
.price-plan-wrapper .fa { margin-bottom: 0px; }
.price-plan-wrapper .fa { margin-top: 0px; }
.prices-2 { margin-left: 0%; margin-right: 0%; }
.price-plan-other { width: 100%; margin-bottom: 20px; }
.prices-bespoke { margin-right: 05%; }
.prices-payg { margin-left: 0%; }
.price-plan-other h2 { width: 70%; }
.hourlycost { width: 25%; margin-top: -40px; margin-right: 10px; }
.text-small { width: 70%; }
.price-plan-other { min-height: initial; }
.price-plan-wrapper { padding-bottom: 0%; }
.sp-testimonial-free-section .testimonial-nav-arrow { top: 12%; }
.inner-wrapper-small .left, .inner-wrapper-small .right { padding: 0px; margin-top: 40px; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:650px) {
.office-footer { height: 300px; }
.preheader img { width: 500px; height: 404px; }
@keyframes fadeinout { 50% {
 opacity: 1;
}
 99% {
 opacity: 0;
 height: 404px;
}
 100% {
 height: 0px;
}
}
.usps-1, .usps-2, .usps-3 { width: 100%; padding: 0px!Important; }
.usp { text-align: left; }
.header-hdiw .usp-title { width: 80%; margin-top: 0px; min-height: auto; font-size: 27px; padding-left: 10px; }
.header-hdiw .usp-icon { width: 70px; }
.usp { margin-bottom: 20px; }
.hourlycost { width: 100%; margin-top: 40px; margin-right: 0px; text-align: left; }
.text-small, .price-plan-other h2 { width: 100%; }
span.ph { padding-left: 40px; }

.header-services h2 {padding-top: 60px;}
.home-services {
  padding-top: 20px; padding-bottom: 0px;}
.home-service .fa {
  height: initial;
}
.hdiw-icon {
  margin-top: 70px;
}
.home-hdiw {
  margin-top: 40px;}
  .home-hdiw {padding-top: 10%; padding-bottom: 10%;}
  .about-section-3 h2, .about-section-4 h2 {
  line-height: 50px;
  font-size: 50px;
  text-align: center;
}
#header .icon img {
  width: 60px;
}
.header-socials {
  padding-top: 10px;
}
#navigation {
  padding-top: 10px;
}
.althead {
  margin-top: 20px;
}
ul#menu-main-menu {margin-top: 69px;}
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:540px) {
.wrapper, .inner-wrapper, .inner-wrapper-small { width: auto; margin-left: 20px; margin-right: 20px; }
.preheader img { width: 400px; height: 323px; }
@keyframes fadeinout { 50% {
 opacity: 1;
}
 99% {
 opacity: 0;
 height: 323px;
}
 100% {
 height: 0px;
}
}
.home-about-image, .about-section-1 .home-about-image { height: 400px; }
#header { padding-bottom: 60px; }
.hdiw-title { font-size: 47px; }
.qe-faq-toggle .qe-toggle-title i.fa { margin-bottom: 70px; }
.qe-toggle-title { min-height: 110px; }
.testimonials h2 { font-size: 47px; }
.contact-section-2 .inner-wrapper-small, .price-plan-wrapper .inner-wrapper, .price-plan-wrapper-2 .inner-wrapper, .testimonials .basic-page .inner-wrapper, .inner-wrapper.servicemob {margin-left: 0px; margin-right: 0px;} 

}


/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:450px) {
.prefooter .left a { font-size: 20px; }
footer { padding-top: 50px; padding-bottom: 0px; }
h5 { margin-bottom: 40px; }
.organisations { margin-bottom: 10px; }
.footer { margin-top: 60px; }
.copyright { padding-bottom: 50px; }
.office-footer { height: 150px; }
.office-footer .icon img { width: 50px; }
.office-footer .icon { padding-top: 30px; }
.preheader img { width: 290px; height: 234px; }
@keyframes fadeinout { 50% {
 opacity: 1;
}
 99% {
 opacity: 0;
 height: 234px;
}
 100% {
 height: 0px;
}
}
a.button, input.wpcf7-submit, a.read_more, input.button { width: 100%; box-sizing: border-box; }
.about-section-3 .bullet-title { width: 100%; text-align: center; }
.about-section-3 .usp-icon { width: 100%; float: none; text-align: center; margin-bottom: 20px; }
.services-section-2 h2 { font-size: 40px; line-height: 40px; }
.qe-faq-toggle .qe-toggle-title i.fa { float: none; margin: auto; margin-bottom: auto; width: 100%; margin-bottom: auto; padding-bottom: 10px; }
.qe-toggle-title { text-align: center; }
.qe-toggle-content { padding-left: 20px !important; text-align: center; }
.price-plan-wrapper .fa { margin-bottom: 20px; }
input.wpcf7-submit { width: 100%!important; font-size: 24px; }
.inner-wrapper-small .footer-contact { text-align: center; }
.inner-wrapper-small .socials .fa { float: none; }
.socials { text-align: center; }
.inner-wrapper-small img.va-footer { float: none; margin-bottom: -10px; }
.about-section-3 .bullet .usp-icon .fa {float: none;}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:390px) {
.header-socials { display: none; }
#header .icon img { width: 60px; }
#navigation { padding-top: 10px; }
ul#menu-main-menu { margin-top: 64px; }
.home-about-image, .about-section-1 .home-about-image { height: 300px; }
.home h3 { font-size: 55px; line-height: 55px; }
.home-about .right h2 { padding-bottom: 0px; }
.hdiw-title { font-size: 37px; }
.header-hdiw .usp-title { width: 70%; }
.services-section-2 .bullet-title { width: 75%; }
.price-plan { padding: 20px; padding-bottom: 30px; }
.price-plan-other { padding: 20px; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:360px) {
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:319px) {
body { min-width: 319px; }
}