/*------------------------------------ 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-1a919491-bbbe-41f9-b7bd-bf776a4bfe59);
    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-fb8e19ec-f3b3-4f7b-bbe6-e5e191b41d57);
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
}
#f-num:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 5px;
    background: var(--wpr-bg-a7747388-b805-4ff3-8b88-edf0734b9ec3);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
}
#f-address:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 4px;
    background: var(--wpr-bg-5ff40267-2eaa-4b64-99ad-d78ef6ee5f0a);
    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-538c002c-ce08-4261-b65c-1b04c5226f80);
    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-f862f7dc-8060-43a0-8f98-7efc1faa5c6c);
    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-27c886fd-99ae-43c8-94de-18360170c427);
    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-b168aeb0-2746-4ddf-84df-3cf9d5d73df2);
    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-b121e96b-dcc4-40fc-9c80-4d7d90832422);
    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-699cfea9-302c-4001-9871-4a53ff529e63);
    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-9e1c736a-12ad-4891-954b-f4ef49304ad6);
    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: "£245 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-silver-package span.vc_tta-title-text:after {
    content: "£475 per month";
    position: absolute;
    left: 400px;
    top: 14px;
    font-weight: 400;
    color: #cccccc;
}
#seo-gold-package span.vc_tta-title-text:after {
    content: "£675 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-f06d9f6e-a7ea-4492-bc9f-d0a633ac3019);
    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-312259d0-e556-48ab-86d9-0faca52f072f);
    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-f641f34e-9109-4c4b-97ce-2860b70b5753);
    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-18b9a885-9c78-4323-bbe9-27a868fa7d6e);
    width: 26px;
    height: 25px;
}
.growth-row {
    padding: 25px 0 45px;
    background: var(--wpr-bg-4266552f-6a45-4fb5-806a-69b6a9d32589);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 11% 100%;
}
.sma-row {
    padding: 50px 0 90px;
    background: var(--wpr-bg-c8edee06-81b7-4f9d-945d-1311e3e7724f);
    background-repeat: no-repeat;
    background-position: 89% 100%;
}
.sma-row p {
    font-size: 22px;
}



.graphic-cost-row {
    background: var(--wpr-bg-fbdc4e3e-ddfa-45a2-8f85-b2609ef1e64a);
    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-8be7cb2d-68cf-40db-9cf4-cea0f316fa74);
    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-46b60fb5-9ea9-4237-9caa-150f460aaf63);
    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-2c902257-70a0-48dc-83b2-611328563bc9);
    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-0d3ad1aa-79e2-413b-b7c9-83176b372f3b);
    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-e3b77f2f-bded-4f15-8733-cd2c67ee83a9);
    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-1e44d6e3-5c74-4f4e-9f0f-da2a969ec41c);
        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-095163ca-9bf5-4c9c-9f20-cf8836f64604);
        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;
    }
}