/********* Compiled - Do not edit *********/
:root{--color-primary:#ed2048;--color-gradient-start:transparent;--color-gradient-stop:#ffffff;--color-link:#ffffff;--color-link-hover:#ed2048;--lqd-cc-active-bw:1px;--lqd-cc-active-bg:rgb(255, 255, 255);--lqd-cc-active-bc:rgb(255, 255, 255);--lqd-cc-active-circle-txt:rgb(255, 255, 255);--lqd-cc-active-circle-color:rgba(0, 0, 0, 0.9);}body{font-family:'Noto Sans', sans-serif ;font-weight:400;color:#162223c;}.btn{font-family:inherit;}.lqd-post-content, .lqd-post-header .entry-excerpt{font-family:inherit;font-weight:400;line-height:1.73em;font-size:19px;color:#737373;}.h1,h1{font-family:'butler', sans-serif ;font-weight:500;line-height:1.2em;font-size:52px;color:#181B31;}.h2,h2{font-family:'butler', sans-serif ;font-weight:500;line-height:1.2em;letter-spacing:-0.01em;font-size:28px;color:#181B31;}.h3,h3{font-family:'butler', sans-serif ;font-weight:500;line-height:37px;font-size:24px;color:#181b31;}.h4,h4{font-family:'butler', sans-serif ;font-weight:400;line-height:37px;font-size:24px;color:#181B31;}.h5,h5{font-family:'Noto Sans', sans-serif ;font-weight:400;line-height:26px;font-size:16px;color:#181B31;}.h6,h6{font-family:'butler', sans-serif ;font-weight:500;line-height:1.2em;font-size:18px;color:#181B31;}.main-header .navbar-brand{max-width:400px;}.titlebar-inner h1{color:#ffffff !important;}.titlebar-inner p{}.titlebar-inner{padding-top:80px;padding-bottom:80px;}.titlebar{background-color:#242730;background-image:url( //thecapitalcode.com/ssd/wp-content/uploads/2020/05/marketing-bg@2x-1-scaled-1.jpg);background-size:cover;background-position:center center;}#lqd-gdpr{padding:   ;border-radius:   ;}#lqd-gdpr .lqd-gdpr-accept{padding:   ;border-radius:   ;}@media screen and (min-width: 992px){body.has-sidebar #lqd-contents-wrap{padding-top:25px;}}@media ( min-width: 1200px ){.is-stuck .lqd-head-sec-wrap{background:rgb(255, 255, 255) !important;}.is-stuck .lqd-head-col > .header-module > p, .is-stuck .lqd-head-col > .header-module .nav-trigger, .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu, .is-stuck .lqd-head-col > .header-module > .btn-naked, .is-stuck .lqd-head-col > .header-module > .btn-underlined, .is-stuck .lqd-head-col > .header-module > .social-icon li a, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a, .is-stuck .lqd-head-col > .header-module .ld-module-trigger .ld-module-trigger-txt, .is-stuck .lqd-head-col > .header-module .lqd-module-badge-outline .ld-module-trigger-count, .is-stuck .lqd-head-col > .header-module .ld-module-trigger-icon, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu .lqd-custom-menu-dropdown-btn{color:rgb(2, 2, 2);}.is-stuck .lqd-head-col > .header-module .nav-trigger.bordered .bars:before{border-color:rgb(2, 2, 2);}.is-stuck .lqd-head-col > .header-module .nav-trigger .bar, .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-line{background:rgb(2, 2, 2);}.is-stuck .lqd-head-col > .header-module > .btn-naked:hover, .is-stuck .lqd-head-col > .header-module > .btn-underlined:hover, .is-stuck .lqd-head-col > .header-module > .social-icon li a:hover, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a:hover, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a:hover, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li:hover > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.is-active > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current-menu-ancestor > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current_page_item > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current-menu-item > a, .is-stuck .lqd-head-col > .header-module > .iconbox h3, .is-stuck .lqd-head-col > .header-module > .iconbox .iconbox-icon-container{color:rgba(0, 0, 0, 0.71);}}.lqd-lp-style-1 .lqd-lp-img figure {
    box-shadow: 0 40px 90px rgba(70, 67, 67, 0.2);
}

[data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header {
	background-color: #090909 !important;
}

.nav-trigger .bar {
	position: relative;
	background-color: #ed2048 !important;
	transition: all .3s;
}

[data-mobile-nav-scheme="gray"] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a {
	color: #ed2048 !important;
}

[data-mobile-nav-scheme="gray"] .lqd-mobile-sec .navbar-collapse {
	background-color: #000 !important;
	color: #000;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li {
 list-style-type: disc;
}

.max-width {
  max-width: 1100px;
}

/* fonts */
@font-face {
  font-family: "Butler-light";
  src: url(//thecapitalcode.com/fonts/Butler/Butler_Light.otf);
}

@font-face {
  font-family: "Butler-reg";
  src: url(//thecapitalcode.com/fonts/Butler/Butler_Regular.otf);
}

@font-face {
  font-family: "Butler-bold";
  src: url(//thecapitalcode.com/fonts/Butler/Butler_Bold.otf);
}

@font-face {
  font-family: "Noto-thin";
  src: url(//thecapitalcode.com/fonts/NotoSansDisplay/NotoSansDisplay-Thin.ttf);
}

@font-face {
  font-family: "Noto-reg";
  src: url(//thecapitalcode.com/fonts/NotoSansDisplay/NotoSansDisplay-Regular.ttf);
}

@font-face {
  font-family: "Noto-med";
  src: url(//thecapitalcode.com/fonts/NotoSansDisplay/NotoSansDisplay-Medium.ttf);
}

/* Top section */

.top {
  position: relative;
}

.only-header {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.only-header h3 {
  text-align: center;
}

.splide__pagination {
  bottom: 120px !important;
  z-index: 0;
}

.splide__pagination__page.is-active {
  transform: unset !important;
  background-color: #ed1e47 !important;
}

.splide__pagination__page {
  width: 12px !important;
  height: 12px !important;
}

.top-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 56vw;
  padding: 40px;
  text-align: center;
  overflow: hidden;
}


.active-button {
  color: white !important;
}

.banner-content {
  height: 85%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner-content h1 {
  color: white;
  font-size: 60px;
  font-family: "Butler-reg";
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.banner-content h1 span {
  color: #dc2147;
  font-size: 60px;
  font-family: "Butler-reg";
}

.banner-content h6 {
  color: white;
  font-size: 18px;
  font-family: "Butler-light";
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.banner-content span {
  color: #b3bbcb;
  font-size: 16px;
  font-family: "Noto-reg";
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.banner-content a {
  border: 2px solid #c7c8ce;
  padding: 7px 25px;
  color: #c7c8ce;
  border-radius: 30px;
  text-align: center;
  font-family: "Butler-reg";
  font-size: 14px;
  transition: 0.2s;
}

.banner-content a:hover {
  background-color: #c7c8ce;
  color: black;
}



/* Wealth management */

.client-priority {
  padding: 80px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e8e9ef;
}

.client-priority h4 {
  font-family: "Butler-reg";
  color: #12203c;
  font-size: 24px;
  line-height:39px
  letter-spacing: 1px;
  word-spacing: 2px;
  margin-bottom: 20px;
}

.client-priority h4 span {
  color: #ed1e47;
}

.ven-diagram-container {
  position: relative;
  width: 550px;
  height: 540px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}

.ven-diagram {
  text-align: center;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  border: 1px solid #fcfcfc;

  display: flex;
  width: 320px;
  height: 320px;

  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 100%;
  flex-direction: column;
}

.ven-diagram h5 {
  font-family: "Butler-reg";
  color: #ed1e47;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 39px;
}

.ven-diagram p {
  font-family: "Noto-reg";
  font-size: 12px;
  line-height: 20px;
  z-index: 999;
}

.diagram-one {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  margin-right: auto;
  margin-left: auto;
}

.diagram-two {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  margin-right: auto;
  margin-left: auto;
}

.diagram-three {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

.diagram-four {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

.circle-indicator {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #ed1e47;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  margin-right: auto;
  margin-left: auto;
}

#line-one {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

#line-two {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.services {
  padding: 80px 0;
  display: flex;
  justify-content: center;
  background-color: #151d34;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.service-contents {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.blank {
  width: 50%;
}

.service {
  width: 90%;
}

.service h4 {
  font-family: "Butler-reg";
  color: white;
  font-size: 22px;
  line-height: 39px;
  letter-spacing: 1px;
  word-spacing: 2px;
  margin-bottom: 20px;
}

.service h4 span {
  color: #ed1e47;
  font-family: unset;
  font-size: unset;
  line-height: unset;
  margin-bottom: unset;
}

.service p {
  font-size: 14px;
  line-height: 26px;
  color: white;
  margin-bottom: 10px;
}

.service span {
  font-family: "Noto-reg";
  font-size: 24px;
  color: grey;
  margin-bottom: 10px;
}

.service h5 {
  font-family: "Butler-reg";
  color: #ed1e47;
  font-size: 24px;
  line-height: 39px;
  letter-spacing: 1px;
  word-spacing: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.service ul li {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin-bottom: 5px;
}

.service ul li::before {
  padding-right: 10px;
}

.all-services{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.all-services h6 {
  font-size: 20px;
  color: white;
  line-height: 25px;
  font-family: "Butler-light";
  letter-spacing: 1px;
  word-spacing: 2px;
  margin-bottom: 60px;
  text-align: center;
}

.all-services h4{
    font-family: "Butler-reg";
    color: white;
    font-size: 24px;
    letter-spacing: 1px;
    word-spacing: 2px;
     line-height: 39px;
    margin-bottom: 20px;
}

.all-services span{
    color: #ed1e47;
    font-family: unset;
    font-size: unset;
    line-height: unset;
    margin-bottom: unset;
}



.contact-page {
  padding: 80px 0;
  display: flex;
  justify-content: center;
  background-color: #0e1a2d;
}

.contact-box {
  display: flex;
}

.contact-details {
  width: 50%;
}

.contact-details h1 {
  font-family: "Butler-bold";
  color: white;
  font-size: 55px;
  line-height: 85px;
  word-spacing: 2px;
  letter-spacing: 1px;
}

.contact-details h1 span {
  color: #ed1e47;
  font-size: 55px;
}

.contact-details span {
  font-family: "Noto-reg";
  font-size: 16px;
  line-height: 20px;
  word-spacing: 2px;
  color: grey;
}

.contact-details p {
  color: white;
  font-size: 18px;
  line-height: 25px;
  font-family: "Butler-reg";
  padding-top: 15px;
}

.contact-details p span {
  color: #ed1e47;
}

.contact-form {
  width: 50%;
  padding-left: 20px;
}

.input-box {
  background-color: #12203b;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  height: 35px;
  padding: 10px;
}

.input-box h4 {
  color: white;
  font-size: 12px;
  font-family: "Noto-thin";
  padding-right: 10px;
}

.input-box input {
  width: 70%;
  background-color: #12203b;
  border: unset;
  outline: none;
  color: white;
  cursor: white;
}

.input-box select {
  width: 100%;
  background-color: transparent;
  border: none;
  color: white;
  font-size: 12px;
  font-family: "Noto-reg";
  outline: none;
}

.input-box select option {
  background-color: #12203b;
}

.text-box {
  background-color: #12203b;
  margin-bottom: 20px;
  width: 100%;
  height: 180px;
  padding: 10px;
}

.text-box h4 {
  color: white;
  font-size: 12px;
  font-family: "Noto-thin";
  padding-right: 10px;
  padding-bottom: 10px;
}

.text-box textarea {
  width: 100%;
  height: 85%;
  background-color: transparent;
  border: none;
  outline: none;
  color: white;
}

.contact-form a {
  border: 2px solid #ed1e47;
  padding: 7px 25px;
  color: #c7c8ce;
  border-radius: 30px;
  text-align: center;
  font-family: "Butler-reg";
  font-size: 14px;
  transition: 0.2s;
}

.contact-form a:hover {
  background-color: #ed1e47;
}



@media only screen and (max-width: 992px) {
  header .menu li::after {
    padding-left: 10px;
  }

  .service-contents {
    flex-direction: column;
    align-items: center;
  }

  .all-services h6 {
    padding: 0 30px;
  }

  .all-services h6 br {
    display: none;
  }

  .service {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 50px;
    margin-left: 0 !important;
    text-align: center;
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .service p {
    font-size: 15px;
  }

  .service span {
    font-size: 15px;
  }

  .service ul li {
    font-size: 15px;
  }

  .service ul li::before {
    content: unset;
  }

  .circle-indicator {
    display: none;
  }

  .footer-ribbon {
    display: none;
  }

  .image-box {
    height: 60vh;
  }

  .image-box img {
    height: 60vh;
  }

  .img-content {
    flex-direction: unset;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
  }

  .blank {
    display: none;
  }

  .real-es {
    display: block !important;
  }

  .img-content div {
    margin-bottom: 0;
    margin-left: 20px;
  }

  .img-content span {
    font-size: 15px;
  }

  .img-content span br {
    display: none;
  }

  .onScrollAnimation {
    display: none;
  }

  .blank {
    justify-content: center !important;
    padding-right: 0 !important;
    margin-bottom: 30px;
  }

  .contact-box {
    display: block;
  }

  .contact-details {
    width: 100%;
    padding-right: 20px !important;
    padding-left: 20px !important;
    text-align: center;
    margin-bottom: 30px;
  }

  .contact-details br {
    display: none;
  }

  .contact-form {
    padding-right: 20px !important;
    width: 100%;
  }

  .contact-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .advice-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .advice-box-contents {
    display: block;
  }

  .advice-row {
    width: 100%;
    margin-bottom: 65px;
  }

  .image-content-box {
    display: block;
  }

  .image-contents {
    display: block;
  }

  .blank-box {
    display: none;
  }

  .image-box {
    display: none;
  }

  .img-content {
    position: unset;
  }

  .advice-content span {
    font-size: 15px;
  }

  .copyright-text {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .menu {
    display: none !important;
  }

  .menu ul li::after {
    content: "";
  }

  .top-section {
    height: 100vh;
  }

  .footer-logo-menu {
    display: block;
  }

  .footer-logo-menu .menu {
    display: flex !important;
  }

  .footer-logo-menu .logo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .footer-content {
    align-items: center;
  }

  .advice-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .advice-box p br {
    display: none;
    text-align: justify !important;
  }

  .advice-row {
    display: block;
  }

  .advice-content {
    width: 100%;
    margin-bottom: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .advice-content span {
    text-align: center !important;
  }

  .advice-content a {
    position: unset;
  }

  .mobile-menu {
    display: block;
  }

  .ven-diagram h5 {
    font-size: 14px;
    line-height: 18px;
  }

  .ven-diagram p {
    line-height: 15px;
  }

  .ven-diagram-container {
    width: 450px;
    height: 450px;
  }

  .ven-diagram {
    width: 264px;
    height: 264px;
  }

  .real-es {
    width: 100% !important;
  }

  .service {
    width: 90% !important;
  }
}

@media only screen and (max-width: 576px) {
  .footer-logo-menu .menu {
    justify-content: center;
  }

  footer .menu ul {
    display: block;
  }

  footer .menu ul li {
    text-align: center;
    padding-bottom: 30px;
    padding-right: 0 !important;
  }

  .ven-diagram h5 {
    font-size: 12px;
    line-height: 14px;
  }

  .ven-diagram p {
    font-size: 8px;
    line-height: 10px;
  }

  .ven-diagram-container {
    width: 375px;
    height: 375px;
  }

  .ven-diagram {
    width: 220px;
    height: 220px;
  }
}

@media only screen and (max-width: 450px) {
  .banner-content h1 {
    font-size: 45px;
  }

  .ven-diagram h5 {
    font-size: 12px;
    line-height: 14px;
  }

  .ven-diagram p {
    display: none;
  }

  .ven-diagram-container {
    width: 273px;
    height: 273px;
  }

  .ven-diagram {
    width: 160px;
    height: 160px;
  }
}



dl, ol, ul {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 15px;
}

.btn{
border: 2px solid #c7c8ce;
    padding: 2px 25px;
    color: #c7c8ce;
    border-radius: 30px;
    text-align: center;
    font-family: "Butler-reg";
    font-size: 17px;
    line-height:40px;
    transition: 0.2s;
    
}


.btn:hover{ border: 2px solid red; color:white;}



.btn2{
border: 2px solid #dc2147;
    padding: 12px 25px;
    color: #dc2147;
    border-radius: 30px;
    text-align: center;
    font-family: "Butler-reg";
    font-size: 17px;
    line-height: 40px;
    transition: 0.2s;
    
}


.btn2:hover{ border: 2px solid #16223c; color:#16223c;}


.btn3{
border: 2px solid #dc2147;
    padding: 12px 25px;
    color: #dc2147;
    border-radius: 30px;
    text-align: center;
    font-family: "Butler-reg";
    font-size: 17px;
    line-height: 40px;
    transition: 0.2s;
    width:150px;
}


.btn3:hover{ border: 2px solid #16223c; color:#16223c;}





.wpb_content_element, ul.wpb_thumbnails-fluid > li {
	margin-bottom: 0;
}



.module-logo {
	padding: 0px 0;
	flex-shrink: 0;
}

.ld-fancy-heading>ul, .ld-fancy-heading>ol {
        list-style-position: outside !important;
}


[data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

[data-mobile-nav-scheme="gray"] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a {
	color: #fff !important;
}

.lqd-mobile-sec .main-nav {
       font-size: 15px !important;
}

.lqd-mobile-sec .navbar-header > * {
	flex: 0 0 80.333%;
}

.lqd-mobile-sec .lqd-mobile-modules-container ~ .navbar-toggle {
	flex: 0 0 10% !important;
}

.lqd-mobile-sec .navbar-brand {
	padding: 0 !important;

}
p {
	margin-bottom: 10px !important;
}

.navbar-brand img {
    width: 70% !important;
}