@font-face {
    font-family: "Manrope-ExtraLight";
    src: url("../fonts/Manrope-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Manrope-ExtraBold";
    src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "Manrope-Bold";
    src: url("../fonts/Manrope-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Manrope-Regular";
    src: url("../fonts/Manrope-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "SpaceMono";
    src: url("../fonts/SpaceMono-Regular.ttf") format("truetype");
}
* {
    font-family: "Manrope-ExtraLight";
}
.bg-darkblue {
    background-color: #2B2B2B;
}
.orange-text {
    color: #e66225 !important;
}
#navbarHeader nav ul li a {
    font-size: 16px;
    color: white !important;
}
#navbarHeader nav ul li:not(:last-child) {
    padding-right: 18px;
}
#navbarHeader #navbar-logo-section {
    padding-top: 1.5rem;
}
#home-header-jumbotron {
    padding: 400px 0 90px 0;
}
#home-header-btndiscuss {
    margin-top: 3rem;
}
#contact-us-nav-item {
    border: 1px solid #E18736;
    border-radius: 50px;
}
#home-main-stonechat {
    background: url("../images/main-stonechat.png") no-repeat center center fixed;
    background-size: cover;
    color: white;
}
#home-main-stonechat h1 {
    font-size: 90px;
    letter-spacing: -3.6px;
    font-family: "Manrope-ExtraBold";
    width: 870px;
}
#home-main-stonechat h3 {
    font-size: 23px;
    color: white;
    width: 466px;
}
.btn-gradient-orange {
    background: transparent linear-gradient(90deg, #E18736 0%, #D15C26 100%) 0% 0% no-repeat padding-box;
    border-radius: 50px;
    color: #0E0E0E;
    text-decoration: none;
    padding: 10px;
    font-family: "SpaceMono" !important;
}
#home-fullservice-banner {
    background: transparent linear-gradient(90deg, #E18736 0%, #D15C26 100%) 0% 0% no-repeat padding-box;
    color: white;
    font-size: 20px;
    font-family: "SpaceMono" !important;
    padding: 20px 0 20px 0;
}
#home-whatwedo-banner {
    border-bottom: 1px solid #707070;
    opacity: 1;
}
#home-whatwedo-hdr {
    text-align: center;
    border-right: 1px solid #707070;
}
#home-whatwedo-hdr h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    color: #0E0E0E;
    letter-spacing: -3px;
}
#home-whatwedo-content {
    padding: 40px;
    text-align: left;
}
#home-strategy-list {
    margin-top: 50px;
}
#commercial-optimisation-point {
    border-bottom: 2px solid #E66225;
}
#home-strategic-banner {
    padding: 50px 0 100px 0;
}
#home-strategic-banner label {
    font-family: "Manrope-Bold";
    font-size: 27px;
    color: #4B4B4B;
    opacity: 1;
    margin-top: 4px;
}
#home-strategic-banner h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 51px;
    letter-spacing: -3px;
    color: #0E0E0E;
    cursor: pointer;
}
#home-strategic-banner .accordion-item {
    border: none !important;
}
#home-whoweare-banner {
    background-color: #0E0E0E;
    padding: 50px 0 60px 0;
}
#home-whoweare-banner h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 66px;
    letter-spacing: -1.4px;
    color: #FFFFFF;
}
#home-whoweare-banner h3 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    letter-spacing: -3px;
    color: #FFFFFF;
}
#home-whoweare-banner h6 {
    color: white;
    font-size: 20px;
    font-family: "SpaceMono" !important;
}
#home-whoweare-banner .home-linkedin {
    margin: 0 0 25px 15px;
}
#home-whoweare-banner p {
    font-family: "Manrope-Regular";
    font-size: 16px;
    color: #FFFFFF;
}
#home-agencyconsultancy-banner .equals {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    font-weight: bold;
}
#home-agencyconsultancy-versus {
    position: absolute;
    left: 45%;
    margin-top: 30px;
}
#home-agencyconsultancy-versus img {
    width: 129px;
    height: 129px;
}
#home-agency-section {
    background: url("../images/home-agency-bg.png") 0% 0% no-repeat padding-box;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    padding: 50px 60px 50px 60px;
}
#home-agency-hdr {
    font-family: "Manrope-ExtraBold";
    font-size: 70px;
}
#home-agency-details {
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    opacity: 1;
    margin-top: 50px;
    padding: 20px;
    text-align: left;
}
#home-agency-details h4 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    letter-spacing: -3px;
}
#home-agency-details h5 {
    font-family: "Manrope-ExtraBold";
    font-size: 38px;
    letter-spacing: -1.9px;
}
#home-agency-details h6 {
    font-family: "SpaceMono";
    font-size: 23px;
    letter-spacing: -0.46px;
}
#home-consultancy-section {
    color: #0E0E0E;
    background: transparent linear-gradient(90deg, #E18736 0%, #D15C26 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    padding: 50px 60px 50px 60px;
}
#home-consultancy-section h4 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    letter-spacing: -3px;
}
#home-consultancy-hdr {
    font-family: "Manrope-ExtraBold";
    font-size: 70px;
}
#home-consultancy-details {
    border: 2px solid #000000;
    border-radius: 15px;
    opacity: 1;
    margin-top: 50px;
    padding: 20px;
    text-align: left;
}
#home-consultancy-details h4 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    letter-spacing: -3px;
}
#home-consultancy-details h5 {
    font-family: "Manrope-ExtraBold";
    font-size: 38px;
    letter-spacing: -1.9px;
}
#home-consultancy-details h6 {
    font-family: "SpaceMono";
    font-size: 23px;
    letter-spacing: -0.46px;
}
#home-whatotherssay-hdr {
    margin: 50px 0 50px 0;
}
#home-whatotherssay-banner {
    padding: 20px 0 60px 0;
}
#home-whatotherssay-banner h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 66px;
    letter-spacing: -1.4px;
    color: #0E0E0E;
}
#home-whatotherssay-banner h5 {
    font-family: "Manrope-ExtraBold";
    font-size: 25px;
    letter-spacing: 0px;
    color: #0E0E0E;
}
#home-whatotherssay-banner p {
    font-family: "Manrope-Regular";
    font-size: 16px;
}
#home-whatotherssay-banner .muted-quote {
    color: #4B4B4B !important;
}
#home-casestudies-banner {
    background: transparent linear-gradient(90deg, #E18736 0%, #D15C26 100%) 0% 0% no-repeat padding-box;
    padding: 25px 0 25px 0;
}
#home-casestudies-banner p {
    font-family: "Manrope-Regular";
    font-size: 16px;
    letter-spacing: 0px;
}
#home-contactus-banner {
    background-color: #0E0E0E;
    padding: 90px 0 40px 0;
}
#home-contactus-banner h3 {
    font-family: "Manrope-ExtraBold";
    color: #FFFFFF;
    font-size: 60px;
    letter-spacing: -1.2px;
}
#home-contactus-banner h6 {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0px;
    margin: 20px 0 20px 0;
}
#home-contactus-banner #contact-phone {
    width: 200px;
}
#home-contactus-banner #contact-email {
    width: 332px;
}
#home-contactus-banner #contact-marker {
    width: 310px;
}
#home-contactus-banner .contact-item {
    color: #FFFFFF;
    border: 1px solid #4B4B4B;
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    margin-top: 10px;
    font-family: "SpaceMono" !important;
    font-size: 18px;
    letter-spacing: 0px;
}
#home-contactus-banner #contactus-socials {
    margin-top: 3rem;
}
#home-contactus-banner textarea {
    height: 108px;
    border-radius: 20px !important;
}
#home-contactus-banner #sendMessage {
    border: none;
    width: 100%;
}
.contact-form-textbox {
    font-family: "Manrope-Regular";
    background: #242424 0% 0% no-repeat padding-box;
    border-radius: 50px;
    opacity: 1;
    color: #BABABA;
    width: 100%;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    border: none;
}
.contact-form-error {
    border-style: solid !important;
    border: solid 1px #f53d3d !important;
    border-bottom: solid 1px #f53d3d !important;
}
.form-check-label {
    color: #BABABA;
}

/* Case studies area */
#casestudies-homepage-header {
    border-bottom: 2px solid #707070;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}
#casestudies-navbarheader nav ul li a {
    font-size: 16px;
    color: black !important;
}
#casestudies-navbarheader nav ul li:not(:last-child) {
    padding-right: 18px;
}
#casestudies-navbarheader #contact-us-nav-item a {
    color: #E66225 !important;
}
#casestudies-banner h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    color: #0E0E0E;
    letter-spacing: -3px;
}
#casestudies-banner p {
    font-family: "Manrope-ExtraLight";
    font-size: 16px;
    color: #4B4B4B;
}
#casestudies-banner {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}
#casestudies-listings {
    padding-bottom: 2rem;
}
#casestudies-listings a {
    text-decoration: none;
}
#casestudies-listings h5 {
    font-family: "Manrope-ExtraBold";
    font-size: 36px;
    color: #0e0e0e;
    letter-spacing: -1.08px;
    margin-top: 1rem;
}
#casestudies-listings p {
    font-family: "Manrope-ExtraLight";
    font-size: 16px;
    color: #4B4B4B;
}
#casestudies-detail-banner {
    background: transparent linear-gradient(90deg, #E18736 0%, #D15C26 100%) 0% 0% no-repeat padding-box;
    color: white;
    padding: 2rem 0 2rem 0;
    text-align: center;
}
#casestudies-detail-banner h1 {
    font-family: "Manrope-ExtraBold";
    font-size: 36px;
    letter-spacing: -1.8px;
}
#casestudies-detail-breadcrumb {
    padding: 1.5rem 0 1.5rem 0;
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav {
    padding: 10px 16px;
    list-style: none;
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav li {
    display: inline;
    font-size: 16px;
    font-family: "Manrope-ExtraLight";
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav li + li:before {
    padding: 8px;
    color: #4B4B4B !important;
    content: "/\00a0";
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav li:last-child {
    color: #E66225;
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav li a {
    color: #4B4B4B !important;
    text-decoration: none;
}
#casestudies-detail-breadcrumb ul.breadcrumb-nav li a:hover {
    text-decoration: underline;
}
#casestudies-detail-maindescription {
    padding: 0 15rem 2rem 15rem;
}
#casestudies-detail-maindescription h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 36px;
    text-align: center;
    letter-spacing: -1.8px;
}
#casestudies-detail-maindescription p {
    font-size: 16px;
    font-family: "Manrope-ExtraLight";
    color: #4b4b4b;
    text-align: left;
}
#casestudies-detail-background {
    padding: 0 0 2rem 0;
}
#casestudies-detail-background h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 36px;
    letter-spacing: -1.8px;
}
#casestudies-detail-maindescription p {
    font-size: 16px;
    font-family: "Manrope-ExtraLight";
    color: #4b4b4b;
}
#casestudies-detail-results {
    padding: 2rem 0 4rem 0;
}
#casestudies-detail-results h2 {
    font-family: "Manrope-ExtraBold";
    font-size: 60px;
    letter-spacing: -3px;
    text-align: center;
}
#casestudies-detail-results h3 {
    font-family: "Manrope-ExtraBold";
    font-size: 75px;
    color: #E66225;
    letter-spacing: -4.75px;
    text-align: center;
}
#casestudies-detail-results h6 {
    font-size: 20px;
    font-family: "Manrope-ExtraLight";
    color: #4B4B4B;
    text-align: center;
}
/* End case studies area */
footer {
    background-color: #2B2B2B;
    color: #FFFFFF;
    font-size: 16px;
    padding: 15px 0 15px 0;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #navbarHeader {
        background: #212322 0% 0% no-repeat padding-box;
    }
    #n_bar {
        display: none;
    }
    #mobileMenu {
        color: #0E0E0E;
    }
    .modal.left .modal-dialog {
        position: fixed;
        margin: auto;
        width: 320px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
    .modal.left .modal-content {
        height: 100%;
        overflow-y: auto;
    }
    .modal.left .modal-body {
        padding: 15px 15px 80px;
    }
    .modal.left.fade .modal-dialog {
        left: -320px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }
    .modal.left.fade.in .modal-dialog {
        left: 0;
    }
    .modal-header {
        border: none !important;
    }
    .modal-content {
        border-radius: 0;
        border: none;
    }
    .modal-footer {
        background-color: #EFEFEF !important;
        justify-content: flex-start !important;
    }
    #mobileMenu ul {
        margin-top: 30px;
    }
    #mobileMenu ul li:not(:last-child) {
        border-bottom: 1px solid #4B4B4B31;
        padding: 10px 0 10px 0;
    }
    #mobileMenu ul li:last-child {
        padding: 40px 0 10px 0;
    }
    #mobileMenu ul li a {
        font-size: 16px;
        font-family: "Manrope-Regular";
    }
    #mobile-menu-contact-section {
        margin-top: 140px;
    }
    #mobileMenu .contact-item {
        border: 1px solid #4B4B4B;
        border-radius: 50px;
        padding: 8px;
    }
    .navbar-logo {
        width: 177px;
        height: 31px;
    }
    #navbarHeader #navbar-logo-section {
        padding-top: 1rem;
    }
    #btn-menu-toggler {
        border: none;
        color: white !important;
    }
    #home-header-jumbotron {
        text-align: center;
        padding: 300px 0 50px 0;
    }
    #home-main-stonechat h1 {
        font-size: 36px;
        letter-spacing: -1.44px;
        width: auto;
    }
    #home-main-stonechat h3 {
        font-size: 16px;
        width: auto;
    }
    #home-fullservice-banner {
        font-size: 16px !important;
        letter-spacing: 0px;
        padding: 20px 0 20px 0;
    }
    #home-whatwedo-banner {
        border: none;
    }
    #home-whatwedo-hdr {
        padding: 20px 0 0 0;
        border: none;
    }
    #home-whatwedo-hdr h2 {
        font-size: 36px;
    }
    #home-whatwedo-content {
        padding: 20px 0 0 0;
    }
    #home-strategy-list {
        margin-top: 0px;
    }
    #commercial-optimisation-point {
        border: none;
    }
    #home-strategic-banner {
        padding: 0 0 30px 0;
    }
    #home-strategic-banner label {
        font-size: 20px;
        margin-top: 4px;
    }
    #home-strategic-banner h2 {
        font-size: 36px;
        letter-spacing: -1.8px;
    }
    #home-whoweare-banner {
        background-color: #0E0E0E;
        padding: 30px 0 30px 0;
    }
    .home-whoweare-linkedin-user {
        text-align: center;
        margin-top: 15px;
    }
    #home-whoweare-hdr {
        text-align: center;
    }
    #home-whoweare-banner h2 {
        font-size: 36px;
        letter-spacing: -0.72px;
    }
    #home-whoweare-banner h3 {
        font-size: 36px;
        letter-spacing: -1.8px;
    }
    #home-agencyconsultancy-versus {
        position: absolute;
        left: 172px;
        z-index: 1000;
        width: 83px;
        height: 83px;
        left: 38%;
        margin-top: 474px;
    }
    #home-agencyconsultancy-versus img {
        width: 83px;
        height: 83px;
    }
    #home-agency-hdr {
        font-size: 36px;
        letter-spacing: -1.8px;
    }
    #home-agency-section {
        padding: 30px 30px 60px 30px;
    }
    #home-agency-details {
        margin-top: 50px;
        padding: 20px;
        text-align: center;
    }
    #home-agency-details h4 {
        font-size: 34px;
        letter-spacing: -1.7px;
    }
    #home-agency-details h5 {
        font-size: 34px;
        letter-spacing: -1.7px;
    }
    #home-agency-details h6 {
        font-size: 23px;
        letter-spacing: -0.46px;
    }
    #home-consultancy-hdr {
        font-size: 36px;
        letter-spacing: -1.8px;
    }
    #home-consultancy-section {
        text-align: center;
        padding: 50px 30px 30px 30px;
    }
    #home-consultancy-section h4 {
        font-size: 34px;
        letter-spacing: -1.7px;
    }
    #home-consultancy-details {
        margin-top: 50px;
        padding: 20px;
        text-align: center;
    }
    #home-consultancy-details h4 {
        font-size: 34px;
        letter-spacing: -1.7px;
    }
    #home-consultancy-details h5 {
        font-size: 34px;
        letter-spacing: -1.7px;
    }
    #home-consultancy-details h6 {
        font-size: 23px;
        letter-spacing: -0.46px;
    }
    #home-whatotherssay-hdr {
        margin: 10px 0 10px 0;
        text-align: center;
    }
    #home-whatotherssay-comments {

    }
    #home-whatotherssay-banner {
        padding: 20px 0 60px 0;
    }
    #home-whatotherssay-banner h2 {
        font-size: 36px;
        letter-spacing: -0.72px;
    }
    #home-whatotherssay-banner h5 {
        font-size: 20px;
    }
    .testimonial-quotes {
        margin-bottom: 20px;
    }
    #home-casestudies-companies {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: normal;
    }
    #home-casestudies-companies .partnerImg {
        flex: 0 0 auto;
        width: 50%;
    }
    #home-casestudies-details {
        text-align: center;
    }
    #home-contactus-banner {
        padding: 30px 0 30px 0;
    }
    #home-contactus-banner h3 {
        font-size: 36px;
        letter-spacing: -0.72px;
    }
    #home-contactus-contactinfo {
        margin-top: 40px;
    }
    /* Case studies pages */
    #casestudies-detail-maindescription {
        padding: 0 0 2rem 0 !important;
    }
    /* End case studies pages */
    footer {
        font-size: 14px;
        padding: 10px 0 10px 0;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}