/*------------------------------------ Set Styles  ------------------------------------*/

body {
    font-family: 'Inter', sans-serif;
    color: #3f3d3d;
}
h2 {
    font-size: 74px;
    font-weight: 800;
}
h3 {
    font-size: 44px;
    font-weight: 600;
}
h4, 
.sm-heading {
    font-size: 33px;
    font-weight: 300;
    color: #111111;
    margin: 0;
}
h5 {
    font-size: 24px;
    font-weight: 700;
}
.site-branding, 
#content,
.container,  
.site-info {
    width: 1386px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
#content {
    padding-bottom: 40px;
}
.red {
    color: #f43244;
}
.inlife-btn-red {
    background: #f34a46;
    color: #fff;
    text-decoration: none;
    padding: 13px 35px;
    border-radius: 40px;
    font-size: 20px;
    transition: 0.3s ease-in-out;
}
.inlife-btn-red:hover {
    background: #fff;
    color: #f34a46;
}
.inlife-btn-pink {
    background: #d4244b;
    color: #fff;
    text-decoration: none;
    padding: 13px 50px;
    border: 2px solid #d4244b;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}
.inlife-btn-pink:hover {
    background: #fff;
    color: #d4244b;
}
.btn-row .inlife-btn-red {
    position: relative;
    top: 8px;
}
.inlife-btn-black {
    background: #242424;
    border: 2px solid #242424;
    text-decoration: none;
    border-radius: 40px;
    color: #fff;
    padding: 13px 50px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.inlife-btn-black:hover {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.rp-txt {
    color: #f7345e;
    background: linear-gradient(-107deg,#750181 0,#f7345e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    line-height: 1.2;
}
.web-txt {
    color: #f7345e;
    background: linear-gradient(-107deg,#750181 80%,#f7345e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}
.b-txt {
    color: #0f62c9;
    background: linear-gradient(-107deg,#31bef2 80%,#0f62c9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}
.g-txt {
    color: #56da71;
    background: linear-gradient(-107deg,#02865c 40%,#56da71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}
.o-txt {
    color: #de8404;
    background: linear-gradient(-107deg,#de8404 0%,#ec9908 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}

.p-txt {
    color: #d12d9c;
    background: linear-gradient(-107deg,#d12d9c 0%,#5ea2ef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}

.v-txt {
    color: #5808fb;
    background: linear-gradient(-107deg,#5808fb 0%,#9929ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1.2;
    font-size: 55px;
}


.wt-txt {
    color: #fff;
}
h3.wt-txt {
    font-size: 30px;
}
.big-txt {
    font-size: 40px;
    font-weight: 800;
    color: #f7345e;
    background: linear-gradient(-107deg,#750181 0,#f7345e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sb-txt {
    font-size: 40px;
    font-weight: 800;
    color: #0f62c9;
    background: linear-gradient(-107deg,#31bef2 15%,#0f62c9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gb-txt {
    font-size: 40px;
    font-weight: 800;
    color: #56da71;
    background: linear-gradient(-107deg,#02865c 0%,#56da71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ot-txt {
    font-size: 40px;
    font-weight: 800;
    color: #de8404;
    background: linear-gradient(-107deg,#de8404 0%,#ec9908 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ib-txt {
    font-size: 40px;
    font-weight: 800;
}
.fw {
    font-weight: 600;
}
h2.h2heading {
    font-size: 32px;
    line-height: 1.2;
}
.h2-rp {
    font-weight: 800;
    color: #f7345e;
    background: linear-gradient(-107deg,#750181 0,#f7345e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.h2-b {
    font-weight: 800;
    color: #0f62c9;
    background: linear-gradient(-107deg,#31bef2 80%,#0f62c9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.seo-btn {
    background: #1676d2;
    color: #fff;
    text-decoration: none;
    padding: 13px 35px;
    border: 2px solid #1676d2;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
}
.seo-btn:hover {
    background: #fff;
    color: #1676d2;
}
.social-btn {
    background: #199d62;
    color: #fff;
    text-decoration: none;
    padding: 13px 35px;
    border: 2px solid #199d62;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
}
.social-btn:hover {
    background: #fff;
    color: #199d62;
}

.web-btn {
    background: #252525;
    color: #fff;
    text-decoration: none;
    padding: 13px 35px;
    border: 2px solid #252525;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
}
.web-btn:hover {
    background: #fff;
    color: #252525;
}

.hosting-btn {
    background: #de8404;
    color: #fff;
    text-decoration: none;
    padding: 13px 35px;
    border: 2px solid #de8404;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
    transition: 0.3s ease-in-out;
}
.hosting-btn:hover {
    background: #fff;
    color: #de8404;
}

/*------------------------------------ Header Styles  ------------------------------------*/
#topbar {
    background: #f53244;
    color: #fff;
    text-align: right;
    padding: 6px 0;
}
#topbar section {
    margin: 0;
}
#topbar a {
    text-decoration: none;
}
#topbar a:first-child {
    margin-right: 20px;
}
#topbar img {
    width: 16px;
    margin-right: 2px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
#main-header {
    padding: 15px 0 10px;
    background: rgb(46,45,45);
    background: -moz-linear-gradient(top, rgb(46,45,45) 0%, rgb(27,26,26) 100%);
    background: -webkit-linear-gradient(top, rgb(46,45,45) 0%,rgb(27,26,26) 100%);
    background: linear-gradient(to bottom, rgb(46,45,45) 0%,rgb(27,26,26) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2d2d', endColorstr='#1b1a1a',GradientType=0 );
}
.custom-logo {
    width: 200px;
}
.main-navigation {
    float: right;
    color: #fff;
    margin-top: 10px;
}
.main-navigation li {
    margin-right: 55px;
    font-weight: 300;
}
.main-navigation li:last-of-type, 
.main-navigation .sub-menu li {
    margin-right: 0;
}
.main-navigation a {
    padding-bottom: 25px;
    transition: 0.3s ease-in-out;
}
.main-navigation a:hover, 
#f1 a:hover, 
#f2 a:hover {
    color: #f43244;
}
.sub-menu {
    display: block !important;
    padding: 10px 20px !important;
    margin-left: -20px !important;
    background: #1b1a1a;
    opacity: 0;
    transition: 0.3s ease-in-out;
	font-size:16px;
}
.main-navigation li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
}
.main-navigation .sub-menu li {
    margin: 5px 0;
}
.main-navigation ul ul a {
    width: 255px;
}
.main-navigation .sub-menu a {
    padding: 0;
}
#menu-item-39 a, 
#menu-item-13235 a {
    position: relative;
}
#menu-item-39 > a:before, 
#menu-item-13235 > a:before {
    content: "";
    position: absolute;
    top: 11px;
    right: -16px;
    background: var(--wpr-bg-44c239aa-5e68-40b8-9f51-a367814b47cb);
    width: 12px;
    height: 7px;
    background-repeat: no-repeat;
}
.rmp-menu-additional-content a {
    float: left;
    background: #d4244b;
    color: #fff;
    text-decoration: none;
    padding: 8px 30px;
    border: 2px solid #d4244b;
    border-radius: 40px;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
}

/*------------------------------------ Footer Styles  ------------------------------------*/
#coffee {
    padding-top: 40px;
}
#main-coffee {
    background: #1f1f1f;
    color: #fff;
    display: flex;
}
#coffee-main {
    text-align: center;
}
#coffee-toggle {
    text-decoration: none;
}
#coffee-toggle:focus {
    outline: none;
}
#coffee-main:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 12px;
    background: #1f1f1f;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    border-radius: 60px;
    z-index: -9;
}
#coffee-toggle img {
    width: 30px;
    position: relative;
    top: -16px;
    width: 35px;
    left: 3px;
}
#coffee-toggle p {
    margin: 0 0 10px;
    position: relative;
    top: -10px;
}
#coffee-content {
    display: none;
    padding-top: 20px;
}
#coffee-image {
    width: 33%;
    float: left;
}
#coffee-right {
    width: 67%;
    float: right;
}
#coffee-right h3 {
    margin: 10px 0 0;
}
.btn-columns {
    width: 33%;
    float: left;
}
#coffee-image {
    width: 33%;
    float: left;
    margin-bottom: -7px;
    text-align: center;
    padding: 0 20px;
}
footer#colophon {
    background: #0b0b0b;
    color: #fff;
    display: flex;
    padding: 50px 0 60px;
    clear: both;
}
.fwidgets {
    width: 21%;
    float: left;
    font-size: 15px;
}
#f4 {
    width: 19%;
    vertical-align: middle;
}
#f4 img {
    width: 60%;
    margin-top: 75px;
}
#f5 {
    width: 18%;
    margin-top: 10px;
}
#f5 p {
    margin-top: 0;
    font-size: 14px;
}
.fwidgets section {
    margin-bottom: 0;
}
.fwidgets h5 {
    margin: 0 0 20px;
}
.fwidgets a {
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
#f1 a, 
#f2 a {
    border-bottom: 1px solid;
    line-height: 2;
    color: #ddd;
}
#f3 {
    color: #ddd;
}
#f5 .widget_custom_html {
    text-align: center;
}
#f5 .widget_custom_html img {
    width: 38px;
    margin: 0 3px;
    transition: 0.3s ease-in-out;
}
#f5 .widget_custom_html img:hover {
    opacity: 0.6;
}
#f5 .widget_media_image img {
    text-align: center;
    margin: 20px auto 0;
    display: block;
}
#f-email, 
#f-num, 
#f-address {
    padding-left: 25px;
    position: relative;
}
#f-email:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: var(--wpr-bg-dd91c0a7-e619-480a-a5dc-839dd4bbc21a);
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
}
#f-num:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 5px;
    background: var(--wpr-bg-81b62320-922a-45ee-b403-716481e7cda9);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
}
#f-address:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 4px;
    background: var(--wpr-bg-2389c1d2-fc90-4408-aa05-8c0990a5e088);
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
}
#f-num {
    margin-top: 24px;
}
#f-email {
    margin: 8px 0;
}

.circle-row {
    margin-top: -150px;
    position: relative;
    z-index: 9;
}
.circles {
    cursor: pointer;
}
.circles .wpb_text_column {
    margin-bottom: 15px !important;
}
.circles .vc_column-inner {
    width: 300px !important;
    height: 300px !important;
    margin: 0 auto;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
#circle1 .vc_column-inner {
    background: rgb(169,37,112);
    background: -moz-linear-gradient(45deg,  rgb(169,37,112) 0%, rgb(244,50,69) 60%, rgb(244,50,69) 100%);
    background: -webkit-linear-gradient(45deg,  rgb(169,37,112) 0%,rgb(244,50,69) 60%,rgb(244,50,69) 100%);
    background: linear-gradient(45deg,  rgb(169,37,112) 0%,rgb(244,50,69) 60%,rgb(244,50,69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92570', endColorstr='#f43245',GradientType=1 );
}
#circle2 .vc_column-inner {
    background: rgb(14,127,200);
    background: -moz-linear-gradient(45deg,  rgb(14,127,200) 0%, rgb(50,190,241) 50%, rgb(50,190,241) 100%);
    background: -webkit-linear-gradient(45deg,  rgb(14,127,200) 0%,rgb(50,190,241) 50%,rgb(50,190,241) 100%);
    background: linear-gradient(45deg,  rgb(14,127,200) 0%,rgb(50,190,241) 50%,rgb(50,190,241) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e7fc8', endColorstr='#32bef1',GradientType=1 );
}
#circle3 .vc_column-inner {
    background: rgb(40,154,79);
    background: -moz-linear-gradient(45deg,  rgb(40,154,79) 0%, rgb(84,219,113) 50%, rgb(84,219,113) 100%);
    background: -webkit-linear-gradient(45deg,  rgb(40,154,79) 0%,rgb(84,219,113) 50%,rgb(84,219,113) 100%);
    background: linear-gradient(45deg,  rgb(40,154,79) 0%,rgb(84,219,113) 50%,rgb(84,219,113) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289a4f', endColorstr='#54db71',GradientType=1 );
}
#circle4 .vc_column-inner {
    background: rgb(220,129,5);
    background: -moz-linear-gradient(45deg,  rgb(220,129,5) 0%, rgb(236,153,8) 50%, rgb(236,153,8) 100%);
    background: -webkit-linear-gradient(45deg,  rgb(220,129,5) 0%,rgb(236,153,8) 50%,rgb(236,153,8) 100%);
    background: linear-gradient(45deg,  rgb(220,129,5) 0%,rgb(236,153,8) 50%,rgb(236,153,8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8105', endColorstr='#ec9908',GradientType=1 );
}
.circles p, 
.circles h5 {
    margin: 0;
}
.circles h5 {
    width: 200px;
    line-height: 1.3;
}
.first-row {
    padding-bottom: 50px;
}
.award-row {
    background: var(--wpr-bg-02a1d5e4-c9d9-4418-825a-8f4f541f188c);
    background-size: 100% 100%;
}
.award-row h4 {
    font-weight: 700;
}
.award-row p {
    font-size: 22px;
}
.award-row .vc_single_image-wrapper {
    padding-right: 50px;
    padding-bottom: 60px;
    padding-left: 10px;
    margin-top: 20px;
}
.google-reviews {
    padding: 250px 0 50px;
}
.mac-row .vc_column-inner {
    padding-top: 0 !important;
}
.fullpage-apple-container {
    background: #333;
    position: relative;
    vertical-align: middle;
}
.fullpage-apple-container-inner {
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    overflow: hidden;
    display: flex;
    top: 0px;
    will-change: transform;
    vertical-align: middle;
}
.fullpage-block-overflow-for-mobile {
    width: 100%;
    height: 90vh;
    display: block;
    overflow: hidden;
}
.fullpage-apple-block {
    width: 1000px;
    height: 585px;
    display: block;
    background: var(--wpr-bg-1217ab8b-c8e4-4a9c-a436-0ea46bd95a95);
    margin: 0 auto;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    padding: 33px 113px 71px;
    transform-origin: center center;
    position: absolute;
    top: calc(50% - 585px/2);
    left: calc(50% - 1000px/2);
    overflow: hidden;
}
.fullpage-apple-block-container {
    width: calc(100% - 115px - 113px);
    height: calc(100% - 33px - 71px);
    overflow: hidden;
    position: absolute;
    top: 33px;
    left: 115px;
}
.fullpage-apple-block .block {
    width: 100%;
    height: 100%;
    display: block;
    clear: both;
    background-size: cover !important;
    background-position: center !important;
    z-index: 10000;
    position: absolute;
    top: 0px;
    left: 10000px;
}
.fullpage-apple-block .block:nth-child(1) {
    left: 0px;
}
.quote-row {
    color: #fff;
    background: var(--wpr-bg-9e0cd6cf-a25b-47cb-a67e-bdbfbb70e60c);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.quote-row h4 {
    font-weight: 800;
}
.qq-row {
    display: flex;
    background: rgb(36 36 36 / 22%);
    border-radius: 20px;
    padding: 40px 30px 40px !important;
}
.qq-one-third {
    width: 25%;
    float: left;
    margin-right: 3%;
}
.qq-row div p {
    margin: 0;
}
.qq-one-third input {
    width: 100%;
    border: 0;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 18px;
}
.qq-one-third select {
    width: 100%;
    border: 0;
    padding: 12px 16px 11px;
    border-radius: 5px;
    font-size: 18px;
}
.qq-send {
    float: left;
    width: 16%;
}
.qq-send input[type="submit"] {
    width: 100%;
    background: #242424;
    border: 2px solid #242424;
    border-radius: 20px;
    color: #fff;
    padding: 12.2px 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.social-cost-row .qq-send input[type="submit"]:hover, 
.seo-cost-row .qq-send input[type="submit"]:hover, 
.qq-send input[type="submit"]:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.qq-row span.wpcf7-spinner {
    position: absolute;
}
.quote-left {
    padding-top: 40px;
}
.quote-right {
    padding-top: 250px;
    padding-bottom: 50px;
}
.quote-right .wpb_single_image {
    width: 450px;
    margin: 0 auto;
}
.inner-service-page {
    margin-top: -70px;
    z-index: 9;
}
.service-left p {
    font-size: 22px;
}
.request-btn {
    font-size: 18px;
    text-decoration: none;
    background: #d4244b;
    color: #fff;
    padding: 10px 25px;
    border-radius: 20px;
    border: 2px solid #d4244b;
    transition: 0.3s ease-in-out;
}
.request-btn:hover {
    background: transparent;
    color: #d4244b;
}
.service-icons, 
.service-seo-icons {
    padding-top: 100px;
    padding-left: 50px !important;
}
.service-icons p, 
.service-icons h5 {
    margin: 0;
}
.service-icons h5, 
.service-seo-icons h5 {
    font-weight: 400;
    font-size: 22px;
}
.website-cost-row {
    background: var(--wpr-bg-dd1dc73a-9305-4927-a084-20983835cd9d);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -50px;
}
.website-cost-row h4 {
    font-weight: 600;
}
.website-cost-row .work-first h4 {
    padding-bottom: 30px;
}
.vc_tta-panel .vc_tta-panel-heading {
    border-radius: 40px !important;
}
.vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.vc_tta-panel-heading h4 {
    font-size: 22px;
    font-weight: 600;
    padding: 4px 10px;
    position: relative;
}
#website-standard-package span.vc_tta-title-text:before,
#website-pro-package span.vc_tta-title-text:before, 
#website-ultimate-package span.vc_tta-title-text:before, 
#website-bespoke span.vc_tta-title-text:before {
    content: "|";
    position: absolute;
    left: 340px;
    top: 14px;
    font-weight: 300;
    color: #696969;
}
#website-standard-package span.vc_tta-title-text:after {
    content: "£89 per month";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#website-pro-package span.vc_tta-title-text:after {
    content: "£149 per month";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#website-ultimate-package span.vc_tta-title-text:after {
    content: "£229 per month";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#website-bespoke span.vc_tta-title-text:after {
    content: "£ ?";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#website-standard-package h4 a:after, 
#website-pro-package h4 a:after, 
#website-ultimate-package h4 a:after, 
#website-bespoke h4 a:after {
    content: "What's included?";
    position: absolute;
    color: #42ef39;
    right: 50px;
    top: 15px;
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before {
    border-width: 8px;
}
i.vc_tta-controls-icon.vc_tta-controls-icon-triangle:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    z-index: -1;
    right: -2px;
    bottom: -1px;
}
.vc_tta-color-black.vc_tta-style-flat .vc_tta-controls-icon::after, 
.vc_tta-color-black.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: #000 !important;
}
.vc_tta-panel-body {
    padding: 15px 30px !important;
    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}
.vc_tta-panels-container h5 {
    margin: 30px 0 20px;
}
.tick-ul {
    margin: 0;
    padding: 0;
}
.tick-ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
}
.tick-ul li:before {
    content: "";
    position: absolute;
    background: var(--wpr-bg-f9cbdcc8-a88a-45cd-bc83-5cbb58397c91);
    width: 15px;
    height: 15px;
    left: 0;
    top: 4px;
}

.tick-ul-blk {
    margin: 0;
    padding: 0;
}
.tick-ul-blk li {
    list-style: none;
    padding-left: 25px;
    position: relative;
}

.tick-ul-blk li:before {
    content: "";
    position: absolute;
    background: var(--wpr-bg-627cbf99-fc80-484b-9dc8-f6e07fc2fea5);
    width: 15px;
    height: 15px;
    left: 0;
    top: 4px;
}

.website-work-title {
    padding-top: 35px;
    padding-bottom: 10px;
}
.website-work .wpb_single_image {
    margin-bottom: 0 !important;
}
.website-work h5 {
    margin: 20px 0 0;
}
.website-work p {
    color: #fff;
    margin: 10px auto 60px !important;
    width: 83%;
}
.portfolio-group p {
    text-align: center;
}
.example-row {
    padding: 20px 0;
}
.example-row h4 {
    padding-bottom: 30px;
}
body.page-id-13 #coffee, 
body.page-id-15 #coffee, 
body.page-id-17 #coffee, 
body.page-id-21 #coffee, 
body.page-id-12150 #coffee, 
body.page-id-27 #coffee {
    margin-top: -80px;
    position: relative;
    z-index: 9;
}
.clients-row {
    padding: 20px 0 40px;
}
.clients-row h4 {
    padding-bottom: 30px;
}
.cs-row {
    padding: 20px 0 60px;
}
.tech-row {
    padding: 20px 0 120px;
}
.service-seo-icons .vc_inner {
    margin-top: 25px;
}
.service-seo-icons .wpb_single_image {
    margin-bottom: 20px !important;
}
.service-seo-icons img {
    width: 100px;
    height: 100px !important;
}
.service-seo-icons h5 {
    margin-top: 10px;
}

.seo-cost-row {
    background: var(--wpr-bg-800e8ee9-2a3c-4f21-9af1-e27f1d2a6960);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -20px;
}
.seo-cost-row h4 {
    font-weight: 600;
}
.seo-cost-row .work-first h4 {
    padding-bottom: 30px;
}
#seo-bronze-package span.vc_tta-title-text:before,
#seo-silver-package span.vc_tta-title-text:before, 
#seo-gold-package span.vc_tta-title-text:before, 
#seo-bespoke span.vc_tta-title-text:before {
    content: "|";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 300;
    color: #696969;
}
#seo-bronze-package span.vc_tta-title-text:after {
    content: "£295 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-silver-package span.vc_tta-title-text:after {
    content: "£495 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-gold-package span.vc_tta-title-text:after {
    content: "£695 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-bespoke span.vc_tta-title-text:after {
    content: "£ ?";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-bronze-package h4 a:after, 
#seo-silver-package h4 a:after, 
#seo-gold-package h4 a:after, 
#seo-bespoke h4 a:after {
    content: "What's included?";
    position: absolute;
    color: #42ef39;
    right: 50px;
    top: 15px;
}
.wpb_video_widget {
    margin-bottom: 0 !important;
}
.logo-column .vc_row {
    width: 674px;
    padding: 30px 0 30px 90px;
}
.results-row {
    padding: 60px 0 80px;
    background: var(--wpr-bg-2f5b04f5-d3de-40d0-8f08-7638018b4f54);
    background-repeat: no-repeat;
    background-size: 430px;
    background-position: 90% 100%;
}
.blue-tick, 
.green-tick {
    padding: 0;
}
.blue-tick li, 
.green-tick li {
    list-style: none;
    padding-left: 40px;
    font-size: 22px;
    line-height: 1.8;
    position: relative;
    color: #4f4f4f;
}
.blue-tick li:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 7px;
    background: var(--wpr-bg-5db222ab-55a9-41ce-8ec0-13b01622d7be);
    width: 25px;
    height: 25px;
}
.client-inner {
    padding: 40px 0;
}
.client-inner .wpb_column.vc_column_container.vc_col-sm-2\/5 {
    padding-left: 70px;
}

.social-cost-row {
    background: var(--wpr-bg-31a73772-f6e9-43cf-8d86-1a54ddbf16c2);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -20px;
}
.social-cost-row h4 {
    font-weight: 600;
}
.social-cost-row .work-first h4 {
    padding-bottom: 30px;
}


#social-bronze-package span.vc_tta-title-text:before,
#social-silver-package span.vc_tta-title-text:before, 
#social-gold-package span.vc_tta-title-text:before, 
#social-bespoke span.vc_tta-title-text:before {
    content: "|";
    position: absolute;
    left: 370px;
    top: 14px;
    font-weight: 300;
    color: #696969;
}
#social-bronze-package span.vc_tta-title-text:after {
    content: "£295 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#social-silver-package span.vc_tta-title-text:after {
    content: "£495 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#social-gold-package span.vc_tta-title-text:after {
    content: "£695 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#social-bespoke span.vc_tta-title-text:after {
    content: "£ ?";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#social-bronze-package h4 a:after, 
#social-silver-package h4 a:after, 
#social-gold-package h4 a:after, 
#social-bespoke h4 a:after {
    content: "What's included?";
    position: absolute;
    color: #42ef39;
    right: 50px;
    top: 15px;
}
.social-cost-row .qq-send input[type="submit"], 
.seo-cost-row .qq-send input[type="submit"] {
    padding: 12.2px 70px;
}
.review-column .wpb_text_column {
    width: 660px;
    padding: 0 70px 0 150px;
}
.wa-row {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 77px;
    background-position: 100% 37%;
}
.wa-row p {
    font-size: 22px;
    color: #fff;
}
.green-tick li:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 7px;
    background: var(--wpr-bg-c260408a-10fb-4601-b7ac-764c45d654b0);
    width: 26px;
    height: 25px;
}
.growth-row {
    padding: 25px 0 45px;
    background: var(--wpr-bg-3dc3495d-7759-40e3-81fd-b98a0e203d32);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 11% 100%;
}
.sma-row {
    padding: 50px 0 90px;
    background: var(--wpr-bg-e644cfaa-f4f8-4fbc-9416-282823efda29);
    background-repeat: no-repeat;
    background-position: 89% 100%;
}
.sma-row p {
    font-size: 22px;
}



.graphic-cost-row {
    background: var(--wpr-bg-7f5828ab-3c39-4f15-bbee-b8651609af40);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -20px;
}
.graphic-cost-row h4 {
    font-weight: 600;
}
.graphic-cost-row .work-first h4 {
    padding-bottom: 30px;
}


.video-cost-row {
    background: var(--wpr-bg-171b4e16-6825-45d0-a0c9-b2e31f544a27);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -20px;
}
.video-cost-row h4 {
    font-weight: 600;
}
.video-cost-row .work-first h4 {
    padding-bottom: 30px;
}
.va-video {
    padding: 140px 40px 70px;
}


.hosting-cost-row {
    background: var(--wpr-bg-72c00dee-b30a-4d34-8fdc-f5fe9c51b2bf);
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: -20px;
}
.hosting-cost-row .work-first h4 {
    padding-bottom: 30px;
}
.hosting-cost-row .vc_tta-panel-heading h4 {
    font-size: 20px;
}
#standard-hosting span.vc_tta-title-text:before,
#hosting-security span.vc_tta-title-text:before, 
#hosting-security-updates span.vc_tta-title-text:before, 
#hosting-bespoke span.vc_tta-title-text:before {
    content: "|";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 300;
    color: #696969;
}
#standard-hosting span.vc_tta-title-text:after {
    content: "£18 per month";
    position: absolute;
    left: 430px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#hosting-security span.vc_tta-title-text:after {
    content: "£39 per month";
    position: absolute;
    left: 430px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#hosting-security-updates span.vc_tta-title-text:after {
    content: "£89 per month";
    position: absolute;
    left: 430px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#hosting-bespoke span.vc_tta-title-text:after {
    content: "£ ?";
    position: absolute;
    left: 430px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#standard-hosting h4 a:after, 
#hosting-security h4 a:after, 
#hosting-security-updates h4 a:after, 
#hosting-bespoke h4 a:after {
    content: "What's included?";
    position: absolute;
    color: #42ef39;
    right: 50px;
    top: 15px;
}
.hosting-clients {
    padding: 60px 0;
}
span.lb-number {
    display: none !important;
}
.web-logo .wpb_single_image {
    width: 8%;
    float: left;
    margin: 0 1%;
}
.smaller-logo img {
    height: 60px !important;
    width: auto;
}
body.page-id-21 .inner-service-page {
    padding-bottom: 80px;
}
body.page-id-23 .inner-service-page {
    padding-bottom: 20px;
}
.team-section {
    background: var(--wpr-bg-fe917e01-0ee2-43b8-8fa0-2593f2410ae0);
    background-size: cover;
    padding: 80px 0 0;
}
.team-section h4 {
    font-weight: 600;
}
.team-area {
    margin-top: 100px;
}
.tm_container {
    margin-bottom: 80px;
}
.tm_img {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
.tm-img {
    width: 250px;
    height: 250px;
    background-size: cover !important;
    border-radius: 100%;
    box-shadow: -5px 6px 14px #050505c7;
}
.tm_img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 0%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: 0.3s ease-in-out;
}
.tm_img:hover:before {
    background: rgba(0,0,0,0.65);
}
.tm_hover {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-20%,-50%);
    font-size: 12px;
    color: #fff;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.tm_img:hover .tm_hover {
    opacity: 1;
}
.tm_hover p {
    margin: 0;
}
.tm_text {
    width: 80%;
    margin: 15px auto 0;
    border-left: 10px solid #181818;
    padding-left: 10px;
    color: #fff;
}
.tm_text p {
    margin: 0;
}
.tm-name {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}
.team-job {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}
.monthly-social {
    background: var(--wpr-bg-db90764c-ea21-4db8-8a03-2ac520058f72);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 80px 0 30px;
}
.mbs-txt {
    font-size: 22px;
    color: #fff;
    width: 69%;
    padding-bottom: 40px;
}
.mbs-circle img {
    width: 550px !important;
    height: 550px !important;
    margin-top: 80px;
    border-radius: 100%;
}
.a-row {
    padding-top: 100px;
}
.a-row h4 {
    font-weight: 600;
}
.awards-row {
    padding: 40px 0;
}
.awards-row .wpb_single_image {
    margin: 55px 0 25px !important;
}
.p-circle {
    margin: 0;
    position: relative;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
}
.p-circle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: #fff9d7;
    border-radius: 100%;
    z-index: -1;
}
.winner-img img {
    width: 180px;
}
.winner3-img img {
    width: 209px;
}
.prologue-row {
    padding: 10px 0 50px;
}
.prologue-row h3 {
    margin-bottom: 25px;
}
.prologue-row p {
    width: 82%;
    margin: 0 auto 10px;
}
.rmp-container.rmp-menu-open{
    box-shadow: 2px 0px 11px #000;
}
.fullpage-block-overflow-for-mobile {
    width: 100%;
    height: 90vh;
    display: block;
    overflow: hidden;
}
.clients-row h4 {
    padding-bottom: 0;
}
#mc_embed_signup input {
    width: 100%;
    border-radius: 40px;
    padding: 10px 20px;
    text-align: center;
}
#mc_embed_signup input[type="submit"], 
.cf-submit input[type="submit"] {
    background: #d4244b;
    color: #fff;
    text-decoration: none;
    padding: 13px 50px;
    border: 2px solid #d4244b;
    border-radius: 40px;
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}
#mc_embed_signup input[type="submit"]:hover, 
.cf-submit input[type="submit"]:hover {
    background: transparent;
    color: #d4244b;
}
.wpb_widgetised_column .widget {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.wpb_widgetised_column #text-5 {
    padding-bottom: 50px;
}
.wpb_widgetised_column .widget:last-of-type {
    border-bottom: 0;
}
.wpb_widgetised_column .widget h4 {
    font-weight: 600;
}
#text-5 h4 {
    margin-bottom: 20px;
}
h4 b, h4 strong {
    font-weight: 500;
}
.inlife-blog .vc-gitem-zone-height-mode-auto {
    height: 270px;
}
.inlife-blog .vc_gitem-zone.vc_gitem-zone-c {
    background: transparent !important;
}
.inlife-blog .vc_gitem-post-data-source-post_title {
    margin: 0 !important;
}
.inlife-blog .vc_custom_heading h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    min-height: 87px;
}
.inlife-blog .vc_gitem-post-data-source-post_excerpt {
    margin: 15px 0 20px;
    display: block;
}
.inlife-blog .vc_gitem-post-data-source-post_excerpt p {
    margin: 0;
}
.inlife-blog .vc_gitem_row .vc_gitem-col {
    padding: 15px 0;
}
.inlife-blog .vc_btn3-color-juicy-pink, 
.inlife-blog a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-blue {
    border-radius: 40px !important;
    border: 2px solid #d4244b !important;
    background: #d4244b !important;
    padding: 12px 35px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    transition: 0.3s ease-in-out;
}
.inlife-blog .vc_btn3-color-juicy-pink:hover, 
.inlife-blog a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-blue:hover {
    background: transparent !important;
    color: #d4244b !important;
    border: 2px solid #d4244b !important;
}
.post-area {
    padding: 60px 0;
}
.contact-c3 {
    padding: 20px 0 40px;
}
.cf-full p {
    margin: 0;
}
.cf-full input {
    width: 100%;
    padding: 10px 20px;
    border-radius: 40px;
    margin-bottom: 10px;
}
.cf-full textarea {
    width: 100%;
    height: 140px;
    border-radius: 20px;
    padding: 10px 20px;
}
.cf-full #cf-txt {
    padding: 0 20px;
    display: block;
    margin-bottom: 5px;
}
.cf-full select {
    width: 100%;
    padding: 10px 20px;
    border-radius: 40px;
    margin-bottom: 10px;
    -webkit-appearance: none
}
.cf-full select:after {
    content: '\0025BC';
    font: normal normal normal 12px/1 FontAwesome;
    color: white;
    right: 14px;
    top: 4px;
    height: 26px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}
#cff {
    padding: 20px 10px 5px !important;
}
#rmp_menu_trigger-169 .responsive-menu-pro-inner::before {
    top: 10px;
}
#rmp_menu_trigger-169 .responsive-menu-pro-inner::after {
    bottom: 10px;
}
.blog-column {
    width: 450px;
    height: 450px;
    margin: 50px auto 0;
}
.blog-group div {
    width: 450px;
    height: 450px;
    background-size: cover !important;
    border-radius: 100%;
    position: relative;
    box-shadow: -13px 11px 0 #1f1f1f;
    transition: 0.3s ease-in-out;
}
.blog-group div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    border-radius: 100%;
    transition: 0.3s ease-in-out;
}
.s-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 90%;
    color: #fff;
    font-size: 24px;
    margin: 0;
    z-index: 9;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.blog-column:hover .blog-group div {
    transform: scale(1.05);
}
.blog-column:hover .blog-group div:before {
    background: rgba(0,0,0,0.6);
}
.blog-column:hover .s-title {
    opacity: 1;
}
.mbs-right {
    padding-top: 90px;
}
.mbs-right h4 {
    font-weight: 800;
}
.tech-img img {
    opacity: 0.7;
    margin-top: 40px;
}
.gd-row {
    background: rgb(36 36 36 / 22%);
    border-radius: 20px;
    padding: 40px 30px 20px !important;
}
.gd-third {
    width: 31%;
    float: left;
    margin-right: 3.5%;
}
.gd-third input {
    width: 100%;
    border: 0;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 18px;
}
.gd-third:nth-of-type(3) {
    margin-right: 0;
}
.gd-full textarea {
    border: 0;
    border-radius: 5px;
    padding: 10px 16px;
    height: 120px;
}
.gd-send {
    width: 200px;
    margin: 0 auto;
    display: block;
}
.gd-send p {
    margin: 0;
}
.gd-send input[type="submit"] {
    width: 100%;
    background: #242424;
    border: 2px solid #242424;
    border-radius: 20px;
    color: #fff;
    padding: 12.2px 10px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.gd-send input[type="submit"]:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.forminator-label {
    font-size: 16px !important;
}
.forminator-radio-image {
    margin-left: 50px !important;
}
.option-images p {
    border: 1px solid #ddd;
    width: 200px;
    float: left;
    text-align: center;
    margin: 15px 15px 0;
    padding: 15px;
    transition: 0.3s ease-in-out;
}
.option-images p:hover {
    box-shadow: 0 0 10px #ddd;
}
.au-img {
    padding: 170px 0 0;
}
.cookiepost-img1 {
    width: 240px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
li.tribe-events-c-view-selector__list-item.tribe-events-c-view-selector__list-item--day {
    display: none !important;
}
.woocommerce-Tabs-panel h2 {display:none;}
.padding-zero {padding-top:0!important; padding: 0 0 0 0!important}

.page-id-13 .vc_tta-tab {
    position: relative;
}
.page-id-13 .vc_tta-tab a {
    padding: 13px 40px 13px 20px !important;
}
.page-id-13 .vc_tta-tab:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 20px;
    background: var(--wpr-bg-8a2fbf95-9f35-40a2-83f9-afd2d5c7ffef);
    width: 18px;
    height: 18px;
    background-repeat: none;
}
h3.fw {
    font-size: 33px;
}

@media screen and (min-width: 1700px) {
    .work-first {
        margin-bottom: 80px !important;
    }
}
@media screen and (max-width: 1386px) {
    .site-branding, 
    #content,
    .container, 
    .site-info {
        width: 100%;
    }
    .tm_img, 
    .tm-img {
        width: 220px;
        height: 220px;
    }
    .qq-one-third {
        width: 24%;
    }
    .qq-send {
        width: 19%;
    }
    .inner-service-page {
        margin-top: -20px;
    }
    .review-column .wpb_text_column {
        width: 80%;
        padding: 60px 40px 100px;
        margin: 0 auto;
    }
    .logo-column .vc_row {
        width: 100%;
        padding: 30px 40px 30px;
    }
    .growth-row {
        background-size: 27%;
        background-position: bottom left;
    }
}
@media screen and (max-width: 1250px) {
    .circles .vc_column-inner {
        width: 250px !important;
        height: 250px !important;
    }
    .circles .livicon-evo-holder svg {
        top: 50% !important;
        left: 50% !important;
        width: 80%!important;
        height: 80%!important;
        transform: translate(-50%,-50%);
    }
    .circles h5 {
        font-size: 20px;
    }
    .sma-row {
        background-position: 100% 100%;
    }
    .results-row {
        background-size: 308px;
        background-position: 100% 100%;
    }
    body.page-id-21 .inner-service-page {
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 1024px) {
    .main-navigation li {
        margin-right: 28px;
    }
    .team-area {
        margin-top: 60px;
    }
    .team-section .vc_col-sm-3 {
        width: 50% !important;
    }
    .tm_container {
        margin-bottom: 40px;
    }
    .tm_text {
        width: 230px;
    }
    .monthly-social {
        background: var(--wpr-bg-a4940872-d3af-4d48-b503-52e3e05e3366);
        background-size: cover;
    }
    .monthly-social .vc_col-sm-6 {
        width: 100% !important;
    }
    .mbs-txt {
        width: 100%;
    }
    .a-row {
        padding-top: 60px;
    }
    .fullpage-apple-block {
        width: 700px;
        height: 410px;
        background-size: cover !important;
        top: calc(50% - 410px/2);
        left: calc(50% - 700px/2);
    }
    .fullpage-apple-block-container {
        width: calc(100% - 45px - 113px);
        height: calc(100% - 33px - 40px);
        overflow: hidden;
        position: absolute;
        top: 23px;
        left: 80px;
    }
    .livicon-evo-holder .lievo-svg-wrapper {
        padding-bottom: 61%!important;
        width: 73px !important;
    }
    .circles .livicon-evo-holder svg {
        width: 80%!important;
        height: 80%!important;
    }
    .circles .vc_column-inner {
        width: 180px !important;
        height: 180px !important;
    }
    .circles h5 {
        font-size: 18px;
    }
    h2 {
        font-size: 60px;
    }
    h4 {
        font-size: 27px;
    }
    .big-txt {
        font-size: 35px;
    }
    .qq-row {
        display: inline-block;
    }
    .qq-one-third, 
    .qq-send {
        width: 48%;
    }
    .qq-one-third:nth-of-type(1), .qq-one-third:nth-of-type(2) {
        margin-bottom: 30px;
    }
    .qq-one-third:nth-of-type(2) {
        margin-right: 0;
    }
    .qq-send input[type="submit"] {
        width: 215px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .vc_tta-panel-heading h4 {
        font-size: 16px;
    }
    .hosting-cost-row .vc_tta-panel-heading h4 {
        font-size: 14px;
    }
    .hosting-cost-row .vc_tta.vc_general .vc_tta-panel-title>a {
        padding: 14px 10px !important;
    }
    #website-standard-package span.vc_tta-title-text:before,
    #website-pro-package span.vc_tta-title-text:before, 
    #website-ultimate-package span.vc_tta-title-text:before, 
    #website-bespoke span.vc_tta-title-text:before,
    #seo-bronze-package span.vc_tta-title-text:before,
    #seo-silver-package span.vc_tta-title-text:before, 
    #seo-gold-package span.vc_tta-title-text:before, 
    #seo-bespoke span.vc_tta-title-text:before, 
    #social-bronze-package span.vc_tta-title-text:before,
    #social-silver-package span.vc_tta-title-text:before, 
    #social-gold-package span.vc_tta-title-text:before, 
    #social-bespoke span.vc_tta-title-text:before {
        left: 255px;
    }
    #standard-hosting span.vc_tta-title-text:before,
    #hosting-security span.vc_tta-title-text:before, 
    #hosting-security-updates span.vc_tta-title-text:before, 
    #hosting-bespoke span.vc_tta-title-text:before {
        left: 275px;
    }
    #website-standard-package span.vc_tta-title-text:after,
    #website-pro-package span.vc_tta-title-text:after, 
    #website-ultimate-package span.vc_tta-title-text:after, 
    #website-bespoke span.vc_tta-title-text:after,
    #seo-bronze-package span.vc_tta-title-text:after,
    #seo-silver-package span.vc_tta-title-text:after, 
    #seo-gold-package span.vc_tta-title-text:after, 
    #seo-bespoke span.vc_tta-title-text:after,
    #social-bronze-package span.vc_tta-title-text:after, 
    #social-silver-package span.vc_tta-title-text:after, 
    #social-gold-package span.vc_tta-title-text:after, 
    #social-bespoke span.vc_tta-title-text:after {
        left: 270px;
    }
    #standard-hosting span.vc_tta-title-text:after, 
    #hosting-security span.vc_tta-title-text:after, 
    #hosting-security-updates span.vc_tta-title-text:after, 
    #hosting-bespoke span.vc_tta-title-text:after {
        left: 290px;
    }
    #website-standard-package h4 a:after,
    #website-pro-package h4 a:after, 
    #website-ultimate-package h4 a:after, 
    #website-bespoke h4 a:after,
    #seo-bronze-package h4 a:after,
    #seo-silver-package h4 a:after, 
    #seo-gold-package h4 a:after, 
    #seo-bespoke h4 a:after,
    #social-bronze-package h4 a:after, 
    #social-silver-package h4 a:after, 
    #social-gold-package h4 a:after, 
    #social-bespoke h4 a:after, 
    #standard-hosting h4 a:after, 
    #hosting-security h4 a:after, 
    #hosting-security-updates h4 a:after, 
    #hosting-bespoke h4 a:after {
        display: none;
    }
    #f1, #f2, #f3 {
        width: 33%;
    }
    #f4, #f5 {
        width: 50%;
        margin-top: 60px;
    }
    #f4 img {
        width: 200px;
        margin: 15px auto 0 !important;
        display: block;
    }
    .results-row {
        background: none;
    }
    .wa-row {
        background-position: 66%;
    }
    #coffee-right {
        padding-bottom: 40px;
    }
    .btn-columns:first-child {
        width: 100%;
        float: none;
        margin-bottom: 45px;
    }
    .btn-columns {
        width: 190px;
    }
    .quote-row {
        background-size: cover;
    }
    .quote-row .vc_col-sm-6 {
        width: 100%;
    }
    .quote-right,
    .mbs-right {
        padding-top: 50px;
    }
    .quote-right h4, 
    .mbs-right h4 {
        color: #fff;
    }
    .quote-row .big-txt, 
    .mbs-right .big-txt {
        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }
}
@media screen and (max-width: 767px) {
    #mysticky-wrap .custom-logo {
        width: 115px;
    }
    #topbar {
        font-size: 14px;
    }
    h1, h2, .web-txt {
        font-size: 34px !important;
    }
    .main-navigation {
        display: none;
    }
    .award-row .vc_single_image-wrapper {
        padding-right: 0;
        padding-left: 0;
    }
    .team-section .vc_col-sm-3 {
        width: 100% !important;
    }
    .monthly-social {
        background-size: 186% 100%;
    }
    .fullpage-apple-block {
        width: 400px;
        height: 234px;
        background-size: cover !important;
        top: calc(50% - 234px/2);
        left: calc(50% - 400px/2);
    }
    .fullpage-apple-block-container {
        width: calc(100% - 0px - 91px);
        height: calc(100% - 33px - 8px);
        overflow: hidden;
        position: absolute;
        top: 13px;
        left: 46px;
    }
    .circles {
        width: 50% !important;
        float: left;
        margin-bottom: 10px;
    }
    .circles .vc_column-inner {
        width: 245px !important;
        height: 245px !important;
    }
    .livicon-evo-holder .lievo-svg-wrapper {
        padding-bottom: 70%!important;
        width: 80px !important;
    }
    .circles .livicon-evo-holder svg {
        width: 100%!important;
        height: 100%!important;
    }
    .qq-one-third, .qq-send {
        width: 100%;
        margin-right: 0;
    }
    .qq-one-third {
        margin-bottom: 30px;
    }
    .inner-service-page {
        margin-top: 40px;
    }
    #f1, #f2, #f3 {
        width: 100%;
        text-align: center;
        float: none;
    }
    #f4, #f5 {
        width: 100%;
        clear: both;
    }
    #f4 img {
        margin-top: 0;
    }
    #f-email, #f-num, #f-address {
        padding-left: 0;
    }
    #f-num:before, 
    #f-email:before, 
    #f-address:before {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        margin: 12px auto 10px;
    }
    .award-row, 
    .quote-row {
        background-size: cover;
        color: #fff;
    }
    .award-row h4 {
        color: #fff;
    }
    .award-row .big-txt {
        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }
    .award-row .inlife-btn-pink {
        box-shadow: 0 0 10px #1d1d1d;
    }
    .award-row .inlife-btn-pink:hover {
        background: transparent;
        color: #fff;
    }
    .google-reviews {
        padding: 100px 0 50px;
    }
    .growth-row, .sma-row {
        background: none;
    }
    .service-icons, .service-seo-icons {
        padding: 50px 0 !important;
    }
    .service-icons h5, .service-seo-icons h5 {
        font-weight: 400;
        font-size: 18px;
    }
    .service-icons .vc_col-sm-6, 
    .service-seo-icons .vc_col-sm-6 {
        width: 50% !important;
        float: left;
    }
    .tech-row img {
        height: 65px !important;
        width: auto;
    }
    .logo-column .vc_col-sm-6 {
        width: 50% !important;
        float: left;
    }
    .logo-column img {
        height: 80px !important;
        width: auto;
    }
    .wa-row {
        background-position: left;
    }
    .sma-row {
        padding: 30px 0 90px;
    }
    .growth-row .vc_col-sm-4 {
        display: none;
    }
    .wa-row .vc_col-sm-6:last-child, 
    .sma-row .vc_col-sm-2\/5 {
        display: none;
    }
    #coffee-content {
        padding-bottom: 40px;
    }
    #coffee-image {
        width: 100%;
        float: none;
        margin-bottom: 0;
        text-align: center;
        padding: 0;
    }
    #coffee-image img {
        width: 100px;
    }
    #coffee-right {
        width: 100%;
        float: none;
    }
    #coffee-right br {
        display: none;
    }
    .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
        position: absolute;
        top: 52% !important;
        transform: translateY(-50%);
        right: 5px !important;
    }
    .prologue-row p {
        width: 100%;
    }
    .blog-group div:before {
        background: rgba(0,0,0,0.6);
    }
    .s-title {
        opacity: 1;
    }
    .circle-row {
        margin-top: -70px;
    }
    .gd-third {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .website-cost-row h4, 
    .seo-cost-row h4, 
    .social-cost-row h4, 
    .hosting-cost-row h4, 
    .graphic-cost-row h4, 
    .video-cost-row h4 {
        text-align: center !important;
    }
    .website-cost-row .work-first h4 {
        padding-bottom: 0;
    }
    .client-inner .wpb_column.vc_column_container.vc_col-sm-2\/5 {
        padding-left: 0;
        margin-top: 40px;
    }
    .va-video {
        padding: 20px 0 70px;
    }
    body.page-id-21 h1 {
        font-size: 30px !important;
    }
    .au-img {
        padding-right: 20px !important;
    }
    #rmp-menu-wrap-169 .rmp-menu-subarrow {
        width: 100% !important;
        text-align: right !important;
        right: 10px !important;
        background: transparent !important;
    }
    h4.vc_tta-panel-title {
    position: relative;
    }
    h4.vc_tta-panel-title:before {
        content: "";
        position: absolute;
        right: 22px;
        top: 16px;
        background: var(--wpr-bg-504473d1-60fc-4a6d-802e-9700d50fa7ee);
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
    }
    .service-icons h5, .service-seo-icons h5 {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px) {
    .circles {
        width: 50% !important;
        float: left;
    }
    .circles .vc_column-inner {
        width: 180px !important;
        height: 180px !important;
    }
    .review-column .wpb_text_column {
        width: 100%;
        padding: 60px 20px 100px;
        margin: 0 auto;
    }
    .vc_tta.vc_general #website-standard-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #website-pro-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #website-ultimate-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #website-bespoke .vc_tta-panel-title>a, 
    .vc_tta.vc_general #seo-bronze-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #seo-silver-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #seo-gold-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #seo-bespoke .vc_tta-panel-title>a, 
    .vc_tta.vc_general #social-bronze-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #social-silver-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #social-gold-package .vc_tta-panel-title>a, 
    .vc_tta.vc_general #social-bespoke .vc_tta-panel-title>a, 
    .vc_tta.vc_general #standard-hosting .vc_tta-panel-title>a, 
    .vc_tta.vc_general #hosting-security .vc_tta-panel-title>a, 
    .vc_tta.vc_general #hosting-security-updates .vc_tta-panel-title>a, 
    .vc_tta.vc_general #hosting-bespoke .vc_tta-panel-title>a {
        text-align: center;
        padding: 10px 0 30px !important;
    }
    .vc_tta-panel-heading h4 {
        font-size: 14px;
    }
    #website-standard-package span.vc_tta-title-text:after,
    #website-pro-package span.vc_tta-title-text:after, 
    #website-ultimate-package span.vc_tta-title-text:after,
    #website-bespoke span.vc_tta-title-text:after, 
    #seo-bronze-package span.vc_tta-title-text:after,
    #seo-silver-package span.vc_tta-title-text:after, 
    #seo-gold-package span.vc_tta-title-text:after,
    #seo-bespoke span.vc_tta-title-text:after,
    #social-bronze-package span.vc_tta-title-text:after, 
    #social-silver-package span.vc_tta-title-text:after, 
    #social-gold-package span.vc_tta-title-text:after,
    #social-bespoke span.vc_tta-title-text:after, 
    #standard-hosting span.vc_tta-title-text:after, 
    #hosting-security span.vc_tta-title-text:after, 
    #hosting-security-updates span.vc_tta-title-text:after, 
    #hosting-bespoke span.vc_tta-title-text:after {
        left: 50%;
        top: 70%;
        transform: translate(-50%,-50%);
    }
    #website-standard-package span.vc_tta-title-text:before, 
    #website-pro-package span.vc_tta-title-text:before, 
    #website-ultimate-package span.vc_tta-title-text:before, 
    #website-bespoke span.vc_tta-title-text:before, 
    #seo-bronze-package span.vc_tta-title-text:before, 
    #seo-silver-package span.vc_tta-title-text:before, 
    #seo-gold-package span.vc_tta-title-text:before, 
    #seo-bespoke span.vc_tta-title-text:before, 
    #social-bronze-package span.vc_tta-title-text:before, 
    #social-silver-package span.vc_tta-title-text:before, 
    #social-gold-package span.vc_tta-title-text:before, 
    #social-bespoke span.vc_tta-title-text:before, 
    #standard-hosting span.vc_tta-title-text:before, 
    #hosting-security span.vc_tta-title-text:before, 
    #hosting-security-updates span.vc_tta-title-text:before, 
    #hosting-bespoke span.vc_tta-title-text:before {
        opacity: 0;
    }
    .blog-column, 
    .blog-group div {
        width: 300px;
        height: 300px;
    }
    .blog-group div {
        box-shadow: -10px 6px 0 #1f1f1f;
    }
    .circle-row {
        margin-top: -50px;
    }
    h3.wt-txt, h3.fw {
        font-size: 25px;
        line-height: 1.2;
    }
    .ib-txt, .big-txt {
        font-size: 33px;
    }
    h5 {
        font-size: 22px;
    }
}