@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/RobotoSlab/RobotoSlab-Thin.eot");
  src: local("Roboto Slab Thin"), local("RobotoSlab-Thin"),
  url("../fonts/RobotoSlab/RobotoSlab-Thin.eot?#iefix") format("embedded-opentype"),
  url("../fonts/RobotoSlab/RobotoSlab-Thin.woff") format("woff"),
  url("../fonts/RobotoSlab/RobotoSlab-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/RobotoSlab/RobotoSlab-Light.eot");
  src: local("Roboto Slab Light"), local("RobotoSlab-Light"),
  url("../fonts/RobotoSlab/RobotoSlab-Light.eot?#iefix") format("embedded-opentype"),
  url("../fonts/RobotoSlab/../fonts/RobotoSlab/RobotoSlab-Light.woff") format("woff"),
  url("../fonts/RobotoSlab/RobotoSlab-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/RobotoSlab/RobotoSlab-Bold.eot");
  src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"),
  url("../fonts/RobotoSlab/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/RobotoSlab/RobotoSlab-Bold.woff") format("woff"),
  url("../fonts/RobotoSlab/RobotoSlab-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Slab";
  src: url("../fonts/RobotoSlab/RobotoSlab-Regular.eot");
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"),
  url("../fonts/RobotoSlab/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/RobotoSlab/RobotoSlab-Regular.woff") format("woff"),
  url("../fonts/RobotoSlab/RobotoSlab-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
  url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"),
  url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
  url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
  url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  -webkit-tap-highlight-color: #f8404a;
}

::selection {
  background: #cfdeff;
}

img {
  width: 100%;
}

section h2.section-heading,
.timeline .timeline-heading h4,
.footer-information h4 {
  text-transform: none;
}

.region.region-content {
  padding: 0;
}

.region-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  background-color: #272727;
}

#mainNav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  z-index: 200;
}

#mainNav .navbar-toggler {
  width: 60px;
  height: 60px;
  font-size: 0;
  padding: 0;
  background-color: transparent;
  outline: none;
}

#mainNav .navbar-toggler[aria-expanded="true"] {
  background-color: rgba(0, 0, 0, 0.86) !important;
}

#mainNav .navbar-toggler[aria-expanded="true"] i::before {
  content: "\f00d";
}

#mainNav .navbar-toggler i {
  font-size: 25px;
}

#navbarResponsive {
  border: 0;
  background-color: rgba(0, 0, 0, 0.86) !important;
  text-align: center;
  box-shadow: none;
}

#mainNav .navbar-nav .nav-item .nav-link:hover,
#mainNav .navbar-nav .nav-item .nav-link:focus,
#mainNav .navbar-nav .nav-item .nav-link:active {
  color: #f8404a;
  text-decoration: none;
}

#navbarResponsive,
#block-my-agency-main-menu,
#navbarResponsive ul {
  width: 100%;
}

#block-my-agency-breadcrumbs {
  padding-top: 60px;
}

.breadcrumb li {
  margin-right: 5px;
}

.breadcrumb li:last-of-type {
  font-family: "Montserrat";
  color: #868e96;
  display: inline-flex;
  align-items: center;
}

.breadcrumb li:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  vertical-align: middle;
  font-size: 10px;
  display: inline-block;
  margin-right: 4px;
}

.breadcrumb li:last-of-type::before {
  margin-right: 6px;
}

.breadcrumb a {
  font-family: "Montserrat";
  font-weight: 500;
  vertical-align: middle;
  color: #000;
}

.page-with-sidebar .main-content-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

.page-with-sidebar .main-content-wrapper .highlighted,
.page-with-sidebar .main-content-wrapper a#main-content {
  display: none;
}

.main-content-wrapper aside {
  order: 1;
  width: 100%;
}

.other-page-heading {
  color: #2c2c2c;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 30px;
}

.other-page-description,
.field--name-field-page-section > .field__item {
  margin-bottom: 20px;
}

#block-my-agency-branding--2,
#block-my-agency-branding {
  width: auto;
  flex: 1;
  order: -1;
  margin-right: 15px;
  padding-left: 15px;
}

#block-my-agency-branding--2 a,
#block-my-agency-branding a {
  width: 100%;
  height: 50px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.other-page-image {
  background-image: linear-gradient(197deg, #ffdcd6 0%, #f8f7d9 100%);
  margin-bottom: 30px;
  padding: 30px 15px 20px;
}

.other-page-image img {
  height: auto;
}

.other-page-image .field--name-field-image-bank {
  margin-bottom: 20px;
}

.other-page-image .field--name-field-text-for-picture {
  font-family: "Montserrat";
  font-weight: 600;
}

.other-page-image .field--name-field-text-for-picture strong {
  font-size: 22px;
  color: #2c2c2c;
  font-weight: 700;
}

.field--name-field-page-section .field--name-field-title,
.other-page-description strong,
.field--name-field-faq-sections .field__label {
  font-weight: bold;
  color: #2c2c2c;
  font-size: 20px;
}

.field--name-field-page-section .field--name-field-title + div,
.other-page-description p,
.paragraph--type--faq p {
  font-size: 16px;
  color: #505050;
}

.paragraph--type--faq .field__label {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.paragraph--type--other-pages {
  padding: 0 15px;
}

.paragraph--type--other-pages p,
.paragraph--type--faq p {
  margin: 0;
}

.paragraph--type--faq .field__items > .field__item {
  margin-bottom: 20px;
}

.field--name-field-page-section .field--name-field-title {
  margin-bottom: 10px;
}

.paragraph--type--faq .field--name-field-title {
  font-weight: bold;
}

#block-views-block-other-pages-sidebar-pages h2,
#block-views-block-other-pages-sidebar-pages .content a {
  font-family: "Montserrat";
  font-weight: 700;
  background-color: #f7f7f7;
  padding: 20px 15px;
  text-transform: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

#block-views-block-other-pages-sidebar-pages h2 {
  font-size: 16px;
  color: #2c2c2c;
  border-color: #eae7e7;
  margin: 0;
}

#block-views-block-other-pages-sidebar-pages .content a {
  display: block;
  font-size: 14px;
  color: #000;
  border-color: #fff;
  cursor: pointer;
}

#block-views-block-other-pages-sidebar-pages .content a:focus,
#block-views-block-other-pages-sidebar-pages .content a:hover,
#block-views-block-other-pages-sidebar-pages .content a:active {
  color: #f8404a;
  text-decoration: none;
}

.portfolio-item img {
  height: auto;
  width: 100%;
}

section {
  padding: 40px 0;
}

section#contact {
  color: white;
  background-image: url("../img/map-image.jpg");
  background-size: cover;
}

section#about,
#about-bank {
  background-color: #f7f7f7;
}

.desc-top {
  margin-top: 20px;
}

.contact-tel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 22px;
}

header.masthead {
  background-image: none;
  background-color: #272727;
}

#top-button {
  display: none;
  width: 50px;
  height: 50px;
  border: 0;
  outline: 0;
  position: fixed;
  bottom: 20px;
  right: 15px;
  background-color: #f8404a;
  border-radius: 50%;
  color: #fff;
}

.detailed-tariffs {
  margin: 25px 0;
}

.detailed-tariffs + .btn {
  margin-bottom: 25px;
}

.services-icons {
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  header.masthead .bg-mobile {
    background-image: url(../img/header-bg-m.png);
    background-position: top 40% center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 55vw;
  }

  header.masthead .intro-text .intro-heading {
    margin-top: 60px;
    margin-bottom: 0;
  }
}

@media (max-width: 1279px) {
  header.masthead {
    margin-top: 60px;
  }

  #mainNav .container {
    padding: 0;
    width: 100%;
  }

  #block-my-agency-main-menu .navbar-collapse .navbar-nav {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  header.masthead .bg-mobile {
    background-image: url(../img/header-bg-t.png);
    height: 630px;
    background-position: top -10% center;
  }

  #mainNav .navbar-toggler {
    display: block;
  }

  #block-my-agency-main-menu .navbar-collapse.collapse:not(.in) {
    display: none !important;
  }

  #block-my-agency-main-menu .navbar-collapse,
  #block-my-agency-main-menu .navbar-collapse ul li {
    padding-left: 0;
    padding-right: 0;
  }

  #block-my-agency-main-menu .navbar-collapse ul li {
    margin-right: 15px;
  }
}

header.masthead .intro-text {
  padding-top: 0;
  padding-bottom: 40px;
}

header.masthead .intro-text .intro-lead-in {
  font-style: normal;
}

.btn,
.detailed-tariffs a {
  background-color: #f8404a;
  color: white;
  border: unset;
  font-family: "Montserrat";
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 20px;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn:active:hover,
.btn:active:focus,
.detailed-tariffs a:hover,
.detailed-tariffs a:focus,
.detailed-tariffs a:active,
.detailed-tariffs a:active:focus,
.detailed-tariffs a:active:hover {
  background-color: #d2222b;
  color: #ffffff;
  text-decoration: none;
}

.timeline > li .timeline-image {
  border: unset;
  background-color: unset;
}

.contact-info {
  padding-left: 0;
}

.contact-info li {
  font-size: 15px;
  padding-left: 0;
}

.contact-subtitle h4 {
  margin-bottom: 40px;
}

#about-bank img {
  display: block;
  margin: 0 auto;
  height: auto;
  width: 80%;
}

#about-bank .field--name-field-description-bank span {
  font-size: 24px;
  color: black;
  font-weight: 600;
}

#about-bank h1 {
  margin: 0;
}

.intro-text {
  text-align: left;
}

.title-bank {
  margin-bottom: 12px;
}

#contact .section-subheading {
  font-style: normal;
  margin: 30px 0 40px;
  font-family: "Roboto Slab";
}

.get-card p {
  color: #2c2c2c;
  font-size: 14px;
  font-weight: 700;
  font-family: "Montserrat";
}

header.masthead .get-card p {
  color: #fff;
  margin-bottom: 0;
}

.get-card span {
  color: #f8404a;
}

.customer-support {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
}

.customer-support:hover,
.customer-support:focus,
.customer-support:active {
  text-decoration: none;
  color: #fff !important;
}

#services .field__items {
  counter-reset: services-icons;
}

#services .get-card {
  padding: 0;
}

@media (max-width: 374px) {
  #services .get-card .btn,
  .detailed-tariffs a {
    padding: 20px 0;
    width: 100%;
  }
}

#support {
  padding-top: 0;
}

#support .field__items .field__item:nth-child(1) .customer-support:hover,
#support .field__items .field__item:nth-child(1) .customer-support:focus,
#support .field__items .field__item:nth-child(1) .customer-support:active {
  background-color: #9664be !important;
}

#support .field__items .field__item:nth-child(2) .customer-support:hover,
#support .field__items .field__item:nth-child(2) .customer-support:focus,
#support .field__items .field__item:nth-child(2) .customer-support:active {
  background-color: #2390ff !important;
}

#support .field__items .field__item:nth-child(3) .customer-support:hover,
#support .field__items .field__item:nth-child(3) .customer-support:focus,
#support .field__items .field__item:nth-child(3) .customer-support:active {
  background-color: #49a4ff !important;
}

#services .field__items .field__item span {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}

#services .field__items .field__item span i {
  font-size: 25px;
}

#services .field__items .field__item .service-heading::before {
  counter-increment: services-icons;
  content: counter(services-icons) ".";
  margin-right: 5px;
}

#services .field__items .field__item:nth-child(1) .service-heading::before,
#services .field__items .field__item:nth-child(1) span {
  color: #fc5e37;
}

#services .field__items .field__item:nth-child(2) .service-heading::before,
#services .field__items .field__item:nth-child(2) span {
  color: #18bcce;
}

#services .field__items .field__item:nth-child(3) .service-heading::before,
#services .field__items .field__item:nth-child(3) span {
  color: #ab32e8;
}

#services .field__items .field__item .col-md-4 span {
  background-color: #353535;
}

.timeline > li .timeline-image {
  width: 80%;
  height: auto;
  position: relative;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.timeline > li .timeline-panel,
.timeline > li.timeline-inverted > .timeline-panel {
  padding: 0;
  float: none;
}

.timeline > li > span {
  display: none;
}

.timeline > li {
  padding-bottom: 0;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column-reverse;
}

footer > .container {
  width: 100%;
}

footer {
  padding-bottom: 0;
}

@media (min-width: 375px) {
  section .py-5 {
    padding: 50px 0;
  }

  .delivery {
    padding-left: 15px;
  }

  .delivery a {
    font-size: 12px;
  }

  .contact-info,
  contact {
    padding: 0;
  }

  .contact-info li {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  header.masthead .intro-text .intro-heading {
    font-size: 30px;
  }

  header.masthead .intro-text,
  #contact .delivery {
    text-align: center;
  }

  #contact .delivery > *:not(.btn),
  header.masthead .intro-text > *:not(.btn) {
    text-align: left;
  }

  header.masthead .intro-text .btn {
    font-size: 14px;
    max-width: 300px;
  }

  section h2.section-heading {
    font-size: 20px;
  }

  .timeline::before {
    display: none;
  }

  .contact-tel .field__item {
    width: 100%;
  }

  footer h3 br {
    display: none;
  }
}

.customer-support {
  display: block;
  line-height: 1.75;
  margin-bottom: 10px;
}

#portfolio .portfolio-item .portfolio-caption {
  transition: all ease 0.5s;
}

#portfolio .portfolio-item:hover .portfolio-caption {
  color: #f8404a;
  text-decoration: none;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(0, 0, 0, 0.9);
  text-decoration: none;
}

#portfolio
.portfolio-item
.portfolio-link
.portfolio-hover
.portfolio-hover-content {
  color: #ff7978;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #f8404a;
}

@media (min-width: 768px) {
  header.masthead .intro-text .intro-lead-in {
    margin-bottom: 20px;
  }

  #block-my-agency-branding--2,
  #block-my-agency-branding {
    width: 30%;
    flex: unset;
  }

  .footer-logo #block-my-agency-branding--2,
  .footer-logo #block-my-agency-branding {
    width: 100%;
  }

  .page-with-sidebar .main-content-wrapper,
  .breadcrumb ol {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .other-page-heading {
    padding-top: 16px;
    font-size: 35px;
    line-height: 45px;
  }

  .other-page-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 60px;
    padding-right: 20px;
    padding-bottom: 0;
  }

  .other-page-image .field--name-field-text-for-picture {
    font-size: 14px;
    line-height: 22px;
  }

  .other-page-image .field--name-field-text-for-picture strong {
    font-size: 24px;
    line-height: 45px;
  }

  .other-page-image .field--name-field-image-bank {
    margin-bottom: 0;
    width: 40%;
  }

  .other-page-image .field--name-field-text-for-picture {
    width: 55%;
  }

  .field--name-field-page-section .field--name-field-title,
  .other-page-description strong,
  .paragraph--type--faq .field__label {
    font-size: 18px;
    line-height: 22px;
  }

  .field--name-field-page-section .field--name-field-title + div,
  .other-page-description p,
  .paragraph--type--faq .paragraph--type--page-sections,
  .footer-information .delivery {
    font-size: 15px;
  }

  section .py-5 {
    padding: 110px 0;
  }

  section h2.section-heading {
    font-size: 35px;
  }

  header.masthead .intro-text {
    padding-top: 0;
  }

  #services .field__items,
  #portfolio .field__items,
  #support .field__items {
    display: flex;
    justify-content: space-between;
  }

  #portfolio .field__items .field__item > div,
  #support .field__items .field__item > div,
  #services .field__items .field__item > div {
    width: 100%;
  }

  #services .field__items .field__item,
  #portfolio .field__items .field__item,
  #support .field__items .field__item {
    width: calc(100% / 3);
  }

  header.masthead .intro-text .intro-heading {
    font-size: 48px;
    /* margin-bottom: 25px; */
    line-height: 65px;
    margin-bottom: 15px;
  }

  #services h2 {
    margin-bottom: 45px;
  }

  .get-card a {
    font-weight: 600;
    letter-spacing: 1.3px;
    /* line-height: 52px; */
    text-transform: uppercase;
  }

  .get-card p {
    margin-bottom: 16px;
  }

  .get-card p,
  .get-card p span {
    font-size: 18px;
  }

  .customer-support {
    text-transform: uppercase;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 600;
  }

  .bg-light,
  .py-5 {
    font-family: "Montserrat";
  }

  .dnt-uper {
    text-transform: unset;
    font-size: 35px;
  }

  .bg-light #portfolio {
    padding-top: 107px;
    padding-bottom: 0px;
  }

  .dnt-uper {
    text-transform: unset;
    font-size: 35px;
  }

  .wrapper-portfolio-title {
    padding-bottom: 38px;
  }

  .title-brand {
    margin-bottom: 48px;
  }

  .team-picture {
    max-width: 870px;
    margin: 0 auto;
    margin-top: 60px;
  }

  #portfolio .portfolio-item .portfolio-caption {
    padding-top: 35px;
    color: #333;
  }

  .mono-container {
    max-width: 1111px;
  }

  .mono-row {
    margin: 0 auto;
    margin-top: 33px;
  }

  .brand-row {
    max-width: 1070px;
    margin: 0 auto;
  }

  .brand-center {
    padding-right: 6px;
    padding-left: 6px;
  }

  .timeline {
    margin-bottom: 16px;
  }

  .timeline::before {
    width: 3px;
    top: 50px;
    bottom: 30px;
    background-color: #fff;
  }

  .timeline > li {
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }

  .timeline > li.timeline-inverted {
    flex-direction: row-reverse;
  }

  .timeline > li .timeline-image {
    left: 0;
    margin: 0;
    width: 33%;
  }

  .timeline > li > span {
    display: block;
    width: 33%;
  }

  .timeline > li.timeline-inverted .timeline-image {
    order: unset;
  }

  .timeline > li .timeline-panel {
    width: 33%;
    padding-right: 15px;
  }

  .timeline > li.timeline-inverted .timeline-panel {
    padding-right: 0;
    padding-left: 15px;
  }

  #about h2.section-heading {
    margin-bottom: 50px;
  }

  #about-bank img {
    height: 327px;
    width: auto;
  }

  .footer-logo {
    width: 60%;
  }

  .detailed-tariffs {
    display: flex;
  }

  .detailed-tariffs,
  .detailed-tariffs + .btn {
    margin: 0;
  }

  .tariffs-footer .tariffs-table + .col-lg-12 {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 25px;
    margin-top: 25px;
  }

  .detailed-tariffs,
  .tariffs-footer .tariffs-table + .col-lg-12::after {
    width: 33%;
  }

  .tariffs-footer .tariffs-table + .col-lg-12::after {
    display: block;
    content: "";
  }
}

.footer-block-center {
  margin: 0 auto;
  float: none;
  font-size: 12px;
  line-height: 22px;
  color: #757575;
  margin-top: 55px;
}

.footer-bord {
  border-top: 1px solid #464646;
}

.footer-logo {
  margin: 0 auto;
}

#contact #block-my-agency-branding {
  margin: 0 auto;
  padding-left: 0;
}

.footer-subtitle {
  margin-top: 40px;
}

.footer-information {
  margin-bottom: 28px;
  text-align: left;
}

.delivery a {
  max-width: 300px;
}

@media (min-width: 992px) {
  #block-my-agency-branding--2,
  #block-my-agency-branding {
    padding-left: calc(15px + 1em);
  }

  .page-with-sidebar .main-content-wrapper,
  .breadcrumb ol {
    width: 970px;
  }
}

@media (min-width: 1024px) {
  header.masthead {
    background-image: url(../img/header-bg.png),
    linear-gradient(47deg, #272727 0%, #434242 100%);
    padding-top: 120px;
    padding-bottom: 120px;
    background-size: contain;
    background-position: right center;
  }

  header.masthead .bg-mobile {
    display: none;
  }

  .page-with-sidebar .main-content-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }

  .main-content-wrapper aside {
    width: 24%;
    padding-top: 91px;
  }

  .page-with-sidebar .main-content-wrapper .region.region-content {
    width: 74%;
  }

  .tariffs-footer .tariffs-table + .col-lg-12 {
    width: calc(100% * (1 + 1 / 3));
  }
}

@media (min-width: 1200px) {
  .page-with-sidebar .main-content-wrapper,
  .breadcrumb ol {
    width: 1170px;
    padding: 0 15px;
  }

  #top-button {
    right: 15%;
  }
}

@media (min-width: 1280px) {
  #block-my-agency-main-menu {
    width: auto;
  }

  #block-my-agency-branding--2,
  #block-my-agency-branding {
    margin: 0;
    padding: 0;
  }

  #block-my-agency-main-menu ul {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  #mainNav,
  .region-navigation,
  #navbarResponsive {
    background-color: transparent !important;
    padding: 0;
  }

  #mainNav.navbar-shrink,
  #mainNav.navbar-with-sidebar {
    background-color: #222222 !important;
  }

  .timeline::before {
    top: 15%;
    bottom: 15%;
  }

  .timeline > li .timeline-image {
    padding: 0 45px;
  }
}

@media (min-width: 1440px) {
  section {
    padding: 106px 0 80px;
  }

  header.masthead {
    padding-top: 245px;
    padding-bottom: 245px;
  }

  .timeline > li .timeline-image {
    padding: 0;
    width: 23%;
  }

  #services h2 {
    margin-bottom: 95px;
  }

  #services .field__items .field__item span {
    margin-bottom: 32px;
  }

  .mono-row {
    margin-top: 72px;
  }

  #about-bank .get-card {
    margin-top: 40px;
  }

  #contact {
    padding-top: 74px;
  }

  .footer-logo {
    width: 30%;
  }
}

/* Block Tarif*/
.tariffs-subtitle {
  text-transform: unset;
  margin-top: 20px;
  margin-bottom: 60px;
}

.detailed-tariffs span {
  padding: 0;
  background-image: unset;
}

.detailed-tariffs a {
  display: inline-block;
  padding: 20px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: white;
}

.detailed-tariffs a {
  background-color: lightgrey;
}

.detailed-tariffs a:hover,
.detailed-tariffs a:active,
.detailed-tariffs a:focus {
  background-color: grey;
}

/* / Table style / */

.tariffs-table {
  border-collapse: collapse;
  width: 100%;
}

.tariffs-table .table-caption {
  color: #828282;
  font-size: 1.4rem;
  caption-side: bottom;
  margin-top: 24px;
  margin-right: 20px;
  text-align: right;
}

.tariffs-table tr:first-child .item {
  border-top: none;
}

.tariffs-table tr:first-child .item:nth-child(2) {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.tariffs-table tr:last-child .item:nth-child(2) {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.tariffs-table tr:first-child .item:nth-child(3) {
  color: #75af26;
  font-weight: 900;
  text-transform: uppercase;
}

.tariffs-table tr:first-child .item:nth-child(4) {
  color: #EF002F;
  font-weight: 900;
  text-transform: uppercase;
}

.tariffs-table .table-header {
  height: 108px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  color: #b2b2b2;
  vertical-align: middle;
  text-align: center;
}

.bold {
  font-weight: 700;
}

.tariffs-table .item:first-child {
  text-align: left;
  padding-left: 24px;
}

.tariffs-table .item {
  width: 240px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #f3f3f3;
  padding: 16px;
}

.tariffs-table .item:nth-child(2) {
  color: #fff;
  background-color: #fa5255;
  border-top: 1px solid #ff6c6f;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.tariffs-table .item:last-child {
  border-left: 1px solid #f3f3f3;
}

.x-mark {
  position: relative;
  display: inline-block;
  height: 1em;
  width: 1em;
  font-size: 21px;
  padding: 0;
}

.x-mark:after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.x-mark:before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.x-mark:after,
.x-mark:before {
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  background: currentColor;
  position: absolute;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

@media (max-width: 619px) {
  .tariffs-table,
  .tariffs-table tbody,
  .tariffs-table td,
  .tariffs-table td.item,
  .tariffs-table th,
  .tariffs-table thead,
  .tariffs-table tr {
    display: block;
    width: auto;
  }

  .tariffs-table {
    border-radius: 4px;
    box-shadow: 0 5px 18px 0 #bdbdbd;
    margin-right: -10px;
    margin-left: -10px;
  }

  .tariffs-table caption,
  .tariffs-table td.item:nth-child(3),
  .tariffs-table td.item:nth-child(4),
  .tariffs-table th.item {
    display: none;
  }

  .tariffs-table .item:nth-child(1) {
    padding: 16px 16px 8px;
    border-bottom: none;
  }

  .tariffs-table .item:nth-child(2) {
    color: #323232;
    background-color: #fff;
    font-weight: 700;
    box-shadow: none;
    text-align: left;
    padding: 0 16px 16px;
    border-top: none;
  }
}

.path-frontpage .node__content > .col-lg-12.get-card {
  display: none;
}

.btn__all-articles {
  background-color: white;
  color: #333;
  border: 1px solid #f8404a;
  margin-bottom: 40px;
  width: 210px;
}

.portfolio-caption--title {
  color: #333;
}

/*all articles styles*/

.path-articles .view-articles .views-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.path-articles .views-field-field-image img {
  height: auto;
  min-height: 250px;
  width: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.path-articles .views-field-field-image .field-content {
  position: relative;
  transition: all 0.5s ease, 0.5s ease;
}

.path-articles .views-field-field-image a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 1);
  z-index: 1;
  transition: all 0.5s ease;
}

.path-articles .views-field-field-image a:hover::before {
  opacity: 1;
  background: rgba(0, 0, 0, 0, 9);
  transition: all 0.5s ease;
}

.path-articles .views-field-field-image a::after {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 58px;
  color: #ff7978;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  opacity: 0;
  transition: opacity ease 0.5s;
  border: 4px solid #ff7978;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

.path-articles .views-field-field-image a:hover::after {
  opacity: 1;
  z-index: 2;
  transition: opacity ease 0.5s;
}

.view-articles
.views-field-title {
  order: 2;
  padding: 35px 25px 25px;
  text-align: center;
}

.view-articles
.views-field-body {
  order: 3;
}

.view-articles .field-content a {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  color: #333;
  transition: all ease 0.5s;
  text-decoration: none;
  text-align: center;
  scroll-padding-top: 2rem;
}

.view-articles .field-content a:hover {
  color: #f8404a;
  text-decoration: none;
}

.view-articles {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.path-articles .main-content-wrapper {
  display: block;
  width: 100%;
}

.path-articles .main-content-wrapper aside {
  display: none;
  visibility: hidden;
}

.path-articles
.page-with-sidebar
.main-content-wrapper
.region.region-content {
  width: 100%;
}

.path-node .fb-comments {
  width: 100%;
}

@media (min-width: 768px) {
  .path-articles .main-content-wrapper .region-content .view-content > * {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .view-articles .views-row {
    flex: 0 0 33.33%;
  }
}

/*card for downloading app on each article*/
.path-node .page-with-sidebar .node__content {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .path-node .page-with-sidebar .node__content {
    width: 74%;
  }
}

@media (min-width: 1200px) {
  .node__content .col-lg-12 {
    float: none;
  }
}

.download-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F9F9F9;
}

.download-card__container {
  padding: 16px;
}

.download-card__title-container {
  display: flex;
  justify-content: center;
}

.download-card__title {
  height: 100%;
  max-width: 280px;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: left;
}

.download-card__links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap: 16px;
}

.download-card__image {
  cursor: pointer;
  width: 135px;
  height: 35px;
}

.download-card__image-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.download-card__image-hover:hover {
  transition: opacity 0.5s ease-in;
  opacity: 1;
}

.download-card__link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

@media (min-width: 360px) {
  .download-card__title {
    font-size: 20px;
  }

  .download-card__image {
    width: 140px;
    height: 40px;
  }
}

@media (min-width: 768px) {
  .download-card__container {
    width: 100%;
    display: flex;
    align-items: self-end;
    justify-content: space-between;
  }

  .download-card__title {
    max-width: 100%;
    font-size: 18px;
    letter-spacing: 0em;
  }

  .download-card__links {
    justify-content: flex-end;
    width: fit-content;
  }

  .download-card__image {
    width: 140px;
    height: 40px;
  }
}

@media (min-width: 1024px) {
  .path-node .page-with-sidebar .main-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: row wrap;
  }

  .path-node .page-with-sidebar .main-content-wrapper .region.region-content {
    width: 74%;
  }

  .path-node .main-content-wrapper aside {
    order: 1;
    width: 24%;
  }

  .path-node .fb-comments {
    width: 100%;
    order: 10;
  }
}

@media (min-width: 1024px) {
  .tariffs-footer {
    max-width: 74%;
  }
}

.slick-prev, .slick-next {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  background: white;
  border: none;
  cursor: pointer;
  font-size: 70px;
}

.slick-slide .path-articles .views-field-field-image img {
  object-fit: contain;
  object-position: center;
  min-height: 250px;
  width: 100%;
  height: revert-layer;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

.tariffs_fop-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.tariffs_fop-buttons .btn {
  margin-bottom: 0px;
}

@media (min-width: 600px) {
  .tariffs_fop-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}


@media (min-width: 768px) {
  .tarrifs_fop-title {
    font-size: 18px;
  }

  .tarrifs_fop-description {
    font-size: 15px;
  }
}

.tarrifs_fop-title {
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  color: #2c2c2c;
  margin-bottom: 10px;
}

.tarrifs_fop-description {
  line-height: 1.75;
  font-size: 16px;
  color: #505050;
  margin-bottom: 30px;
}

.bank-3 {
  -webkit-background-clip: text;
  background-image: linear-gradient(135deg, #06503C 0%, #06503C 50%, #DCDF3C 50%, #DCDF3C 100%);
  color: #DCDF3C;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.fop .item:nth-child(2) {
  background-color: black;
  border-top: 1px solid white;
}

@media (min-width: 620px) {
  .rocket-container {
    position: relative;
  }

  .rocket {
    font-size: 50px;
    position: absolute;
    top: 0;
  }
}

@media (max-width: 620px) {
  .rocket-container {
    display: none;
  }

  .rocket {
    display: none;
  }

  .fop .item:nth-child(2) {
    background-color: white;
    border-top: 1px solid white;
  }
}

.fop-btn {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.paragraph--type--mono-section {
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background-image: linear-gradient(180deg,rgba(129,79,255,.1),rgba(219,39,171,.1));
  margin: 24px 0;
}
.field__item_1 .paragraph--type--mono-section {
  margin-top: 91px;
  > div > div {
    padding-top: 30px;
  }
}
.paragraph--type--mono-section .field--name-field-section-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  img {
    height: auto;
  }
}
.paragraph--type--mono-section .field--name-field-section-text {
  display: flex;
  h2 {
    margin-bottom: 24px;
  }
  p {
    margin-bottom: 16px;
  }
}

.field__item_2 .paragraph--type--mono-section .text-formatted,
.field__item_3 .paragraph--type--mono-section .text-formatted {
  >div {
    max-width: 60%;
    padding-top: 60px;
    p:last-child {
      padding-left: 20px;
      border-left: 1px solid #f8404a;
    }
  }
    img {
      margin-left: auto;
    }
}
.field__item_3 .paragraph--type--mono-section .text-formatted {
    img {
      width: 60%;
      margin: 0 auto;
    }
    p {
      display: flex;
      align-items: center;
    }
}
.field__item_4 .paragraph--type--mono-section .text-formatted {
  display: flex;
  flex-direction: column;
  align-items: center;
  > p {
    width: 100%;
  }
  img {
    border-radius: 20px;
  }
}
.field__item_4 .paragraph--type--mono-section .text-formatted,
.field__item_5 .paragraph--type--mono-section .text-formatted,
.field__item_6 .paragraph--type--mono-section .text-formatted,
.field__item_7 .paragraph--type--mono-section .text-formatted,
.field__item_8 .paragraph--type--mono-section .text-formatted {
  > div {
    padding-top: 60px;
  }
}
.field__item_6 .paragraph--type--mono-section,
.field__item_7 .paragraph--type--mono-section {
  width: 42%;
}
.field__item_5 .paragraph--type--mono-section {
  width: 55%;
  float: inline-end;
}
.field__item_5 .paragraph--type--mono-section .field--name-field-section-text {
  flex-direction: column;
  > p {
    width: 100%;
    display: flex;
    align-items: center;
  }
  a {
    display: inline;
    color: #f8404a;
  }
  a:hover {
    text-decoration: none;
    color: #fed136;
  }
  img {
    width: 66%;
    margin: 0 auto;
  }
}
.field__item_5 .paragraph--type--mono-section {
  margin-top: 0;
}
.field__item_8 .paragraph--type--mono-section .text-formatted {
  > p {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  img {
    width: 55%;
    margin: 0 auto;
  }
}

@media all and (max-width: 767px) {
  .field__item .paragraph--type--mono-section .field--name-field-section-text {
    flex-direction: column;
    > div {
      width: 100%;
      max-width: 100%;
    }
  }
  .field__item_6 .paragraph--type--mono-section,
  .field__item_7 .paragraph--type--mono-section {
    width: 100%;
  }
  .field__item_5 .paragraph--type--mono-section {
    width: 100%;
    float: none;
  }
  .field__item_1 .paragraph--type--mono-section {
    margin-top: 26px;
  }
}