/*
*******************************************
Template Name:London Bridge
Author: Abhilash GP
Date:07-09-2020
Template By: Vandalay Designs
Copyright 2020-2021 Vandalay Business Solution

* This file contains the styling for the yourlondonbridge.com, this
is the file you need to edit to change the look of the
site.

/* ******************************************* */
::selection {
    background:#c92323;
    color:white;
    }
    a, .button {
    transition:.35s ease
    }
    /* mobile font size css */  
    @media screen and (max-width:690px){
    h1 {
    font-size: 29px;
    line-height: 42px;
    }
    h2{
    font-size:35px;
    line-height:48px;
    }
    h3 {
    font-size: 30px;
    line-height: 35px;
    }
    }
    /* red Bullets */  
    .div-block-52 ul {
    list-style: none;
    }
    .div-block-52 ul li::before {
    content: "\2022";
    color: #c92323;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    }
    /* anchorlink css */  
    .anchor {
    padding-top:91.09px;
    margin-top:-91.09px;
    }
    /*hubspot css */
    form ul.inputs-list.multi-container {
    list-style: none;
    padding-left: 0;
    }
    form input.hs-input[type=radio] {
    margin-right: 10px;
    }
    form label {
    font-weight: 400;
    color: #c92323;
    margin-top: 20px;
    }
    form label.hs-form-radio-display {
    margin-top: 0;
    }
    form ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
    margin-left: 0;
    margin-top: 0px!important;
    }
    form label.hs-error-msg {margin-top: 0;}
    form input.hs-button.primary.large {
    margin-top: 30px;
    }
    form ul.inputs-list {
    list-style: none;
    padding-left: 0;
    }
    form .legal-consent-container ul {margin-left: 0;}
    .leadinModal-reset h4 {
    text-align: center!important;
    }
    label.hs-error-msg {
    padding-top: 0!important;
    }
    ul.no-list.hs-error-msgs.inputs-list {
    padding-left: 0px;
    }
    input.hs-button.primary.large {
    -webkit-appearance: none;
    }
    .form input[type="text"], .form input[type="tel"], .form input[type="email"] {
    border-radius: 0px!important;
    border: 1px solid #CCCCCC!important;
    width: 100%!important;
    padding: 10px!important;
    box-shadow: none!important;
    height: 40px!important;
    }
    .hs-richtext p {
    font-size: 10px;
    line-height: 17px!important;
    }
    button.leadin-button.leadin-advance-button.leadin-button-primary {
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 100px;
    }
    .hs_gclid_field.hs-gclid_field.hs-fieldtype-text.field.hs-form-field {
    display: none;
    }
    @media only screen and (max-height: 700px){
    .leadinModal.leadinModal-theme-default {
    max-height: 100%;
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    }}
    /* hubspot css end */  
    .home-service {
    max-width: 120px;
    margin: 0 auto;
    margin-top: -20px;
    justify-content: center;
    align-items: center;
    /* top: -20px; */
    position: absolute;
    top: 70px;
    bottom: 0;
    right: 0;
    left: 0;
    }
    @media only screen and (max-width:767px) {
    .home-service {
    max-width:90px;
    top:60px;
    }
    }
    .hide {
    display:none;
    }
    .grecaptcha-badge iframe {
    position:relative!important;
    }
    .legal-consent-container ~ .hs_recaptcha {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
    .grecaptcha-badge {
    margin: 0 auto;
    text-align: center;
    }
    .body-8 .grecaptcha-badge {
    text-align:left;
    margin:0px;
    }
    .grecaptcha-logo {
    display:inline!important;
    }
    .hs_submit {
    z-index:10000;
    }

     /*navigation css */
     .navigation {
        z-index: 1000;
        }
        .banner a:hover {
        opacity: .7;
        }
        .scrolled .navbar {
        background: white;
        }
        .scrolled .navbar .nav-link {
        color: #4c4c4e;
        }
        .scrolled {
        margin-top: -32px;
        transition: .35s ease;
        }
        .header {
        transition: .35s ease;
        }
        .navbar {
        transition: .35s ease;
        }
        .scrolled .html-embed-2.nav-logo.w-embed {
        margin-top: 15.5555555556px;
        margin-bottom: 15.5555555556px;
        }
        .html-embed-2.nav-logo.w-embed {
        transition: .35s ease;
        }
        .header.scrolled {
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
        }
        .scrolled .nav-logo .st0 {
        fill: #c92323!important;
        }
        @media screen and (min-width:1000px){
        .scrolled .nav-link:after {
        border-color:#c92323;
        }
        .nav-link:after {
        -ms-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
        -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
        transition: transform .3s ease-out,border-color .3s ease-out;
        position: absolute;
        display: block;
        bottom: -6px;
        left: 0;
        width: 100%;
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        border-top: 2px solid white;
        content: '';
        padding-bottom: inherit;
        text-align: left;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        }
        .nav-link:hover:after {
        width: 100%;
        left: 0;
        transform: scaleX(1);
        background: #fff;
        }}
        @media screen and (max-width:1000px){
        .html-embed-2 {
        width: 34px!important;
        }
        div#navigation {
        background-color: white;
        }
        .nav-logo .st0 {
        fill: #c92323!important;
        }
        .scrolled .html-embed-2.nav-logo.w-embed, .html-embed-2.nav-logo.w-embed {
        margin-top: 12px;
        margin-bottom: 12px;
        }
        }
        @media screen and (max-width:690px){
        .header {
        margin-top: -32px;
        }
        }
        .navbar {
        border-radius: 0!important;
        margin-bottom: 0!important;
        }
        a.nav-link.w-nav-link.w--nav-link-open {
        color: white!important;
        }
        @media only screen and (max-width:767px){
        .background-video-3{
        max-height:480px
        }
        .background-video---direct{
        height:480px;
        background-color:rgba(0,0,0,0.5);
        }
        }
        .banner-blk {
        background:#000!important;
        padding:10px 0;
        display:flex!important;
        justify-content:center;
        align-items:center;
        }
        .center {
        text-align:center;
        margin:0 auto;
        }
        @media only screen and (max-width:768px) {
        .banner-blk .inner {
        margin-top:0px!important;
        margin-bottom:0px!important;
        }
        .banner-blk .inner a.btn {
        border: 2px solid #fff;
        background: transparent;
        padding: 5px 10px!important;
        color: #fff;
        margin-left: 15px;
        font-size: 12px!important;
        margin-right: 10px;
        width: 30%;
        text-align:center;
        }
        }
        .banner-blk .para {
        color:#fff;
        text-align:center;
        }
        .speed-marketing .form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field, .hs_speed_marketing_problem {
        flex: 0 1 50%;
        padding-right: 10px;
        }
        #speed_marketing_problem-6b2d5501-918e-4b4c-a43d-d5d1eb364f2b {
        width:100%;
        }

        .container-1 {
            display: inline-block;
            cursor: pointer;
            }
            .bar1, .bar2, .bar3 {
            width: 22px;
            height: 2px;
            background-color: #333;
            margin: 4px 0;
            transition: 0.4s;
            }
            .bar3  {
            width:16px;
            }
            .w--open .bar1 {
            -webkit-transform: rotate(-45deg) translate(-8.5px, 4px);
            transform: rotate(-45deg) translate(-8.5px, 4px);
            }
            .w--open .bar2 {opacity: 0;}
            .w--open .bar3 {
            -webkit-transform: rotate(45deg) translate(-4px, -0px);
            transform: rotate(45deg) translate(-4px, -0px);
            width:22px;
            }
            .w-nav-button.w--open {
            background-color: #ffffff00;
            color: white;
            }

             /* footer css */
             .footer a:hover {
                opacity: .7;
                }
                .footer2 a:hover {
                color: #c92323!important;
                }
                @media screen and (max-width:690px){
                .div-block-43 div {
                flex: 1 1 100%!important;
                }}
                @media screen and (max-width:1000px){
                .div-block-43 div {
                flex: 1 1 50%;
                }}
                @media screen and (max-width:690px){
                .copyright.w-richtext, .footer-social {
                justify-content: center;
                }}
                li.hs-form-booleancheckbox::before {
                display: none;
                }
                @media screen and (max-width:991px){
                .scrolled .nav-menu {
                margin-top: 64px!important;
                }}