@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

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

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/* @import "types/3dx";
@import "types/3dx-r";
@import "types/3dy";
@import "types/3dy-r";
@import "types/3dxy";
@import "types/3dxy-r";
@import "types/arrow";
@import "types/arrow-r";
@import "types/arrowalt";
@import "types/arrowalt-r";
@import "types/arrowturn";
@import "types/arrowturn-r";
@import "types/boring"; */
/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* @import "types/collapse-r";
@import "types/elastic";
@import "types/elastic-r";
@import "types/emphatic";
@import "types/emphatic-r";
@import "types/minus";
@import "types/slider";
@import "types/slider-r";
@import "types/spin";
@import "types/spin-r";
@import "types/spring";
@import "types/spring-r";
@import "types/stand";
@import "types/stand-r";
@import "types/squeeze";
@import "types/vortex";
@import "types/vortex-r"; */
/* common styles */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

p {
  margin-bottom: 15px;
}

a {
  color: #004880;
}

a:hover, a:focus {
  color: #00569a;
  text-decoration: none;
  outline: 0;
}

.links {
  color: #093252;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
  display: inline-block;
}
.fontDecrease .links {
  font-size: 11px;
}
.fontIncreas .links {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .links {
    font-size: 14px;
  }
  .fontDecrease .links {
    font-size: 15px;
  }
  .fontIncreas .links {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .links {
    font-size: 13px;
  }
  .fontDecrease .links {
    font-size: 12px;
  }
  .fontIncreas .links {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .links {
    font-size: 13px;
  }
  .fontDecrease .links {
    font-size: 12px;
  }
  .fontIncreas .links {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .links {
    font-size: 14px;
  }
  .fontDecrease .links {
    font-size: 13px;
  }
  .fontIncreas .links {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .links {
    font-size: 15px;
  }
  .fontDecrease .links {
    font-size: 14px;
  }
  .fontIncreas .links {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .links {
    font-size: 16px;
  }
  .fontDecrease .links {
    font-size: 15px;
  }
  .fontIncreas .links {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .links {
    font-size: 18px;
  }
  .fontDecrease .links {
    font-size: 17px;
  }
  .fontIncreas .links {
    font-size: 19px;
  }
}

.links:hover, .links:focus {
  color: #3399E8;
  text-decoration: none;
  outline: 0;
}

.links.primary {
  color: #004880;
}

.links.primary:hover, .links.primary:focus {
  color: #00569a;
}

.btn {
  color: #fff;
  padding: 12px 20px;
  font-size: 12px;
  line-height: 1.4em;
  border-radius: 4px;
  line-height: 15px;
}
.fontDecrease .btn {
  font-size: 11px;
}
.fontIncreas .btn {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .btn {
    font-size: 16px;
  }
  .fontDecrease .btn {
    font-size: 15px;
  }
  .fontIncreas .btn {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .btn {
    font-size: 13px;
  }
  .fontDecrease .btn {
    font-size: 12px;
  }
  .fontIncreas .btn {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .btn {
    font-size: 13px;
  }
  .fontDecrease .btn {
    font-size: 12px;
  }
  .fontIncreas .btn {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .btn {
    font-size: 14px;
  }
  .fontDecrease .btn {
    font-size: 13px;
  }
  .fontIncreas .btn {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .btn {
    font-size: 15px;
  }
  .fontDecrease .btn {
    font-size: 14px;
  }
  .fontIncreas .btn {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .btn {
    font-size: 16px;
  }
  .fontDecrease .btn {
    font-size: 15px;
  }
  .fontIncreas .btn {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .btn {
    font-size: 18px;
  }
  .fontDecrease .btn {
    font-size: 17px;
  }
  .fontIncreas .btn {
    font-size: 19px;
  }
}

@media only screen and (max-width: 350px) {
  .btn {
    padding: 12px 15px;
  }
}

@media only screen and (min-width: 992px) {
  .btn {
    padding: 12px 17px;
    font-size: 14px;
  }
  .fontDecrease .btn {
    font-size: 13px;
  }
  .fontIncreas .btn {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .btn {
    padding: 11px 16px;
  }
}

@media only screen and (min-width: 1500px) {
  .btn {
    padding: 13px 18px;
  }
}

@media only screen and (min-width: 1600px) {
  .btn {
    padding: 14px 20px;
    font-size: 16px;
  }
  .fontDecrease .btn {
    font-size: 15px;
  }
  .fontIncreas .btn {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1680px) {
  .btn {
    padding: 15px 20px;
    font-size: 16px;
  }
  .fontDecrease .btn {
    font-size: 15px;
  }
  .fontIncreas .btn {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .btn {
    padding: 18px 30px;
    font-size: 18px;
  }
  .fontDecrease .btn {
    font-size: 17px;
  }
  .fontIncreas .btn {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .btn {
    padding: 6px 12px;
  }
}

@media only screen and (min-width: 1200px) {
  .btn.btn-lg {
    padding: 14px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 19px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1400px) {
  .btn.btn-lg {
    padding: 16px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 19px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 15px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1500px) {
  .btn.btn-lg {
    padding: 16px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 19px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 15px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1600px) {
  .btn.btn-lg {
    padding: 16px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 15px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1680px) {
  .btn.btn-lg {
    padding: 18px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 19px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1680px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1680px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 15px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .btn.btn-lg {
    padding: 21px 30px;
    font-size: 20px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 19px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 1899px) {
  .btn.btn-lg {
    font-size: 18px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 17px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
  .fontDecrease .btn.btn-lg {
    font-size: 15px;
  }
  .fontIncreas .btn.btn-lg {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 1440px) {
  .btn.btn-lg {
    font-size: 16px;
  }
}

.btn-primary {
  color: #fff;
  background-color: #004880;
  border-color: #004880;
  outline: 0;
}

.btn-primary:focus {
  color: #fff;
  background-color: #004880;
  border-color: #004880;
  outline: 0;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3399E8;
  border-color: #3399E8;
  outline: 0;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #004880;
  border-color: #004880;
  outline: 0;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  color: #fff;
  background-color: #004880;
  border-color: #004880;
  outline: 0;
}

.btn-primary:not(:disabled):not(.disabled).active:hover,
.btn-primary:not(:disabled):not(.disabled):active:hover,
.show > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #3399E8;
  border-color: #3399E8;
  outline: 0;
}

/* Style added for CTA buttons start */
.slider-text-container .btn-primary {
  margin-top: 20px;
  padding: 10px 20px;
}
.slider-text-container .btn-primary.whiteBgBlueTxtBtn {
  background: #fff;
  border: #fff;
  color: #004880;
}

.slider-text-container .btn-primary.whiteBgBlueTxtBtn:hover {
  background: #f5f5f5;
  border: #f5f5f5;
  color: #004880;
}

.slider-text-container .btn-primary.redBgWhiteTxtBtn {
  background: #ee3c25;
  border: #ee3c25;
  color: #ffffff;
}

.slider-text-container .btn-primary.redBgWhiteTxtBtn:hover {
  background: #e03923;
  border: #e03923;
  color: #fff;
}

.slider-text-container .btn-primary.redBgWhiteTxtBtn {
  background: #ee3c25;
  border: #ee3c25;
  color: #ffffff;
}

.slider-text-container .btn-primary.redBgWhiteTxtBtn:hover {
  background: #e03923;
  border: #e03923;
  color: #fff;
}

/* Style added for CTA buttons end */

.btn-secondary {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-secondary:focus {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-secondary:hover {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-secondary:not(:disabled):not(.disabled).active:hover,
.btn-secondary:not(:disabled):not(.disabled):active:hover,
.show > .btn-secondary.dropdown-toggle:hover {
  color: #004880;
  background-color: #fff;
  border-color: #fff;
  outline: 0;
}

.btn-outline-secondary {
  color: #093252;
  background-color: #fff;
  border-color: #093252;
  border: 2px solid #093252;
  outline: 0;
}

.btn-outline-secondary:focus {
  color: #093252;
  background-color: #fff;
  border-color: #093252;
  border: 2px solid #093252;
  outline: 0;
}

.btn-outline-secondary:hover {
  color: #3399E8;
  background-color: #fff;
  border-color: #3399E8;
  border: 2px solid #3399E8;
  outline: 0;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #093252;
  background-color: #fff;
  border-color: #093252;
  border: 2px solid #093252;
  outline: 0;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  color: #093252;
  background-color: #fff;
  border-color: #093252;
  border: 2px solid #093252;
  outline: 0;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active:hover,
.show > .btn-outline-secondary.dropdown-toggle:hover {
  color: #3399E8;
  background-color: #fff;
  border-color: #3399E8;
  border: 2px solid #3399E8;
  outline: 0;
}

.slick-slide:focus {
  outline: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 40px;
}

.slick-dots {
  bottom: -30px;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #707070;
}

.slick-dots li.slick-active button:before {
  color: #004880;
  opacity: 1;
}

.slick-prev,
.slick-next {
  height: 60px;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .slick-prev,
  .slick-next {
    width: 40px;
    height: 40px;
  }
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
  background-image: url("../images/chevicon-left.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
  background-image: url("../images/chevicon-right.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.carousel-indicators {
  position: relative;
  margin-top: 20px;
}

.carousel-indicators li {
  background-color: #D9D9D9;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.carousel-indicators .active {
  background-color: #004880;
}

html,
body {
  position: relative;
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  font-size: 16px;
  color: #000;
  line-height: 1.5em;
  padding-top: 56px;
}
body.fontDecrease {
  font-size: 15px;
}
body.fontIncreas {
  font-size: 17px;
}











@media only screen and (min-width: 768px) {
  body {
    /* padding-top: 74px; */
    padding-top: 0;
  }
  body:has(.fixed-top) {
    padding-top: 74px;
  }
}

@media only screen and (min-width: 1200px) {
  body {
    /* padding-top: 70px; */
    padding-top: 0;
  }
  body:has(.fixed-top) {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1400px) {
  body {
    /* padding-top: 80px; */
    padding-top: 0;
  }
  body:has(.fixed-top) {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1600px) {
  body {
    /* padding-top: 88px; */
    padding-top: 0;
  }
  body:has(.fixed-top) {
    padding-top: 88px;
  }
}

@media only screen and (min-width: 1900px) {
  body {
    /* padding-top: 100px; */
    padding-top: 0;
  }
  body:has(.fixed-top) {
    padding-top: 100px;
  }
}

table {
  color: #000;
}

@media only screen and (max-width: 991px) {
  table {
    width: 100% !important;
  }
}

table thead tr {
  background: #ECF7FF;
}

table thead tr th {
  font-weight: 700;
}

table thead tr th p {
  font-weight: 700;
}

table tr.blug {
  background: #ECF7FF;
}

table tr:first-child td {
  border-top: 0px;
}

table tr td, table tr th {
  font-size: 12px;
  line-height: 1.4em;
  line-height: 24px;
  padding: 25px 30px;
  vertical-align: middle;
  border-right: 1px solid #D9D9D9;
}
.fontDecrease table tr td, .fontDecrease table tr th{
  font-size: 11px;
}
.fontIncreas table tr td, .fontIncreas table tr th{
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  table tr td, table tr th {
    font-size: 16px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 15px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  table tr td, table tr th {
    font-size: 13px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 12px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  table tr td, table tr th {
    font-size: 13px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 12px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  table tr td, table tr th {
    font-size: 14px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 13px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  table tr td, table tr th {
    font-size: 15px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 14px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 16px;
  }
}

@media only screen and (min-width: 1600px) {
  table tr td, table tr th {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1680px) {
  table tr td, table tr th {
    font-size: 16px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 15px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  table tr td, table tr th {
    font-size: 18px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th {
    font-size: 17px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1600px) {
  table tr td, table tr th {
    padding: 20px 25px;
  }
}

@media only screen and (max-width: 991px) {
  table tr td, table tr th {
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 767px) {
  table tr td, table tr th {
    font-size: 10px;
    padding: 6px 6px;
    line-height: 16px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th {
    font-size: 9px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  table tr td, table tr th {
    font-size: 14px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th{
    font-size: 13px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th{
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  table tr td, table tr th {
    font-size: 12px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th {
    font-size: 11px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  table tr td, table tr th {
    font-size: 14px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th {
    font-size: 13px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  table tr td, table tr th {
    font-size: 16px;
  }
  .fontDecrease table tr td, .fontDecrease table tr th {
    font-size: 15px;
  }
  .fontIncreas table tr td, .fontIncreas table tr th {
    font-size: 17px;
  }
}

table tr td p, table tr th p {
  font-size: 12px;
  line-height: 1.4em;
  line-height: 24px;
}
.fontDecrease table tr td p, .fontDecrease table tr th p {
  font-size: 11px;
}
.fontIncreas table tr td p, .fontIncreas table tr th p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  table tr td p, table tr th p {
    font-size: 16px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 15px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  table tr td p, table tr th p {
    font-size: 13px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 12px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  table tr td p, table tr th p {
    font-size: 13px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 12px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  table tr td p, table tr th p {
    font-size: 14px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 13px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  table tr td p, table tr th p {
    font-size: 15px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 14px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  table tr td p, table tr th p {
    font-size: 16px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 15px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  table tr td p, table tr th p {
    font-size: 18px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 17px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  table tr td p, table tr th p {
    font-size: 10px;
    line-height: 16px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 14px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  table tr td p, table tr th p {
    font-size: 14px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 13px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  table tr td p, table tr th p {
    font-size: 12px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 11px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  table tr td p, table tr th p {
    font-size: 14px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 13px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  table tr td p, table tr th p {
    font-size: 16px;
  }
  .fontDecrease table tr td p, .fontDecrease table tr th p {
    font-size: 15px;
  }
  .fontIncreas table tr td p, .fontIncreas table tr th p {
    font-size: 17px;
  }
}

table tr td:last-child, table tr th:last-child {
  border-right: 0px;
}

table .notes {
  font-size: 10px;
  color: #707070;
  text-align: left;
}
.fontDecrease table .notes {
  font-size: 9px;
}
.fontIncreas table .notes {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  table .notes {
    font-size: 14px;
  }
  .fontDecrease table .notes {
    font-size: 13px;
  }
  .fontIncreas table .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  table .notes {
    font-size: 12px;
  }
  .fontDecrease table .notes {
    font-size: 11px;
  }
  .fontIncreas table .notes {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  table .notes {
    font-size: 14px;
  }
  .fontDecrease table .notes {
    font-size: 13px;
  }
  .fontIncreas table .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  table .notes {
    font-size: 16px;
  }
  .fontDecrease table .notes {
    font-size: 15px;
  }
  .fontIncreas table .notes {
    font-size: 17px;
  }
}

table .notes ul {
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  table .notes ul {
    padding: 0 0 0 20px;
  }
}

table .notes ul li {
  margin-top: 10px;
}

.pricetxt {
  font-weight: normal;
  font-style: normal;
}

.navbar {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 350px) {
  .navbar {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .navbar {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .navbar {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .navbar {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .navbar {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .navbar {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .navbar {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 350px) {
  .navbar {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .navbar {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .navbar {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .navbar {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .navbar {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1680px) {
  .navbar {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .navbar {
    padding-left: 140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 350px) {
  .navbar {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .navbar {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .navbar {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .navbar {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .navbar {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1680px) {
  .navbar {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .navbar {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar {
    padding-left: 25px;
    padding-right: 25px;
    height: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 350px) {
  .navbar {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .navbar {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1400px) {
  .navbar {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .navbar {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .navbar {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .navbar {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .navbar {
    padding-left: 140px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 350px) {
  .navbar {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .navbar {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1400px) {
  .navbar {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .navbar {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .navbar {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .navbar {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .navbar {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 1400px) {
  .navbar {
    height: 80px;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar {
    height: 88px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar {
    height: 100px;
  }
}

.navbar.bg-light {
  background-color: #fff !important;
  border-bottom: 1px solid #E6E6E6;
  -webkit-box-shadow: 6px 3px 6px #0000001F;
  box-shadow: 6px 3px 6px #0000001F;
}

.navbar.bg-light .container-fluid {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 1200px) {
  .navbar.bg-light .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar .hamburger {
  padding: 5px;
  height: 34px;
}

.navbar .hamburger-box {
  width: 24px;
  height: 24px;
}

.navbar .hamburger-inner::before {
  top: -8px;
}

.navbar .hamburger-inner,
.navbar .hamburger-inner::before,
.navbar .hamburger-inner::after {
  width: 100%;
  height: 3px;
  background-color: #004880;
}

.navbar .hamburger.is-active .hamburger-inner,
.navbar .hamburger.is-active .hamburger-inner::before,
.navbar .hamburger.is-active .hamburger-inner::after {
  background-color: #004880;
}

.navbar .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1rem;
  width: 130px;
  margin-left: .2rem;
}

@media only screen and (min-width: 768px) {
  .navbar .navbar-brand {
    width: 168px;
    margin-left: 5px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .navbar-brand {
    width: 120px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar .navbar-brand {
    width: 130px;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar .navbar-brand {
    width: 140px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .navbar-brand {
    width: 170px;
  }
}

.navbar .navbar-toggler:focus {
  outline: 0;
}

.navbar .top-actions {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 15px;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 768px) {
  .navbar .top-actions {
    height: 74px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .top-actions {
    height: 70px;
  }
}

@media only screen and (min-width: 1400px) {
  .navbar .top-actions {
    height: 80px;
  }
}

@media only screen and (min-width: 1400px) {
  .navbar .top-actions {
    height: 88px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .top-actions {
    height: 100px;
  }
}

@media only screen and (max-width: 350px) {
  .navbar .top-actions {
    right: 5px;
  }
}

@media only screen and (min-width: 992px) {
  .navbar .top-actions {
    right: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .top-actions {
    position: relative;
    right: inherit;
  }
}

.navbar .top-actions li a {
  display: block;
  padding: 0 5px;
  margin: 0px 0px 0px 5px;
}

@media only screen and (max-width: 350px) {
  .navbar .top-actions li a {
    margin: 0px 0px 0px 3px;
  }
}

@media only screen and (min-width: 768px) {
  .navbar .top-actions li a {
    margin: 0px 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .top-actions li a {
    margin: 0px 5px;
  }
}

.navbar .top-actions li a span {
  display: block;
}

.navbar .top-actions li a span svg {
  height: 18px;
  fill: #004880;
  stroke: #004880;
  stroke-width: 1px;
  overflow: visible;
}

@media only screen and (min-width: 768px) {
  .navbar .top-actions li a span svg {
    width: 22px;
    height: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .top-actions li a span svg {
    width: 20px;
    height: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .top-actions li a span svg {
    width: 28px;
    height: 28px;
  }
}

.navbar .top-actions li a:hover, .navbar .top-actions li a:focus {
  opacity: 0.75;
}

@media only screen and (min-width: 1200px) {
  .navbar .top-actions li a .btn {
    padding: .5rem 1.4rem;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar .top-actions li a .btn {
    padding: .7rem 1.5rem;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .top-actions li a .btn {
    padding: .9rem 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid {
    position: relative;
    height: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid .navmask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0%;
    bottom: 0;
    z-index: 10;
    display: none;
  }
  .navbar .container-fluid #bbnav {
    position: fixed;
    width: 80%;
    max-width: 300px;
    top: 0;
    left: -80%;
    bottom: 0;
    height: 100%;
    background: #fff;
    z-index: 10;
    padding-top: 20px;
  }
  .navbar .container-fluid #bbnav .navclose {
    position: absolute;
    width: 24px;
    top: 0;
    right: -29px;
    padding: 5px;
    display: none;
  }
  .navbar .container-fluid #bbnav .navclose a img {
    -webkit-filter: invert(1);
            filter: invert(1);
  }
  .navbar .container-fluid #bbnav .scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    overflow-y: auto;
  }
  .navbar .container-fluid #bbnav .hfootlinks {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .navbar .container-fluid #bbnav .hfootlinks li a {
    display: block;
    font-size: 14px;
    padding: 5px 30px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 18px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 17px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1500px) {
  .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 20px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 19px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1900px) {
  .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 24px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 23px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hfootlinks li a {
    font-size: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid #bbnav .hsocial {
    margin-top: 20px;
    padding-left: 30px;
  }
  .navbar .container-fluid #bbnav .hsocial a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    background: #004880;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar .container-fluid #bbnav .hsocial a svg {
    fill: #fff;
    stroke: #fff;
    overflow: visible;
    width: 12px;
  }
  .navbar .container-fluid #bbnav .hcopy {
    font-size: 10px;
    padding-left: 30px;
    margin-top: 5px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hcopy {
    font-size: 9px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hcopy {
    font-size: 11px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .navbar .container-fluid #bbnav .hcopy {
    font-size: 14px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hcopy {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hcopy {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .hcopy {
    font-size: 12px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hcopy {
    font-size: 11px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hcopy {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1500px) {
  .navbar .container-fluid #bbnav .hcopy {
    font-size: 14px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hcopy {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hcopy {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1900px) {
  .navbar .container-fluid #bbnav .hcopy {
    font-size: 16px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .hcopy {
    font-size: 15px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .hcopy {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid .submenu {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
  }
  .navbar .container-fluid .submenu .smhead .smback {
    padding: 13px 25px;
    display: block;
    background-color: #F3F3F3;
    color: #8A8A8A;
    font-size: 16px;
  }
  .navbar .container-fluid .submenu .smhead .smback span {
    margin-right: 7px;
  }
  .navbar .container-fluid .submenu .smhead .smback span:last-child {
    margin-right: 0;
  }
  .navbar .container-fluid .submenu .smhead .smback svg.backsvg {
    width: 18px;
  }
  .navbar .container-fluid .submenu .smhead .smback svg.menuiconsm {
    width: 16px;
  }
  .navbar .container-fluid .submenu .smhead .smback svg.menuiconsm .a,
  .navbar .container-fluid .submenu .smhead .smback svg.menuiconsm .b {
    fill: #8A8A8A;
  }
  .navbar .container-fluid .submenu .smblock {
    border-bottom: 1px solid #D9D9D9;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar .container-fluid .submenu .smblock .title {
    color: #707070;
    font-size: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock .title {
    font-size: 9px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock .title {
    font-size: 11px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .navbar .container-fluid .submenu .smblock .title {
    font-size: 14px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock .title {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock .title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1200px) {
  .navbar .container-fluid .submenu .smblock .title {
    font-size: 12px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock .title {
    font-size: 11px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock .title {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1500px) {
  .navbar .container-fluid .submenu .smblock .title {
    font-size: 14px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock .title {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock .title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1900px) {
  .navbar .container-fluid .submenu .smblock .title {
    font-size: 16px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock .title {
    font-size: 15px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock .title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid .submenu .smblock ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar .container-fluid .submenu .smblock ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbar .container-fluid .submenu .smblock ul li a {
    color: #004880;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4em;
    padding: 9px 15px;
    line-height: 1.1em;
    border-radius: 5px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 11px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 16px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 15px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 13px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 12px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1200px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 13px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 12px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1500px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 14px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1600px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 15px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 14px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1680px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 16px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 15px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1900px) {
  .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 18px;
  }
  .fontDecrease .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 17px;
  }
  .fontIncreas .navbar .container-fluid .submenu .smblock ul li a {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid .submenu .smblock ul li.active > a {
    background: #707070;
    color: #fff;
    font-weight: 700;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navclose {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .submenu {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav {
    position: relative;
    height: 100%;
  }
}

.navbar .container-fluid #bbnav .navbar-nav {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navbar-nav {
    position: relative;
    height: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar .container-fluid #bbnav .navbar-nav {
    display: block;
  }
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item {
  position: relative;
  /*  @include max-1199{
            padding-right: 50px;
          } */
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item {
    position: relative;
    height: 100%;
    margin: 0 9px;
  }
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .submenu-down {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: 0px;
  width: 50px;
  height: 100%;
  background: #ECF7FF;
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .submenu-down:hover, .navbar .container-fluid #bbnav .navbar-nav .nav-item .submenu-down:focus {
  outline: 0;
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .submenu-down {
    display: none;
  }
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 13px 30px 13px 60px;
  background-color: transparent;
  font-size: 16px;
  color: #004880;
  cursor: pointer;
}
.fontDecrease .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
  font-size: 15px;
}
.fontIncreas .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
  font-size: 17px;
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    position: relative;
    height: 100%;
    font-size: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 13px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1500px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 16px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 20px;
  }
  .fontDecrease .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 19px;
  }
  .fontIncreas .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    font-size: 21px;
  }
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg {
  display: inline-block;
  overflow: visible;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  position: absolute;
  top: 16px;
  left: 25px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

@media only screen and (min-width: 1200px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg {
    position: relative;
    top: inherit;
    left: inherit;
    display: block;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg {
    width: 20px;
    height: 20px;
    margin: 0 auto 5px;
  }
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg .a,
.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg .b {
  fill: #004880;
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg.home .a {
  opacity: 0;
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link:hover {
  background-color: #E3F2FF;
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link:hover svg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item.active .nav-link {
  background-color: #E3F2FF;
  color: #004880;
  font-weight: bold;
}

.navbar .container-fluid #bbnav .navbar-nav .nav-item.active .nav-link svg .a,
.navbar .container-fluid #bbnav .navbar-nav .nav-item.active .nav-link svg .b {
  fill: #004880;
}

.heading {
  font-size: 24px;
  line-height: 26px;
}
.fontDecrease .heading {
  font-size: 23px;
}
.fontIncreas .heading {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .heading {
    font-size: 28px;
  }
  .fontDecrease .heading {
    font-size: 27px;
  }
  .fontIncreas .heading {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .heading {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .heading {
    font-size: 35px;
  }
  .fontIncreas .heading {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .heading {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .heading {
    font-size: 37px;
  }
  .fontIncreas .heading {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .heading {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .heading {
    font-size: 41px;
  }
  .fontIncreas .heading {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .heading {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .heading {
    font-size: 43px;
  }
  .fontIncreas .heading {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .heading {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .heading {
    font-size: 44px;
  }
  .fontIncreas .heading {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .heading {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .heading {
    font-size: 53px;
  }
  .fontIncreas .heading {
    font-size: 55px;
  }
}

.heading span {
  font-weight: 900;
}

.sections {
  position: relative;
  overflow: hidden;
}

.sections .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 350px) {
  .sections .container-fluid {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .sections .container-fluid {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .sections .container-fluid {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .sections .container-fluid {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .sections .container-fluid {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .sections .container-fluid {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .sections .container-fluid {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .sections .container-fluid {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .sections .container-fluid {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .sections .container-fluid {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .sections .container-fluid {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .sections .container-fluid {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .sections .container-fluid {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .sections .container-fluid {
    padding-right: 140px;
  }
}

.sections .main-block {
  margin-top: 36px;
}

@media only screen and (max-width: 1899px) {
  .sections .main-block {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1600px) {
  .sections .main-block {
    margin-top: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .sections .main-block {
    margin-top: 7px;
  }
}

.viewall a {
  display: inline-block;
  position: relative;
  color: #004880;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
  padding-bottom: 10px;
  padding-right: 22px;
  font-style: italic;
}
.fontDecrease .viewall a {
  font-size: 11px;
}
.fontIncreas .viewall a {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .viewall a {
    font-size: 16px;
  }
  .fontDecrease .viewall a {
    font-size: 15px;
  }
  .fontIncreas .viewall a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .viewall a {
    font-size: 13px;
  }
  .fontDecrease .viewall a {
    font-size: 12px;
  }
  .fontIncreas .viewall a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .viewall a {
    font-size: 13px;
  }
  .fontDecrease .viewall a {
    font-size: 12px;
  }
  .fontIncreas .viewall a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .viewall a {
    font-size: 14px;
  }
  .fontDecrease .viewall a {
    font-size: 13px;
  }
  .fontIncreas .viewall a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .viewall a {
    font-size: 15px;
  }
  .fontDecrease .viewall a {
    font-size: 14px;
  }
  .fontIncreas .viewall a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .viewall a {
    font-size: 16px;
  }
  .fontDecrease .viewall a {
    font-size: 15px;
  }
  .fontIncreas .viewall a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .viewall a {
    font-size: 18px;
  }
  .fontDecrease .viewall a {
    font-size: 17px;
  }
  .fontIncreas .viewall a {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1400px) {
  .viewall a {
    font-size: 16px;
  }
  .fontDecrease .viewall a {
    font-size: 15px;
  }
  .fontIncreas .viewall a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1680px) {
  .viewall a {
    font-size: 18px;
  }
  .fontDecrease .viewall a {
    font-size: 17px;
  }
  .fontIncreas .viewall a {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1900px) {
  .viewall a {
    font-size: 20px;
  }
  .fontDecrease .viewall a {
    font-size: 19px;
  }
  .fontIncreas .viewall a {
    font-size: 21px;
  }
}

.viewall a:hover, .viewall a:focus {
  text-decoration: none;
}

.viewall a:before {
  content: "";
  width: 58%;
  height: 1px;
  border-bottom: 3px solid #ED3B25;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}

.viewall a:hover:before {
  width: 50% !important;
}

.viewall a svg {
  width: 10px;
  margin-left: 4px;
}

@media only screen and (min-width: 1200px) {
  .viewall a svg {
    width: 12px;
  }
}

@media only screen and (min-width: 1600px) {
  .viewall a svg {
    width: 14px;
  }
}

@media only screen and (min-width: 1900px) {
  .viewall a svg {
    width: 18px;
  }
}

.viewall.center {
  text-align: center;
}

.viewall.center a:before {
  width: 40px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 40px auto auto auto;
}

.viewall.center a:hover:before {
  width: 50% !important;
}

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

.viewall.left a:before {
  width: 40px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto 0px 0px;
}

.viewall.left a:hover:before {
  width: 50% !important;
}

.footer {
  background: #093252;
}

.footer .footer-light,
.footer .footer-dark {
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer .footer-light .container-fluid,
.footer .footer-dark .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}
/* FOOTER QR START */
.DICGC-list {
  display: flex;
  gap: 10px;

}
.DICGC-list li {
  width: 60px;
}
.DICGC-list li a {
  display: none !important;
}
.DICGC-list li img {
  display: block;
  height: auto;
  width: 100%;

}

.qr-text {
  color: silver;
  padding: 10px 0 0 0;
  font-size: 16px;
  line-height: 1.2;
}
.fontDecrease .qr-text {
  font-size: 15px;
}
.fontIncreas .qr-text {
  font-size: 17px;
}
.qr-text a {
  color: silver;
}
/* FOOTER QR END */
@media only screen and (max-width: 350px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .footer-light .container-fluid,
  .footer .footer-dark .container-fluid {
    padding-right: 140px;
  }
}

.footer .accblock {
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .footer .accblock.mayneed .card.order-xl-2 {
    margin-top: 62px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .accblock.mayneed .card.order-xl-2 {
    margin-top: 68px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .accblock.mayneed .card.order-xl-2 {
    margin-top: 77px;
  }
}

.footer .f-links .flhead {
  color: #93D9F3A8;
  font-size: 12px;
  line-height: 1.4em;
  opacity: 1;
  padding-bottom: 7px;
  border-bottom: 1px solid #235270;
}
.fontDecrease .footer .f-links .flhead {
  font-size: 11px;
}
.fontIncreas .footer .f-links .flhead {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .footer .f-links .flhead {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .footer .f-links .flhead {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flhead {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .f-links .flhead {
    font-size: 14px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 13px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .f-links .flhead {
    font-size: 15px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 14px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .f-links .flhead {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .f-links .flhead {
    font-size: 18px;
  }
  .fontDecrease .footer .f-links .flhead {
    font-size: 17px;
  }
  .fontIncreas .footer .f-links .flhead {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flhead {
    display: inline-block;
  }
}

.footer .f-links .flbody {
  padding-left: 10px;
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody {
    padding-left: 0;
  }
}

.footer .f-links .flbody .card {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #164262;
}

.footer .f-links .flbody .card .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  position: relative;
}

.footer .f-links .flbody .card .card-header .btn {
  color: #fff;
  padding: 10px 40px 10px 0;
  font-size: 12px;
  line-height: 1.4em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fontDecrease .footer .f-links .flbody .card .card-header .btn  {
  font-size: 11px;
}
.fontIncreas .footer .f-links .flbody .card .card-header .btn  {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 14px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 13px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 15px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 14px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .f-links .flbody .card .card-header .btn {
    font-size: 18px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-header .btn  {
    font-size: 17px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-header .btn  {
    font-size: 19px;
  }
}

.footer .f-links .flbody .card .card-header .btn.focus,
.footer .f-links .flbody .card .card-header .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}

.footer .f-links .flbody .card .card-header .fa {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 0px auto auto;
  top: 0px;
  right: 10px;
  pointer-events: none;
  width: 18px;
  height: 18px;
  font-size: 22px;
  line-height: 16px;
  color: #fff;
  text-align: center;
}

.footer .f-links .flbody .card .card-header .fa .plus,
.footer .f-links .flbody .card .card-header .fa .minus {
  display: none;
}

.footer .f-links .flbody .card .card-header .fa svg {
  width: 100%;
  stroke: #fff;
}

.footer .f-links .flbody .card .card-header .fa-minus .minus {
  display: block;
  line-height: 1px;
}

.footer .f-links .flbody .card .card-header .fa-plus .plus {
  display: block;
}

.footer .f-links .flbody .card .card-body {
  padding: 0 0 10px;
}

.footer .f-links .flbody .card .card-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer .f-links .flbody .card .card-body ul li {
  display: block;
}

.footer .f-links .flbody .card .card-body ul li a {
  display: block;
  font-size: 12px;
  line-height: 1.4em;
  color: silver;
  padding: 4px 0;
}
.fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
  font-size: 11px;
}
.fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .qr-text {
    font-size: 12px;
  }
  .fontDecrease .qr-text  {
    font-size: 11px;
  }
  .fontIncreas .qr-text  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .footer .f-links .flbody .card .card-body ul li a {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 13px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 12px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 14px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 13px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 15px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 14px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .qr-text   {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text   {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 18px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 17px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 19px;
  }
}

.footer .f-links .flbody .card .card-body ul li a:hover, .footer .f-links .flbody .card .card-body ul li a:focus, .footer .f-links .flbody .card .card-body ul li a:active {
  color: #fff;
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    padding: 2px 0;
    font-size: 10px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 9px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 14px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 9px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 12px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 11px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 14px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 13px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .footer .f-links .flbody .card .card-body ul li a, .qr-text {
    font-size: 16px;
  }
  .fontDecrease .footer .f-links .flbody .card .card-body ul li a, .fontDecrease .qr-text  {
    font-size: 15px;
  }
  .fontIncreas .footer .f-links .flbody .card .card-body ul li a, .fontIncreas .qr-text  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody .d-xl-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f-links .flbody .d-xl-flex .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    border-bottom: 0px;
  }
}

.footer .sociallinks {
  margin-bottom: 30px;
  margin-top: 10px;
}

.footer .sociallinks:last-child {
  margin-bottom: 0;
}

.footer .sociallinks .f-links {
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks {
    margin-top: 0px;
  }
}

.footer .sociallinks a {
  display: inline-block;
  margin-left: 5px;
  margin-right: 12px;
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks a {
    margin-right: 5px;
    margin-left: 0;
  }
}

.footer .sociallinks a img {
  max-width: 30px;
}

@media only screen and (max-width: 350px) {
  .footer .sociallinks a img {
    max-width: 24px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks a img {
    max-width: 24px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .sociallinks a img {
    max-width: 30px;
  }
}

.footer .sociallinks a.apps {
  margin-right: 5px;
}

.footer .sociallinks a.apps img {
  max-width: 140px;
}

@media only screen and (max-width: 350px) {
  .footer .sociallinks a.apps img {
    max-width: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .footer .sociallinks a.apps img {
    max-width: 200px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks a.apps img {
    max-width: 140px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .sociallinks a.apps img {
    max-width: 200px;
  }
}

.footer .sociallinks a:first-child {
  margin-left: 0;
}

.footer .sociallinks .nowrap {
  white-space: nowrap;
}

.footer .sociallinks .calling {
  margin-top: 30px;
}

.footer .sociallinks .calling > div {
  margin-bottom: 10px;
  color: #93D9F3A8;
  font-size: 12px;
  line-height: 1.4em;
  font-style: italic;
}
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 11px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 13px;
  }

@media only screen and (min-width: 768px) {
  .footer .sociallinks .calling > div {
    font-size: 16px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 15px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .footer .sociallinks .calling > div {
    font-size: 13px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 12px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks .calling > div {
    font-size: 13px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 12px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .sociallinks .calling > div {
    font-size: 14px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 13px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .sociallinks .calling > div {
    font-size: 15px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 14px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .sociallinks .calling > div {
    font-size: 16px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 15px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .sociallinks .calling > div {
    font-size: 18px;
  }
  .fontDecrease .footer .sociallinks .calling > div {
    font-size: 17px;
  }
  .fontIncreas .footer .sociallinks .calling > div {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .sociallinks .calling > div {
    white-space: nowrap;
  }
}

.footer .sociallinks .calling > div a {
  color: #fff;
  font-style: normal;
  display: inline-block;
  margin-left: 5px;
}

.footer .footer-dark {
  background: #051E31;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark {
    border-top: 0;
  }
}

.footer .footer-dark .flinks {
  padding: 0 10px;
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks {
    padding: 0;
  }
}

.footer .footer-dark .flinks .flhead {
  font-size: 12px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.6);
}
.fontDecrease .footer .footer-dark .flinks .flhead {
  font-size: 11px;
}
.fontIncreas .footer .footer-dark .flinks .flhead {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 16px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 15px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 13px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 12px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 13px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 12px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 14px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 13px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 15px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 14px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 16px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 15px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .footer-dark .flinks .flhead {
    font-size: 18px;
  }
  .fontDecrease .footer .footer-dark .flinks .flhead {
    font-size: 17px;
  }
  .fontIncreas .footer .footer-dark .flinks .flhead {
    font-size: 19px;
  }
}

.footer .footer-dark .flinks .flbody {
  margin-top: 10px;
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flbody {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flbody .cloudlinks {
    margin-left: -15px;
  }
}

.footer .footer-dark .flinks .flbody .cloudlinks a {
  display: inline;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  position: relative;
}
.fontDecrease .footer .footer-dark .flinks .flbody .cloudlinks a {
  font-size: 9px;
}
.fontIncreas .footer .footer-dark .flinks .flbody .cloudlinks a {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 14px;
  }
  .fontDecrease .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 13px;
  }
  .fontIncreas .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 12px;
  }
  .fontDecrease .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 11px;
  }
  .fontIncreas .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 14px;
  }
  .fontDecrease .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 13px;
  }
  .fontIncreas .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 16px;
  }
  .fontDecrease .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 15px;
  }
  .fontIncreas .footer .footer-dark .flinks .flbody .cloudlinks a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    display: inline-block;
    padding: 0px 15px;
    margin-bottom: 5px;
  }
}

.footer .footer-dark .flinks .flbody .cloudlinks a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
}

.footer .footer-dark .flinks .flbody .cloudlinks a:after {
  content: "";
  width: 1px;
  height: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .flinks .flbody .cloudlinks a:after {
    position: absolute;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto -2px auto auto;
    height: 12px;
  }
}

.footer .footer-dark .flinks .flbody .cloudlinks a:last-child:after {
  display: none;
}

.footer .footer-dark .copyrights {
  font-size: 10px;
  margin-top: 10px;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.6);
}
.fontDecrease .footer .footer-dark .copyrights {
  font-size: 9px;
}
.fontIncreas .footer .footer-dark .copyrights {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .footer .footer-dark .copyrights {
    font-size: 14px;
  }
  .fontDecrease .footer .footer-dark .copyrights {
    font-size: 13px;
  }
  .fontIncreas .footer .footer-dark .copyrights {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .copyrights {
    font-size: 12px;
  }
  .fontDecrease .footer .footer-dark .copyrights {
    font-size: 11px;
  }
  .fontIncreas .footer .footer-dark .copyrights {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .footer .footer-dark .copyrights {
    font-size: 14px;
  }
  .fontDecrease .footer .footer-dark .copyrights {
    font-size: 13px;
  }
  .fontIncreas .footer .footer-dark .copyrights {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .footer .footer-dark .copyrights {
    font-size: 16px;
  }
  .fontDecrease .footer .footer-dark .copyrights {
    font-size: 15px;
  }
  .fontIncreas .footer .footer-dark .copyrights {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .footer .footer-dark .copyrights {
    padding: 0;
  }
}

.floating-menu {
  position: fixed;
  width: 340px;
  top: 160px;
  left: 160px;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #D9D9D9;
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  z-index: 1;
}

.floating-menu.notfixed {
  position: absolute;
}

@media only screen and (max-width: 1899px) {
  .floating-menu {
    width: 290px;
    left: 140px;
    top: 140px;
  }
}

@media only screen and (max-width: 1600px) {
  .floating-menu {
    width: 280px;
    left: 130px;
    top: 133px;
  }
}

@media only screen and (max-width: 1540px) {
  .floating-menu {
    width: 270px;
    left: 120px;
    top: 125px;
  }
}

@media only screen and (max-width: 1440px) {
  .floating-menu {
    width: 255px;
    left: 115px;
    top: 120px;
  }
}

@media only screen and (max-width: 1399px) {
  .floating-menu {
    left: 100px;
    width: 245px;
    top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .floating-menu {
    width: 245px;
  }
}

@media only screen and (max-width: 1199px) {
  .floating-menu {
    display: none;
  }
}

.floating-menu .fmblock {
  padding: 20px 0px;
  border-bottom: 1px solid #D9D9D9;
}

@media only screen and (max-width: 1899px) {
  .floating-menu .fmblock {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 1600px) {
  .floating-menu .fmblock {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 1540px) {
  .floating-menu .fmblock {
    padding: 10px 0;
  }
}

.floating-menu .fmblock:last-child {
  border-bottom: 0;
}

.floating-menu .fmblock .title {
  font-size: 12px;
  font-weight: 700;
  color: #707070;
  padding: 0 30px;
  margin-bottom: 5px;
}
.fontDecrease .floating-menu .fmblock .title {
  font-size: 11px;
}
.fontIncreas .floating-menu .fmblock .title {
  font-size: 13px;
}

@media only screen and (max-width: 1600px) {
  .floating-menu .fmblock .title {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1540px) {
  .floating-menu .fmblock .title {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .floating-menu .fmblock .title {
    font-size: 10px;
    margin-bottom: 0;
  }
  .fontDecrease .floating-menu .fmblock .title {
    font-size: 9px;
  }
  .fontIncreas .floating-menu .fmblock .title {
    font-size: 11px;
  }
}

.floating-menu .fmblock.nohead ul {
  border-top: 0px;
  margin-top: 0;
}

.floating-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.floating-menu ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.floating-menu ul li a {
  color: #004880;
  display: inline-block;
  font-size: 10px;
  padding: 7px 30px;
  line-height: 1.1em;
}
.fontDecrease .floating-menu ul li a {
  font-size: 9px;
}
.fontIncreas .floating-menu ul li a {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .floating-menu ul li a {
    font-size: 14px;
  }
  .fontDecrease .floating-menu ul li a {
    font-size: 13px;
  }
  .fontIncreas .floating-menu ul li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .floating-menu ul li a {
    font-size: 12px;
  }
  .fontDecrease .floating-menu ul li a {
    font-size: 11px;
  }
  .fontIncreas .floating-menu ul li a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .floating-menu ul li a {
    font-size: 14px;
  }
  .fontDecrease .floating-menu ul li a {
    font-size: 13px;
  }
  .fontIncreas .floating-menu ul li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .floating-menu ul li a {
    font-size: 16px;
  }
  .fontDecrease .floating-menu ul li a {
    font-size: 15px;
  }
  .fontIncreas .floating-menu ul li a {
    font-size: 17px;
  }
}

.floating-menu ul li a:hover {
  background: #ECF7FF;
  color: #000;
}

@media only screen and (max-width: 1540px) {
  .floating-menu ul li a {
    padding: 6px 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .floating-menu ul li a {
    padding: 5px 20px;
  }
}

.floating-menu ul li.active > a {
  background: #ECF7FF;
  color: #000;
  font-weight: 700;
}

.floating-menu.expanded ul {
  margin-top: 10px;
  border-top: 1px solid #D9D9D9;
}

.floating-menu.expanded ul li a {
  padding: 12px 30px;
}

@media only screen and (max-width: 1540px) {
  .floating-menu.expanded ul li a {
    padding: 10px 20px;
  }
}

.floating-menu.expanded ul li ul {
  margin-top: 0;
  border-top: 0;
}

.floating-menu.expanded ul li ul li {
  position: relative;
}

.floating-menu.expanded ul li ul li a {
  padding: 10px 30px 10px 50px;
}

@media only screen and (max-width: 1899px) {
  .floating-menu.expanded ul li ul li a {
    padding: 9px 30px 9px 40px;
  }
}

@media only screen and (max-width: 1540px) {
  .floating-menu.expanded ul li ul li a {
    padding: 9px 20px 9px 30px;
  }
}

@media only screen and (max-width: 1399px) {
  .floating-menu.expanded ul li ul li a {
    padding: 9px 20px 9px 30px;
  }
}

.floating-menu.expanded ul li ul li.has-ssmenu .sb_button {
  background: transparent;
  border: 0px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 20px;
}

.floating-menu.expanded ul li ul li.has-ssmenu .sb_button:focus {
  outline: 0px;
}

.floating-menu.expanded ul li ul li.has-ssmenu .sb_button:after {
  content: "+";
  font-size: 30px;
  line-height: 30px;
  color: #004880;
}

.floating-menu.expanded ul li ul li.has-ssmenu.opened .sb_button:after {
  content: "_";
  font-size: 30px;
  line-height: 1px;
  color: #004880;
  vertical-align: top;
}

.floating-menu.expanded ul li ul li ul.side-submenu li a {
  padding: 10px 30px 10px 70px;
}

@media only screen and (max-width: 1540px) {
  .floating-menu.expanded ul li ul li ul.side-submenu li a {
    padding: 10px 30px 10px 50px;
  }
}

.floating-menu.expanded ul li ul li ul.side-submenu li a span {
  font-size: 12px;
}
.fontDecrease .floating-menu.expanded ul li ul li ul.side-submenu li a span{
  font-size: 11px;
}
.fontIncreas .floating-menu.expanded ul li ul li ul.side-submenu li a span {
  font-size: 13px;
}

.noabsolute .floating-menu.notfixed {
  position: relative;
  top: inherit;
  left: inherit;
}

.back {
  display: inline-block;
  margin-right: 10px;
}

.back svg {
  width: 18px;
  height: 12px;
  overflow: visible;
  position: relative;
}

@media only screen and (min-width: 1500px) {
  .back svg {
    width: 24px;
    height: 16px;
  }
}

.halfcirc {
  pointer-events: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  width: 600px;
  height: 700px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -94%);
          transform: translate(-50%, -94%);
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (min-width: 992px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-46%, -98%);
            transform: translate(-46%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1200px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2000px;
    height: 1700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -98%);
            transform: translate(-44%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1500px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -98%);
            transform: translate(-44%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1600px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -99%);
            transform: translate(-45%, -99%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1680px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-47%, -99%);
            transform: translate(-47%, -99%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1900px) {
  .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 3200px;
    height: 2700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-43%, -99%);
            transform: translate(-43%, -99%);
    z-index: -1;
  }
}

.page-title {
  padding-top: 27px;
  padding-bottom: 15px;
  text-align: left;
}

@media only screen and (min-width: 1200px) {
  .page-title {
    padding-top: 0;
  }
}

.page-title .back {
  margin-right: 10px;
}

@media only screen and (min-width: 1200px) {
  .page-title .back {
    margin-right: 20px;
  }
}

.page-title .breadcrumb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}

.page-title .breadcrumb .breadcrumb-item {
  position: relative;
  font-size: 10px;
  color: #000;
}
.fontDecrease .page-title .breadcrumb .breadcrumb-item {
  font-size: 9px;
}
.fontIncreas .page-title .breadcrumb .breadcrumb-item {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .page-title .breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
  .fontDecrease .page-title .breadcrumb .breadcrumb-item {
    font-size: 13px;
  }
  .fontIncreas .page-title .breadcrumb .breadcrumb-item {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .page-title .breadcrumb .breadcrumb-item {
    font-size: 12px;
  }
  .fontDecrease .page-title .breadcrumb .breadcrumb-item {
    font-size: 11px;
  }
  .fontIncreas .page-title .breadcrumb .breadcrumb-item {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .page-title .breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
  .fontDecrease .page-title .breadcrumb .breadcrumb-item {
    font-size: 13px;
  }
  .fontIncreas .page-title .breadcrumb .breadcrumb-item {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .page-title .breadcrumb .breadcrumb-item {
    font-size: 16px;
  }
  .fontDecrease .page-title .breadcrumb .breadcrumb-item {
    font-size: 15px;
  }
  .fontIncreas .page-title .breadcrumb .breadcrumb-item {
    font-size: 17px;
  }
}

.page-title .breadcrumb .breadcrumb-item a {
  color: #004880;
}

.page-title .breadcrumb-item + .breadcrumb-item {
  padding-left: 20px;
}

@media only screen and (min-width: 1200px) {
  .page-title .breadcrumb-item + .breadcrumb-item {
    padding-left: 30px;
  }
}

.page-title .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0;
  color: #004880;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: '';
  display: inline-block;
  height: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: top;
  width: 6px;
}

@media only screen and (min-width: 1200px) {
  .page-title .breadcrumb-item + .breadcrumb-item::before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 10px;
  }
}

/* end of common styles */
.intro {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media only screen and (max-width: 1199px) {
  .intro {
    padding-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .intro {
    padding-top: 0;
  }
}

.intro .container-fluid {
  border-bottom: 1px solid #D9D9D9;
}

@media only screen and (min-width: 1200px) {
  .intro .container-fluid {
    border-bottom: 0;
  }
}

.intro .heading {
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .intro .heading {
    color: #093252;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .heading span {
    display: block;
  }
}

.intro .rcwrap {
  position: relative;
  width: 200px;
  margin-top: 22px;
  margin-left: 10px;
}

@media only screen and (min-width: 768px) {
  .intro .rcwrap {
    width: 270px;
    margin-left: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .intro .rcwrap {
    margin-left: 300px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .rcwrap {
    margin-left: 130px;
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .intro .rcwrap {
    margin-left: 70px;
  }
}

@media only screen and (min-width: 1400px) {
  .intro .rcwrap {
    margin-left: 140px;
    margin-top: 38px;
    width: 270px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap {
    width: 280px;
    margin-left: 155px;
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap {
    width: 300px;
    margin-left: 160px;
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .rcwrap {
    width: 320px;
    margin-left: 160px;
    margin-top: 39px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap {
    width: 360px;
    margin-left: 190px;
    margin-top: 39px;
  }
}

.intro .rcwrap:before {
  content: "";
  background: url("../images/quote-left.png") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto -20px;
  z-index: 1;
}

@media only screen and (min-width: 1400px) {
  .intro .rcwrap:before {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto -25px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap:before {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto -25px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap:before {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto -30px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap:before {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto -40px;
  }
}

.intro .rcwrap:after {
  content: "";
  background: url("../images/quote-right.png") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto -20px auto auto;
}

@media only screen and (min-width: 1400px) {
  .intro .rcwrap:after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto -25px auto auto;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap:after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto -25px auto auto;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap:after {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto -30px auto auto;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap:after {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto -40px auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .intro .rcwrap #round-crsl {
    height: 100%;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .intro .rcwrap #round-crsl .carousel-indicators {
    position: absolute;
    top: auto;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
  }
}

.intro .rcwrap .round-crsl {
  width: 100%;
  height: 200px;
  background: #fff;
  border-radius: 50%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .intro .rcwrap .round-crsl {
    height: 270px;
  }
}

@media only screen and (min-width: 1400px) {
  .intro .rcwrap .round-crsl {
    height: 270px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap .round-crsl {
    height: 280px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap .round-crsl {
    height: 300px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .rcwrap .round-crsl {
    height: 320px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl {
    height: 360px;
  }
}

.intro .rcwrap .round-crsl .rc-items {
  text-align: center;
  padding-top: 30px;
}

@media only screen and (min-width: 768px) {
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 65px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 75px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.intro .rcwrap .round-crsl .rc-items .title {
  color: #004880;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.fontDecrease .intro .rcwrap .round-crsl .rc-items .title {
  font-size: 9px;
}
.fontIncreas .intro .rcwrap .round-crsl .rc-items .title {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 12px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 11px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 16px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 15px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items .title {
    font-size: 17px;
  }
}

.intro .rcwrap .round-crsl .rc-items p {
  font-size: 12px;
  line-height: 1.4em;
  font-style: italic;
  margin: 20px 0 0;
}
.fontDecrease .intro .rcwrap .round-crsl .rc-items p {
  font-size: 11px;
}
.fontIncreas .intro .rcwrap .round-crsl .rc-items p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 16px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 12px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 12px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 16px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 18px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 17px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 30px 0 0;
  }
}

@media only screen and (min-width: 1400px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 40px 0 0;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 30px 0 0;
    font-size: 10px;
    line-height: 1.1em;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 9px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1500px) and (min-width: 768px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1500px) and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 12px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 11px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1500px) and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 16px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 40px 0 0;
    font-size: 10px;
    line-height: 1.2em;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 9px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1600px) and (min-width: 768px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 12px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 11px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1600px) and (min-width: 1500px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 14px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 13px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items p {
    font-size: 16px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 15px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 40px 0 0;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 50px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .intro .rcwrap .round-crsl .rc-items p {
    padding: 0px 10px;
    font-size: 11px;
  }
  .fontDecrease .intro .rcwrap .round-crsl .rc-items p {
    font-size: 10px;
  }
  .fontIncreas .intro .rcwrap .round-crsl .rc-items p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .rcwrap .round-crsl .carousel-indicators {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .rcwrap .round-crsl .carousel-indicators {
    margin-top: 50px;
  }
}

.intro .intro-btm {
  height: 170px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .intro .intro-btm {
    height: 130px;
    border-bottom: 1px solid #D9D9D9;
  }
}

@media only screen and (min-width: 1400px) {
  .intro .intro-btm {
    height: 150px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .intro-btm {
    height: 165px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .intro-btm {
    height: 170px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .intro-btm {
    height: 173px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .intro-btm {
    height: 204px;
  }
}

.intro .intro-btm .girlimg {
  position: absolute;
  bottom: 0;
  right: -36px;
  z-index: -1;
  max-width: 270px;
}

@media only screen and (max-width: 350px) {
  .intro .intro-btm .girlimg {
    max-width: 250px;
  }
}

@media only screen and (min-width: 768px) {
  .intro .intro-btm .girlimg {
    max-width: 400px;
    right: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .intro .intro-btm .girlimg {
    right: 100px;
  }
}

@media only screen and (min-width: 1200px) {
  .intro .intro-btm .girlimg {
    max-width: 450px;
    right: 130px;
  }
}

@media only screen and (min-width: 1400px) {
  .intro .intro-btm .girlimg {
    right: 130px;
    max-width: 470px;
  }
}

@media only screen and (min-width: 1500px) {
  .intro .intro-btm .girlimg {
    right: 140px;
    max-width: 500px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro .intro-btm .girlimg {
    max-width: 520px;
    right: 140px;
  }
}

@media only screen and (min-width: 1680px) {
  .intro .intro-btm .girlimg {
    max-width: 550px;
    right: 150px;
  }
}

@media only screen and (min-width: 1900px) {
  .intro .intro-btm .girlimg {
    max-width: 640px;
    right: 170px;
  }
}

.intro .intro-btm .btn {
  margin-bottom: 30px;
  -webkit-box-shadow: 6px 6px 24px #FFFFFF66;
  box-shadow: 6px 6px 24px #FFFFFF66;
}

@media only screen and (max-width: 1440px) {
  .intro .intro-btm .btn {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1540px) {
  .intro .intro-btm .btn {
    margin-bottom: 25px;
  }
}

.intro .main-block {
  margin-top: 10px;
}

@media only screen and (max-width: 1399px) {
  .intro .main-block {
    margin-top: 0;
  }
}

.pbtwo .main-block {
  margin-top: 10px;
}

@media only screen and (max-width: 1899px) {
  .pbtwo .main-block {
    margin-top: 0;
  }
}

.pbtwo .heading {
  margin-top: 10px;
}

@media only screen and (min-width: 1200px) {
  .pbtwo .heading {
    margin-top: 0;
  }
}

.crsl-wo-img {
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
}

.crsl-wo-img.pbthree .crsl-wrap {
  margin-top: 35px;
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.pbthree .crsl-wrap {
    margin-top: 44px;
  }
}

.crsl-wo-img.pbthree.pbthree-a {
  padding-top: 0 !important;
  margin-top: -50px !important;
  padding-bottom: 95px !important;
}

@media only screen and (max-width: 1399px) {
  .crsl-wo-img.pbthree.pbthree-a {
    padding-bottom: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.pbthree.pbthree-a {
    margin-top: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.pbthree.pbthree-a .viewall {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.crsl-wo-img .crsl-wrap {
  margin-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1400px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1500px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 45px;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1680px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img .crsl-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 60px;
  }
}

.crsl-wo-img .crsl-wrap .slick-track {
  margin-left: 0;
}

.crsl-wo-img .crsl-wrap .slick-list {
  overflow: visible;
}

.crsl-wo-img .crsl-wrap .slick-list .slick-slide {
  margin-left: 5px;
  margin-right: 5px;
}

.crsl-wo-img .crsl-wrap .slick-next {
  right: -15px;
}

@media only screen and (min-width: 768px) {
  .crsl-wo-img .crsl-wrap .slick-next {
    right: -20px;
  }
}

.crsl-wo-img .crsl-wrap .slick-prev {
  left: -15px;
}

@media only screen and (min-width: 768px) {
  .crsl-wo-img .crsl-wrap .slick-prev {
    left: -20px;
  }
}

.crsl-wo-img .viewall {
  margin-top: -10px;
}

@media only screen and (min-width: 992px) {
  .crsl-wo-img .viewall {
    margin-top: 20px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img .viewall {
    margin-top: 30px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .crsl-wo-img .viewall {
    margin-top: 40px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1500px) {
  .crsl-wo-img .viewall {
    margin-top: 45px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img .viewall {
    margin-top: 45px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1680px) {
  .crsl-wo-img .viewall {
    margin-top: 45px;
    padding-left: 0;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img .viewall {
    margin-top: 60px;
    padding-left: 0;
  }
}

.crsl-wo-img .viewall a:before {
  width: 48%;
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img .viewall a:before {
    width: 25px;
  }
}

@media only screen and (min-width: 1680px) {
  .crsl-wo-img .viewall a:before {
    width: 35px;
  }
}

.crsl-wo-img.w-img .bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  width: 100%;
  height: 225px;
  position: absolute;
  top: 0px;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .crsl-wo-img.w-img .bg {
    height: 420px;
  }
}

@media only screen and (min-width: 992px) {
  .crsl-wo-img.w-img .bg {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1500px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1680px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img.w-img .bg {
    top: 0;
    width: 78%;
    height: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img .container-fluid {
    padding-bottom: 35px;
  }
}

.crsl-wo-img.w-img .container-fluid .heading {
  margin-top: 70px;
}

@media only screen and (min-width: 768px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 180px;
    margin-bottom: 90px;
  }
}

@media only screen and (min-width: 992px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 250px;
    margin-bottom: 180px;
  }
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 145px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1400px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 150px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1500px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 160px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 160px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1680px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 160px;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img.w-img .container-fluid .heading {
    margin-top: 160px;
    margin-bottom: 60px;
  }
}

.crsl-wo-img.w-img .container-fluid .heading.cuthalf {
  max-width: 50%;
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img .box-crsl-items {
    background: rgba(255, 255, 255, 0.7);
  }
}

.crsl-wo-img.w-img .box-crsl-items:hover {
  background: transparent linear-gradient(117deg, #FFFFFF 0%, #eefef9 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 20px #0000004D;
  box-shadow: 4px 4px 20px #0000004D;
  border: 1px solid #3399E8;
  border-radius: 4px;
  /*   .btn-primary{
        @include btn-primary(#3399E8, $white);
    }
    .btn-outline-secondary{
        @include btn-outline-secondary(#3399E8, #3399E8);

    } */
}

.crsl-wo-img.w-img .slick-dots {
  bottom: -38px;
}

.crsl-wo-img.w-img.nocrop {
  margin-top: 70px;
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img.nocrop {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1500px) {
  .crsl-wo-img.w-img.nocrop {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img.w-img.nocrop {
    margin-top: 65px;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img.w-img.nocrop {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}

.crsl-wo-img.w-img.nocrop .bg {
  top: 0;
}

.crsl-wo-img.w-img.nocrop .container-fluid .heading {
  margin-top: 16px;
}

@media only screen and (min-width: 992px) {
  .crsl-wo-img.w-img.nocrop .container-fluid .heading {
    margin-top: 180px;
  }
}

@media only screen and (min-width: 1200px) {
  .crsl-wo-img.w-img.nocrop .container-fluid .heading {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1600px) {
  .crsl-wo-img.w-img.nocrop .container-fluid .heading {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1900px) {
  .crsl-wo-img.w-img.nocrop .container-fluid .heading {
    margin-top: 30px;
  }
}

.crsl-wo-img.w-img.nocrop .container-fluid .crsl-wrap {
  margin-top: 35px;
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.w-img.nocrop .container-fluid .crsl-wrap {
    margin-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.w-img.nocrop .viewall {
    margin-top: 0;
  }
}

.crsl-wo-img.dreambig .container-fluid .heading {
  margin-top: 10px;
}

@media only screen and (max-width: 1899px) {
  .crsl-wo-img.dreambig .container-fluid .main-block {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1540px) {
  .crsl-wo-img.dreambig .container-fluid .main-block {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .crsl-wo-img.dreambig .container-fluid .main-block {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.dreambig .container-fluid .main-block {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1540px) {
  .crsl-wo-img.dreambig .container-fluid .crsl-wrap {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .crsl-wo-img.dreambig .container-fluid .crsl-wrap {
    margin-top: 25px;
  }
}

.box-crsl-items {
  border: 1px solid #D9D9D9;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 35px 15px;
  /*   &.titleheight{
    .title{
      min-height: 48px;
    }
  } */
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items {
    padding: 30px 12px;
  }
}

@media only screen and (max-width: 1600px) {
  .box-crsl-items {
    padding: 30px 12px;
  }
}

@media only screen and (max-width: 1540px) {
  .box-crsl-items {
    padding: 30px 15px;
  }
}

@media only screen and (max-width: 1440px) {
  .box-crsl-items {
    padding: 30px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .box-crsl-items {
    padding: 10px;
  }
}

.box-crsl-items .icon {
  min-height: 60px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items .icon {
    min-height: 50px;
  }
}

@media only screen and (max-width: 1540px) {
  .box-crsl-items .icon {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1399px) {
  .box-crsl-items .icon {
    min-height: 40px;
  }
}

.box-crsl-items .icon img {
  max-width: 54px;
  max-height: 60px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items .icon img {
    max-width: 47px;
    max-height: 50px;
  }
}

@media only screen and (max-width: 1540px) {
  .box-crsl-items .icon img {
    max-width: 42px;
    max-height: 47px;
  }
}

@media only screen and (max-width: 1399px) {
  .box-crsl-items .icon img {
    max-width: 38px;
    max-height: 38px;
  }
}

.box-crsl-items .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  height: 56px;
  overflow: hidden;
  text-transform: none !important;
}
.fontDecrease .box-crsl-items .title {
  font-size: 13px;
}
.fontIncreas .box-crsl-items .title {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .box-crsl-items .title {
    font-size: 18px;
  }
  .fontDecrease .box-crsl-items .title {
    font-size: 17px;
  }
  .fontIncreas .box-crsl-items .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .box-crsl-items .title {
    font-size: 20px;
  }
  .fontDecrease .box-crsl-items .title {
    font-size: 19px;
  }
  .fontIncreas .box-crsl-items .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .box-crsl-items .title {
    font-size: 24px;
  }
  .fontDecrease .box-crsl-items .title {
    font-size: 23px;
  }
  .fontIncreas .box-crsl-items .title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items .title {
    height: 50px;
  }
}

@media only screen and (max-width: 1600px) {
  .box-crsl-items .title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1440px) {
  .box-crsl-items .title {
    height: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .box-crsl-items .title {
    margin-bottom: 10px;
    height: 34px;
  }
}

.box-crsl-items p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.4em;
  color: #000;
  min-height: 56px;
  height: 56px;
  overflow: hidden;
}
.fontDecrease .box-crsl-items p {
  font-size: 11px;
}
.fontIncreas .box-crsl-items p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .box-crsl-items p {
    font-size: 16px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 15px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .box-crsl-items p {
    font-size: 13px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 12px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .box-crsl-items p {
    font-size: 13px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 11px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .box-crsl-items p {
    font-size: 14px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 13px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .box-crsl-items p {
    font-size: 15px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 14px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .box-crsl-items p {
    font-size: 16px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 15px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .box-crsl-items p {
    font-size: 18px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 17px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items p {
    min-height: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 1600px) {
  .box-crsl-items p {
    line-height: 1.2em;
    min-height: 42px;
    height: 42px;
  }
}

@media only screen and (max-width: 1540px) {
  .box-crsl-items p {
    line-height: 1.2em;
    min-height: 35px;
    height: 35px;
  }
}

@media only screen and (max-width: 1440px) {
  .box-crsl-items p {
    line-height: 1.2em;
    min-height: 34px;
    height: 34px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .box-crsl-items p {
    font-size: 12px;
  }
  .fontDecrease .box-crsl-items p {
    font-size: 11px;
  }
  .fontIncreas .box-crsl-items p {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .box-crsl-items p {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 350px) {
  .box-crsl-items p {
    min-height: 44px;
    height: 44px;
  }
}

.box-crsl-items .actions {
  margin-top: 20px;
}

@media only screen and (max-width: 1899px) {
  .box-crsl-items .actions {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .box-crsl-items .actions {
    margin-top: 10px;
  }
}

.box-crsl-items .actions.stretchbtn {
  margin-left: -10px;
  margin-right: -10px;
}

.box-crsl-items .actions a {
  margin-right: 10px;
}

.box-crsl-items .actions a:last-child {
  margin-right: 0;
}

.box-crsl-items.greybox {
  background: #F3F3F3;
}

.box-crsl-items.greybox:hover {
  background: #F3F3F3;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.box-crsl-items:hover {
  background: transparent linear-gradient(117deg, #FFFFFF 0%, #eefef9 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 20px #0000004D;
  box-shadow: 4px 4px 20px #0000004D;
  border: 1px solid #3399E8;
  border-radius: 4px;
  /*   .btn-primary{
        @include btn-primary(#3399E8, $white);
    }
    .btn-outline-secondary{
        @include btn-outline-secondary(#3399E8, #3399E8);

    } */
}

.showcases {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1399px) {
  .showcases {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .showcases {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .showcases .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (min-width: 992px) {
  .showcases .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.showcases .greybox {
  margin-bottom: 15px;
  padding: 35px 80px;
}

@media only screen and (max-width: 1399px) {
  .showcases .greybox {
    padding: 35px 70px;
  }
}

@media only screen and (max-width: 1199px) {
  .showcases .greybox {
    padding: 35px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .showcases .greybox {
    padding: 15px;
  }
}

.showcases .greybox .title {
  text-transform: none !important;
}

.showcases .greybox .icon img {
  max-width: 60px;
}

@media only screen and (min-width: 992px) {
  .showcases .greybox {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.showcases .greybox p {
  height: auto;
  padding: 0;
  min-height: 100px;
}

@media only screen and (max-width: 1540px) {
  .showcases .greybox p {
    line-height: 1.4em;
    min-height: 80px;
  }
}

@media only screen and (max-width: 1440px) {
  .showcases .greybox p {
    line-height: 1.4em;
  }
}

@media only screen and (max-width: 1399px) {
  .showcases .greybox p {
    min-height: 72px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .showcases .greybox p {
    min-height: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .showcases .greybox p {
    min-height: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .showcases .greybox p {
    min-height: 1px;
  }
}

.showcases .greybox p a {
  font-weight: 700;
}

@media only screen and (min-width: 1200px) {
  #fl-acc-one .collapse:not(.show) {
    display: block;
  }
  #fl-acc-one .fa {
    display: none !important;
  }
  #fl-acc-one .btn-link {
    pointer-events: none;
  }
}

.info svg {
  width: 12px;
  height: 12px;
}

@media only screen and (min-width: 1900px) {
  .info svg {
    height: 16px;
    width: 16px;
  }
}

/* savings */
.learn-more {
  padding-top: 35px;
  padding-bottom: 35px;
}

.learn-more .heading {
  margin-bottom: 22px;
  /* 
    @include desktop-1920 {
      margin-bottom: 90px;
    } */
}

@media only screen and (min-width: 1200px) {
  .learn-more .heading {
    margin-bottom: 30px;
  }
  .learn-more .heading span.d-block {
    display: none !important;
  }
}

.learn-more .viewall {
  margin-top: 20px;
}

@media only screen and (min-width: 1900px) {
  .learn-more .viewall {
    margin-top: 40px;
  }
}

.details-box {
  -webkit-box-shadow: 4px 4px 20px #0000001A;
  box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 4px 0px 0px 4px;
  padding: 10px 16px 20px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .details-box {
    padding: 20px;
  }
}

@media only screen and (min-width: 1600px) {
  .details-box {
    padding: 30px;
  }
}

.details-box > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.details-box > .row > .col-6.order-first {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.details-box .nextrow {
  margin-top: 10px;
}

@media only screen and (min-width: 1900px) {
  .details-box .nextrow {
    margin-bottom: 20px;
  }
}

.details-box .standard {
  font-size: 16px;
  color: #000;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
  /*     max-width: 350px;
    @include max-1680{
      max-width: 300px;
    }
    @include max-1440{
      max-width: 270px;
    }
    @include max-1199{
      max-width: 100%;
    } */
}
.fontDecrease .details-box .standard {
  font-size: 15px;
}
.fontIncreas .details-box .standard {
  font-size: 17px;
}

.details-box .standard:before {
  content: "";
  width: 0;
  height: 16px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) {
  .details-box .standard {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .details-box .standard {
    font-size: 17px;
  }
  .fontIncreas .details-box .standard {
    font-size: 19px;
  }
  .details-box .standard:before {
    content: "";
    width: 0;
    height: 18px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .standard {
    font-size: 28px;
    color: #000;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .details-box .standard {
    font-size: 27px;
  }
  .fontIncreas .details-box .standard {
    font-size: 29px;
  }
  .details-box .standard:before {
    content: "";
    width: 0;
    height: 28px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

.details-box .standard span {
  font-size: 12px;
  line-height: 1.4em;
}
.fontDecrease .details-box .standard span {
  font-size: 11px;
}
.fontIncreas .details-box .standard span {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .details-box .standard span {
    font-size: 16px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 15px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .details-box .standard span {
    font-size: 13px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 12px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .standard span {
    font-size: 13px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 12px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .standard span {
    font-size: 14px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 13px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .details-box .standard span {
    font-size: 15px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 14px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .details-box .standard span {
    font-size: 16px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 15px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .standard span {
    font-size: 18px;
  }
  .fontDecrease .details-box .standard span {
    font-size: 17px;
  }
  .fontIncreas .details-box .standard span {
    font-size: 19px;
  }
}

.details-box .compare {
  background: rgba(51, 153, 232, 0.1);
  width: 90px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  font-size: 12px;
  line-height: 1.4em;
  border-radius: 4px;
}
.fontDecrease .details-box .compare {
  font-size: 11px;
}
.fontIncreas .details-box .compare {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .details-box .compare {
    font-size: 16px;
  }
  .fontDecrease .details-box .compare {
    font-size: 15px;
  }
  .fontIncreas .details-box .compare {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .details-box .compare {
    font-size: 13px;
  }
  .fontDecrease .details-box .compare {
    font-size: 12px;
  }
  .fontIncreas .details-box .compare {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .compare {
    font-size: 13px;
  }
  .fontDecrease .details-box .compare {
    font-size: 12px;
  }
  .fontIncreas .details-box .compare {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .compare {
    font-size: 14px;
  }
  .fontDecrease .details-box .compare {
    font-size: 13px;
  }
  .fontIncreas .details-box .compare {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .details-box .compare {
    font-size: 15px;
  }
  .fontDecrease .details-box .compare {
    font-size: 14px;
  }
  .fontIncreas .details-box .compare {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .details-box .compare {
    font-size: 16px;
  }
  .fontDecrease .details-box .compare {
    font-size: 15px;
  }
  .fontIncreas .details-box .compare {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .compare {
    font-size: 18px;
  }
  .fontDecrease .details-box .compare {
    font-size: 17px;
  }
  .fontIncreas .details-box .compare {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) {
  .details-box .compare {
    width: 100px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .compare {
    width: 120px;
    height: 35px;
  }
}

.details-box .compare .form-check {
  margin-bottom: 0;
}

.details-box .compare .form-check-input {
  position: absolute;
  margin-top: .2rem;
  margin-left: -1.70rem;
  height: 12px;
}

@media only screen and (min-width: 768px) {
  .details-box .compare .form-check-input {
    margin-top: .5rem;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .compare .form-check-input {
    height: 15px;
    margin-top: .6rem;
    margin-left: -2rem;
  }
}

.details-box .low-maint {
  font-size: 10px;
  background: #FFF7E4;
  border-radius: 4px;
  padding: 4px 7px;
  text-align: left;
  display: inline-block;
  line-height: 13px;
}
.fontDecrease .details-box .low-maint {
  font-size: 9px;
}
.fontIncreas .details-box .low-maint {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .details-box .low-maint {
    font-size: 14px;
  }
  .fontDecrease .details-box .low-maint {
    font-size: 13px;
  }
  .fontIncreas .details-box .low-maint {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .low-maint {
    font-size: 12px;
  }
  .fontDecrease .details-box .low-maint {
    font-size: 11px;
  }
  .fontIncreas .details-box .low-maint {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .low-maint {
    font-size: 14px;
  }
  .fontDecrease .details-box .low-maint {
    font-size: 13px;
  }
  .fontIncreas .details-box .low-maint {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .low-maint {
    font-size: 16px;
  }
  .fontDecrease .details-box .low-maint {
    font-size: 15px;
  }
  .fontIncreas .details-box .low-maint {
    font-size: 17px;
  }
}

.details-box .min-bal {
  text-align: right;
  font-size: 10px;
  color: #707070;
}
.fontDecrease .details-box .min-bal {
  font-size: 9px;
}
.fontIncreas .details-box .min-bal {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .details-box .min-bal {
    font-size: 14px;
  }
  .fontDecrease .details-box .min-bal {
    font-size: 13px;
  }
  .fontIncreas .details-box .min-bal {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .min-bal {
    font-size: 12px;
  }
  .fontDecrease .details-box .min-bal {
    font-size: 11px;
  }
  .fontIncreas .details-box .min-bal {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .min-bal {
    font-size: 14px;
  }
  .fontDecrease .details-box .min-bal {
    font-size: 13px;
  }
  .fontIncreas .details-box .min-bal {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .min-bal {
    font-size: 16px;
  }
  .fontDecrease .details-box .min-bal {
    font-size: 15px;
  }
  .fontIncreas .details-box .min-bal {
    font-size: 17px;
  }
}

.details-box .min-bal div {
  font-size: 14px;
  font-weight: 900;
  color: #000;
  display: block;
  line-height: 14px;
  margin-top: 10px;
}
.fontDecrease .details-box .min-bal div {
  font-size: 13px;
}
.fontIncreas .details-box .min-bal div {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .details-box .min-bal div {
    font-size: 18px;
  }
  .fontDecrease .details-box .min-bal div {
    font-size: 17px;
  }
  .fontIncreas .details-box .min-bal div {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .min-bal div {
    font-size: 20px;
  }
  .fontDecrease .details-box .min-bal div {
    font-size: 19px;
  }
  .fontIncreas .details-box .min-bal div {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .min-bal div {
    font-size: 24px;
  }
  .fontDecrease .details-box .min-bal div {
    font-size: 23px;
  }
  .fontIncreas .details-box .min-bal div {
    font-size: 25px;
  }
}

.details-box .description {
  font-size: 12px;
  line-height: 1.4em;
  color: #000;
  line-height: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.fontDecrease .details-box .description {
  font-size: 11px;
}
.fontIncreas .details-box .description {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .details-box .description {
    font-size: 16px;
  }
  .fontDecrease .details-box .description {
    font-size: 15px;
  }
  .fontIncreas .details-box .description {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .details-box .description {
    font-size: 13px;
  }
  .fontDecrease .details-box .description {
    font-size: 12px;
  }
  .fontIncreas .details-box .description {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .description {
    font-size: 13px;
  }
  .fontDecrease .details-box .description {
    font-size: 12px;
  }
  .fontIncreas .details-box .description {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .description {
    font-size: 14px;
  }
  .fontDecrease .details-box .description {
    font-size: 13px;
  }
  .fontIncreas .details-box .description {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .details-box .description {
    font-size: 15px;
  }
  .fontDecrease .details-box .description {
    font-size: 14px;
  }
  .fontIncreas .details-box .description {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .details-box .description {
    font-size: 16px;
  }
  .fontDecrease .details-box .description {
    font-size: 15px;
  }
  .fontIncreas .details-box .description {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .description {
    font-size: 18px;
  }
  .fontDecrease .details-box .description {
    font-size: 17px;
  }
  .fontIncreas .details-box .description {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .description {
    padding-right: 20px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .description {
    line-height: 25px;
  }
}

.details-box .benefits {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #707070;
  font-size: 10px;
  line-height: 12px;
}
.fontDecrease .details-box .benefits  {
  font-size: 9px;
}
.fontIncreas .details-box .benefits  {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 12px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 11px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 12px;
    line-height: 1.4em;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 11px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 992px) {
  .details-box .benefits {
    font-size: 13px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 12px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 13px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 12px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .details-box .benefits {
    font-size: 15px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 14px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .details-box .benefits {
    font-size: 18px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 17px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 19px;
  }
}

.details-box .benefits li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 10px;
}

.details-box .benefits li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #707070;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 10px auto auto 0;
}

@media only screen and (max-width: 767px) {
  .details-box .benefits li:before {
    margin: 5px auto auto 0;
    width: 3px;
    height: 3px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .benefits {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 10px;
    line-height: 12px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 9px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 12px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 11px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 12px;
    line-height: 1.4em;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 11px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 768px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 992px) {
  .details-box .benefits {
    font-size: 13px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 12px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1200px) {
  .details-box .benefits {
    font-size: 13px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 12px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1500px) {
  .details-box .benefits {
    font-size: 14px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 13px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1600px) {
  .details-box .benefits {
    font-size: 15px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 14px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1680px) {
  .details-box .benefits {
    font-size: 16px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 15px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1900px) {
  .details-box .benefits {
    font-size: 18px;
  }
  .fontDecrease .details-box .benefits  {
    font-size: 17px;
  }
  .fontIncreas .details-box .benefits  {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .details-box .benefits li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 10px;
  }
  .details-box .benefits li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 10px auto auto 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 767px) {
  .details-box .benefits li:before {
    margin: 5px auto auto 0;
    width: 3px;
    height: 3px;
  }
}

.details-box .minilink {
  padding-left: 10px;
}

.details-box .minilink a {
  font-weight: 700;
}

.details-box .actions {
  margin-top: 20px;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .details-box .actions {
    text-align: left;
  }
}

.details-box .actions .btn {
  margin: 0px 10px 0px 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .details-box .actions .btn {
    margin: 0px 5px 0px 0px;
  }
}

.details-box .actions .btn:last-child {
  margin: 0;
}

@media only screen and (min-width: 1900px) {
  .details-box .actions .btn {
    padding: 18px 30px;
  }
}

.details-box .download a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.details-box .download a img {
  margin-right: 10px;
  min-width: 28px;
}

@media only screen and (min-width: 1200px) {
  .download {
    margin-top: 15px;
  }
}

.download .links {
  cursor: pointer;
}

.download .links svg {
  width: 15px;
  height: 15px;
}

@media only screen and (min-width: 1600px) {
  .download .links svg {
    width: 18px;
    height: 22px;
  }
}

@media only screen and (min-width: 1900px) {
  .download .links svg {
    width: 20px;
    height: 30px;
  }
}

.download .links span:last-child {
  margin-left: 5px;
  vertical-align: bottom;
}

.contact-form {
  padding-top: 35px;
  padding-bottom: 35px;
  background: #fafafa;
}

@media only screen and (min-width: 1200px) {
  .contact-form .container-fluid {
    padding-right: 0;
  }
}

.contact-form .formwrap {
  margin-left: -25px;
  margin-right: -25px;
  position: relative;
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap {
    margin-left: -100px !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap {
    height: auto;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .row1 {
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 350px) {
  .contact-form .formwrap .row1 {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .contact-form .formwrap .row1 {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .contact-form .formwrap .row1 {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .contact-form .formwrap .row1 {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .contact-form .formwrap .row1 {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1680px) {
  .contact-form .formwrap .row1 {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .contact-form .formwrap .row1 {
    padding-left: 140px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .row1 {
    padding-bottom: 70px;
  }
}

.contact-form .formwrap .formbg {
  margin-bottom: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contact-form .formwrap .formbg {
    margin-bottom: 0;
  }
}

.contact-form .formwrap .formbg .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 25px;
  padding-right: 25px;
  z-index: 1;
  position: relative;
  height: 190px;
  width: 70%;
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .formbg .caption {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .formbg .caption {
    padding-right: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap .formbg .caption {
    height: 190px;
  }
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap .formbg .caption {
    height: 350px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg .caption {
    height: auto;
    padding-top: 90px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .formbg .caption {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .formbg .caption {
    padding-top: 110px;
  }
}

.contact-form .formwrap .formbg .caption .title {
  font-size: 24px;
  line-height: 26px;
}
.fontDecrease .contact-form .formwrap .formbg .caption .title  {
  font-size: 23px;
}
.fontIncreas .contact-form .formwrap .formbg .caption .title  {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 28px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 27px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 35px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 37px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 41px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size:43px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 43px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 44px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size:46px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .formbg .caption .title {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption .title  {
    font-size: 53px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption .title  {
    font-size: 55px;
  }
}

.contact-form .formwrap .formbg .caption .title span {
  font-weight: 700;
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg .caption .title span {
    display: inline-block !important;
  }
}

.contact-form .formwrap .formbg .caption p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 10px 0 0;
}
.fontDecrease .contact-form .formwrap .formbg .caption p  {
  font-size: 11px;
}
.fontIncreas .contact-form .formwrap .formbg .caption p  {
  font-size:13px;
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 16px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 15px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 13px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 12px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 13px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 12px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 14px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 13px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 15px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 14px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 16px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 15px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .formbg .caption p {
    font-size: 18px;
  }
  .fontDecrease .contact-form .formwrap .formbg .caption p {
    font-size: 17px;
  }
  .fontIncreas .contact-form .formwrap .formbg .caption p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .formbg .caption p {
    font-weight: 500;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg .caption p span {
    display: inline-block !important;
  }
}

.contact-form .formwrap .formbg > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  max-height: 188px;
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap .formbg > img {
    max-height: 350px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .formbg > img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top right;
       object-position: top right;
    height: 100%;
    max-height: 2000px;
  }
}

.contact-form .formwrap .form-group {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap .form-group {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .form-group {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap .form-group {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .form-group {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .form-group {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .form-group {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .form-group {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap .form-group {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .form-group {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap .form-group {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap .form-group {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap .form-group {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap .form-group {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .form-group {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .form-group {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .form-group {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .form-group .btn {
    padding: 15px 30px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap .form-group .btn {
    padding: 20px 30px;
  }
}

.contact-form .formwrap .form-group.form-check {
  padding-left: 45px;
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap .form-group.form-check {
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap .form-group.form-check {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.contact-form .formwrap .form-group.form-check .form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -2rem;
}

.contact-form .formwrap .thankswrap {
  display: none;
}

.contact-form .formwrap.active .caption {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 991px) {
  .contact-form .formwrap.active .caption {
    display: none;
  }
}

.contact-form .formwrap.active .row1 {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 991px) {
  .contact-form .formwrap.active .row1 {
    display: none;
  }
}

.contact-form .formwrap.active .thankswrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding-left: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .contact-form .formwrap.active .thankswrap {
    padding-left: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-form .formwrap.active .thankswrap {
    width: 50%;
    height: 350px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form .formwrap.active .thankswrap {
    height: 188px;
  }
}

@media only screen and (max-width: 350px) {
  .contact-form .formwrap.active .thankswrap {
    height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form .formwrap.active .thankswrap .icons {
    width: 50px;
    margin: 0px auto !important;
  }
}

.contact-form .formwrap.active .thankswrap .title {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
}
.fontDecrease .contact-form .formwrap.active .thankswrap .title {
  font-size: 23px;
}
.fontIncreas .contact-form .formwrap.active .thankswrap .title {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 28px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 27px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 35px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 37px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 41px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 43px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 44px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 53px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form .formwrap.active .thankswrap .title {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 13px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 18px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 17px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 20px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 19px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .contact-form .formwrap.active .thankswrap .title {
    font-size: 24px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap .title {
    font-size: 23px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap .title {
    font-size: 25px;
  }
}

.contact-form .formwrap.active .thankswrap p {
  font-size: 12px;
  line-height: 1.4em;
}
.fontDecrease .contact-form .formwrap.active .thankswrap p {
  font-size: 11px;
}
.fontIncreas .contact-form .formwrap.active .thankswrap p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 16px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 15px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 13px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 12px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 13px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 12px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 14px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 13px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 15px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 14px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 16px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 15px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .contact-form .formwrap.active .thankswrap p {
    font-size: 18px;
  }
  .fontDecrease .contact-form .formwrap.active .thankswrap p {
    font-size: 17px;
  }
  .fontIncreas .contact-form .formwrap.active .thankswrap p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form .formwrap.active .thankswrap p {
    margin: 0;
  }
}

.contact-form .formwrap.active .thankswrap a {
  font-weight: 700;
}

.interested {
  padding-top: 35px;
  padding-bottom: 35px;
}

.interested .container-fluid {
  padding-bottom: 35px;
}

.interested .heading {
  margin-bottom: 20px;
}

@media only screen and (max-width: 350px) {
  .interested .heading {
    letter-spacing: -.7px;
  }
}

@media only screen and (min-width: 1200px) {
  .interested .heading {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1900px) {
  .interested .heading {
    margin-bottom: 30px;
  }
}

.interested .int-card {
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  background: #fff;
  padding: 20px 30px 20px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  display: block;
}

.interested .int-card .title {
  font-size: 14px;
  color: #004880;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}
.fontDecrease .interested .int-card .title {
  font-size: 13px;
}
.fontIncreas .interested .int-card .title {
  font-size: 15px;
}

.interested .int-card .title:before {
  content: "";
  width: 0;
  height: 14px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (min-width: 992px) {
  .interested .int-card .title {
    font-size: 16px;
    color: #004880;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .interested .int-card .title {
    font-size: 15px;
  }
  .fontIncreas .interested .int-card .title {
    font-size: 17px;
  }
  .interested .int-card .title:before {
    content: "";
    width: 0;
    height: 16px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1600px) {
  .interested .int-card .title {
    font-size: 18px;
    color: #004880;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .interested .int-card .title {
    font-size: 17px;
  }
  .fontIncreas .interested .int-card .title {
    font-size: 19px;
  }
  .interested .int-card .title:before {
    content: "";
    width: 0;
    height: 18px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1900px) {
  .interested .int-card .title {
    font-size: 20px;
    color: #004880;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .interested .int-card .title {
    font-size: 19px;
  }
  .fontIncreas .interested .int-card .title {
    font-size: 21px;
  }
  .interested .int-card .title:before {
    content: "";
    width: 0;
    height: 20px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

.interested .int-card .desc {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 1px;
  padding-left: 15px;
}
.fontDecrease .interested .int-card .desc {
  font-size: 11px;
}
.fontIncreas .interested .int-card .desc {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .interested .int-card .desc {
    font-size: 16px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 16px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .interested .int-card .desc {
    font-size: 13px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 12px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .interested .int-card .desc {
    font-size: 13px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 12px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .interested .int-card .desc {
    font-size: 14px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 13px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .interested .int-card .desc {
    font-size: 15px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 14px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .interested .int-card .desc {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1900px) {
  .interested .int-card .desc {
    font-size: 18px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 17px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 19px;
  }
}

@media only screen and (min-width: 992px) {
  .interested .int-card .desc {
    font-size: 10px;
    color: #707070;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 9px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 11px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 768px) {
  .interested .int-card .desc {
    font-size: 14px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 13px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .interested .int-card .desc {
    font-size: 12px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 11px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .interested .int-card .desc {
    font-size: 14px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 13px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .interested .int-card .desc {
    font-size: 16px;
  }
  .fontDecrease .interested .int-card .desc {
    font-size: 15px;
  }
  .fontIncreas .interested .int-card .desc {
    font-size: 17px;
  }
}

.interested .int-card:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 7px auto auto;
  width: 20px;
  height: 20px;
  background: url("../images/right-arrow.png") no-repeat center center;
  background-size: auto;
}

.interested .int-card .rightarrow {
  display: none;
}

.curvesec {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .curvesec {
    padding: 40px 0px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec {
    padding: 57px 0px;
  }
}

.curvesec .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1px solid #D9D9D9;
}

@media only screen and (max-width: 350px) {
  .curvesec .container-fluid {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .container-fluid {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .curvesec .container-fluid {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .curvesec .container-fluid {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .curvesec .container-fluid {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .curvesec .container-fluid {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .container-fluid {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .curvesec .container-fluid {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .container-fluid {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .curvesec .container-fluid {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .curvesec .container-fluid {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .curvesec .container-fluid {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .curvesec .container-fluid {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .container-fluid {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .container-fluid {
    border-bottom: 0;
  }
}

.curvesec .herosec {
  padding-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec {
    text-align: left;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 40px;
  }
}

.curvesec .herosec .title {
  text-align: left;
  padding-top: 27px;
  padding-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .title {
    padding-top: 0;
  }
}

.curvesec .herosec .title .redtitle {
  display: inline-block;
  font-size: 14px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}
.fontDecrease .curvesec .herosec .title .redtitle {
  font-size: 13px;
}
.fontIncreas .curvesec .herosec .title .redtitle {
  font-size: 15px;
}

.curvesec .herosec .title .redtitle:before {
  content: "";
  width: 0;
  height: 14px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .title .redtitle {
    font-size: 12px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .curvesec .herosec .title .redtitle {
    font-size: 11px;
  }
  .fontIncreas .curvesec .herosec .title .redtitle {
    font-size: 13px;
  }
  .curvesec .herosec .title .redtitle:before {
    content: "";
    width: 0;
    height: 12px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec .title .redtitle {
    font-size: 16px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .curvesec .herosec .title .redtitle {
    font-size: 15px;
  }
  .fontIncreas .curvesec .herosec .title .redtitle {
    font-size: 17px;
  }
  .curvesec .herosec .title .redtitle:before {
    content: "";
    width: 0;
    height: 16px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

.curvesec .herosec .heading {
  color: #004880;
}

.curvesec .herosec .heading.darker {
  color: #093252;
}

.curvesec .herosec .heading strong {
  color: #093252;
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .heading {
    text-align: center;
  }
}

.curvesec .herosec p {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 12px;
}
.fontDecrease .curvesec .herosec p {
  font-size: 11px;
}
.fontIncreas .curvesec .herosec p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .curvesec .herosec p {
    font-size: 16px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 15px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .curvesec .herosec p {
    font-size: 13px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 12px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec p {
    font-size: 13px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 12px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .curvesec .herosec p {
    font-size: 14px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 13px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .curvesec .herosec p {
    font-size: 15px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 14px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .curvesec .herosec p {
    font-size: 16px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 15px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec p {
    font-size: 18px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 17px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec p {
    text-align: center;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec p {
    font-size: 20px;
  }
  .fontDecrease .curvesec .herosec p {
    font-size: 19px;
  }
  .fontIncreas .curvesec .herosec p {
    font-size: 21px;
  }
}

.curvesec .herosec .profiles {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  text-align: center;
}

.curvesec .herosec .profiles .avatar {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.curvesec .herosec .profiles a {
  display: block;
}

.curvesec .herosec .profiles .title {
  font-size: 14px;
  color: #000;
  font-style: italic;
  font-weight: 700;
  padding: 0px 10px 10px;
  margin-top: -10px;
  position: relative;
  text-align: center;
  line-height: 18px;
  max-width: 100%;
}
.fontDecrease .curvesec .herosec .profiles .title {
  font-size: 13px;
}
.fontIncreas .curvesec .herosec .profiles .title {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .curvesec .herosec .profiles .title {
    font-size: 18px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 17px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .curvesec .herosec .profiles .title {
    font-size: 20px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 19px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec .profiles .title {
    font-size: 24px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 23px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .profiles .title {
    font-size: 10px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 9px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .curvesec .herosec .profiles .title {
    font-size: 14px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 13px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .curvesec .herosec .profiles .title {
    font-size: 12px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 11px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .curvesec .herosec .profiles .title {
    font-size: 14px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 13px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .curvesec .herosec .profiles .title {
    font-size: 16px;
  }
  .fontDecrease .curvesec .herosec .profiles .title {
    font-size: 15px;
  }
  .fontIncreas .curvesec .herosec .profiles .title {
    font-size: 17px;
  }
}

.curvesec .herosec .profiles .title:after {
  content: "";
  width: 30px;
  height: 0;
  border-top: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto 0px auto;
  display: none;
}

.curvesec .herosec .profiles .title svg {
  width: 18px;
  height: 12px;
  margin-left: 4px;
}

.curvesec .herosec .apply-now {
  margin-top: 20px;
  margin-bottom: 20px;
}

.curvesec .herosec .apply-now .btn {
  margin-right: 20px;
}

.curvesec .herosec .apply-now .btn:last-child {
  margin-top: 0;
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .apply-now .btn {
    padding: 11px 20px;
  }
}

@media only screen and (min-width: 1500px) {
  .curvesec .herosec .apply-now .btn {
    padding: 13px 25px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec .apply-now .btn {
    padding: 18px 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .curvesec .herosec .apply-now {
    text-align: center;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1900px) {
  .curvesec .herosec .apply-now {
    margin-top: 40px;
  }
}

.highlights {
  padding-bottom: 35px;
  padding-top: 35px;
}

@media only screen and (min-width: 1200px) {
  .highlights {
    padding-top: 0;
  }
}

.highlights .container-fluid {
  padding-top: 35px;
}

@media only screen and (min-width: 1200px) {
  .highlights .container-fluid {
    padding-top: 0;
  }
}

.highlights .row2 {
  background: #FFF7E4;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -25px !important;
  margin-right: -25px !important;
}

@media only screen and (min-width: 1900px) {
  .highlights .row2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.highlights .row2 .col-4, .highlights .row2 .col-3 {
  padding-left: 15px;
  padding-right: 15px;
}

.highlights .row2 .col-4:last-child .hl-grid:after, .highlights .row2 .col-3:last-child .hl-grid:after {
  display: none !important;
}

@media only screen and (max-width: 350px) {
  .highlights .row2 .col-4, .highlights .row2 .col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 350px) {
  .highlights .row2 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights .row2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.highlights .row2 .hl-grid {
  text-align: center;
  position: relative;
  height: 100%;
  position: relative;
}

.highlights .row2 .hl-grid:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto -15px auto auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.highlights .row2 .hl-grid .icon img {
  height: 40px;
}

@media only screen and (min-width: 1900px) {
  .highlights .row2 .hl-grid .icon img {
    height: 50px;
  }
}

.highlights .row2 .hl-grid .head {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
  margin-top: 15px;
}
.fontDecrease .highlights .row2 .hl-grid .head {
  font-size: 11px;
}
.fontIncreas .highlights .row2 .hl-grid .head {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .highlights .row2 .hl-grid .head {
    font-size: 16px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 15px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .highlights .row2 .hl-grid .head {
    font-size: 13px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 12px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights .row2 .hl-grid .head {
    font-size: 13px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 12px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .highlights .row2 .hl-grid .head {
    font-size: 14px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 13px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .highlights .row2 .hl-grid .head {
    font-size: 15px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 14px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .highlights .row2 .hl-grid .head {
    font-size: 16px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 15px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .highlights .row2 .hl-grid .head {
    font-size: 18px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 17px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights .row2 .hl-grid .head {
    font-size: 14px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 13px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .highlights .row2 .hl-grid .head {
    font-size: 18px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 17px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .highlights .row2 .hl-grid .head {
    font-size: 20px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 19px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .highlights .row2 .hl-grid .head {
    font-size: 24px;
  }
  .fontDecrease .highlights .row2 .hl-grid .head {
    font-size: 23px;
  }
  .fontIncreas .highlights .row2 .hl-grid .head {
    font-size: 25px;
  }
}

.highlights .row2 .hl-grid p {
  color: #707070;
  font-size: 12px;
  line-height: 1.4em;
  margin: 3px 0 0;
}
.fontDecrease .highlights .row2 .hl-grid p {
  font-size: 11px;
}
.fontIncreas .highlights .row2 .hl-grid p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .highlights .row2 .hl-grid p {
    font-size: 16px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 15px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .highlights .row2 .hl-grid p {
    font-size: 13px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 12px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights .row2 .hl-grid p {
    font-size: 13px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 12px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .highlights .row2 .hl-grid p {
    font-size: 14px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 13px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .highlights .row2 .hl-grid p {
    font-size: 15px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 14px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .highlights .row2 .hl-grid p {
    font-size: 16px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 15px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .highlights .row2 .hl-grid p {
    font-size: 18px;
  }
  .fontDecrease .highlights .row2 .hl-grid p {
    font-size: 17px;
  }
  .fontIncreas .highlights .row2 .hl-grid p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .highlights .row2 .hl-grid p {
    margin: 0px 0px 5px 0px;
  }
}

@media only screen and (min-width: 1900px) {
  .highlights .row2 .hl-grid p {
    margin: 0 0 10px 0;
  }
}

.highlights .row2 .hl-grid .links {
  margin-top: 10px;
}

.highlights .row2 .hl-grid .links svg {
  height: 10px;
  margin-left: 4px;
}

.highlights .row2 [class*='col-']:last-child .hl-grid {
  border-right: 0;
}

.profiles-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: block;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .profiles-carousel {
    margin-top: 15px;
  }
}

.profiles-carousel.five .profiles:nth-child(1) {
  margin-top: -20px;
  width: 140px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.five .profiles:nth-child(1) {
    width: 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.five .profiles:nth-child(1) {
    width: 100%;
  }
}

.profiles-carousel.five .profiles:nth-child(2) {
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.five .profiles:nth-child(2) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.five .profiles:nth-child(2) {
    width: 100%;
  }
}

.profiles-carousel.five .profiles:nth-child(3) {
  width: 230px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.five .profiles:nth-child(3) {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.five .profiles:nth-child(3) {
    width: 100%;
  }
}

.profiles-carousel.five .profiles:nth-child(4) {
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.five .profiles:nth-child(4) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.five .profiles:nth-child(4) {
    width: 100%;
  }
}

.profiles-carousel.five .profiles:nth-child(5) {
  margin-top: -20px;
  width: 140px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.five .profiles:nth-child(5) {
    width: 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.five .profiles:nth-child(5) {
    width: 100%;
  }
}

.profiles-carousel.four .profiles:nth-child(1) {
  margin-top: 0px;
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.four .profiles:nth-child(1) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.four .profiles:nth-child(1) {
    width: 100%;
  }
}

.profiles-carousel.four .profiles:nth-child(2) {
  width: 230px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.four .profiles:nth-child(2) {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.four .profiles:nth-child(2) {
    width: 100%;
  }
}

.profiles-carousel.four .profiles:nth-child(3) {
  width: 230px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.four .profiles:nth-child(3) {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.four .profiles:nth-child(3) {
    width: 100%;
  }
}

.profiles-carousel.four .profiles:nth-child(4) {
  margin-top: -50px;
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.four .profiles:nth-child(4) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.four .profiles:nth-child(4) {
    width: 100%;
  }
}

.profiles-carousel.four .profiles:nth-child(5) {
  display: none !important;
}

.profiles-carousel.three .profiles:nth-child(1) {
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.three .profiles:nth-child(1) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.three .profiles:nth-child(1) {
    width: 100%;
  }
}

.profiles-carousel.three .profiles:nth-child(2) {
  width: 230px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.three .profiles:nth-child(2) {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.three .profiles:nth-child(2) {
    width: 100%;
  }
}

.profiles-carousel.three .profiles:nth-child(3) {
  width: 180px;
}

@media only screen and (max-width: 1899px) {
  .profiles-carousel.three .profiles:nth-child(3) {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel.three .profiles:nth-child(3) {
    width: 100%;
  }
}

.profiles-carousel.three .profiles:nth-child(4) {
  display: none !important;
}

.profiles-carousel.three .profiles:nth-child(5) {
  display: none !important;
}

.savings-account .interested,
.savings-account-elite .interested {
  background: #fafafa;
}

.savings-account.nobg-int .interested,
.savings-account-elite.nobg-int .interested {
  background: #fff;
}

/* end of savings */
/* elite */
.elite .container-fluid {
  border-bottom: 0;
}

.elite .container-fluid .herosec {
  border-bottom: 1px solid #D9D9D9;
}

.elite .profile-collage {
  text-align: center;
  margin-top: 30px;
}

.elite .profile-collage .group {
  display: inline-block;
  max-width: 470px;
}

@media only screen and (min-width: 1200px) {
  .elite .profile-collage .group {
    max-width: 340px;
  }
}

@media only screen and (min-width: 1400px) {
  .elite .profile-collage .group {
    max-width: 360px;
  }
}

@media only screen and (min-width: 1500px) {
  .elite .profile-collage .group {
    max-width: 380px;
  }
}

@media only screen and (min-width: 1600px) {
  .elite .profile-collage .group {
    max-width: 400px;
  }
}

@media only screen and (min-width: 1680px) {
  .elite .profile-collage .group {
    max-width: 420px;
  }
}

@media only screen and (min-width: 1900px) {
  .elite .profile-collage .group {
    max-width: 470px;
  }
}

.elite .profile-collage .title {
  font-size: 24px;
  line-height: 26px;
  text-align: center;
}
.fontDecrease .elite .profile-collage .title {
  font-size: 23px;
}
.fontIncreas .elite .profile-collage .title {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .elite .profile-collage .title {
    font-size: 28px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 27px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .elite .profile-collage .title {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 35px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .elite .profile-collage .title {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 37px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .elite .profile-collage .title {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 41px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .elite .profile-collage .title {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 43px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .elite .profile-collage .title {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 44px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .elite .profile-collage .title {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .elite .profile-collage .title {
    font-size: 55px;
  }
  .fontIncreas .elite .profile-collage .title {
    font-size: 56px;
  }
}

.elite .action-groups {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .elite .action-groups {
    margin-bottom: 20px;
  }
}

.elite .action-groups .apply-now {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .elite .action-groups .apply-now {
    white-space: nowrap;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .elite .action-groups .apply-now .btn {
    margin-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .elite .action-groups .apply-now .btn:last-child {
    margin-right: 0px;
  }
}

.elite .action-groups .download {
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 0;
}

.features {
  padding-top: 35px;
  padding-bottom: 35px;
}

.features .feat-block {
  margin-top: 40px;
}

.features .feat-block:first-child {
  margin-top: 0;
}

.features .feat-block table {
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .features .feat-block table {
    width: 100%;
  }
}

.features .feat-block p {
  margin: 10px 0 10px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
}
.fontDecrease .features .feat-block p {
  font-size: 11px;
}
.fontIncreas .features .feat-block p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .features .feat-block p {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .features .feat-block p {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .features .feat-block p {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .features .feat-block p {
    font-size: 14px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 13px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .features .feat-block p {
    font-size: 15px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 14px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .features .feat-block p {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .features .feat-block p {
    font-size: 18px;
  }
  .fontDecrease .features .feat-block p {
    font-size: 17px;
  }
  .fontIncreas .features .feat-block p {
    font-size: 19px;
  }
}

.features .feat-block .title {
  color: #000;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 18px;
}
.fontDecrease .features .feat-block .title {
  font-size: 13px;
}
.fontIncreas .features .feat-block .title {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .features .feat-block .title {
    font-size: 18px;
  }
  .fontDecrease .features .feat-block .title {
    font-size: 17px;
  }
  .fontIncreas .features .feat-block .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .features .feat-block .title {
    font-size: 20px;
  }
  .fontDecrease .features .feat-block .title {
    font-size: 19px;
  }
  .fontIncreas .features .feat-block .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .features .feat-block .title {
    font-size: 24px;
  }
  .fontDecrease .features .feat-block .title {
    font-size: 23px;
  }
  .fontIncreas .features .feat-block .title {
    font-size: 25px;
  }
}

.features .feat-block ul, .features .feat-block ol {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
}
.fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
  font-size: 11px;
}
.fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 14px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 13px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 15px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 14px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .features .feat-block ul, .features .feat-block ol {
    font-size: 18px;
  }
  .fontDecrease .features .feat-block ul, .fontDecrease .features .feat-block ol {
    font-size: 17px;
  }
  .fontIncreas .features .feat-block ul, .fontIncreas .features .feat-block ol {
    font-size: 19px;
  }
}

.features .feat-block ul li, .features .feat-block ol li {
  margin-bottom: 10px;
}

.features .feat-block ul li p, .features .feat-block ol li p {
  margin-top: 10px;
  margin-bottom: 0;
}

.features .feat-block ul li ol, .features .feat-block ol li ol {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
  padding: 0 0 0 40px;
}
.fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
  font-size: 11px;
}
.fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 13px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 12px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 14px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 13px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 15px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 14px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 16px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 15px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .features .feat-block ul li ol, .features .feat-block ol li ol {
    font-size: 18px;
  }
  .fontDecrease .features .feat-block ul li ol, .fontDecrease .features .feat-block ol li ol  {
    font-size: 17px;
  }
  .fontIncreas .features .feat-block ul li ol, .fontIncreas .features .feat-block ol li ol {
    font-size: 19px;
  }
}

.features .feat-block ul li ol p, .features .feat-block ol li ol p {
  margin-top: 10px;
  margin-bottom: 0;
}

.features .feat-block .viewall {
  margin: 15px 0 10px;
}

.features .notes {
  margin-top: 20px;
  color: #707070;
}

/* end of elite */
/* home loan */
.home-loan .halfcirc {
  pointer-events: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
          transform: translate(-50%, -95%);
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (min-width: 992px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1200px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2000px;
    height: 1700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -99%);
            transform: translate(-44%, -99%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1500px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -98%);
            transform: translate(-45%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1680px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-46%, -98%);
            transform: translate(-46%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1900px) {
  .home-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 3200px;
    height: 3000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-43%, -98%);
            transform: translate(-43%, -98%);
    z-index: -1;
  }
}

.home-loan .heading {
  margin-top: 10px;
}

@media only screen and (min-width: 1500px) {
  .home-loan .heading {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1900px) {
  .home-loan .heading {
    margin-bottom: 30px;
  }
}

.calcuator {
  margin-top: 20px;
  display: block;
}

@media only screen and (min-width: 1200px) {
  .calcuator {
    float: right;
    margin-top: -100px;
  }
}

@media only screen and (min-width: 1500px) {
  .calcuator {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 1200px) {
  .calcuator .icon {
    width: 100%;
    text-align: center;
  }
}

.calcuator .icon svg {
  height: 22px;
  width: 16px;
  display: inline-block;
}

@media only screen and (min-width: 1200px) {
  .calcuator .icon svg {
    width: 40px;
    height: 60px;
  }
}

@media only screen and (min-width: 1500px) {
  .calcuator .icon svg {
    width: 60px;
    height: 70px;
  }
}

.calcuator .txt {
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.4em;
  color: #004880;
  margin-top: 3px;
}
.fontDecrease .calcuator .txt {
  font-size: 11px;
}
.fontIncreas .calcuator .txt {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .calcuator .txt {
    font-size: 14px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 13px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .calcuator .txt {
    font-size: 15px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 14px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .calcuator .txt {
    font-size: 18px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 17px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .calcuator .txt {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.4em;
    padding-left: 0;
    margin-top: 10px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 11px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 992px) {
  .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .calcuator .txt {
    font-size: 14px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 13px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .calcuator .txt {
    font-size: 15px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 14px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .calcuator .txt {
    font-size: 18px;
  }
  .fontDecrease .calcuator .txt {
    font-size: 17px;
  }
  .fontIncreas .calcuator .txt {
    font-size: 19px;
  }
}

@media only screen and (min-width: 992px) {
  .homeloanform .formwrap .formbg .caption {
    padding-top: 120px;
  }
}

.homeloanform .formwrap .row1 {
  padding-top: 230px;
}

/* end of home loan */
/* modal */
.bbmodal {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 350px) {
  .bbmodal {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .bbmodal {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .bbmodal {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .bbmodal {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .bbmodal {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .bbmodal {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .bbmodal {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .bbmodal {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .bbmodal {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .bbmodal {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal {
    padding-right: 140px;
  }
}

.bbmodal .mheader {
  margin-bottom: 20px;
}

.bbmodal .mheader .title {
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}
.fontDecrease .bbmodal .mheader .title  {
  font-size: 15px;
}
.fontIncreas .bbmodal .mheader .title  {
  font-size: 17px;
}

.bbmodal .mheader .title:before {
  content: "";
  width: 0;
  height: 16px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) {
  .bbmodal .mheader .title {
    font-size: 18px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .bbmodal .mheader .title  {
    font-size: 17px;
  }
  .fontIncreas .bbmodal .mheader .title  {
    font-size: 19px;
  }
  .bbmodal .mheader .title:before {
    content: "";
    width: 0;
    height: 18px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal .mheader .title {
    font-size: 28px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease .bbmodal .mheader .title  {
    font-size: 27px;
  }
  .fontIncreas .bbmodal .mheader .title  {
    font-size: 29px;
  }
  .bbmodal .mheader .title:before {
    content: "";
    width: 0;
    height: 28px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

.bbmodal .mheader .mclose {
  display: block;
  width: 15px;
  margin-left: auto;
}

.bbmodal .heading {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.fontDecrease .bbmodal .heading  {
  font-size: 23px;
}
.fontIncreas .bbmodal .heading  {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .bbmodal .heading {
    font-size: 28px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 27px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .bbmodal .heading {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 35px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .bbmodal .heading {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 37px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal .heading {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 41px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .bbmodal .heading {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 43px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .bbmodal .heading {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 44px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal .heading {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .bbmodal .heading  {
    font-size: 53px;
  }
  .fontIncreas .bbmodal .heading  {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) {
  .bbmodal .heading {
    margin-bottom: 40px;
  }
}

.bbmodal .loanrow .col-12 {
  margin-bottom: 10px;
}

.bbmodal .loancard {
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  height: 100%;
  position: relative;
}

.bbmodal .loancard .lclink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 1200px) {
  .bbmodal .loancard {
    padding: 20px 25px;
  }
}

.bbmodal .loancard .icon svg {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 1500px) {
  .bbmodal .loancard .icon svg {
    width: 40px;
    height: 40px;
  }
}

.bbmodal .loancard .desc {
  padding-left: 20px;
  padding-right: 20px;
}

.bbmodal .loancard .desc .title {
  color: #004880;
  font-size: 14px;
  font-weight: 700;
}
.fontDecrease .bbmodal .loancard .desc .title {
  font-size: 13px;
}
.fontIncreas .bbmodal .loancard .desc .title {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .bbmodal .loancard .desc .title {
    font-size: 18px;
  }
  .fontDecrease .bbmodal .loancard .desc .title {
    font-size: 17px;
  }
  .fontIncreas .bbmodal .loancard .desc .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal .loancard .desc .title {
    font-size: 20px;
  }
  .fontDecrease .bbmodal .loancard .desc .title {
    font-size: 19px;
  }
  .fontIncreas .bbmodal .loancard .desc .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal .loancard .desc .title {
    font-size: 24px;
  }
  .fontDecrease .bbmodal .loancard .desc .title {
    font-size: 23px;
  }
  .fontIncreas .bbmodal .loancard .desc .title {
    font-size: 25px;
  }
}

.bbmodal .loancard .desc p {
  font-size: 10px;
  color: #707070;
  line-height: 12px;
  margin: 5px 0 0;
}
.fontDecrease .bbmodal .loancard .desc p{
  font-size: 9px;
}
.fontIncreas .bbmodal .loancard .desc p {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .bbmodal .loancard .desc p {
    font-size: 14px;
  }
  .fontDecrease .bbmodal .loancard .desc p{
    font-size: 13px;
  }
  .fontIncreas .bbmodal .loancard .desc p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .bbmodal .loancard .desc p {
    font-size: 12px;
  }
  .fontDecrease .bbmodal .loancard .desc p{
    font-size: 11px;
  }
  .fontIncreas .bbmodal .loancard .desc p {
    font-size: 131px;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal .loancard .desc p {
    font-size: 14px;
  }
  .fontDecrease .bbmodal .loancard .desc p{
    font-size: 13px;
  }
  .fontIncreas .bbmodal .loancard .desc p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .bbmodal .loancard .desc p {
    font-size: 16px;
  }
  .fontDecrease .bbmodal .loancard .desc p{
    font-size: 15px;
  }
  .fontIncreas .bbmodal .loancard .desc p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) {
  .bbmodal .loancard .desc p {
    line-height: 14px;
  }
  .fontDecrease .bbmodal .loancard .desc p{
    font-size: 13px;
  }
  .fontIncreas .bbmodal .loancard .desc p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .bbmodal .loancard .desc p {
    line-height: 18px;
    margin: 7px 0 0;
  }
}

@media only screen and (min-width: 1500px) {
  .bbmodal .loancard .desc p {
    margin: 10px 0 0;
  }
}

.bbmodal .loancard .rightarrow svg {
  width: 8px;
  height: 14px;
}

@media only screen and (min-width: 1500px) {
  .bbmodal .loancard .rightarrow svg {
    width: 10px;
    height: 17px;
  }
}

.fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

/* end of modal */
/*search*/
.search-header {
  width: 100%;
  height: 80px;
  background: transparent linear-gradient(102deg, #003361 0%, #020910 100%) 0% 0% no-repeat padding-box;
  padding: 20px 25px;
}

@media only screen and (min-width: 768px) {
  .search-header {
    height: auto;
    padding: 50px 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-header {
    padding: 50px 25px;
  }
}

.search-header .inp-block {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .search-header .inp-block {
    width: 75%;
    margin: 0px auto;
  }
}

.search-header .inp-block .form-control {
  -webkit-box-shadow: 4px 3px 10px #00000029;
          box-shadow: 4px 3px 10px #00000029;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  height: 40px;
  padding: 6px 80px 6px 6px;
}

@media only screen and (min-width: 768px) {
  .search-header .inp-block .form-control {
    height: 60px;
    font-size: 12px;
    line-height: 1.4em;
    padding: 10px 80px 10px 10px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 11px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .search-header .inp-block .form-control {
    font-size: 16px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 15px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
  .search-header .inp-block .form-control {
    font-size: 13px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 12px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .search-header .inp-block .form-control {
    font-size: 13px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 12px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1500px) {
  .search-header .inp-block .form-control {
    font-size: 14px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 13px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1600px) {
  .search-header .inp-block .form-control {
    font-size: 15px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 14px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1680px) {
  .search-header .inp-block .form-control {
    font-size: 16px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 15px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1900px) {
  .search-header .inp-block .form-control {
    font-size: 18px;
  }
  .fontDecrease .search-header .inp-block .form-control {
    font-size: 17px;
  }
  .fontIncreas .search-header .inp-block .form-control {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-header .inp-block .form-control {
    border-radius: 10px;
    height: 75px;
    padding: 10px 120px 10px 10px;
  }
}

.search-header .inp-block .actions {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-header .inp-block .actions span {
  border-right: 1px solid #D9D9D9;
}

.search-header .inp-block .actions span:last-child {
  border-right: 0;
}

.search-header .inp-block .actions button {
  background: transparent;
  border: 0;
  padding: 0 10px;
}

@media only screen and (min-width: 1200px) {
  .search-header .inp-block .actions button {
    padding: 0px 20px;
  }
}

.search-header .inp-block .actions button:focus, .search-header .inp-block .actions button:hover {
  outline: 0;
}

.search-header .inp-block .actions button svg {
  width: 18px;
  height: 20px;
}

.search-body {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 35px;
  padding-bottom: 35px;
}

@media only screen and (max-width: 350px) {
  .search-body {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-body {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .search-body {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .search-body {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .search-body {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .search-body {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .search-body {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .search-body {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-body {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .search-body {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .search-body {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .search-body {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .search-body {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .search-body {
    padding-right: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .search-body .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}

.search-body .search-cards {
  width: 100%;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  padding: 20px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 350px) {
  .search-body .search-cards {
    padding: 15px;
  }
}

.search-body .search-cards h3 {
  color: #004880;
  font-size: 16px;
  font-weight: 700;
}
.fontDecrease .search-body .search-cards h3 {
  font-size: 15px;
}
.fontIncreas .search-body .search-cards h3 {
  font-size: 17px;
}

.search-body .search-cards p {
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.4em;
}
.fontDecrease .search-body .search-cards p {
  font-size: 11px;
}
.fontIncreas .search-body .search-cards p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .search-body .search-cards p {
    font-size: 16px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 15px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .search-body .search-cards p {
    font-size: 13px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 12px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-body .search-cards p {
    font-size: 13px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 12px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .search-body .search-cards p {
    font-size: 14px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 13px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .search-body .search-cards p {
    font-size: 15px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 14px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .search-body .search-cards p {
    font-size: 16px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 15px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .search-body .search-cards p {
    font-size: 18px;
  }
  .fontDecrease .search-body .search-cards p {
    font-size: 17px;
  }
  .fontIncreas .search-body .search-cards p {
    font-size: 19px;
  }
}

.search-body .search-cards ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-body .search-cards ul li {
  position: relative;
  padding-right: 20px;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
}
.fontDecrease .search-body .search-cards ul li {
  font-size: 11px;
}
.fontIncreas .search-body .search-cards ul li {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .search-body .search-cards ul li {
    font-size: 16px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 15px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .search-body .search-cards ul li {
    font-size: 13px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 12px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .search-body .search-cards ul li {
    font-size: 13px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 12px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .search-body .search-cards ul li {
    font-size: 14px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 13px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .search-body .search-cards ul li {
    font-size: 15px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 14px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .search-body .search-cards ul li {
    font-size: 16px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 15px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .search-body .search-cards ul li {
    font-size: 18px;
  }
  .fontDecrease .search-body .search-cards ul li {
    font-size: 17px;
  }
  .fontIncreas .search-body .search-cards ul li {
    font-size: 19px;
  }
}

.search-body .search-cards ul li:after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: '';
  display: inline-block;
  height: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 7px auto auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: top;
  width: 6px;
}

.search-body .search-cards ul li:last-child:after {
  display: none;
}

.search-body .search-cards .actions {
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .search-body .search-cards .actions {
    padding-left: 50px;
  }
}

.search-body .search-cards .actions .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.search-body .search-cards .actions .col-6:first-child {
  padding-right: 10px !important;
}

.search-body .search-cards .actions .col-6 .btn {
  white-space: nowrap;
  padding: 12px 15px;
}

@media only screen and (max-width: 350px) {
  .search-body .search-cards .actions .col-6 .btn {
    padding: 12px 10px;
  }
}

.search-body .search-cards .actions .download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 1200px) {
  .search-body .search-cards .actions .download {
    margin-top: 0;
    margin-left: 10px;
  }
}

.bb-tabs .nav-tabs.tabstyles {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding-left: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 350px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .bb-tabs .nav-tabs.tabstyles {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 991px) {
  .bb-tabs .nav-tabs.tabstyles {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.bb-tabs .nav-tabs.tabstyles .nav-item {
  padding: 30px;
}

@media only screen and (max-width: 1600px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 25px;
  }
}

@media only screen and (max-width: 1440px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 22px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 30px 15px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item:first-child {
    padding: 30px 15px 10px 0px;
  }
}

.bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
  border: 0px;
  font-size: 20px;
  color: #004880;
  padding: 0;
}
.fontDecrease .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
  font-size: 19px;
}
.fontIncreas .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 18px;
  }
  .fontDecrease .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 19px;
  }
  .fontIncreas .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1440px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 16px;
  }
  .fontDecrease .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 15px;
  }
  .fontIncreas .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 14px;
  }
  .fontDecrease .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 13px;
  }
  .fontIncreas .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link {
    font-size: 15px;
  }
}

.bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active {
  font-weight: 700;
  color: #000;
  position: relative;
  background: transparent;
}

.bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active:after {
  content: "";
  width: 90%;
  height: 1px;
  border-top: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto -29px auto;
}

@media only screen and (max-width: 1600px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active:after {
    margin: auto auto -24px auto;
  }
}

@media only screen and (max-width: 1440px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active:after {
    margin: auto auto -22px auto;
  }
}

@media only screen and (max-width: 767px) {
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active:after {
    margin: auto auto -9px auto;
  }
}

.bb-tabs .tab-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 1600px) {
  .bb-tabs .tab-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1440px) {
  .bb-tabs .tab-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .bb-tabs .tab-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.viewall-down {
  -webkit-box-shadow: 4px 3px 10px #00000029;
  box-shadow: 4px 3px 10px #00000029;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  padding: 12px;
  text-align: center;
}

.viewall-down a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 1.4em;
  color: #004880;
  font-weight: 700;
  padding-right: 18px;
}
.fontDecrease .viewall-down a {
  font-size: 11px;
}
.fontIncreas .viewall-down a {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .viewall-down a {
    font-size: 16px;
  }
  .fontDecrease .viewall-down a {
    font-size: 15px;
  }
  .fontIncreas .viewall-down a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .viewall-down a {
    font-size: 13px;
  }
  .fontDecrease .viewall-down a {
    font-size: 12px;
  }
  .fontIncreas .viewall-down a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .viewall-down a {
    font-size: 13px;
  }
  .fontDecrease .viewall-down a {
    font-size: 12px;
  }
  .fontIncreas .viewall-down a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .viewall-down a {
    font-size: 14px;
  }
  .fontDecrease .viewall-down a {
    font-size: 13px;
  }
  .fontIncreas .viewall-down a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .viewall-down a {
    font-size: 15px;
  }
  .fontDecrease .viewall-down a {
    font-size: 14px;
  }
  .fontIncreas .viewall-down a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .viewall-down a {
    font-size: 16px;
  }
  .fontDecrease .viewall-down a {
    font-size: 15px;
  }
  .fontIncreas .viewall-down a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .viewall-down a {
    font-size: 18px;
  }
  .fontDecrease .viewall-down a {
    font-size: 17px;
  }
  .fontIncreas .viewall-down a {
    font-size: 19px;
  }
}

.viewall-down a:after {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 9px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 1px 0 auto auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  vertical-align: top;
  width: 9px;
}

@media only screen and (min-width: 768px) {
  .viewall-down a:after {
    margin: 5px 0 auto auto;
  }
}

@media only screen and (min-width: 1200px) {
  .viewall-down a:after {
    margin: 2px 0 auto auto;
  }
}

/* end of search */
/* about */
.aboutone .heading {
  font-size: 24px;
  line-height: 26px;
  color: #004880;
  margin-bottom: 20px;
  letter-spacing: -.04rem;
}
.fontDecrease .aboutone .heading{
  font-size: 23px;
}
.fontIncreas .aboutone .heading {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .aboutone .heading {
    font-size: 28px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 27px;
  }
  .fontIncreas .aboutone .heading {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .aboutone .heading {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 35px;
  }
  .fontIncreas .aboutone .heading {
    font-size:37px;
  }
}

@media only screen and (min-width: 1400px) {
  .aboutone .heading {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 37px;
  }
  .fontIncreas .aboutone .heading {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .aboutone .heading {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 41px;
  }
  .fontIncreas .aboutone .heading {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .aboutone .heading {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 43px;
  }
  .fontIncreas .aboutone .heading {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .aboutone .heading {
    font-size: 45px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 1900px) {
  .aboutone .heading {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .aboutone .heading{
    font-size: 53px;
  }
  .fontIncreas .aboutone .heading {
    font-size: 55px;
  }
}

.aboutone .heading span {
  color: #093252;
}

.aboutone p {
  font-size: 12px;
  line-height: 1.4em;
}
.fontDecrease .aboutone p {
  font-size: 11px;
}
.fontIncreas .aboutone p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .aboutone p {
    font-size: 16px;
  }
  .fontDecrease .aboutone p {
    font-size: 15px;
  }
  .fontIncreas .aboutone p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .aboutone p {
    font-size: 13px;
  }
  .fontDecrease .aboutone p {
    font-size: 12px;
  }
  .fontIncreas .aboutone p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .aboutone p {
    font-size: 13px;
  }
  .fontDecrease .aboutone p {
    font-size: 12px;
  }
  .fontIncreas .aboutone p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .aboutone p {
    font-size: 14px;
  }
  .fontDecrease .aboutone p {
    font-size: 13px;
  }
  .fontIncreas .aboutone p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .aboutone p {
    font-size: 15px;
  }
  .fontDecrease .aboutone p {
    font-size: 14px;
  }
  .fontIncreas .aboutone p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .aboutone p {
    font-size: 16px;
  }
  .fontDecrease .aboutone p {
    font-size: 15px;
  }
  .fontIncreas .aboutone p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .aboutone p {
    font-size: 18px;
  }
  .fontDecrease .aboutone p {
    font-size: 17px;
  }
  .fontIncreas .aboutone p {
    font-size: 19px;
  }
}

.abouttwo {
  margin-top: 15px;
  padding-bottom: 35px;
}

.abouttwo .thumb {
  text-align: center;
}

.abouttwo .right-txt {
  margin-top: 26px;
  padding-left: 30px;
  padding-right: 30px;
}

.abouttwo .right-txt .quotes {
  position: relative;
  font-size: 20px;
  color: #004880;
  font-style: italic;
}
.fontDecrease .abouttwo .right-txt .quotes {
  font-size: 19px;
}
.fontIncreas .abouttwo .right-txt .quotes {
  font-size: 21px;
}

.abouttwo .right-txt .quotes:before {
  content: "";
  background: url("../images/quote-left.png") no-repeat top center;
  background-size: contain;
  width: 55px;
  height: 38px;
  position: absolute;
  top: -10px;
  left: -45px;
}

.abouttwo .right-txt .quotes:after {
  content: "";
  background: url("../images/quote-right.png") no-repeat top center;
  background-size: contain;
  width: 55px;
  height: 38px;
  position: absolute;
  bottom: -10px;
  right: -45px;
}

.abouttwo .right-txt p {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 15px;
  margin-bottom: 5px;
}
.fontDecrease .abouttwo .right-txt p {
  font-size: 11px;
}
.fontIncreas .abouttwo .right-txt p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .abouttwo .right-txt p {
    font-size: 16px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 15px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .abouttwo .right-txt p {
    font-size: 13px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 12px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .abouttwo .right-txt p {
    font-size: 13px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 12px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .abouttwo .right-txt p {
    font-size: 14px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 13px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .abouttwo .right-txt p {
    font-size: 15px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 14px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .abouttwo .right-txt p {
    font-size: 16px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 15px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .abouttwo .right-txt p {
    font-size: 18px;
  }
  .fontDecrease .abouttwo .right-txt p {
    font-size: 17px;
  }
  .fontIncreas .abouttwo .right-txt p {
    font-size: 19px;
  }
}

.abouttwo .right-txt .viewall a:before {
  width: 30px;
}

.aboutthree {
  padding-top: 35px;
}

.aboutthree .createbg {
  outline: 1px solid red;
  margin-top: 12px;
}

.aboutthree .createbg .desc {
  text-align: center;
  font-size: 12px;
  line-height: 1.4em;
  color: #000;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.fontDecrease .aboutthree .createbg .desc {
  font-size: 11px;
}
.fontIncreas .aboutthree .createbg .desc {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .aboutthree .createbg .desc {
    font-size: 16px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 15px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .aboutthree .createbg .desc {
    font-size: 13px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 12px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .aboutthree .createbg .desc {
    font-size: 13px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 12px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .aboutthree .createbg .desc {
    font-size: 14px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 13px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .aboutthree .createbg .desc {
    font-size: 15px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 14px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .aboutthree .createbg .desc {
    font-size: 16px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 15px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .aboutthree .createbg .desc {
    font-size: 18px;
  }
  .fontDecrease .aboutthree .createbg .desc {
    font-size: 17px;
  }
  .fontIncreas .aboutthree .createbg .desc {
    font-size: 19px;
  }
}

.aboutthree .createbg .letter-block {
  font-size: 14px;
  margin: 16px 0px 24px 0px;
}
.fontDecrease .aboutthree .createbg .letter-block {
  font-size: 13px;
}
.fontIncreas .aboutthree .createbg .letter-block {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .aboutthree .createbg .letter-block {
    font-size: 18px;
  }
  .fontDecrease .aboutthree .createbg .letter-block {
    font-size: 17px;
  }
  .fontIncreas .aboutthree .createbg .letter-block {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .aboutthree .createbg .letter-block {
    font-size: 20px;
  }
  .fontDecrease .aboutthree .createbg .letter-block {
    font-size: 19px;
  }
  .fontIncreas .aboutthree .createbg .letter-block {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .aboutthree .createbg .letter-block {
    font-size: 24px;
  }
  .fontDecrease .aboutthree .createbg .letter-block {
    font-size: 23px;
  }
  .fontIncreas .aboutthree .createbg .letter-block {
    font-size: 25px;
  }
}

.aboutthree .createbg .letter-block span {
  font-size: 40px;
  margin-right: 10px;
}

/* end of about */
.extralinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 20px;
}

.extralinks li {
  padding: 0px 20px;
  border-right: 1px solid #D9D9D9;
  line-height: 16px;
}

.extralinks li:first-child {
  padding: 0 20px 0 0;
}

.extralinks li:last-child {
  padding: 0 0 0 20px;
  border-right: 0px;
}

.extralinks li a {
  font-size: 10px;
}
.fontDecrease .extralinks li a {
  font-size: 9px;
}
.fontIncreas .extralinks li a {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .extralinks li a {
    font-size: 14px;
  }
  .fontDecrease .extralinks li a {
    font-size: 13px;
  }
  .fontIncreas .extralinks li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .extralinks li a {
    font-size: 12px;
  }
  .fontDecrease .extralinks li a {
    font-size: 11px;
  }
  .fontIncreas .extralinks li a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .extralinks li a {
    font-size: 14px;
  }
  .fontDecrease .extralinks li a {
    font-size: 13px;
  }
  .fontIncreas .extralinks li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .extralinks li a {
    font-size: 16px;
  }
  .fontDecrease .extralinks li a {
    font-size: 15px;
  }
  .fontIncreas .extralinks li a {
    font-size: 17px;
  }
}

.rcheader {
  padding-bottom: 40px;
}

@media only screen and (max-width: 1600px) {
  .rcheader {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rcheader {
    padding-bottom: 0;
  }
}

.rcheader .row {
  text-align: center;
}

.rcheader .row .page-title {
  margin-top: 57px;
  padding-left: 40px;
}

@media only screen and (max-width: 1600px) {
  .rcheader .row .page-title {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1399px) {
  .rcheader .row .page-title {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rcheader .row .page-title {
    margin-top: 0;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rcheader .row .page-title {
    padding-left: 0;
  }
}

.rcheader .row .heading {
  font-size: 24px;
  line-height: 26px;
  margin-top: 50px;
}
.fontDecrease .rcheader .row .heading {
  font-size: 23px;
}
.fontIncreas .rcheader .row .heading {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .rcheader .row .heading {
    font-size: 28px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 27px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .rcheader .row .heading {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 35px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .rcheader .row .heading {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 37px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .rcheader .row .heading {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 41px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size:43px;
  }
}

@media only screen and (min-width: 1600px) {
  .rcheader .row .heading {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 43px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .rcheader .row .heading {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 44px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .rcheader .row .heading {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .rcheader .row .heading {
    font-size: 53px;
  }
  .fontIncreas .rcheader .row .heading {
    font-size: 55px;
  }
}

@media only screen and (max-width: 1600px) {
  .rcheader .row .heading {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1440px) {
  .rcheader .row .heading {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rcheader .row .heading {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .rcheader .row .heading {
    color: #004880;
    margin-top: 10px;
  }
}

.rcheader .row p {
  font-size: 14px;
  margin-top: 22px;
  color: #707070;
}
.fontDecrease .rcheader .row p {
  font-size: 13px;
}
.fontIncreas .rcheader .row p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .rcheader .row p {
    font-size: 18px;
  }
  .fontDecrease .rcheader .row p {
    font-size: 17px;
  }
  .fontIncreas .rcheader .row p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .rcheader .row p {
    font-size: 20px;
  }
  .fontDecrease .rcheader .row p {
    font-size: 19px;
  }
  .fontIncreas .rcheader .row p {
    font-size:21px;
  }
}

@media only screen and (min-width: 1900px) {
  .rcheader .row p {
    font-size: 24px;
  }
  .fontDecrease .rcheader .row p {
    font-size: 23px;
  }
  .fontIncreas .rcheader .row p {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .rcheader .row p {
    margin-top: 10px;
    line-height: 20px;
  }
}

.rcbody {
  background: #F3F3F3;
}

.rcbody .accdcompnt {
  width: 100%;
  max-width: 1364px;
  margin: 0 auto;
}

@media only screen and (max-width: 991px) {
  .rcbody .accdcompnt {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 350px) {
  .rcbody .accdcompnt {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.rctable {
  background: #fff;
  width: 100%;
  margin: 0px auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 138px;
  padding-right: 138px;
}

@media only screen and (max-width: 1440px) {
  .rctable {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .rctable {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .rctable {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rctable {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.rctable > p {
  font-size: 14px;
  margin: 0 0 20px 0;
  text-align: center;
  line-height: 30px;
}
.fontDecrease .rctable > p {
  font-size: 13px;
}
.fontIncreas .rctable > p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .rctable > p {
    font-size: 18px;
  }
  .fontDecrease .rctable > p {
    font-size: 17px;
  }
  .fontIncreas .rctable > p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .rctable > p {
    font-size: 20px;
  }
  .fontDecrease .rctable > p {
    font-size: 19px;
  }
  .fontIncreas .rctable > p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .rctable > p {
    font-size: 24px;
  }
  .fontDecrease .rctable > p {
    font-size: 23px;
  }
  .fontIncreas .rctable > p {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .rctable > p {
    line-height: 20px;
    font-size: 12px;
    line-height: 1.4em;
  }
  .fontDecrease .rctable > p {
    font-size: 19px;
  }
  .fontIncreas .rctable > p {
    font-size:21px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .rctable > p {
    font-size: 16px;
  }
  .fontDecrease .rctable > p {
    font-size: 15px;
  }
  .fontIncreas .rctable > p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 992px) {
  .rctable > p {
    font-size: 13px;
  }
  .fontDecrease .rctable > p {
    font-size: 12px;
  }
  .fontIncreas .rctable > p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  .rctable > p {
    font-size: 13px;
  }
  .fontDecrease .rctable > p {
    font-size: 12px;
  }
  .fontIncreas .rctable > p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .rctable > p {
    font-size: 14px;
  }
  .fontDecrease .rctable > p {
    font-size: 13px;
  }
  .fontIncreas .rctable > p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1600px) {
  .rctable > p {
    font-size: 15px;
  }
  .fontDecrease .rctable > p {
    font-size: 14px;
  }
  .fontIncreas .rctable > p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1680px) {
  .rctable > p {
    font-size: 16px;
  }
  .fontDecrease .rctable > p {
    font-size: 15px;
  }
  .fontIncreas .rctable > p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .rctable > p {
    font-size: 18px;
  }
  .fontDecrease .rctable > p {
    font-size: 17px;
  }
  .fontIncreas .rctable > p {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .rctable > p span {
    display: none !important;
  }
}

.tablewrap {
  margin-top: 30px;
 /* border: 1px solid #D9D9D9;*/
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .tablewrap {
    margin-top: 20px;
  }
}

.tablewrap .table {
  color: #000;
}

.tablewrap .table tr.blug {
  background: #ECF7FF;
}

.tablewrap .table tr:first-child td {
  border-top: 0px;
}

.tablewrap .table tr td {
  font-size: 20px;
  line-height: 24px;
  padding: 25px 30px;
  vertical-align: middle;
  border-right: 1px solid #D9D9D9;
  width: 75%;
}
.fontDecrease .tablewrap .table tr td {
  font-size: 19px;
}
.fontIncreas .tablewrap .table tr td {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .tablewrap .table tr td {
    font-size: 18px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 17px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .tablewrap .table tr td {
    font-size: 16px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 15px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1600px) {
  .tablewrap .table tr td {
    padding: 20px 25px;
  }
}

@media only screen and (max-width: 991px) {
  .tablewrap .table tr td {
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .tablewrap .table tr td {
    font-size: 10px;
    padding: 10px 6px;
    line-height: 16px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 9px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .tablewrap .table tr td {
    font-size: 14px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 13px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  .tablewrap .table tr td {
    font-size: 12px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 11px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .tablewrap .table tr td {
    font-size: 14px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 13px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .tablewrap .table tr td {
    font-size: 16px;
  }
  .fontDecrease .tablewrap .table tr td {
    font-size: 15px;
  }
  .fontIncreas .tablewrap .table tr td {
    font-size: 17px;
  }
}

.tablewrap .table tr td:last-child {
  text-align: right;
  border-right: 0px;
  width: 25%;
}

.tablewrap .table tr.headerrow {
  /*  td{
          @include max-767{
            width: 60%;
          }
          &:last-child{
            @include max-767{
              width: 40%;
            }
          }
        } */
}

.tablewrap .table.unclaimed tr td {
  width: auto;
}

.tablewrap .notes {
  font-size: 10px;
  color: #707070;
  text-align: left;
}
.fontDecrease .tablewrap .notes {
  font-size: 9px;
}
.fontIncreas .tablewrap .notes {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .tablewrap .notes {
    font-size: 14px;
  }
  .fontDecrease .tablewrap .notes {
    font-size: 13px;
  }
  .fontIncreas .tablewrap .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .tablewrap .notes {
    font-size: 12px;
  }
  .fontDecrease .tablewrap .notes {
    font-size: 11px;
  }
  .fontIncreas .tablewrap .notes {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .tablewrap .notes {
    font-size: 14px;
  }
  .fontDecrease .tablewrap .notes {
    font-size: 13px;
  }
  .fontIncreas .tablewrap .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .tablewrap .notes {
    font-size: 16px;
  }
  .fontDecrease .tablewrap .notes {
    font-size: 15px;
  }
  .fontIncreas .tablewrap .notes {
    font-size: 17px;
  }
}

.tablewrap .notes ul {
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  .tablewrap .notes ul {
    padding: 0 0 0 20px;
  }
}

.tablewrap .notes ul li {
  margin-top: 10px;
}

.accdcompnt {
  background: transparent;
}

.accdcompnt .fa {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 30px auto auto;
  top: 0px;
  right: 0px;
  pointer-events: none;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 1440px) {
  .accdcompnt .fa {
    width: 24px;
    height: 24px;
    margin: auto 20px auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .accdcompnt .fa {
    width: 22px;
    height: 22px;
    margin: auto 10px auto auto;
  }
}

.accdcompnt .fa .plus,
.accdcompnt .fa .minus {
  display: none;
}

.accdcompnt .fa svg {
  width: 100%;
  height: 100%;
}

.accdcompnt .fa-minus .minus {
  display: block;
}

.accdcompnt .fa-plus .plus {
  display: block;
}

.accdcompnt .card {
  background: #FFFFFF;
  -webkit-box-shadow: 2px 2px 10px #0000001A;
          box-shadow: 2px 2px 10px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 4px !important;
  margin-bottom: 10px;
}

.accdcompnt .card .card-header {
  padding: 0;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0px;
  position: relative;
}

.accdcompnt .card .card-header .btn {
  padding: 25px 60px 25px 30px;
  font-size: 20px;
  color: #004880;
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.fontDecrease .accdcompnt .card .card-header .btn {
  font-size: 19px;
}
.fontIncreas .accdcompnt .card .card-header .btn {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .accdcompnt .card .card-header .btn {
    font-size: 18px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 17px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .accdcompnt .card .card-header .btn {
    font-size: 16px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 15px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1440px) {
  .accdcompnt .card .card-header .btn {
    padding: 22px 60px 22px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .accdcompnt .card .card-header .btn {
    padding: 20px 40px 20px 15px;
    font-size: 12px;
    line-height: 1.4em;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 12px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .accdcompnt .card .card-header .btn {
    font-size: 16px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 15px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 992px) {
  .accdcompnt .card .card-header .btn {
    font-size: 13px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 12px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  .accdcompnt .card .card-header .btn {
    font-size: 13px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 12px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .accdcompnt .card .card-header .btn {
    font-size: 14px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 13px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1600px) {
  .accdcompnt .card .card-header .btn {
    font-size: 15px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 14px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1680px) {
  .accdcompnt .card .card-header .btn {
    font-size: 16px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 15px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .accdcompnt .card .card-header .btn {
    font-size: 18px;
  }
  .fontDecrease .accdcompnt .card .card-header .btn {
    font-size: 17px;
  }
  .fontIncreas .accdcompnt .card .card-header .btn {
    font-size: 19px;
  }
}

.accdcompnt .card .card-body {
  padding: 0;
}

#backtop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 1540px) {
  #backtop {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  #backtop {
    width: 30px;
    height: 30px;
  }
}

#backtop svg {
  overflow: visible;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1200px) {
  .savings-account .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2000px;
    height: 1700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -101%);
            transform: translate(-45%, -101%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1500px) {
  .savings-account .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -101%);
            transform: translate(-44%, -101%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1680px) {
  .savings-account .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -100%);
            transform: translate(-44%, -100%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1900px) {
  .savings-account .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 3200px;
    height: 3000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -100%);
            transform: translate(-45%, -100%);
    z-index: -1;
  }
}

.savings-account-elite .halfcirc {
  pointer-events: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (min-width: 992px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1200px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2000px;
    height: 1700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -99%);
            transform: translate(-44%, -99%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1500px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -98%);
            transform: translate(-45%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1680px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-46%, -98%);
            transform: translate(-46%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1900px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 3200px;
    height: 3000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-43%, -98%);
            transform: translate(-43%, -98%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1200px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2000px;
    height: 1700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -101%);
            transform: translate(-44%, -101%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1500px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -101%);
            transform: translate(-45%, -101%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1680px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -100%);
            transform: translate(-45%, -100%);
    z-index: -1;
  }
}

@media only screen and (min-width: 1900px) {
  .savings-account-elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 3200px;
    height: 3000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -101%);
            transform: translate(-45%, -101%);
    z-index: -1;
  }
}

.calculat-emi .calcuator {
  display: block;
  margin-top: 0;
  padding-right: 22px;
  border-right: 1px solid #D9D9D9;
}

.calculat-emi .calcuator .icon svg {
  height: 34px;
  display: inline-block;
}

.calculat-emi .calcuator .txt {
  font-size: 12px;
  line-height: 1.4em;
  color: #004880;
  margin-top: 3px;
}
.fontDecrease .calculat-emi .calcuator .txt {
  font-size: 11px;
}
.fontIncreas .calculat-emi .calcuator .txt {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .calculat-emi .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .calculat-emi .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .calculat-emi .calcuator .txt {
    font-size: 13px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 12px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .calculat-emi .calcuator .txt {
    font-size: 14px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 13px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .calculat-emi .calcuator .txt {
    font-size: 15px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 14px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .calculat-emi .calcuator .txt {
    font-size: 16px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 15px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .calculat-emi .calcuator .txt {
    font-size: 18px;
  }
  .fontDecrease .calculat-emi .calcuator .txt {
    font-size: 17px;
  }
  .fontIncreas .calculat-emi .calcuator .txt {
    font-size: 19px;
  }
}

.withcalc .download {
  margin-bottom: 0 !important;
  padding-left: 12px;
}

.apply-now.plan {
  margin-top: 15px !important;
  margin-bottom: 30px !important;
}

.persona-loan .elite .profile-collage {
  text-align: center;
  margin-top: 100px;
}

@media only screen and (max-width: 767px) {
  .persona-loan .elite .profile-collage {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1899px) {
  .persona-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -102%);
            transform: translate(-45%, -102%);
    z-index: -1;
  }
}

@media only screen and (max-width: 1199px) {
  .persona-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    z-index: -1;
  }
}

@media only screen and (max-width: 991px) {
  .persona-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    z-index: -1;
  }
}

@media only screen and (max-width: 767px) {
  .persona-loan .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -108%);
            transform: translate(-50%, -108%);
    z-index: -1;
  }
}

.product-detail .elite .halfcirc {
  pointer-events: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  width: 3200px;
  height: 3000px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-43%, -99%);
          transform: translate(-43%, -99%);
  z-index: -1;
}

@media only screen and (max-width: 1899px) {
  .product-detail .elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 2500px;
    height: 2000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-44%, -99%);
            transform: translate(-44%, -99%);
    z-index: -1;
  }
}

@media only screen and (max-width: 1199px) {
  .product-detail .elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (max-width: 991px) {
  .product-detail .elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -97%);
            transform: translate(-50%, -97%);
    z-index: -1;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail .elite .halfcirc {
    pointer-events: none;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -108%);
            transform: translate(-50%, -108%);
    z-index: -1;
  }
}

.product-detail .elite .herosec {
  border-bottom: 0;
  padding-bottom: 0;
}

.product-detail .elite .herosec .heading {
  margin-top: 30px;
  color: #093252;
}

.product-detail .fulltabs {
  padding-top: 0;
}

.product-detail .fulltabs .bb-tabs {
  border-top: 1px solid #D9D9D9;
}

@media only screen and (max-width: 1600px) {
  .product-detail .elite .herosec .heading {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .product-detail .elite .herosec .heading {
    margin-top: 0;
  }
}

.product-detail .elite .profile-collage {
  margin-top: 0;
}

.product-detail .elite .profile-collage .title {
  margin-top: 0;
}

.product-detail .elite .apply-now.plan {
  margin-bottom: 20px !important;
}

.product-detail .elite .action-groups .download {
  padding-right: 22px;
  border-right: 1px solid #D9D9D9;
}

@media only screen and (max-width: 767px) {
  .product-detail .elite .action-groups .download {
    padding-right: 0;
    white-space: nowrap;
  }
}

.product-detail .elite .action-groups .download .links, .product-detail .elite .action-groups .payemi .links {
  color: #004880;
  font-weight: 400;
}

.product-detail .elite .action-groups .download .links:hover, .product-detail .elite .action-groups .payemi .links:hover {
  color: #3399E8;
}

.product-detail .elite .action-groups .payemi {
  margin-left: 25px;
}

.product-detail .fulltabs {
  padding-top: 0;
}

.product-detail .fulltabs .bb-tabs {
  border-top: 1px solid #D9D9D9;
}

@media only screen and (max-width: 1600px) {
  .product-detail .fulltabs .bb-tabs .tab-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.product-detail .fulltabs .feat-block {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .product-detail .fulltabs .feat-block {
    padding-left: 0;
  }
}

.product-detail .fulltabs .feat-block ul {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 500;
  list-style-type: disc;
}
.fontDecrease .product-detail .fulltabs .feat-block ul {
  font-size: 11px;
}
.fontIncreas .product-detail .fulltabs .feat-block ul {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 15px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 14px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block ul {
    font-size: 18px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block ul {
    font-size: 17px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block ul {
    font-size: 19px;
  }
}

.product-detail .fulltabs .feat-block .apbtn {
  margin-top: 30px;
}

.product-detail .fulltabs .feat-block table {
  color: #000;
}

@media only screen and (max-width: 991px) {
  .product-detail .fulltabs .feat-block table {
    width: 100% !important;
  }
}

.product-detail .fulltabs .feat-block table thead tr {
  background: #ECF7FF;
}

.product-detail .fulltabs .feat-block table thead tr th {
  font-weight: 700;
}

.product-detail .fulltabs .feat-block table thead tr th p {
  font-weight: 700;
}

.product-detail .fulltabs .feat-block table tr.blug {
  background: #ECF7FF;
}

.product-detail .fulltabs .feat-block table tr:first-child td {
  border-top: 0px;
}

.product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
  font-size: 12px;
  line-height: 1.4em;
  line-height: 24px;
  padding: 25px 30px;
  vertical-align: middle;
  border-right: 1px solid #D9D9D9;
}
.fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
  font-size: 11px;
}
.fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 18px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 17px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1600px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    padding: 20px 25px;
  }
}

@media only screen and (max-width: 991px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 10px;
    padding: 6px 6px;
    line-height: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 9px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 12px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 11px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block table tr td, .product-detail .fulltabs .feat-block table tr th {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td, .fontDecrease .product-detail .fulltabs .feat-block table tr th {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td, .fontIncreas .product-detail .fulltabs .feat-block table tr th {
    font-size: 17px;
  }
}

.product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
  font-size: 12px;
  line-height: 1.4em;
  line-height: 24px;
}
.fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
  font-size: 11px;
}
.fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 13px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 12px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 15px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 14px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 18px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 17px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 10px;
    line-height: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 9px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 12px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 11px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block table tr td p, .product-detail .fulltabs .feat-block table tr th p {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table tr td p, .fontDecrease .product-detail .fulltabs .feat-block table tr th p {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table tr td p, .fontIncreas .product-detail .fulltabs .feat-block table tr th p  {
    font-size: 17px;
  }
}

.product-detail .fulltabs .feat-block table tr td:last-child, .product-detail .fulltabs .feat-block table tr th:last-child {
  border-right: 0px;
}

.product-detail .fulltabs .feat-block table .notes {
  font-size: 10px;
  color: #707070;
  text-align: left;
}
.fontDecrease .product-detail .fulltabs .feat-block table .notes {
  font-size: 9px;
}
.fontIncreas .product-detail .fulltabs .feat-block table .notes {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .product-detail .fulltabs .feat-block table .notes {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table .notes {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .product-detail .fulltabs .feat-block table .notes {
    font-size: 12px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table .notes {
    font-size: 11px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table .notes {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .product-detail .fulltabs .feat-block table .notes {
    font-size: 14px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table .notes {
    font-size: 13px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table .notes {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .product-detail .fulltabs .feat-block table .notes {
    font-size: 16px;
  }
  .fontDecrease .product-detail .fulltabs .feat-block table .notes {
    font-size: 15px;
  }
  .fontIncreas .product-detail .fulltabs .feat-block table .notes {
    font-size: 17px;
  }
}

.product-detail .fulltabs .feat-block table .notes ul {
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-detail .fulltabs .feat-block table .notes ul {
    padding: 0 0 0 20px;
  }
}

.product-detail .fulltabs .feat-block table .notes ul li {
  margin-top: 10px;
}

.product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles .nav-item {
  padding: 30px 60px;
}

@media only screen and (max-width: 1600px) {
  .product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 25px 60px;
  }
}

@media only screen and (max-width: 1440px) {
  .product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 24px 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles .nav-item {
    padding: 10px 30px;
  }
}

.product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles {
  padding-left: 400px;
}

@media only screen and (max-width: 1440px) {
  .product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles {
    padding-left: 300px;
  }
}

@media only screen and (max-width: 1199px) {
  .product-detail .fulltabs .bb-tabs .nav-tabs.tabstyles {
    padding-left: 0;
  }
}

.product-detail .fulltabs .download a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-detail .fulltabs .download a span {
  margin-bottom: 0px !important;
}

.label,
.form-check-label {
  font-size: 12px;
  line-height: 1.4em;
  color: #707070;
  margin-bottom: 6px;
}
.fontDecrease .label, .fontDecrease .form-check-label  {
  font-size: 11px;
}
.fontIncreas .label, .fontIncreas .form-check-label {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .label,
  .form-check-label {
    font-size: 16px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 15px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .label,
  .form-check-label {
    font-size: 13px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 12px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .label,
  .form-check-label {
    font-size: 13px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 12px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .label,
  .form-check-label {
    font-size: 14px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 13px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .label,
  .form-check-label {
    font-size: 15px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 14px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .label,
  .form-check-label {
    font-size: 16px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 15px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .label,
  .form-check-label {
    font-size: 18px;
  }
  .fontDecrease .label, .fontDecrease .form-check-label  {
    font-size: 17px;
  }
  .fontIncreas .label, .fontIncreas .form-check-label {
    font-size: 19px;
  }
}

.form-control {
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  font-size: 14px;
}
.fontDecrease .form-control {
  font-size: 13px;
}
.fontIncreas .form-control {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .form-control {
    font-size: 18px;
  }
  .fontDecrease .form-control {
    font-size: 17px;
  }
  .fontIncreas .form-control {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .form-control {
    font-size: 20px;
  }
  .fontDecrease .form-control {
    font-size: 19px;
  }
  .fontIncreas .form-control {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .form-control {
    font-size: 24px;
  }
  .fontDecrease .form-control {
    font-size: 23px;
  }
  .fontIncreas .form-control {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .form-control {
    font-size: 12px;
    line-height: 1.4em;
  }
  .fontDecrease .form-control {
    font-size: 11px;
  }
  .fontIncreas .form-control {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .form-control {
    font-size: 16px;
  }
  .fontDecrease .form-control {
    font-size: 15px;
  }
  .fontIncreas .form-control {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 992px) {
  .form-control {
    font-size: 13px;
  }
  .fontDecrease .form-control {
    font-size: 12px;
  }
  .fontIncreas .form-control {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .form-control {
    font-size: 13px;
  }
  .fontDecrease .form-control {
    font-size: 12px;
  }
  .fontIncreas .form-control {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .form-control {
    font-size: 14px;
  }
  .fontDecrease .form-control {
    font-size: 13px;
  }
  .fontIncreas .form-control {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .form-control {
    font-size: 15px;
  }
  .fontDecrease .form-control {
    font-size: 14px;
  }
  .fontIncreas .form-control {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .form-control {
    font-size: 16px;
  }
  .fontDecrease .form-control {
    font-size: 15px;
  }
  .fontIncreas .form-control {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .form-control {
    font-size: 18px;
  }
  .fontDecrease .form-control {
    font-size: 17px;
  }
  .fontIncreas .form-control {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1900px) {
  .form-control {
    height: 60px;
  }
}

.dbformmodal .mheader .title {
  margin-left: 50px;
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}
.fontDecrease .dbformmodal .mheader .title {
  font-size: 15px;
}
.fontIncreas .dbformmodal .mheader .title {
  font-size: 17px;
}

.dbformmodal .mheader .title:before {
  content: "";
  width: 0;
  height: 16px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (max-width: 1440px) {
  .dbformmodal .mheader .title {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1399px) {
  .dbformmodal .mheader .title {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .dbformmodal .mheader .title {
    margin-left: 10px;
  }
}

.dbformmodal .dbform {
  text-align: center;
  margin-top: 50px;
}

@media only screen and (max-width: 1600px) {
  .dbformmodal .dbform {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1540px) {
  .dbformmodal .dbform {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1399px) {
  .dbformmodal .dbform {
    margin-top: 0;
  }
}

.dbformmodal .dbform .title {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 50px;
}
.fontDecrease .dbformmodal .mheader .title {
  font-size: 23px;
}
.fontIncreas .dbformmodal .mheader .title {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .dbformmodal .dbform .title {
    font-size: 28px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 27px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .dbformmodal .dbform .title {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 35px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .dbformmodal .dbform .title {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 37px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .dbformmodal .dbform .title {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 41px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .dbformmodal .dbform .title {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 43px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .dbformmodal .dbform .title {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 44px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .dbformmodal .dbform .title {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 53px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 1540px) {
  .dbformmodal .dbform .title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .dbformmodal .dbform .title span {
    display: none !important;
  }
}

.dbformmodal .dbform .form-group {
  text-align: left;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1399px) {
  .dbformmodal .dbform .form-group {
    margin-bottom: 20px;
  }
}

.dbformmodal .dbform .form-group.form-check {
  padding-left: 30px;
}

.dbformmodal .dbform .form-group.form-check .form-check-input {
  width: 20px;
  height: 20px;
  margin-left: -30px;
}

.dbformmodal .dbform .form-group.form-check .form-check-label {
  font-size: 12px;
}
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 11px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 13px;
  }

.dbformmodal .dbform .form-group.form-check .form-check-label .links {
  font-size: 12px;
}
  .fontDecrease .dbformmodal .mheader .title {
    font-size: 11px;
  }
  .fontIncreas .dbformmodal .mheader .title {
    font-size: 13px;
  }

.dbformmodal .bblogo {
  width: 140px;
}

@media only screen and (max-width: 767px) {
  .dbformmodal .bblogo {
    width: 100px;
  }
}

.emicalculator {
  background: transparent linear-gradient(112deg, #003361 0%, #020910 100%) 0% 0% no-repeat padding-box;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .emicalculator {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.emicalculator .emic {
  color: #fff;
}

.emicalculator .emic .heading {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
}
  .fontDecrease .emicalculator .emic .heading {
    font-size: 23px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 25px;
  }

@media only screen and (min-width: 768px) {
  .emicalculator .emic .heading {
    font-size: 28px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 27px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .emicalculator .emic .heading {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 35px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .emicalculator .emic .heading {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 37px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .emicalculator .emic .heading {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 41px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .emicalculator .emic .heading {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 43px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .emicalculator .emic .heading {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 44px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .emicalculator .emic .heading {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 53px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .heading {
    text-align: center;
  }
}

.emicalculator .emic p {
  font-size: 20px;
}
.fontDecrease .emicalculator .emic .heading {
  font-size: 19px;
}
.fontIncreas .emicalculator .emic .heading {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .emicalculator .emic p {
    font-size: 18px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 17px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .emicalculator .emic p {
    font-size: 16px;
  }
  .fontDecrease .emicalculator .emic .heading {
    font-size: 15px;
  }
  .fontIncreas .emicalculator .emic .heading {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic p {
    text-align: center;
  }
}

.emicalculator .emic .rangerows {
  margin-top: 40px;
  width: 800px;
  position: relative;
}

@media only screen and (max-width: 1899px) {
  .emicalculator .emic .rangerows {
    width: 650px;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows > .col, .emicalculator .emic .rangerows .col-auto {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .icons {
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .icons svg {
    width: 100%;
  }
}

.emicalculator .emic .rangerows .rangeop {
  width: 150px;
  position: relative;
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .rangeop {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.emicalculator .emic .rangerows .rangeop .rpsign {
  position: absolute;
  top: 10px;
  left: 10px;
}

.emicalculator .emic .rangerows .rangeop .rginp {
  background: #fff;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  padding: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .rangeop .rginp {
    height: 40px;
  }
}

.emicalculator .emic .rangerows .rangeop .rginp:focus {
  outline: 0;
}

.emicalculator .emic .rangerows .rangeop.mini .rginp {
  width: 50%;
  margin-right: 5px;
}

.emicalculator .emic .rangerows .rangeop.mini2 .rginp {
  width: 60%;
  margin-right: 5px;
}

.emicalculator .emic .rangerows .rangeslider {
  padding-left: 40px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .rangeslider {
    padding-left: 0;
    padding-right: 0;
  }
}

.emicalculator .emic .rangerows .rangeslider .range-label {
  font-size: 20px;
  margin-bottom: 25px;
}
  .fontDecrease .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 19px;
  }
  .fontIncreas .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 21px;
  }

@media only screen and (max-width: 1899px) {
  .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 18px;
  }
  .fontDecrease .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 17px;
  }
  .fontIncreas .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 16px;
  }
  .fontDecrease .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 15px;
  }
  .fontIncreas .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .emicalculator .emic .rangerows .rangeslider .range-label {
    padding-left: 40px;
    padding-top: 15px;
    font-size: 12px;
  }
  .fontDecrease .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 11px;
  }
  .fontIncreas .emicalculator .emic .rangerows .rangeslider .range-label {
    font-size: 13px;
  }
}

.emicalculator .emic .rangerows .rangeslider .range-start, .emicalculator .emic .rangerows .rangeslider .range-end {
  font-size: 14px;
  font-style: italic;
  margin-top: 20px;
}

.emicalculator .emic .rangerows .rangeslider .ui-slider-horizontal {
  height: 1px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.emicalculator .emic .rangerows .rangeslider .ui-slider .ui-slider-handle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3399E8;
  top: -10px;
  margin-left: 0;
}

.emicalculator .emic .rangerows .rangeslider .ui-slider .ui-slider-handle:focus {
  outline: 0;
  background: #3399E8;
}

.emicalculator .emic .rangerows.btns {
  padding-left: 90px;
}

.pagn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagn .inp {
  width: 100px;
}

@media only screen and (max-width: 767px) {
  .pagn .inp {
    width: 60px;
  }
}

.pagn .inp .form-control {
  height: 60px;
  text-align: center;
  color: #004880;
  font-size: 20px;
  font-weight: 700;
}
.fontDecrease .pagn .inp .form-control {
  font-size: 19px;
}
.fontIncreas .pagn .inp .form-control {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .pagn .inp .form-control {
    font-size: 18px;
  }
  .fontDecrease .pagn .inp .form-control {
    font-size: 17px;
  }
  .fontIncreas .pagn .inp .form-control {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .pagn .inp .form-control {
    font-size: 16px;
  }
  .fontDecrease .pagn .inp .form-control {
    font-size: 15px;
  }
  .fontIncreas .pagn .inp .form-control {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .pagn .inp .form-control {
    height: 50px;
  }
  .fontDecrease .pagn .inp .form-control {
    font-size: 49px;
  }
  .fontIncreas .pagn .inp .form-control {
    font-size: 51px;
  }
}

.pagn span {
  margin: 0px 10px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .pagn .btns {
    width: 70px;
  }
}

.searchpage .bb-tabs .tab-content {
  padding-top: 0px;
}

.loginbtn .dropdown-toggle:after {
  display: none;
}

.loginbtn .dropdown-menu {
  min-width: 300px;
  left: auto;
  right: 0;
  padding: 30px 20px;
  border-radius: 5px;
  margin-top: 40px;
}

@media only screen and (max-width: 1899px) {
  .loginbtn .dropdown-menu {
    min-width: 260px;
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 1440px) {
  .loginbtn .dropdown-menu {
    min-width: 230px;
  }
}

@media only screen and (max-width: 1399px) {
  .loginbtn .dropdown-menu {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .loginbtn .dropdown-menu {
    min-width: 180px;
    padding: 20px 10px 10px;
    margin-top: 20px;
  }
}

.loginbtn .dropdown-menu:before {
  content: '';
  position: absolute;
  top: 0;
  right: 30px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #fff;
  border-top: 0;
  margin-left: -20px;
  margin-top: -20px;
}

@media only screen and (max-width: 1199px) {
  .loginbtn .dropdown-menu:before {
    right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .loginbtn .dropdown-menu:before {
    border: 12px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    margin-left: -12px;
    margin-top: -12px;
    right: 5px;
  }
}

.loginbtn .dropdown-menu .dropdown-item {
  font-size: 18px;
  color: #004880;
  border: 1px solid #004880;
  border-radius: 5px;
  padding: 8px 10px;
  width: 100%;
  display: block;
  margin: 0 auto 15px;
  text-align: center;
  line-height: 1.2;
}

@media only screen and (max-width: 1899px) {
  .loginbtn .dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 6px 10px;
  }
}

@media only screen and (max-width: 1440px) {
  .loginbtn .dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 5px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .loginbtn .dropdown-menu .dropdown-item {
    font-size: 12px;
    padding: 4px 10px;
  }
}

.loginbtn .dropdown-menu .dropdown-item.active, .loginbtn .dropdown-menu .dropdown-item:active, .loginbtn .dropdown-menu .dropdown-item:hover, .loginbtn .dropdown-menu .dropdown-item:focus {
  background: #004880;
  color: #fff;
}

.loginbtn .dropdown-menu .registernb {
  border-top: 1px solid #004880;
  margin-top: 30px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .loginbtn .dropdown-menu .registernb {
    margin-top: 10px;
  }
}

.loginbtn .dropdown-menu .registernb a {
  display: block;
  font-size: 18px;
  padding: 8px 10px;
  margin-top: 10px;
}
.fontDecrease .loginbtn .dropdown-menu .registernb a {
  font-size: 17px;
}
.fontIncreas .loginbtn .dropdown-menu .registernb a {
  font-size: 19px;
}

@media only screen and (max-width: 1899px) {
  .loginbtn .dropdown-menu .registernb a {
    font-size: 16px;
    padding: 6px 10px;
  }
  .fontDecrease .loginbtn .dropdown-menu .registernb a {
    font-size: 15px;
  }
  .fontIncreas .loginbtn .dropdown-menu .registernb a {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1440px) {
  .loginbtn .dropdown-menu .registernb a {
    font-size: 14px;
    padding: 5px 10px;
  }
  .fontDecrease .loginbtn .dropdown-menu .registernb a {
    font-size: 13px;
  }
  .fontIncreas .loginbtn .dropdown-menu .registernb a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .loginbtn .dropdown-menu .registernb a {
    font-size: 12px;
    padding: 4px 10px;
    margin-top: 5px;
  }
  .fontDecrease .loginbtn .dropdown-menu .registernb a {
    font-size: 11px;
  }
  .fontIncreas .loginbtn .dropdown-menu .registernb a {
    font-size: 13px;
  }
}

.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.no-shadow:focus, .no-shadow:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.chatpops {
  width: 100%;
  text-align: center;
  margin-top: 100px;
}

@media only screen and (max-width: 1600px) {
  .chatpops {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1399px) {
  .chatpops {
    margin-top: 20px;
  }
}

.chatpops .name {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  text-transform: capitalize;
}
.fontDecrease .chatpops .name {
  font-size: 23px;
}
.fontIncreas .chatpops .name {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .chatpops .name {
    font-size: 28px;
  }
  .fontDecrease .chatpops .name {
    font-size: 27px;
  }
  .fontIncreas .chatpops .name {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .chatpops .name {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .chatpops .name {
    font-size: 35px;
  }
  .fontIncreas .chatpops .name {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .chatpops .name {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .chatpops .name {
    font-size: 37px;
  }
  .fontIncreas .chatpops .name {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .chatpops .name {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .chatpops .name {
    font-size: 41px;
  }
  .fontIncreas .chatpops .name {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .chatpops .name {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .chatpops .name {
    font-size: 43px;
  }
  .fontIncreas .chatpops .name {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .chatpops .name {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .chatpops .name {
    font-size: 44px;
  }
  .fontIncreas .chatpops .name {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .chatpops .name {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .chatpops .name {
    font-size: 53px;
  }
  .fontIncreas .chatpops .name {
    font-size: 55px;
  }
}

.chatpops .welcome {
  font-size: 24px;
  line-height: 26px;
  margin-top: 10px;
}
.fontDecrease .chatpops .welcome {
  font-size: 23px;
}
.fontIncreas .chatpops .welcome {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .chatpops .welcome {
    font-size: 28px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 27px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .chatpops .welcome {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 35px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .chatpops .welcome {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 37px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .chatpops .welcome {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 41px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .chatpops .welcome {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 43px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .chatpops .welcome {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 44px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .chatpops .welcome {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .chatpops .welcome {
    font-size: 33px;
  }
  .fontIncreas .chatpops .welcome {
    font-size: 55px;
  }
}

.chatpops .thumbsp {
  text-align: center;
  margin-bottom: 30px;
}

.chatpops .customer {
  display: none;
  margin-top: 80px;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .chatpops .customer {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .chatpops .customer {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .chatpops .customer {
    font-size: 24px;
  }
}

.chatpops .customer span {
  font-weight: 700;
  margin-top: 10px;
}

.chatpops .chatcardswrap {
  margin-top: 60px;
}

@media only screen and (max-width: 1399px) {
  .chatpops .chatcardswrap {
    margin-top: 30px;
  }
}

.chatpops .chatcardswrap .cardgrids {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 20px;
}

.chatpops .chatcardswrap .cardblock {
  background: #FFFFFF;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  height: 120px;
  color: #004880;
  padding: 0 60px;
  cursor: pointer;
}

.chatpops .chatcardswrap .cardblock.active {
  -webkit-box-shadow: 4px 4px 20px #0000004D;
          box-shadow: 4px 4px 20px #0000004D;
  border: 2px solid #3399E8;
}

.chatpops .chatcardswrap .cardblock .title {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
}
.fontDecrease .chatpops .chatcardswrap .cardblock .title {
  font-size: 11px;
}
.fontIncreas .chatpops .chatcardswrap .cardblock .title {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 16px;
  }
  .fontDecrease .chatpops .chatcardswrap .cardblock .title {
    font-size: 15px;
  }
  .fontIncreas .chatpops .chatcardswrap .cardblock .title {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 13px;
  }
  .fontDecrease .chatpops .chatcardswrap .cardblock .title {
    font-size: 12px;
  }
  .fontIncreas .chatpops .chatcardswrap .cardblock .title {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 14px;
  }
  .fontDecrease .chatpops .chatcardswrap .cardblock .title {
    font-size: 13px;
  }
  .fontIncreas .chatpops .chatcardswrap .cardblock .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1680px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 16px;
  }
  .fontDecrease .chatpops .chatcardswrap .cardblock .title {
    font-size: 15px;
  }
  .fontIncreas .chatpops .chatcardswrap .cardblock .title {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .chatpops .chatcardswrap .cardblock .title {
    font-size: 18px;
  }
  .fontDecrease .chatpops .chatcardswrap .cardblock .title {
    font-size: 17px;
  }
  .fontIncreas .chatpops .chatcardswrap .cardblock .title {
    font-size: 19px;
  }
}

.chatpops .chatcardswrap .cardblock .title span {
  font-weight: 400;
}

.chatpops .chatcardswrap .form-group {
  max-width: 336px;
  margin-left: auto;
  margin-right: auto;
}

.chatpops .chatcardswrap .form-group .label {
  color: #000;
  font-size: 10px;
  margin-bottom: 10px;
}
.fontDecrease .chatpops .chatcardswrap .form-group .label {
  font-size: 9px;
}
.fontIncreas .chatpops .chatcardswrap .form-group .label {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .chatpops .chatcardswrap .form-group .label {
    font-size: 14px;
  }
  .fontDecrease .chatpops .chatcardswrap .form-group .label {
    font-size: 13px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .label {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .chatpops .chatcardswrap .form-group .label {
    font-size: 12px;
  }
  .fontDecrease .chatpops .chatcardswrap .form-group .label {
    font-size: 11px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .label {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .chatpops .chatcardswrap .form-group .label {
    font-size: 14px;
  }
  .fontDecrease .chatpops .chatcardswrap .form-group .label {
    font-size: 13px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .label {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .chatpops .chatcardswrap .form-group .label {
    font-size: 16px;
  }
  .fontDecrease .chatpops .chatcardswrap .form-group .label {
    font-size: 15px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .label {
    font-size: 17px;
  }
}

.chatpops .chatcardswrap .form-group .form-control {
  font-size: 28px;
}
  .fontDecrease .chatpops .chatcardswrap .form-group .form-control {
    font-size: 27px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .form-control {
    font-size: 29px;
  }

@media only screen and (max-width: 1600px) {
  .chatpops .chatcardswrap .form-group .form-control {
    font-size: 24px;
  }
  .fontDecrease .chatpops .chatcardswrap .form-group .form-control {
    font-size: 23px;
  }
  .fontIncreas .chatpops .chatcardswrap .form-group .form-control {
    font-size: 25px;
  }
}

.chatpops .chatcardswrap.otp .form-group {
  max-width: 336px;
}

.chatpops .chatcardswrap.otp .form-group .form-control {
  font-size: 28px;
  text-align: center;
}
  .fontDecrease .chatpops .chatcardswrap.otp .form-group .form-control {
    font-size: 27px;
  }
  .fontIncreas .chatpops .chatcardswrap.otp .form-group .form-control {
    font-size: 29px;
  }

@media only screen and (max-width: 1600px) {
  .chatpops .chatcardswrap.otp .form-group .form-control {
    font-size: 24px;
  }
  .fontDecrease .chatpops .chatcardswrap.otp .form-group .form-control {
    font-size: 23px;
  }
  .fontIncreas .chatpops .chatcardswrap.otp .form-group .form-control {
    font-size: 25px;
  }
}

.chatpops .chatcardswrap .otpwrap {
  width: 84px;
  padding: 0px 7px;
}

.chatpops .chatcardswrap .otpwrap:first-child {
  padding: 0 7px 0 0;
}

.chatpops .chatcardswrap .otpwrap .form-control {
  -webkit-box-shadow: 4px 3px 10px #00000033;
          box-shadow: 4px 3px 10px #00000033;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.chatpops .chatcardswrap .otpwrap .form-control:focus {
  outline: 0px;
}

.chatpops .continue {
  margin-top: 42px;
}

@media only screen and (max-width: 1399px) {
  .chatpops .continue {
    margin-top: 20px;
  }
}

#chatModal {
  z-index: 1050000;
}

#chatModal .mheader {
  margin-bottom: 20px;
}

#chatModal .mheader .title {
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}
  .fontDecrease #chatModal .mheader .title {
    font-size: 25px;
  }
  .fontIncreas #chatModal .mheader .title {
    font-size: 27px;
  }

#chatModal .mheader .title:before {
  content: "";
  width: 0;
  height: 16px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) {
  #chatModal .mheader .title {
    font-size: 16px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease #chatModal .mheader .title {
    font-size: 15px;
  }
  .fontIncreas #chatModal .mheader .title {
    font-size: 17px;
  }
  #chatModal .mheader .title:before {
    content: "";
    width: 0;
    height: 16px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1900px) {
  #chatModal .mheader .title {
    font-size: 16px;
    color: #707070;
    line-height: 26px;
    position: relative;
    font-style: italic;
    font-weight: 700;
    padding-left: 13px;
  }
  .fontDecrease #chatModal .mheader .title {
    font-size: 15px;
  }
  .fontIncreas #chatModal .mheader .title {
    font-size: 17px;
  }
  #chatModal .mheader .title:before {
    content: "";
    width: 0;
    height: 16px;
    border-left: 3px solid #ED3B25;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto auto 0px;
    pointer-events: none;
  }
}

#chattwo, #chatthree, #chatfour {
  display: none;
}

.nocurve {
  padding-top: 56px;
}

@media only screen and (max-width: 767px) {
  .nocurve {
    padding-top: 0;
  }
}

.radiocontainer {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  font-size: 20px;
  padding-left: 30px;
  line-height: 27px;
}

@media only screen and (max-width: 1899px) {
  .radiocontainer {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .radiocontainer {
    font-size: 16px;
  }
}

.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto auto 0px;
  height: 22px;
  width: 22px;
  background-color: transparent;
  border: 1px solid #004880;
  border-radius: 50%;
}

.radiocontainer:hover input ~ .checkmark {
  background-color: #fff;
}

.radiocontainer input:checked ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}

.radiocontainer .checkmark:after {
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #004880;
}

.radiowrap {
  width: 100%;
}

.blmain {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .blmain {
    margin-top: 20px;
  }
}

.blmain .heading {
  color: #093252;
}

.blmain .heading span {
  font-size: 10px;
  color: #004880;
  font-weight: 400;
}
  .fontDecrease .blmain .heading span {
    font-size: 9px;
  }
  .fontIncreas .blmain .heading span {
    font-size: 11px;
  }

@media only screen and (min-width: 768px) {
  .blmain .heading span {
    font-size: 14px;
  }
  .fontDecrease .blmain .heading span {
    font-size: 13px;
  }
  .fontIncreas .blmain .heading span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .blmain .heading span {
    font-size: 12px;
  }
  .fontDecrease .blmain .heading span {
    font-size: 11px;
  }
  .fontIncreas .blmain .heading span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .blmain .heading span {
    font-size: 14px;
  }
  .fontDecrease .blmain .heading span {
    font-size: 13px;
  }
  .fontIncreas .blmain .heading span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .blmain .heading span {
    font-size: 16px;
  }
  .fontDecrease .blmain .heading span {
    font-size: 15px;
  }
  .fontIncreas .blmain .heading span {
    font-size: 17px;
  }
}

.blmain .heading span img {
  margin-left: 10px;
}

.blmain .bl-left {
  margin-top: 30px;
}

.blmain .bl-left .title {
  color: #707070;
  font-size: 14px;
  margin-bottom: 20px;
}
  .fontDecrease .blmain .bl-left .title {
    font-size: 13px;
  }
  .fontIncreas .blmain .bl-left .title {
    font-size: 15px;
  }

@media only screen and (min-width: 768px) {
  .blmain .bl-left .title {
    font-size: 18px;
  }
  .fontDecrease .blmain .bl-left .title {
    font-size: 17px;
  }
  .fontIncreas .blmain .bl-left .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .blmain .bl-left .title {
    font-size: 20px;
  }
  .fontDecrease .blmain .bl-left .title {
    font-size: 19px;
  }
  .fontIncreas .blmain .bl-left .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .blmain .bl-left .title {
    font-size: 24px;
  }
  .fontDecrease .blmain .bl-left .title {
    font-size: 23px;
  }
  .fontIncreas .blmain .bl-left .title {
    font-size: 25px;
  }
}

.blmain .bl-left .bl-options {
  margin-bottom: 40px;
}

.blmain .bl-left .bl-options .radiowrap {
  margin-bottom: 15px;
}

.blmain .bl-left .bl-options .radiowrap > div {
  position: relative;
}

.blmain .bl-left .bl-options .radiowrap > div .select-img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 10px auto auto;
  pointer-events: none;
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 767px) {
  .blmain .bl-left .bl-options .radiowrap > div .select-img {
    width: 12px;
    height: 12px;
  }
}

.blmain .bl-left .bl-options .radiowrap > div .select-img img {
  vertical-align: top;
  margin: 0 !important;
  display: block !important;
}

@media only screen and (max-width: 767px) {
  .blmain .bl-left .bl-options .radiowrap .radiocontainer {
    line-height: 22px;
  }
}

.blmain .bl-left .bl-options .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.blmain .bl-left .bl-options .custom-form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

@media only screen and (max-width: 1440px) {
  .blmain .bl-left .bl-options .custom-form-control {
    font-size: 16px;
  }
  .fontDecrease .blmain .bl-left .bl-options .custom-form-control {
    font-size: 15px;
  }
  .fontIncreas .blmain .bl-left .bl-options .custom-form-control {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1399px) {
  .blmain .bl-left .bl-options .custom-form-control {
    font-size: 14px;
  }
  .fontDecrease .blmain .bl-left .bl-options .custom-form-control {
    font-size: 13px;
  }
  .fontIncreas .blmain .bl-left .bl-options .custom-form-control {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blmain .bl-left .bl-options #hlc_sec .col-3, .blmain .bl-left .bl-options #bbl_sec .col-3, .blmain .bl-left .bl-options #atm_sec .col-3, .blmain .bl-left .bl-options #bu_sec .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.blmain .bl-left .bl-options .optionsrow {
  padding-bottom: 30px;
}

.blmain .bl-left .areainp {
  position: relative;
}

.blmain .bl-left .areainp .form-control {
  padding: 0px 150px 0px 50px;
}

.blmain .bl-left .areainp .lmarker {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 15px;
  pointer-events: none;
}

.blmain .bl-left .areainp .changebtn {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 20px;
  color: #093252;
  font-weight: 700;
  background: transparent;
  border: 0px;
}
.fontDecrease .blmain .bl-left .areainp .changebtn {
  font-size: 9px;
}
.fontIncreas .blmain .bl-left .areainp .changebtn {
  font-size: 11px;
}

@media only screen and (max-width: 1899px) {
  .blmain .bl-left .areainp .changebtn {
    font-size: 18px;
  }
  .fontDecrease .blmain .bl-left .areainp .changebtn {
    font-size: 17px;
  }
  .fontIncreas .blmain .bl-left .areainp .changebtn {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .blmain .bl-left .areainp .changebtn {
    font-size: 16px;
  }
  .fontDecrease .blmain .bl-left .areainp .changebtn {
    font-size: 15px;
  }
  .fontIncreas .blmain .bl-left .areainp .changebtn {
    font-size: 17px;
  }
}

.blmain .bl-left .areainp .changebtn span:last-child {
  margin-left: 20px;
}

.blmain .bl-left .btn-wrap {
  margin-top: 20px;
  margin-left: 0px;
}

.blmain .bl-right {
  position: relative;
  height: 100%;
  padding-left: 50px;
}

@media only screen and (max-width: 991px) {
  .blmain .bl-right {
    height: 300px;
    padding-left: 0;
  }
}

.blmain .bl-right .map {
  width: 100%;
  height: 100%;
}

.blmain .bl-right .map > div {
  position: relative;
  width: 100%;
  height: 100%;
}

.blmain .bl-right .map iframe {
  position: relative;
  width: 100%;
  height: 100%;
}

.branch-locator .interested {
  margin-top: 50px;
}

.badges {
  margin-top: 16px;
}

.badges span {
  font-size: 10px;
  background: #FEE6AE;
  border-radius: 4px;
  padding: 4px 7px;
  text-align: center;
  display: inline-block;
  line-height: 13px;
  margin: 0px 3px;
}
.fontDecrease .badges span {
  font-size: 9px;
}
.fontIncreas .badges span {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .badges span {
    font-size: 14px;
  }
  .fontDecrease .badges span {
    font-size: 13px;
  }
  .fontIncreas .badges span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .badges span {
    font-size: 12px;
  }
  .fontDecrease .badges span {
    font-size: 11px;
  }
  .fontIncreas .badges span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .badges span {
    font-size: 14px;
  }
  .fontDecrease .badges span {
    font-size: 13px;
  }
  .fontIncreas .badges span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .badges span {
    font-size: 16px;
  }
  .fontDecrease .badges span {
    font-size: 15px;
  }
  .fontIncreas .badges span {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1600px) {
  .badges span {
    padding: 7px;
  }
}

.address-cards {
  margin-top: 40px;
  margin-bottom: 20px;
  /*  .res_count+.row{
   & > .col-6{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    & > div{
      position: relative;
      height: 100%;
      .sandalrow{
        height: 100%;
      }
    }
  }
 } */
}

.address-cards + .address-cards {
  margin-top: 0;
}

.address-cards .heading {
  margin-bottom: 40px;
}

.address-cards .container-fluid > .row {
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
  box-shadow: 4px 4px 20px #0000001A;
  border: 2px solid #D9D9D9;
  border-radius: 4px;
  margin-bottom: 30px;
  cursor: pointer;
  position: relative;
}

.address-cards .container-fluid > .row:focus, .address-cards .container-fluid > .row:hover {
  -webkit-box-shadow: 4px 4px 20px #00000040;
  box-shadow: 4px 4px 20px #00000040;
  border: 2px solid #004880;
}

.address-cards .container-fluid > .row > a.link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.address-cards .container-fluid > .row .col-12 {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .address-cards .container-fluid > .row .col-12 {
    text-align: left !important;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .address-cards .container-fluid > .row .col-12 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.address-cards .container-fluid > .row .title {
  font-size: 28px;
  color: #004880;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
  display: inline-block;
}
.fontDecrease .address-cards .container-fluid > .row .title {
  font-size: 27px;
}
.fontIncreas .address-cards .container-fluid > .row .title {
  font-size: 29px;
}

.address-cards .container-fluid > .row .title:before {
  content: "";
  width: 0;
  height: 28px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .address-cards .container-fluid > .row .title {
    font-size: 18px;
  }
  .fontDecrease .address-cards .container-fluid > .row .title {
    font-size: 17px;
  }
  .fontIncreas .address-cards .container-fluid > .row .title {
    font-size: 19px;
  }
}

.address-cards .container-fluid > .row .distance {
  font-size: 10px;
  color: #004880;
  position: absolute;
  top: 20px;
  right: 20px;
}
.fontDecrease .address-cards .container-fluid > .row .distance {
  font-size: 9px;
}
.fontIncreas .address-cards .container-fluid > .row .distance {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .address-cards .container-fluid > .row .distance {
    font-size: 14px;
  }
  .fontDecrease .address-cards .container-fluid > .row .distance {
    font-size: 13px;
  }
  .fontIncreas .address-cards .container-fluid > .row .distance {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .address-cards .container-fluid > .row .distance {
    font-size: 12px;
  }
  .fontDecrease .address-cards .container-fluid > .row .distance {
    font-size: 11px;
  }
  .fontIncreas .address-cards .container-fluid > .row .distance {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .address-cards .container-fluid > .row .distance {
    font-size: 14px;
  }
  .fontDecrease .address-cards .container-fluid > .row .distance {
    font-size: 13px;
  }
  .fontIncreas .address-cards .container-fluid > .row .distance {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .address-cards .container-fluid > .row .distance {
    font-size: 16px;
  }
  .fontDecrease .address-cards .container-fluid > .row .distance {
    font-size: 15px;
  }
  .fontIncreas .address-cards .container-fluid > .row .distance {
    font-size: 17px;
  }
}

.address-cards .container-fluid > .row .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.address-cards .container-fluid > .row .col-6:last-child .sandalrow {
  padding-bottom: 0;
}

.address-cards .container-fluid > .row .col-6:last-child .sandalrow .col-xl-12 {
  border-bottom: 0px;
}

.address-cards .container-fluid > .row .col-6 > div {
  position: relative;
  height: 100%;
}

.address-cards .container-fluid > .row .col-6 > div .sandalrow {
  height: 100%;
  padding-bottom: 0;
}

.address-cards .container-fluid > .row .col-6 > div .sandalrow .col-12:first-child {
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .address-cards .container-fluid > .row .col-6 > div .sandalrow .col-12:first-child {
    padding-left: 20px;
  }
}

.address-cards .container-fluid > .row .col-6 > div .sandalrow .col-xl-12 {
  border-right: 0;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
  padding-top: 10px;
}

.address-cards .container-fluid > .row .col-6 > div .sandalrow .col-xl-12 .acgrid {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .address-cards .container-fluid > .row .col-6 > div .sandalrow .col-xl-12 .acgrid {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.address-cards .container-fluid > .row .col-6 .detailsrows > div {
  border-right: 0;
}

.address-cards .container-fluid .detailsrows {
  position: relative;
  width: 100%;
}

.address-cards .container-fluid .detailsrows > div {
  border-right: 1px solid #D9D9D9;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .address-cards .container-fluid .detailsrows > div {
    border-right: 0;
    border-bottom: 1px solid #D9D9D9;
  }
}

@media only screen and (max-width: 767px) {
  .address-cards .container-fluid .detailsrows > div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.address-cards .container-fluid .detailsrows > div:nth-child(3) {
  border-right: 0px;
}

.address-cards .container-fluid .detailsrows .viewall {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  border-right: 0;
}

.address-cards .container-fluid .detailsrows .viewall a {
  font-size: 10px;
}
.fontDecrease .address-cards .container-fluid .detailsrows .viewall a {
  font-size: 9px;
}
.fontIncreas .address-cards .container-fluid .detailsrows .viewall a {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 14px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 13px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 12px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 11px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 14px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 13px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 16px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 15px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows .viewall a {
    font-size: 17px;
  }
}

.address-cards .container-fluid .detailsrows.sandalrow {
  padding-bottom: 30px;
  background: #fff;
}

.address-cards .container-fluid .detailsrows.sandalrow > div {
  padding-bottom: 0;
}

.address-cards .container-fluid .detailsrows.sandalrow .icon {
  display: none;
}

.address-cards .container-fluid .detailsrows.sandalrow .details {
  font-size: 20px;
  padding-left: 0;
}
.fontDecrease .address-cards .container-fluid .detailsrows.sandalrow .details {
  font-size: 19px;
}
.fontIncreas .address-cards .container-fluid .detailsrows.sandalrow .details {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 18px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 17px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 16px;
  }
  .fontDecrease .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 15px;
  }
  .fontIncreas .address-cards .container-fluid .detailsrows.sandalrow .details {
    font-size: 17px;
  }
}

.address-cards .res_count {
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 40px;
}
.fontDecrease .address-cards .res_count {
  font-size: 23px;
}
.fontIncreas .address-cards .res_count {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .address-cards .res_count {
    font-size: 28px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 27px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .address-cards .res_count {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 35px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .address-cards .res_count {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 37px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .address-cards .res_count {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 41px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .address-cards .res_count {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 43px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .address-cards .res_count {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 44px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .address-cards .res_count {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .address-cards .res_count {
    font-size: 53px;
  }
  .fontIncreas .address-cards .res_count {
    font-size: 55px;
  }
}

.acgrid {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

@media only screen and (max-width: 1440px) {
  .acgrid {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.acgrid .icon {
  width: 70px;
}

@media only screen and (max-width: 991px) {
  .acgrid .icon {
    width: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .acgrid .icon {
    width: 30px;
  }
}

.acgrid .details {
  font-size: 14px;
  padding-left: 30px;
}
.fontDecrease .acgrid .details {
  font-size: 13px;
}
.fontIncreas .acgrid .details {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .acgrid .details {
    font-size: 18px;
  }
  .fontDecrease .acgrid .details {
    font-size: 17px;
  }
  .fontIncreas .acgrid .details {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .acgrid .details {
    font-size: 20px;
  }
  .fontDecrease .acgrid .details {
    font-size: 19px;
  }
  .fontIncreas .acgrid .details {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .acgrid .details {
    font-size: 24px;
  }
  .fontDecrease .acgrid .details {
    font-size: 23px;
  }
  .fontIncreas .acgrid .details {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .acgrid .details {
    padding-left: 15px;
  }
  .fontDecrease .acgrid .details {
    font-size: 16px;
  }
  .fontIncreas .acgrid .details {
    font-size: 17px;
  }
}

.acgrid .details .badges {
  margin-top: 0;
  margin-left: 20px;
}

.acgrid .details .badges span {
  font-style: italic;
  font-weight: bold;
}

.acgrid .details .link {
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.fontDecrease .acgrid .details .link {
  font-size: 13px;
}
.fontIncreas .acgrid .details .link {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .acgrid .details .link {
    font-size: 18px;
  }
  .fontDecrease .acgrid .details .link {
    font-size: 17px;
  }
  .fontIncreas .acgrid .details .link {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .acgrid .details .link {
    font-size: 20px;
  }
  .fontDecrease .acgrid .details .link {
    font-size: 19px;
  }
  .fontIncreas .acgrid .details .link {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .acgrid .details .link {
    font-size: 24px;
  }
  .fontDecrease .acgrid .details .link {
    font-size: 23px;
  }
  .fontIncreas .acgrid .details .link {
    font-size: 25px;
  }
}

.acgrid .details .link .rightarrow {
  display: inline-block;
  margin-left: 10px;
}

.bldetails .acgrid {
  padding-left: 0px;
  padding-right: 35px;
}

@media only screen and (max-width: 1440px) {
  .bldetails .acgrid {
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .bldetails .acgrid {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .bldetails .acgrid {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetails .acgrid {
    padding-right: 0;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.bldetails .acgrid .icon {
  width: 60px;
}

@media only screen and (max-width: 1600px) {
  .bldetails .acgrid .icon {
    width: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .bldetails .acgrid .icon {
    width: 24px;
  }
}

.bldetails .acgrid .details {
  padding-left: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .bldetails .acgrid .details {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .bldetails .acgrid .details {
    padding-left: 10px;
  }
}

.bldetails > div {
  border-right: 1px solid #D9D9D9;
}

@media only screen and (max-width: 1199px) {
  .bldetails > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .bldetails > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-right: 0;
    border-bottom: 1px solid #D9D9D9;
  }
}

.bldetails > div:last-child {
  border-right: 0px;
}

.bldetails > div:last-child .acgrid {
  padding-left: 35px;
  padding-right: 0px;
}

@media only screen and (max-width: 1440px) {
  .bldetails > div:last-child .acgrid {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .bldetails > div:last-child .acgrid {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetails > div:last-child .acgrid {
    padding-right: 0;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.blmain-details .heading {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .blmain-details .heading {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blmain-details .bl-right {
    margin-top: 20px;
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media only screen and (max-width: 350px) {
  .blmain-details .bl-right {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.blmain-details .bl-right #map {
  height: 100% !important;
}

@media only screen and (max-width: 1199px) {
  .blmain-details .bl-right #map {
    height: 350px !important;
  }
}

@media only screen and (max-width: 991px) {
  .blmain-details .bl-right #map {
    height: 300px !important;
  }
}

.bldetailssandal {
  height: 110px;
  background: #FFF7E4;
  margin-bottom: 10px;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .bldetailssandal {
    height: auto;
  }
}

.bldetailssandal + .bldetailssandal {
  margin-top: 0;
}

.bldetailssandal .sandalboxs {
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.fontDecrease .bldetailssandal .sandalboxs {
  font-size: 17px;
}
.fontIncreas .bldetailssandal .sandalboxs {
  font-size: 19px;
}

@media only screen and (max-width: 1899px) {
  .bldetailssandal .sandalboxs {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }
  .fontDecrease .bldetailssandal .sandalboxs {
    font-size: 19px;
  }
  .fontIncreas .bldetailssandal .sandalboxs {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1440px) {
  .bldetailssandal .sandalboxs {
    font-size: 14px;
  }
  .fontDecrease .bldetailssandal .sandalboxs {
    font-size: 13px;
  }
  .fontIncreas .bldetailssandal .sandalboxs {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs {
    font-size: 12px;
  }
  .fontDecrease .bldetailssandal .sandalboxs {
    font-size: 11px;
  }
  .fontIncreas .bldetailssandal .sandalboxs {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.bldetailssandal .sandalboxs > div {
  margin-bottom: 10px;
}

.bldetailssandal .sandalboxs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.bldetailssandal .sandalboxs ul li {
  border-right: 1px solid #004880;
  padding-right: 20px;
  padding-left: 20px;
  color: #004880;
}

@media only screen and (max-width: 1899px) {
  .bldetailssandal .sandalboxs ul li {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1540px) {
  .bldetailssandal .sandalboxs ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs ul li {
    padding-right: 0px;
    padding-left: 0px;
    border-right: 0;
  }
}

.bldetailssandal .sandalboxs ul li:first-child {
  padding-left: 0;
}

.bldetailssandal .sandalboxs ul li:last-child {
  padding-left: 20px;
  padding-right: 0;
  border-right: 0px;
}

@media only screen and (max-width: 1899px) {
  .bldetailssandal .sandalboxs ul li:last-child {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 1540px) {
  .bldetailssandal .sandalboxs ul li:last-child {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs ul li:last-child {
    padding-left: 0px;
  }
}

.bldetailssandal .sandalboxs ul li .ico {
  display: inline-block;
  width: 30px;
  text-align: center;
  vertical-align: top;
}

@media only screen and (max-width: 1440px) {
  .bldetailssandal .sandalboxs ul li .ico {
    width: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs ul li .ico {
    width: 14px;
    margin-right: 5px;
    margin-left: 5px;
  }
}

.bldetailssandal .sandalboxs input {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .bldetailssandal .sandalboxs input {
    width: 100px !important;
  }
}

.bldetailssandal .sandalboxs input.cpmifccnt {
  width: 125px;
}

@media only screen and (max-width: 1899px) {
  .bldetailssandal .sandalboxs input.cpmifccnt {
    width: 110px;
  }
}

@media only screen and (max-width: 1600px) {
  .bldetailssandal .sandalboxs input.cpmifccnt {
    width: 110px;
  }
}

@media only screen and (max-width: 1440px) {
  .bldetailssandal .sandalboxs input.cpmifccnt {
    width: 100px;
  }
}

.acwrap {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #F3F3F3;
}

.acwrap .heading {
  margin-bottom: 30px;
}

.acwrap .address-cards {
  margin-top: 0;
}

.blueform {
  background: url("../images/our-philosophy/banner.png") no-repeat top center;
  background-size: cover;
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .blueform {
    margin-top: 30px;
  }
}

.blueform .row {
  height: 670px;
  color: #fff;
}

.blueform .row p {
  margin: 20px 0;
}

.blueform .row .form-group {
  max-width: 536px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 20px;
}

.blueform .row .btn-wrap {
  margin-top: 30px;
}

.blslider {
  padding-top: 70px;
}

.blslider .blslick {
  width: 100%;
  margin-bottom: 0;
}

.blslider .blslick .slick-prev {
  left: -10px;
}

.blslider .blslick .slick-next {
  right: 0px;
}

.blslider .blslick .slick-dots {
  position: absolute;
  bottom: 60px;
}

.obd {
  padding-left: 100px;
}

@media only screen and (max-width: 1199px) {
  .obd {
    padding-left: 0;
  }
}

.obd .heading {
  color: #093252;
}

.obd p {
  font-size: 14px;
  margin: 20px 0 0;
  color: #707070;
  line-height: 32px;
}
.fontDecrease .obd p {
  font-size: 13px;
}
.fontIncreas .obd p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .obd p {
    font-size: 18px;
  }
  .fontDecrease .obd p {
    font-size: 17px;
  }
  .fontIncreas .obd p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .obd p {
    font-size: 20px;
  }
  .fontDecrease .obd p {
    font-size: 19px;
  }
  .fontIncreas .obd p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .obd p {
    font-size: 24px;
  }
  .fontDecrease .obd p {
    font-size: 23px;
  }
  .fontIncreas .obd p {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .obd p {
    line-height: 22px;
  }
  .fontDecrease .obd p {
    font-size: 21px;
  }
  .fontIncreas .obd p {
    font-size: 23px;
  }
}

.obd .obd-container {
  max-width: 600px;
  margin-top: 80px;
  text-align: center;
}

@media only screen and (max-width: 1899px) {
  .obd .obd-container {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1399px) {
  .obd .obd-container {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .obd .obd-container {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .obd .obd-container {
    margin-top: 10px;
  }
}

.obd.aboutFirst {
  padding-left: 0;
}

.obd.aboutFirst .obd-container {
  max-width: 900px;
  text-align: left;
}

@media only screen and (max-width: 1899px) {
  .obd.aboutFirst .obd-container {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 1600px) {
  .obd.aboutFirst .obd-container {
    max-width: 750px;
  }
}

@media only screen and (max-width: 1540px) {
  .obd.aboutFirst .obd-container {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .obd.aboutFirst .obd-container {
    margin-top: 0;
  }
}

.bod-grids {
  margin-top: 140px;
}

@media only screen and (max-width: 1399px) {
  .bod-grids {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .bod-grids {
    margin-top: 20px;
  }
}

.bod-grids .bod-container {
  padding-left: 70px;
  padding-right: 70px;
  text-align: center;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .bod-grids .bod-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.bod-grids .bod-container .avatar {
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .bod-grids .bod-container .avatar {
    margin-bottom: 10px;
  }
}

.bod-grids .bod-container .name {
  color: #004880;
  font-size: 20px;
}
.fontDecrease .bod-grids .bod-container .name {
  font-size: 19px;
}
.fontIncreas .bod-grids .bod-container .name {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .bod-grids .bod-container .name {
    font-size: 18px;
  }
  .fontDecrease .bod-grids .bod-container .name {
    font-size: 17px;
  }
  .fontIncreas .bod-grids .bod-container .name {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .bod-grids .bod-container .name {
    font-size: 16px;
  }
  .fontDecrease .bod-grids .bod-container .name {
    font-size: 15px;
  }
  .fontIncreas .bod-grids .bod-container .name {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .bod-grids .bod-container .name {
    line-height: 1.2em;
  }
}

.bod-grids .bod-container .design {
  color: #004880;
  font-size: 10px;
}
.fontDecrease .bod-grids .bod-container .design {
  font-size: 9px;
}
.fontIncreas .bod-grids .bod-container .design {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .bod-grids .bod-container .design {
    font-size: 14px;
  }
  .fontDecrease .bod-grids .bod-container .design {
    font-size: 13px;
  }
  .fontIncreas .bod-grids .bod-container .design {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .bod-grids .bod-container .design {
    font-size: 12px;
  }
  .fontDecrease .bod-grids .bod-container .design {
    font-size: 11px;
  }
  .fontIncreas .bod-grids .bod-container .design {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .bod-grids .bod-container .design {
    font-size: 14px;
  }
  .fontDecrease .bod-grids .bod-container .design {
    font-size: 13px;
  }
  .fontIncreas .bod-grids .bod-container .design {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .bod-grids .bod-container .design {
    font-size: 16px;
  }
  .fontDecrease .bod-grids .bod-container .design {
    font-size: 15px;
  }
  .fontIncreas .bod-grids .bod-container .design {
    font-size: 17px;
  }
}

.bod-details {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .bod-details {
    margin-top: 20px;
  }
}

.bod-details .image {
  padding-right: 50px;
}

@media only screen and (max-width: 991px) {
  .bod-details .image {
    padding-right: 0;
  }
}

.bod-details .content {
  padding-right: 50px;
}

@media only screen and (max-width: 991px) {
  .bod-details .content {
    padding-right: 0;
  }
}

.bod-details .content .name {
  font-size: 24px;
  line-height: 26px;
  color: #093252;
  font-weight: 700;
}
.fontDecrease .bod-details .content .name {
  font-size: 23px;
}
.fontIncreas .bod-details .content .name {
  font-size: 25px;
}

@media only screen and (min-width: 768px) {
  .bod-details .content .name {
    font-size: 28px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 27px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 29px;
  }
}

@media only screen and (min-width: 992px) {
  .bod-details .content .name {
    font-size: 36px;
    line-height: 36px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 35px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1400px) {
  .bod-details .content .name {
    font-size: 38px;
    line-height: 38px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 37px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 39px;
  }
}

@media only screen and (min-width: 1500px) {
  .bod-details .content .name {
    font-size: 42px;
    line-height: 48px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 41px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 43px;
  }
}

@media only screen and (min-width: 1600px) {
  .bod-details .content .name {
    font-size: 44px;
    line-height: 44px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 43px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 45px;
  }
}

@media only screen and (min-width: 1680px) {
  .bod-details .content .name {
    font-size: 45px;
    line-height: 48px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 44px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1900px) {
  .bod-details .content .name {
    font-size: 54px;
    line-height: 64px;
  }
  .fontDecrease .bod-details .content .name {
    font-size: 53px;
  }
  .fontIncreas .bod-details .content .name {
    font-size: 55px;
  }
}

@media only screen and (max-width: 991px) {
  .bod-details .content .name {
    margin-top: 20px;
  }
}

.bod-details .content .design {
  font-size: 14px;
  color: #004880;
  margin-top: 10px;
}
.fontDecrease .bod-details .content .design {
  font-size: 13px;
}
.fontIncreas .bod-details .content .design {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .bod-details .content .design {
    font-size: 18px;
  }
  .fontDecrease .bod-details .content .design {
    font-size: 17px;
  }
  .fontIncreas .bod-details .content .design {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .bod-details .content .design {
    font-size: 20px;
  }
  .fontDecrease .bod-details .content .design {
    font-size: 19px;
  }
  .fontIncreas .bod-details .content .design {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .bod-details .content .design {
    font-size: 24px;
  }
  .fontDecrease .bod-details .content .design {
    font-size: 23px;
  }
  .fontIncreas .bod-details .content .design {
    font-size: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .bod-details .content .design {
    margin-top: 0px;
  }
}

.bod-details .content p {
  font-size: 14px;
  color: #707070;
  line-height: 32px;
  margin: 30px 0;
}
.fontDecrease .bod-details .content p {
  font-size: 13px;
}
.fontIncreas .bod-details .content p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .bod-details .content p {
    font-size: 18px;
  }
  .fontDecrease .bod-details .content p {
    font-size: 17px;
  }
  .fontIncreas .bod-details .content p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .bod-details .content p {
    font-size: 20px;
  }
  .fontDecrease .bod-details .content p {
    font-size: 19px;
  }
  .fontIncreas .bod-details .content p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .bod-details .content p {
    font-size: 24px;
  }
  .fontDecrease .bod-details .content p {
    font-size: 23px;
  }
  .fontIncreas .bod-details .content p {
    font-size: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .bod-details .content p {
    margin: 15px 0;
    line-height: 1.4em;
  }
}

#bodModal .mheader .title, #vidModal .mheader .title {
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
}

#bodModal .mheader .title:before, #vidModal .mheader .title:before {
  content: "";
  width: 0;
  height: 16px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

.bod-details-slick {
  margin-bottom: 0;
  width: 100%;
}

.bod-details-slick .slick-prev {
  left: -10px;
}

.bod-details-slick .bod-slick-slide {
  width: 100%;
}

.customer-stories .curvesec {
  padding-bottom: 0;
}

.customer-stories .curvesec .heading {
  text-align: left;
  margin-top: 50px;
  padding-left: 50px;
}

.customer-stories .curvesec .herosec {
  border-bottom: 0px;
}

.customer-stories .halfcirc {
  pointer-events: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ffffff 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C1E1FFF0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #C1E1FFF0 100%) 0% 0% no-repeat padding-box;
  width: 3200px;
  height: 2800px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -96%);
          transform: translate(-52%, -96%);
  z-index: -1;
}

.customer-stories .viewall {
  margin-top: 50px;
}

.customer-stories .parawrap {
  margin-top: 57px;
}

.customer-slick-wrap {
  position: relative;
  margin-top: 50px;
  overflow: hidden;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .customer-slick-wrap {
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media only screen and (max-width: 350px) {
  .customer-slick-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.customer-slick-wrap .customer-slick, .customer-slick-wrap .product-slick {
  width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .customer-slick-wrap .customer-slick, .customer-slick-wrap .product-slick {
    width: 200px;
  }
}

.customer-slick-wrap .customer-slick .slick-list, .customer-slick-wrap .product-slick .slick-list {
  overflow: visible;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide, .customer-slick-wrap .product-slick .slick-list .slick-slide {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide .caption, .customer-slick-wrap .product-slick .slick-list .slick-slide .caption {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide.prevSlide, .customer-slick-wrap .product-slick .slick-list .slick-slide.prevSlide {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide.nextSlide, .customer-slick-wrap .product-slick .slick-list .slick-slide.nextSlide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-current, .customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-center, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-current, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-center {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-current .caption, .customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-center .caption, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-current .caption, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-center .caption {
  opacity: 1;
}

.customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-current + .slick-slide, .customer-slick-wrap .customer-slick .slick-list .slick-slide.slick-center + .slick-slide, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-current + .slick-slide, .customer-slick-wrap .product-slick .slick-list .slick-slide.slick-center + .slick-slide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.customer-slick-wrap .customer-slick .slick-prev, .customer-slick-wrap .customer-slick .slick-next, .customer-slick-wrap .product-slick .slick-prev, .customer-slick-wrap .product-slick .slick-next {
  margin-top: -20px;
}

.customer-slick-wrap .customer-slick .slick-prev, .customer-slick-wrap .product-slick .slick-prev {
  left: -20px;
}

.customer-slick-wrap .customer-slick .slick-next, .customer-slick-wrap .product-slick .slick-next {
  right: -20px;
}

.customer-slick-wrap .customer-slick .cscontainer, .customer-slick-wrap .product-slick .cscontainer {
  width: 100%;
}

.customer-slick-wrap .customer-slick .cscontainer .image, .customer-slick-wrap .product-slick .cscontainer .image {
  border-radius: 50%;
  width: 100%;
  height: 230px;
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .customer-slick-wrap .customer-slick .cscontainer .image, .customer-slick-wrap .product-slick .cscontainer .image {
    width: 200px;
  }
}

.customer-slick-wrap .customer-slick .cscontainer .image img, .customer-slick-wrap .product-slick .cscontainer .image img {
  display: inline-block;
  width: 100%;
}

.customer-slick-wrap .customer-slick .cscontainer .caption, .customer-slick-wrap .product-slick .cscontainer .caption {
  text-align: center;
  margin-top: 10px;
}

.customer-slick-wrap .customer-slick .cscontainer .caption .name, .customer-slick-wrap .product-slick .cscontainer .caption .name {
  font-size: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 1899px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .name, .customer-slick-wrap .product-slick .cscontainer .caption .name {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .name, .customer-slick-wrap .product-slick .cscontainer .caption .name {
    font-size: 16px;
  }
}

.customer-slick-wrap .customer-slick .cscontainer .caption .design, .customer-slick-wrap .product-slick .cscontainer .caption .design {
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .design, .customer-slick-wrap .product-slick .cscontainer .caption .design {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .design, .customer-slick-wrap .product-slick .cscontainer .caption .design {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1500px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .design, .customer-slick-wrap .product-slick .cscontainer .caption .design {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1900px) {
  .customer-slick-wrap .customer-slick .cscontainer .caption .design, .customer-slick-wrap .product-slick .cscontainer .caption .design {
    font-size: 16px;
  }
}

.customer-slick .slick-slide,
.customer-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.customer-slick .slick-slide.prevSlide,
.customer-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].prevSlide {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.customer-slick .slick-slide.nextSlide,
.customer-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].nextSlide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

/* slide when active/center */
.customer-slick .slick-center,
.customer-slick .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.customer-slick .slick-center + .slick-slide,
.customer-slick .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] + .slick-slide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.product-slick .slick-slide,
.product-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.product-slick .slick-slide.prevSlide,
.product-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].prevSlide {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.product-slick .slick-slide.nextSlide,
.product-slick .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].nextSlide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

/* slide when active/center */
.product-slick .slick-center,
.product-slick .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.product-slick .slick-center + .slick-slide,
.product-slick .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] + .slick-slide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.quoting {
  position: relative;
  font-size: 30px;
  line-height: 40px;
  color: #093252;
  text-align: center;
  margin-top: 40px;
}
.fontDecrease .quoting {
  font-size: 297px;
}
.fontIncreas .quoting {
  font-size: 31px;
}

.quoting:before {
  content: "";
  background: url("../images/quote-left.png") no-repeat center center;
  background-size: contain;
  width: 100px;
  height: 75px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto -80px;
  pointer-events: none;
}

@media only screen and (max-width: 1199px) {
  .quoting:before {
    width: 50px;
    height: 50px;
    margin: auto auto auto -50px;
  }
}

@media only screen and (max-width: 991px) {
  .quoting:before {
    margin: auto auto auto 0px;
  }
}

.quoting:after {
  content: "";
  background: url("../images/quote-right.png") no-repeat center center;
  background-size: contain;
  width: 100px;
  height: 75px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto -80px auto auto;
  pointer-events: none;
}

@media only screen and (max-width: 1199px) {
  .quoting:after {
    width: 50px;
    height: 50px;
    margin: auto -50px auto auto;
  }
}

@media only screen and (max-width: 991px) {
  .quoting:after {
    margin: auto 0 auto auto;
  }
}

.customer-stories .quoting {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  .customer-stories .quoting {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .customer-stories .quoting {
    font-size: 20px;
    line-height: 28px;
  }
}

.customer-stories .csslickermain {
  width: 100%;
  margin-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .customer-stories .csslickermain {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .customer-stories .csslickermain {
    margin-left: -25px;
    margin-right: -25px;
    width: auto;
  }
}

@media only screen and (max-width: 350px) {
  .customer-stories .csslickermain {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .customer-stories .csslickermain .parawrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 350px) {
  .customer-stories .csslickermain .parawrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cspara {
  padding-bottom: 60px;
}

.cspara p {
  font-size: 14px;
  color: #707070;
  line-height: 32px;
  margin: 0 0 30px 0;
}
.fontDecrease .cspara p {
  font-size: 13px;
}
.fontIncreas .cspara p {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .cspara p {
    font-size: 18px;
  }
  .fontDecrease .cspara p {
    font-size: 17px;
  }
  .fontIncreas .cspara p {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .cspara p {
    font-size: 20px;
  }
  .fontDecrease .cspara p {
    font-size: 19px;
  }
  .fontIncreas .cspara p {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .cspara p {
    font-size: 24px;
  }
  .fontDecrease .cspara p {
    font-size: 23px;
  }
  .fontIncreas .cspara p {
    font-size: 25px;
  }
}

.cscarousel {
  background: #F3F3F3;
  padding-top: 100px;
  padding-bottom: 100px;
}

.cscarousel .csslickwrap {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.cscarousel .csslick {
  width: 100%;
  margin-bottom: 0;
}

.cscarousel .csslick .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.cscarousel .csslick .slick-slide {
  height: inherit !important;
}

.cscarousel .csslick .slick-slide > div {
  height: 100%;
  position: relative;
}

.cscarousel .csslick .slick-slide > div > div {
  height: 100%;
  position: relative;
}

.cscarousel .csslick .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}

@media only screen and (max-width: 767px) {
  .cscarousel .csslick .slick-slide {
    margin-left: 0;
    margin-right: 0;
  }
}

.cscarousel .csslick .slick-prev, .cscarousel .csslick .slick-next {
  margin-top: 20px;
}

.cscarousel .csslick .slick-prev {
  left: -10px;
}

.cscarousel .csslick .slick-next {
  right: -10px;
}

.cscarousel .cscard {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 60px;
  padding-top: 90px;
  position: relative;
  margin-top: 110px;
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 1540px) {
  .cscarousel .cscard {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.cscarousel .cscard .avatar {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: -100px;
}

.cscarousel .cscard .title {
  font-size: 24px;
  color: #707070;
  line-height: 26px;
  position: relative;
  font-style: italic;
  font-weight: 700;
  padding-left: 13px;
  margin-bottom: 20px;
}
.fontDecrease .cscarousel .cscard .title {
  font-size: 23px;
}
.fontIncreas .cscarousel .cscard .title {
  font-size: 25px;
}

.cscarousel .cscard .title:before {
  content: "";
  width: 0;
  height: 24px;
  border-left: 3px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0px;
  pointer-events: none;
}

.cscarousel .cscard p {
  font-size: 10px;
}
.fontDecrease .cscarousel .cscard p {
  font-size: 9px;
}
.fontIncreas .cscarousel .cscard p {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .cscarousel .cscard p {
    font-size: 14px;
  }
  .fontDecrease .cscarousel .cscard p {
    font-size: 13px;
  }
  .fontIncreas .cscarousel .cscard p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .cscarousel .cscard p {
    font-size: 12px;
  }
  .fontDecrease .cscarousel .cscard p {
    font-size: 11px;
  }
  .fontIncreas .cscarousel .cscard p {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .cscarousel .cscard p {
    font-size: 14px;
  }
  .fontDecrease .cscarousel .cscard p {
    font-size: 13px;
  }
  .fontIncreas .cscarousel .cscard p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .cscarousel .cscard p {
    font-size: 16px;
  }
  .fontDecrease .cscarousel .cscard p {
    font-size: 15px;
  }
  .fontIncreas .cscarousel .cscard p {
    font-size: 17px;
  }
}

.cscarousel .cscard div {
  font-size: 10px;
  color: #707070;
  font-style: italic;
}
.fontDecrease .cscarousel .cscard div {
  font-size: 9px;
}
.fontIncreas .cscarousel .cscard div {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .cscarousel .cscard div {
    font-size: 14px;
  }
  .fontDecrease .cscarousel .cscard div {
    font-size: 13px;
  }
  .fontIncreas .cscarousel .cscard div {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .cscarousel .cscard div {
    font-size: 12px;
  }
  .fontDecrease .cscarousel .cscard div {
    font-size: 11px;
  }
  .fontIncreas .cscarousel .cscard div {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .cscarousel .cscard div {
    font-size: 14px;
  }
  .fontDecrease .cscarousel .cscard div {
    font-size: 13px;
  }
  .fontIncreas .cscarousel .cscard div {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .cscarousel .cscard div {
    font-size: 16px;
  }
  .fontDecrease .cscarousel .cscard div {
    font-size: 15px;
  }
  .fontIncreas .cscarousel .cscard div {
    font-size: 17px;
  }
}

.searchpops {
  width: 100%;
}

.searchpops .search-header {
  background: #fff;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .searchpops .search-header {
    height: auto;
  }
}

.searchpops .search-header .inp-block {
  width: 100%;
}

.searchpops .search-header .inp-block .form-control {
  padding: 10px 150px 10px 70px;
  border-radius: 0px;
}

@media only screen and (max-width: 1600px) {
  .searchpops .search-header .inp-block .form-control {
    height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .searchpops .search-header .inp-block .form-control {
    padding: 10px 150px 10px 50px;
  }
}

.searchpops .search-header .inp-block .actions button svg {
  width: 28px;
  height: 30px;
}

@media only screen and (max-width: 1600px) {
  .searchpops .search-header .inp-block .actions button svg {
    width: 20px;
    height: 20px;
  }
}

.searchpops .search-suggestions {
  background: #f3f3f3;
  padding: 30px;
  margin-top: -10px;
}

@media only screen and (max-width: 1600px) {
  .searchpops .search-suggestions {
    padding: 30px 20px;
  }
}

.searchpops .search-suggestions .title {
  font-size: 10px;
}
.fontDecrease .searchpops .search-suggestions .title {
  font-size: 9px;
}
.fontIncreas .searchpops .search-suggestions .title {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .searchpops .search-suggestions .title {
    font-size: 14px;
  }
  .fontDecrease .searchpops .search-suggestions .title {
    font-size: 13px;
  }
  .fontIncreas .searchpops .search-suggestions .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .searchpops .search-suggestions .title {
    font-size: 12px;
  }
  .fontDecrease .searchpops .search-suggestions .title {
    font-size: 11px;
  }
  .fontIncreas .searchpops .search-suggestions .title {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .searchpops .search-suggestions .title {
    font-size: 14px;
  }
  .fontDecrease .searchpops .search-suggestions .title {
    font-size: 13px;
  }
  .fontIncreas .searchpops .search-suggestions .title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .searchpops .search-suggestions .title {
    font-size: 16px;
  }
  .fontDecrease .searchpops .search-suggestions .title {
    font-size: 15px;
  }
  .fontIncreas .searchpops .search-suggestions .title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1540px) {
  .searchpops .search-suggestions .title {
    font-size: 12px;
  }
  .fontDecrease .searchpops .search-suggestions .title {
    font-size: 11px;
  }
  .fontIncreas .searchpops .search-suggestions .title {
    font-size: 13px;
  }
}

.searchpops .search-suggestions .search-cards {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}

@media only screen and (max-width: 1600px) {
  .searchpops .search-suggestions .search-cards {
    margin-top: 15px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1540px) {
  .searchpops .search-suggestions .search-cards {
    margin-top: 10px;
  }
}

.searchpops .search-suggestions .search-cards .content {
  padding-right: 50px;
  margin: 0 !important;
}

@media only screen and (max-width: 767px) {
  .searchpops .search-suggestions .search-cards .content {
    padding-right: 0;
  }
}

.searchpops .search-suggestions .search-cards .content .head {
  font-size: 20px;
  color: #004880;
}
.fontDecrease .searchpops .search-suggestions .search-cards .content .head  {
  font-size: 19px;
}
.fontIncreas .searchpops .search-suggestions .search-cards .content .head  {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .searchpops .search-suggestions .search-cards .content .head {
    font-size: 18px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .head  {
    font-size: 17px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .head  {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .searchpops .search-suggestions .search-cards .content .head {
    font-size: 16px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .head  {
    font-size: 15px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .head  {
    font-size: 17px;
  }
}

.searchpops .search-suggestions .search-cards .content .sub {
  font-size: 10px;
  margin-top: 10px;
}
.fontDecrease .searchpops .search-suggestions .search-cards .content .sub  {
  font-size: 9px;
}
.fontIncreas .searchpops .search-suggestions .search-cards .content .sub {
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 14px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .sub  {
    font-size: 13px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 12px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .sub  {
    font-size: 11px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 14px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .sub  {
    font-size: 13px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1900px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 16px;
  }
  .fontDecrease .searchpops .search-suggestions .search-cards .content .sub  {
    font-size: 15px;
  }
  .fontIncreas .searchpops .search-suggestions .search-cards .content .sub {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1540px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .searchpops .search-suggestions .search-cards .content .sub {
    line-height: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .searchpops .search-suggestions .search-cards .actions {
    margin-top: 10px;
  }
}

.searchpops .search-suggestions .search-cards .actions .download {
  margin-top: 0;
  margin-left: 15px;
}

.searchpops .search-suggestions .viewall {
  margin-top: 20px;
}

@media only screen and (max-width: 1600px) {
  .searchpops .search-suggestions .viewall {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 1540px) {
  .searchpops .search-suggestions .viewall {
    margin-top: 10px;
  }
}

.searchpops .search-suggestions .viewall a {
  padding-right: 0;
}

.searchpops .search-suggestions .viewall a:before {
  margin: 30px auto auto auto;
}

@media only screen and (max-width: 767px) {
  .searchpops .search-suggestions .viewall a:before {
    margin: 20px auto auto auto;
  }
}

.searchmodal .modal-dialog {
  max-width: 1200px;
}

@media only screen and (max-width: 1600px) {
  .searchmodal .modal-dialog {
    max-width: 1000px;
  }
}

.searchmodal .modal-body {
  padding: 0;
}

.searchmodal .modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.videopops .mainvid, .videopops .subvids {
  width: 100%;
  position: relative;
  border: 1px solid #D9D9D9;
}

.videopops .mainvid .vid, .videopops .subvids .vid {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  height: 540px;
}

.videopops .mainvid .vid img, .videopops .subvids .vid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.videopops .mainvid .vid:after, .videopops .subvids .vid:after {
  content: "";
  width: 120px;
  height: 120px;
  background: url("../images/video/playicon.png") no-repeat top center;
  background-size: contain;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  pointer-events: none;
  display: none;
}

.videopops .mainvid .caption, .videopops .subvids .caption {
  padding: 30px 20px;
}

.videopops .mainvid .caption .title, .videopops .subvids .caption .title {
  font-size: 14px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .videopops .mainvid .caption .title, .videopops .subvids .caption .title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .videopops .mainvid .caption .title, .videopops .subvids .caption .title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .videopops .mainvid .caption .title, .videopops .subvids .caption .title {
    font-size: 24px;
  }
}

.videopops .mainvid .caption p, .videopops .subvids .caption p {
  font-size: 10px;
  color: #707070;
}

@media only screen and (min-width: 768px) {
  .videopops .mainvid .caption p, .videopops .subvids .caption p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .videopops .mainvid .caption p, .videopops .subvids .caption p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1500px) {
  .videopops .mainvid .caption p, .videopops .subvids .caption p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1900px) {
  .videopops .mainvid .caption p, .videopops .subvids .caption p {
    font-size: 16px;
  }
}

.videopops .subvids {
  border: 0px;
}

.videopops .subvids .vid {
  height: 177px;
  border-radius: 10px;
}

.videopops .subvids .vid img {
  -o-object-position: center center;
     object-position: center center;
}

.videopops .subvids .vid:after {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 20px 20px auto;
}

.videopops .subvids .caption {
  padding: 0px 20px;
}

.videopops .subvids .caption .title {
  color: #004880;
}

.vid-slick-wrap {
  position: relative;
}

.vid-slick-wrap .vid-slick {
  width: 100%;
  margin-bottom: 0;
}

.vid-slick-wrap .vid-slick .vs-slide {
  margin-bottom: 20px;
}

.vid-slick-wrap .vid-slick .slick-prev,
.vid-slick-wrap .vid-slick .slick-next {
  height: 60px;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .vid-slick-wrap .vid-slick .slick-prev,
  .vid-slick-wrap .vid-slick .slick-next {
    width: 40px;
    height: 40px;
  }
}

.vid-slick-wrap .vid-slick .slick-prev, .vid-slick-wrap .vid-slick .slick-next {
  left: 50%;
}

.vid-slick-wrap .vid-slick .slick-prev {
  top: 0;
  background: url("../images/video/up.png") no-repeat center center;
  background-size: contain;
}

.vid-slick-wrap .vid-slick .slick-next {
  top: auto;
  bottom: -40px;
  right: auto;
  background: url("../images/video/down.png") no-repeat center center;
  background-size: contain;
}

.vsmain-wrap {
  position: relative;
}

.vsmain-wrap .vsmain {
  width: 100%;
  margin-bottom: 0;
}

.vsmain-wrap .vsmainslide {
  padding: 0px 5px;
}

.aboutFirst .viewall {
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .aboutFirst .viewall {
    margin-top: 10px;
  }
}

.about_second {
  margin-top: 120px;
}

@media only screen and (max-width: 1600px) {
  .about_second {
    margin-top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .about_second {
    margin-bottom: 60px;
  }
}

.about_second .person a {
  display: block;
  text-decoration: none;
}

.about_second .person a:focus, .about_second .person a:hover {
  text-decoration: none;
  outline: 0px;
}

.about_second .person a.vidicon {
  position: relative;
}

.about_second .person a.vidicon:after {
  content: "";
  width: 160px;
  height: 160px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  background: url("../images/homepages/play.png") no-repeat center center;
  background-size: contain;
}

.about_second .description {
  padding-left: 150px;
  padding-right: 150px;
}

@media only screen and (max-width: 1899px) {
  .about_second .description {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .description {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.about_second .description .designation {
  margin-top: 10px;
  font-size: 20px;
}
.fontDecrease .about_second .description .designation {
  font-size: 19px;
}
.fontIncreas .about_second .description .designation{
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .about_second .description .designation {
    font-size: 18px;
  }
  .fontDecrease .about_second .description .designation {
    font-size: 17px;
  }
  .fontIncreas .about_second .description .designation{
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .about_second .description .designation {
    font-size: 16px;
  }
  .fontDecrease .about_second .description .designation {
    font-size: 15px;
  }
  .fontIncreas .about_second .description .designation{
    font-size: 17px;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .description .designation {
    font-size: 14px;
  }
  .fontDecrease .about_second .description .designation {
    font-size: 13px;
  }
  .fontIncreas .about_second .description .designation{
    font-size: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .description .designation span.d-block {
    display: none !important;
  }
}

.about_second .description .viewall {
  margin-top: 20px;
}

.about_second .quoting {
  position: relative;
  font-size: 48px;
  line-height: 58px;
  color: #004880;
  text-align: left;
  margin-top: 0px;
}
.fontDecrease .about_second .quoting {
  font-size: 47px;
}
.fontIncreas .about_second .quoting{
  font-size: 49px;
}

@media only screen and (max-width: 1899px) {
  .about_second .quoting {
    font-size: 42px;
  }
  .fontDecrease .about_second .quoting {
    font-size: 41px;
  }
  .fontIncreas .about_second .quoting{
    font-size: 43px;
  }
}

@media only screen and (max-width: 1540px) {
  .about_second .quoting {
    font-size: 36px;
    line-height: 46px;
  }
  .fontDecrease .about_second .quoting {
    font-size: 35px;
  }
  .fontIncreas .about_second .quoting{
    font-size: 37px;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .quoting {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
  }
  .fontDecrease .about_second .quoting {
    font-size: 19px;
  }
  .fontIncreas .about_second .quoting{
    font-size: 21px;
  }
}

.about_second .quoting:before {
  content: "";
  background: url("../images/about/qleft.png") no-repeat center center;
  background-size: contain;
  width: 180px;
  height: 112px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto -180px;
  pointer-events: none;
}

@media only screen and (max-width: 1899px) {
  .about_second .quoting:before {
    width: 140px;
    height: 86px;
    margin: auto auto auto -140px;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .quoting:before {
    width: 40px;
    height: 40px;
    margin: 0px auto auto -40px;
  }
}

.about_second .quoting:after {
  content: "";
  background: url("../images/about/qright.png") no-repeat center center;
  background-size: contain;
  width: 180px;
  height: 112px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto -180px auto auto;
  pointer-events: none;
}

@media only screen and (max-width: 1899px) {
  .about_second .quoting:after {
    width: 140px;
    height: 86px;
    margin: auto -110px auto auto;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .quoting:after {
    width: 40px;
    height: 40px;
    margin: auto -20px 0px auto;
  }
}

@media only screen and (max-width: 991px) {
  .about_second .moborderfirst {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
}

.about-create {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 991px) {
  .about-create {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.about-create .container-fluid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.about-create .fs16 {
  font-size: 24px !important;
}

.about-create .create-cont {
  margin-top: 60px !important;
}

@media only screen and (max-width: 991px) {
  .about-create .create-cont {
    margin-top: 10px !important;
  }
}

.about-create .create-cont .fs40 {
  font-size: 80px;
}

.about-create .create-cont p {
  font-size: 20px;
}
.fontDecrease .about-create .create-cont p {
  font-size: 19px;
}
.fontIncreas .about-create .create-cont p{
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .about-create .create-cont p {
    font-size: 18px;
  }
  .fontDecrease .about-create .create-cont p {
    font-size: 17px;
  }
  .fontIncreas .about-create .create-cont p{
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-create .create-cont p {
    font-size: 16px;
  }
  .fontDecrease .about-create .create-cont p {
    font-size: 15px;
  }
  .fontIncreas .about-create .create-cont p{
    font-size: 17px;
  }
}

.about-create .rmore {
  margin-top: 120px;
}

@media only screen and (max-width: 991px) {
  .about-create .rmore {
    margin-top: 10px;
  }
}

.about-create .rmore .viewall a {
  color: #83F7FB;
}

.bankall {
  padding-top: 80px;
  padding-bottom: 180px;
  background-color: #F3F3F3;
}

@media only screen and (max-width: 1440px) {
  .bankall {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .bankall {
    padding-top: 60px;
    padding-bottom: 160px;
  }
}

.bankall .heading {
  color: #004880;
  text-align: center;
  letter-spacing: 50px;
}

@media only screen and (max-width: 1899px) {
  .bankall .heading {
    letter-spacing: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .bankall .heading {
    letter-spacing: 5px;
  }
}

.bankall .special-circle {
  background-color: #fff;
  width: 580px;
  height: 580px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 170px auto 70px;
  position: relative;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle {
    width: 500px;
    height: 500px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle {
    width: 420px;
    height: 420px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle {
    width: 320px;
    height: 320px;
    margin: 220px auto 70px;
  }
}

.bankall .special-circle:before {
  content: "";
  width: 113%;
  height: 113%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  pointer-events: none;
  border: 1px solid #707070;
  border-radius: 50%;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle:before {
    width: 114%;
    height: 114%;
  }
}

.bankall .special-circle:after {
  content: "";
  width: 130%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  pointer-events: none;
  border: 1px dashed #BFBFBF;
  border-radius: 50%;
}

.bankall .special-circle .title {
  font-size: 36px;
  margin-bottom: 20px;
}
.fontDecrease .bankall .special-circle .title {
  font-size: 35px;
}
.fontIncreas .bankall .special-circle .title {
  font-size: 37px;
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .title {
    font-size: 30px;
  }
  .fontDecrease .bankall .special-circle .title {
    font-size: 29px;
  }
  .fontIncreas .bankall .special-circle .title {
    font-size: 31px;
  }
}

.bankall .special-circle p {
  font-size: 14px;
  margin: 0 0 30px 0;
}
.fontDecrease .bankall .special-circle p  {
  font-size: 13px;
}
.fontIncreas .bankall .special-circle p  {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .bankall .special-circle p {
    font-size: 18px;
  }
  .fontDecrease .bankall .special-circle p  {
    font-size: 17px;
  }
  .fontIncreas .bankall .special-circle p  {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .bankall .special-circle p {
    font-size: 20px;
  }
  .fontDecrease .bankall .special-circle p  {
    font-size: 19px;
  }
  .fontIncreas .bankall .special-circle p  {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .bankall .special-circle p {
    font-size: 24px;
  }
  .fontDecrease .bankall .special-circle p  {
    font-size: 23px;
  }
  .fontIncreas .bankall .special-circle p  {
    font-size: 25px;
  }
}

.bankall .special-circle .circle-carousels {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels {
    top: -200px;
    z-index: 1;
  }
}

.bankall .special-circle .circle-carousels .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 680px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 30px;
}

.bankall .special-circle .circle-carousels .ccitems {
  text-align: center;
  z-index: 1;
}

.bankall .special-circle .circle-carousels .ccitems.pos1 {
  position: absolute;
  top: -100px;
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1 {
    top: -120px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1 {
    position: relative;
    top: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos1.left {
  left: -200px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.left {
    left: -160px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.left {
    left: -120px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.left {
    left: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos1.right {
  right: -200px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.right {
    right: -160px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.right {
    right: -120px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos1.right {
    right: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos1 .title {
  margin-bottom: 25px;
}

.bankall .special-circle .circle-carousels .ccitems.pos2 {
  position: absolute;
  top: 50px;
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2 {
    top: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2 {
    position: relative;
    top: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos2.left {
  left: -460px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.left {
    left: -380px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.left {
    left: -320px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.left {
    left: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos2.right {
  right: -460px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.right {
    right: -380px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.right {
    right: -320px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2.right {
    right: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos2 .title {
  margin-bottom: 45px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos2 .title {
    margin-bottom: 25px;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos3 {
  position: absolute;
  top: 440px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3 {
    top: 380px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3 {
    top: 310px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3 {
    position: relative;
    top: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos3.left {
  left: -260px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.left {
    left: -220px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.left {
    left: -220px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.left {
    left: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos3.right {
  right: -260px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.right {
    right: -220px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.right {
    right: -220px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3.right {
    right: inherit;
  }
}

.bankall .special-circle .circle-carousels .ccitems.pos3 .title {
  margin-bottom: 35px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems.pos3 .title {
    margin-bottom: 25px;
  }
}

.bankall .special-circle .circle-carousels .ccitems .title {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  z-index: 10;
}
.fontDecrease .bankall .special-circle .circle-carousels .ccitems .title {
  font-size: 13px;
}
.fontIncreas .bankall .special-circle .circle-carousels .ccitems .title {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 18px;
  }
  .fontDecrease .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 17px;
  }
  .fontIncreas .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1500px) {
  .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 20px;
  }
  .fontDecrease .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 19px;
  }
  .fontIncreas .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1900px) {
  .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 24px;
  }
  .fontDecrease .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 23px;
  }
  .fontIncreas .bankall .special-circle .circle-carousels .ccitems .title {
    font-size: 25px;
  }
}

.bankall .special-circle .circle-carousels .ccitems .picture {
  position: relative;
  margin: 0px auto;
}

.bankall .special-circle .circle-carousels .ccitems .picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: relative;
  z-index: 1;
}

.bankall .special-circle .circle-carousels .ccitems .picture.size1 {
  width: 160px;
  height: 160px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size1 {
    width: 140px;
    height: 140px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size1 {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size1 {
    width: 140px;
    height: 140px;
  }
}

.bankall .special-circle .circle-carousels .ccitems .picture.size2 {
  width: 260px;
  height: 260px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size2 {
    width: 240px;
    height: 240px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size2 {
    width: 200px;
    height: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size2 {
    width: 140px;
    height: 140px;
  }
}

.bankall .special-circle .circle-carousels .ccitems .picture.size3 {
  width: 210px;
  height: 210px;
}

@media only screen and (max-width: 1899px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size3 {
    width: 190px;
    height: 190px;
  }
}

@media only screen and (max-width: 1440px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size3 {
    width: 160px;
    height: 160px;
  }
}

@media only screen and (max-width: 1199px) {
  .bankall .special-circle .circle-carousels .ccitems .picture.size3 {
    width: 140px;
    height: 140px;
  }
}

.bankall .special-circle .circle-carousels .ccitems .picture:before {
  content: "";
  width: 140%;
  height: 140%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  pointer-events: none;
  border: 1px dashed #BFBFBF;
  border-radius: 50%;
  background: #F3F3F3;
  z-index: 1;
}

.bankall .special-circle .circle-carousels .ccitems .picture:after {
  content: "";
  width: 120%;
  height: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  pointer-events: none;
  border: 1px solid #707070;
  border-radius: 50%;
  z-index: 1;
}

.bankall .special-circle .btn {
  position: relative;
  z-index: 11;
}

.about-numbers {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1440px) {
  .about-numbers {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers {
    text-align: center;
  }
}

.about-numbers .numblock {
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .about-numbers .numblock {
    margin-top: 30px;
    display: inline-block;
  }
}

.about-numbers .numblock .title {
  font-size: 40px;
  color: #093252;
  font-weight: 700;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fontDecrease .about-numbers .numblock .title {
  font-size: 39px;
}
.fontIncreas .about-numbers .numblock .title {
  font-size: 41px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .numblock .title {
    font-size: 36px;
  }
  .fontDecrease .about-numbers .numblock .title {
    font-size: 35px;
  }
  .fontIncreas .about-numbers .numblock .title {
    font-size: 37px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .numblock .title {
    font-size: 30px;
  }
  .fontDecrease .about-numbers .numblock .title {
    font-size: 29px;
  }
  .fontIncreas .about-numbers .numblock .title {
    font-size: 31px;
  }
}

.about-numbers .numblock .title .absicon {
  position: absolute;
  right: -40px;
  pointer-events: none;
}

@media only screen and (max-width: 991px) {
  .about-numbers .numblock .title .absicon {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .about-numbers .numblock .title .absicon {
    right: -15px;
  }
}

.about-numbers .numblock .detail {
  font-size: 28px;
  margin-bottom: 7px;
  line-height: 1.2;
}
.fontDecrease .about-numbers .numblock .detail {
  font-size: 27px;
}
.fontIncreas .about-numbers .numblock .detail {
  font-size: 29px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .numblock .detail {
    font-size: 24px;
  }
  .fontDecrease .about-numbers .numblock .detail {
    font-size: 23px;
  }
  .fontIncreas .about-numbers .numblock .detail {
    font-size: 25px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .numblock .detail {
    font-size: 20px;
  }
  .fontDecrease .about-numbers .numblock .detail {
    font-size: 19px;
  }
  .fontIncreas .about-numbers .numblock .detail {
    font-size: 21px;
  }
}

.about-numbers .numblock p {
  font-size: 12px;
  line-height: 1.4em;
  color: #707070;
}
.fontDecrease .about-numbers .numblock p  {
  font-size: 11px;
}
.fontIncreas .about-numbers .numblock p  {
  font-size: 13px;
}

@media only screen and (min-width: 768px) {
  .about-numbers .numblock p {
    font-size: 16px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 15px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) {
  .about-numbers .numblock p {
    font-size: 13px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 12px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .about-numbers .numblock p {
    font-size: 13px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 12px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1500px) {
  .about-numbers .numblock p {
    font-size: 14px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 13px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1600px) {
  .about-numbers .numblock p {
    font-size: 15px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 14px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1680px) {
  .about-numbers .numblock p {
    font-size: 16px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 15px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1900px) {
  .about-numbers .numblock p {
    font-size: 18px;
  }
  .fontDecrease .about-numbers .numblock p  {
    font-size: 17px;
  }
  .fontIncreas .about-numbers .numblock p  {
    font-size: 19px;
  }
}

.about-numbers .numblock .viewall a {
  font-size: 20px;
}
.fontDecrease .about-numbers .numblock .viewall a  {
  font-size: 19px;
}
.fontIncreas .about-numbers .numblock .viewall a  {
  font-size: 21px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .numblock .viewall a {
    font-size: 18px;
  }
  .fontDecrease .about-numbers .numblock .viewall a  {
    font-size: 17px;
  }
  .fontIncreas .about-numbers .numblock .viewall a  {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .numblock .viewall a {
    font-size: 16px;
  }
  .fontDecrease .about-numbers .numblock .viewall a  {
    font-size: 15px;
  }
  .fontIncreas .about-numbers .numblock .viewall a  {
    font-size: 17px;
  }
}

.about-numbers .numblock .viewall a:before {
  display: none;
}

.about-numbers .numblock.lakh .title {
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .about-numbers .numblock.lakh {
    margin-top: 40px;
  }
}

.about-numbers .row2 {
  margin-top: 40px;
  padding-left: 150px;
  padding-right: 150px;
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1899px) {
  .about-numbers .row2 {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row2 {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .row2 {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.about-numbers .row2 .numblock .title {
  font-size: 66px;
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fontDecrease .about-numbers .row2 .numblock .title  {
  font-size: 65px;
}
.fontIncreas .about-numbers .row2 .numblock .title  {
  font-size: 67px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .row2 .numblock .title {
    font-size: 54px;
  }
  .fontDecrease .about-numbers .row2 .numblock .title  {
    font-size: 53px;
  }
  .fontIncreas .about-numbers .row2 .numblock .title  {
    font-size: 55px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row2 .numblock .title {
    font-size: 48px;
  }
  .fontDecrease .about-numbers .row2 .numblock .title  {
    font-size: 47px;
  }
  .fontIncreas .about-numbers .row2 .numblock .title  {
    font-size: 49px;
  }
}

@media only screen and (max-width: 767px) {
  .about-numbers .row2 .numblock .title {
    font-size: 42px;
  }
  .fontDecrease .about-numbers .row2 .numblock .title  {
    font-size: 41px;
  }
  .fontIncreas .about-numbers .row2 .numblock .title  {
    font-size: 43px;
  }
}

.about-numbers .row2 .numblock img {
  max-width: 90%;
  margin-left: 10px;
}

.about-numbers .row3 {
  margin-top: 120px;
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row3 {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 1899px) {
  .about-numbers .row3 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .row3 {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.about-numbers .row3 .numblock .title {
  font-size: 66px;
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fontDecrease .about-numbers .row3 .numblock .title {
  font-size: 65px;
}
.fontIncreas .about-numbers .row3 .numblock .title {
  font-size: 67px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .row3 .numblock .title {
    font-size: 54px;
  }
  .fontDecrease .about-numbers .row3 .numblock .title {
    font-size: 53px;
  }
  .fontIncreas .about-numbers .row3 .numblock .title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row3 .numblock .title {
    font-size: 48px;
  }
  .fontDecrease .about-numbers .row3 .numblock .title {
    font-size: 47px;
  }
  .fontIncreas .about-numbers .row3 .numblock .title {
    font-size: 49px;
  }
}

@media only screen and (max-width: 767px) {
  .about-numbers .row3 .numblock .title {
    font-size: 42px;
  }
  .fontDecrease .about-numbers .row3 .numblock .title {
    font-size: 41px;
  }
  .fontIncreas .about-numbers .row3 .numblock .title {
    font-size: 43px;
  }
}

.about-numbers .row3 .numblock img {
  max-width: 90%;
  margin-left: 10px;
}

.about-numbers .row4 {
  margin-top: 80px;
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row4 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .row4 {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.about-numbers .row4 .numblock .title {
  font-size: 66px;
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .row4 .numblock .title {
    font-size: 54px;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .row4 .numblock .title {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .about-numbers .row4 .numblock .title {
    font-size: 42px;
  }
}

.about-numbers .row4 .numblock img {
  max-width: 90%;
  margin-left: 10px;
}

.about-numbers .centernumber {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
}

@media only screen and (max-width: 1199px) {
  .about-numbers .centernumber {
    -webkit-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .centernumber {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.about-numbers .centernumber .title .counters {
  font-size: 105px;
  line-height: 129px;
  width: 97px;
  height: 129px;
  background: #FFFFFF;
  -webkit-box-shadow: 4px 4px 20px #0000001A;
          box-shadow: 4px 4px 20px #0000001A;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  opacity: 0.94;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1899px) {
  .about-numbers .centernumber .title .counters {
    width: 79px;
    height: 120px;
    font-size: 84px;
    line-height: 120px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1440px) {
  .about-numbers .centernumber .title .counters {
    width: 70px;
    height: 100px;
    font-size: 72px;
    line-height: 100px;
  }
}

@media only screen and (max-width: 350px) {
  .about-numbers .centernumber .title .counters {
    width: 60px;
    height: 90px;
    font-size: 60px;
    line-height: 90px;
  }
}

.about-numbers .centernumber .title .counters.dot {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0px;
}

.about-numbers .centernumber .title .counters .counterv {
  width: 100%;
  margin-bottom: 0;
}

.about-numbers .centernumber .title .crore {
  margin-left: 10px;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
}

@media only screen and (max-width: 1899px) {
  .about-numbers .centernumber .title .crore {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .centernumber .title .crore {
    display: block;
    position: relative;
    -webkit-transform: none;
            transform: none;
    right: inherit;
    margin-left: 0;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1899px) {
  .about-numbers .centernumber .detail {
    font-size: 14px;
    font-weight: 700;
  }
}

@media only screen and (max-width: 1899px) and (min-width: 768px) {
  .about-numbers .centernumber .detail {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1899px) and (min-width: 1500px) {
  .about-numbers .centernumber .detail {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1899px) and (min-width: 1900px) {
  .about-numbers .centernumber .detail {
    font-size: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .about-numbers .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.bbpills {
  border: 1px solid #D9D9D9;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 5px;
}

.bbpills .nav-link {
  min-height: 60px;
  padding: 10px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  position: relative;
  color: #004880;
  font-weight: 700;
}

@media only screen and (max-width: 1899px) {
  .bbpills .nav-link {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .bbpills .nav-link {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1540px) {
  .bbpills .nav-link {
    padding: 7px 35px;
    font-size: 16px;
    min-height: 50px;
  }
}

@media only screen and (max-width: 1399px) {
  .bbpills .nav-link {
    padding: 6px 30px;
    font-size: 14px;
    min-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .bbpills .nav-link {
    padding: 6px 15px;
  }
}

.bbpills .nav-link.active {
  color: #000;
  background-color: transparent;
}

.bbpills .nav-link:before {
  content: "";
  width: 1px;
  height: 80%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto auto 0;
  border-left: 1px solid #D9D9D9;
  pointer-events: none;
}

.bbpills .nav-link:after {
  content: "";
  width: 0%;
  height: 1px;
  border-bottom: 2px solid #ED3B25;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto auto 0 auto;
  pointer-events: none;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.bbpills .nav-link.active:after {
  width: 100%;
}

.bbpills .nav-item:first-child .nav-link:before {
  display: none;
}

.careerfirst {
  text-align: center;
}

.careerfirst .heading {
  margin-top: 30px;
}

.careerfirst #career-tab {
  margin-top: 80px;
}

@media only screen and (max-width: 1540px) {
  .careerfirst #career-tab {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1399px) {
  .careerfirst #career-tab {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .careerfirst #career-tab {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 767px) {
  .careertabswrap {
    overflow-x: scroll;
    margin-right: -25px;
  }
}

@media only screen and (max-width: 350px) {
  .careertabswrap {
    margin-right: -15px;
  }
}

.career-item {
  width: 100%;
}

.career-item .image {
  height: 540px;
}

@media only screen and (max-width: 1899px) {
  .career-item .image {
    height: 475px;
  }
}

@media only screen and (max-width: 1600px) {
  .career-item .image {
    height: 460px;
  }
}

@media only screen and (max-width: 1540px) {
  .career-item .image {
    height: 435px;
  }
}

@media only screen and (max-width: 1399px) {
  .career-item .image {
    height: 390px;
  }
}

@media only screen and (max-width: 991px) {
  .career-item .image {
    height: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .career-item .image {
    height: 160px;
  }
}

.career-item .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.career-slick-wrap {
  margin-top: 60px;
  position: relative;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

@media only screen and (max-width: 1399px) {
  .career-slick-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .career-slick-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

.career-slick-wrap .career-slick {
  width: 100%;
  margin-bottom: 30px;
}

.career-slick-wrap .career-slick .career-item {
  border-radius: 10px;
  overflow: hidden;
}

.career-slick-wrap .career-slick .career-item .caption {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .career-slick-wrap .career-slick .career-item .caption {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.career-slick-wrap .career-slick .career-item .title {
  font-size: 20px;
  margin-top: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1899px) {
  .career-slick-wrap .career-slick .career-item .title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .career-slick-wrap .career-slick .career-item .title {
    font-size: 16px;
  }
}

.career-slick-wrap .career-slick .career-item p {
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .career-slick-wrap .career-slick .career-item p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .career-slick-wrap .career-slick .career-item p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1500px) {
  .career-slick-wrap .career-slick .career-item p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1900px) {
  .career-slick-wrap .career-slick .career-item p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1399px) {
  .career-slick-wrap .career-slick .career-item p {
    line-height: 1.4em;
  }
}

.career-slick-wrap .career-slick .slick-prev {
  left: -100px;
}

@media only screen and (max-width: 1899px) {
  .career-slick-wrap .career-slick .slick-prev {
    left: -70px;
  }
}

@media only screen and (max-width: 767px) {
  .career-slick-wrap .career-slick .slick-prev {
    left: -20px;
    margin-top: -10px;
  }
}

.career-slick-wrap .career-slick .slick-next {
  right: -100px;
}

@media only screen and (max-width: 1899px) {
  .career-slick-wrap .career-slick .slick-next {
    right: -70px;
  }
}

@media only screen and (max-width: 767px) {
  .career-slick-wrap .career-slick .slick-next {
    right: -20px;
    margin-top: -10px;
  }
}

.career-slick-wrap .career-slick .slick-dots {
  bottom: auto;
  top: 490px;
}

@media only screen and (max-width: 1899px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 430px;
  }
}

@media only screen and (max-width: 1600px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 415px;
  }
}

@media only screen and (max-width: 1540px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 400px;
  }
}

@media only screen and (max-width: 1399px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 350px;
  }
}

@media only screen and (max-width: 991px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .career-slick-wrap .career-slick .slick-dots {
    top: 120px;
  }
}

.career-slick-wrap .career-slick .slick-dots li button:before {
  color: #fff;
  opacity: 1;
}

.career-slick-wrap .career-slick .slick-dots li.slick-active button:before {
  color: #004880;
}

.training-program {
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #FFF7E4;
}

.training-program .img-block {
  padding-right: 20px;
}

.training-program .content-block .title {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .training-program .content-block .title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 992px) {
  .training-program .content-block .title {
    font-size: 36px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 1400px) {
  .training-program .content-block .title {
    font-size: 38px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1500px) {
  .training-program .content-block .title {
    font-size: 42px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 1600px) {
  .training-program .content-block .title {
    font-size: 44px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1680px) {
  .training-program .content-block .title {
    font-size: 45px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 1900px) {
  .training-program .content-block .title {
    font-size: 54px;
    line-height: 64px;
  }
}

.training-program .content-block p {
  font-size: 14px;
  line-height: 1.3em;
}

@media only screen and (min-width: 768px) {
  .training-program .content-block p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .training-program .content-block p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .training-program .content-block p {
    font-size: 24px;
  }
}

.training-program .content-block ul {
  margin-top: 30px;
  font-size: 14px;
  padding: 0 0 0 20px;
}

@media only screen and (min-width: 768px) {
  .training-program .content-block ul {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .training-program .content-block ul {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .training-program .content-block ul {
    font-size: 24px;
  }
}

.training-program .content-block ul li {
  margin-bottom: 15px;
}

.training-program .content-block .viewall {
  margin-top: 20px;
}

.training-program.whitebg {
  background: #fff;
  margin-top: 0;
}

.training-program.whitebg .img-block {
  padding-left: 20px;
}

.join-team, .current-openings {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

@media only screen and (max-width: 1540px) {
  .join-team, .current-openings {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .join-team, .current-openings {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.join-team p, .current-openings p {
  font-size: 14px;
  margin: 30px 0;
  line-height: 32px;
}

@media only screen and (min-width: 768px) {
  .join-team p, .current-openings p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .join-team p, .current-openings p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .join-team p, .current-openings p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .join-team p, .current-openings p {
    margin: 10px 0;
    line-height: 1.2em;
  }
}

.join-team .circlewrap, .current-openings .circlewrap {
  padding-top: 60px;
}

@media only screen and (max-width: 1540px) {
  .join-team .circlewrap, .current-openings .circlewrap {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .join-team .circlewrap, .current-openings .circlewrap {
    padding-top: 20px;
  }
}

.join-team {
  overflow: hidden;
  position: relative;
}

.join-team .splitcircle {
  width: 110%;
  height: 150%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  background: #ECF7FF;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .join-team .splitcircle {
    width: 150%;
  }
}

.current-openings {
  background: #fff;
}

.savingspopchat .paras {
  font-size: 14px;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .savingspopchat .paras {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .savingspopchat .paras {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .savingspopchat .paras {
    font-size: 24px;
  }
}

.savingspopchat .calluswrap {
  margin-top: 60px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
}

.savingspopchat .calluswrap div {
  margin-bottom: 10px;
}

.savingspopchat .calluswrap .links {
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  display: block;
  color: #004880;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1899px) {
  .savingspopchat .calluswrap .links {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .savingspopchat .calluswrap .links {
    font-size: 16px;
  }
}

.savingspopchat .or {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .savingspopchat .or {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .savingspopchat .or {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .savingspopchat .or {
    font-size: 24px;
  }
}

.fsone {
  margin-top: 30px;
  padding-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}

.fsone .heading {
  color: #093252;
  margin-bottom: 20px;
}

.fsone p {
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .fsone p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .fsone p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .fsone p {
    font-size: 24px;
  }
}

.fstwo {
  padding-top: 60px;
}

.fstwo .subhead {
  font-size: 36px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .fstwo .subhead {
    font-size: 24px;
  }
}

.fstwo p {
  font-size: 20px;
  margin: 30px 0;
}

@media only screen and (max-width: 1899px) {
  .fstwo p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .fstwo p {
    font-size: 16px;
  }
}

.fstwo hr {
  margin-top: 60px;
}

.fstwo h3 {
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .fstwo h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .fstwo h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .fstwo h3 {
    font-size: 24px;
  }
}

.fstwo .tablewrap {
  margin-bottom: 20px;
}

.fstwo .small {
  color: #707070;
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .fstwo .small {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
  .fstwo .small {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1500px) {
  .fstwo .small {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1900px) {
  .fstwo .small {
    font-size: 16px;
  }
}

.fstwo .addbxgrid {
  margin-top: 50px;
}

.fstwo .addresbox {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  padding: 30px;
  text-align: left;
  height: 100%;
  position: relative;
}

.fstwo .addresbox .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .fstwo .addresbox .title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .fstwo .addresbox .title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1900px) {
  .fstwo .addresbox .title {
    font-size: 24px;
  }
}

.fstwo .addresbox p {
  margin: 0;
}

.fstwo .addresbox .contacts {
  margin-top: 20px;
}

.fstwo .addresbox .contacts .icons {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.fstwo .addresbox .contacts > div {
  margin-bottom: 10px;
  font-style: italic;
}

.fstwo .addresbox .contacts a {
  display: inline-block;
  color: #004880;
  font-size: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 1899px) {
  .fstwo .addresbox .contacts a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1440px) {
  .fstwo .addresbox .contacts a {
    font-size: 16px;
  }
}

.list-group .list-group-item {
  border: 0;
  border-right: 2px solid #004880;
  padding: 0;
}

.list-group .list-group-item:last-child {
  border-right: 0;
}

.list-group .list-group-item a {
  font-style: italic;
  font-weight: 700;
  color: #004880;
  padding: 0px 30px;
}

.searchclose {
  position: absolute;
  top: 25px;
  left: 20px;
}

@media only screen and (max-width: 1600px) {
  .searchclose {
    top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .searchclose {
    width: 30px;
    height: 30px;
    top: 17px;
    left: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .profiles-carousel-wrap {
    position: relative;
    margin-top: 50px;
    overflow: hidden;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .profiles-carousel-wrap {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 350px) {
  .profiles-carousel-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.profiles-carousel-wrap .profiles-carousel .slick-list {
  overflow: visible;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide .caption {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.prevSlide {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.nextSlide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-current, .profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-center {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-current .caption, .profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-center .caption {
  opacity: 1;
}

.profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-current + .slick-slide, .profiles-carousel-wrap .profiles-carousel .slick-list .slick-slide.slick-center + .slick-slide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.profiles-carousel .slick-slide,
.profiles-carousel .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: right;
          transform-origin: right;
}

.profiles-carousel .slick-slide.prevSlide,
.profiles-carousel .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].prevSlide {
  -webkit-transform-origin: right;
          transform-origin: right;
}

.profiles-carousel .slick-slide.nextSlide,
.profiles-carousel .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"].nextSlide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

/* slide when active/center */
.profiles-carousel .slick-center,
.profiles-carousel .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.profiles-carousel .slick-center + .slick-slide,
.profiles-carousel .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] + .slick-slide {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.goProdTAG {
  cursor: none;
}

div#serload {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11111;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#ser_result > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.crsl-wo-img.w-img .box-crsl-items.shadow.opc:hover {
  background: transparent linear-gradient(117deg, #FFFFFF 0%, #eefef9 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 4px 4px 20px #0000004D;
  box-shadow: 4px 4px 20px #0000004D;
  border: 1px solid #3399E8;
  border-radius: 4px;
  /*   .btn-primary{
        @include btn-primary(#3399E8, $white);
    }
    .btn-outline-secondary{
        @include btn-outline-secondary(#3399E8, #3399E8);

    } */
}

.sidebartrig {
  pointer-events: none;
}

.error_display_leads, .cht_error {
  text-align: left !important;
}

.fixarrow .custom-select-one .select-selected:after {
  display: none;
}

.fixarrow .custom-select-one .select-img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto 10px auto auto;
  pointer-events: none;
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 767px) {
  .fixarrow .custom-select-one .select-img {
    width: 12px;
    height: 12px;
  }
}

.fixarrow .custom-select-one .select-img img {
  vertical-align: top;
  margin: 0 !important;
  display: block !important;
}

.sliding-popup .sliding-para a {
  text-decoration: underline;
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .obd.invsetorFirst .tax-contents .tax-items:not(:last-child) {
    margin-right: 40px !important;
  }
}

.product-detail .fulltabs .feat-block ul {
  list-style-type: disc;
}

.footer .f-links .flbody .card .card-header .fa.fa-minus:before {
  display: none;
}

.footer .f-links .flbody .card .card-header .fa.fa-plus:before {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .bbgridsnumbers {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}

/* .contact-form{
  .error_display_leads, .cht_error{
    margin-top: -15px;
  }
} */
@media only screen and (max-width: 1600px) {
  .pd50.elite {
    padding: 15px 0 50px 0 !important;
  }
}

@media only screen and (max-width: 1399px) {
  .pd50.elite {
    padding: 10px 0 50px 0 !important;
  }
}

@media only screen and (max-width: 1600px) {
  .bg-half-circle {
    height: 950px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bg-half-circle {
    height: 920px !important;
  }
}

@media only screen and (max-width: 767px) {
  .bg-half-circle {
    height: auto !important;
  }
}

.bann-group-img {
  max-width: 100% !important;
}

@media only screen and (max-width: 1600px) {
  .bann-group-img {
    top: 250px !important;
  }
}

.bann-group-img .mid-imgs {
  position: relative;
  left: inherit !important;
  margin-top: 40px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1600px) {
  .bann-group-img .mid-imgs {
    margin-top: 0 !important;
    margin-bottom: 35px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-group-img .mid-imgs {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
  }
}

.bann-group-img .mid-imgs .img-1 {
  height: auto !important;
  width: 250px !important;
  position: relative !important;
  top: inherit !important;
  left: inherit !important;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: right;
          transform-origin: right;
}

@media only screen and (max-width: 1600px) {
  .bann-group-img .mid-imgs .img-1 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-group-img .mid-imgs .img-1 {
    width: 160px !important;
  }
}

.bann-group-img .mid-imgs .img-3 {
  height: auto !important;
  width: 250px !important;
  position: relative !important;
  top: inherit !important;
  left: inherit !important;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: left;
          transform-origin: left;
}

@media only screen and (max-width: 1600px) {
  .bann-group-img .mid-imgs .img-3 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-group-img .mid-imgs .img-3 {
    width: 160px !important;
  }
}

.bann-group-img .mid-imgs .img-2 {
  height: auto !important;
  width: 250px !important;
  position: relative !important;
  top: inherit !important;
  left: inherit !important;
  z-index: 1 !important;
  margin: 0 -20px;
}

@media only screen and (max-width: 1600px) {
  .bann-group-img .mid-imgs .img-2 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-group-img .mid-imgs .img-2 {
    width: 160px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-image-one img {
    height: 120px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-image-two img {
    height: 160px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-image-three img {
    height: 120px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .bann-image-four img {
    height: 160px !important;
  }
}

@media only screen and (max-width: 1399px) {
  #img-sec-one .profile-collage {
    margin-top: 15px !important;
  }
}

#confirm_sel_model button#open {
  -webkit-box-shadow: 6px 6px 24px #FFFFFF66;
  box-shadow: 6px 6px 24px #FFFFFF66;
}

#home_popup_modal button#open {
  -webkit-box-shadow: 6px 6px 24px #FFFFFF66;
  box-shadow: 6px 6px 24px #FFFFFF66;
}

#home_popup_modal .mclose{   
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  background: #fff;
  border: 2px solid #fff;
  text-align: center;
}

#home_popup_modal .mclose img {
  display: inline-block;
    height: auto;
    width: 50%;
    vertical-align: middle;
}

.popup-image-wrapper {
  border: 5px solid #fff;
}


.modal-open #loanModal.modal {
  width: auto;
  padding-right: 0 !important;
  margin-right: -15px;
}

.fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
  font-size: 12px;
  line-height: 1.4em;
  text-align: left;
  list-style-type: disc;
}

@media only screen and (min-width: 768px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1600px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1680px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1900px) {
  .fstwo ul, .fstwo ol, .fsone ul, .fsone ol {
    font-size: 18px;
  }
}

.fstwo ul li, .fstwo ol li, .fsone ul li, .fsone ol li {
  margin-bottom: 10px;
}

.fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4em;
  padding: 0 0 0 40px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1500px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1600px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1680px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1900px) {
  .fstwo ul li ol, .fstwo ol li ol, .fsone ul li ol, .fsone ol li ol {
    font-size: 18px;
  }
}

/* version 28 */
/**code by aiswariya**/
.videostyle {
  width: 100%;
  position: absolute;
  height: 90%;
  left: 0;
  right: 0;
}

.bbmodal .mheader {
  z-index: 1;
  position: relative;
}

.rcwrap.rcwrapupdate {
  width: 100%;
  margin: 0;
}

.talktous {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.sliderbg {
  height: 28vw;
}

.slick-slide .rcwrap {
  margin-top: 60px;
}

.slick-slide .rcwrap {
  margin-top: 60px;
  position: absolute;
  top: 0;
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .Slickcarouselforbanner .slick-prev, .Slickcarouselforbanner .slick-next {
    height: 30px;
    width: 30px;
  }
  .intro .rcwrap .round-crsl .rc-items {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .intro .rcwrap .round-crsl .rc-items p {
    margin: 15px 0 0;
  }
  .slick-slide .rcwrap {
    width: 220px;
  }
  .intro .rcwrap .round-crsl .carousel-indicators {
    margin-top: 20px;
  }
  .intro .rcwrap .round-crsl {
    height: 220px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .sliderbg {
    height: 40vw;
  }
  .intro .rcwrap {
    margin-left: 100px;
  }
  .slick-slide .rcwrap {
    margin-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sliderbg {
    height: 45vw;
  }
  .slick-slide .rcwrap {
    margin-top: 25px;
    margin-left: 60px;
  }
  .talktous {
    position: static;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 767px) {
  .talktous {
    position: static;
    margin: 30px 0;
  }
  .videostyle {
    height: 100;
    top: 0;
  }
  .Slickcarouselforbanner .slick-prev, .Slickcarouselforbanner .slick-next {
    height: 30px;
    width: 30px;
    top: 75%;
  }
  .intro .rcwrap:before {
    top: 2%;
    left: 2%;
  }
  .intro .rcwrap:after {
    left: auto;
    right: 2%;
    top: 2%;
  }
  .sliderbg {
    height: 20vw;
  }
  .slick-slide .rcwrap {
    margin: 0 auto;
    position: relative;
  }
}

/*End*/

/*# sourceMappingURL=app.css.map */

/* Home Banner bottom Campaign Start */
.block-campaign .img-campaign {
  display: block;
  height: auto;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1279px) {
  .block-campaign .quote {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 991px) {
  .block-campaign .quote {
    font-size: 20px;
    line-height: 26px;
  }

  .block-campaign .heading,
  .block-campaign .quote p,
  .block-campaign .viewall  {
    text-align: center !important;
  }

  .block-campaign .viewall.story a:before {
    left: 50%;
    transform: translateX(-50%);
  }
}


/* Home Banner bottom Campaign End */



.top_band {
  /* height: 40px; */
  height: 30px;
  background-color: #2b2b2b;
  padding-left: 25px;
  padding-right: 25px;
  /* padding-left: 140px;
  padding-right: 140px; */
}
@media only screen and (max-width: 350px) {
  .top_band {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .top_band {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .top_band {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .top_band {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .top_band {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .top_band {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .top_band {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 350px) {
  .top_band {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .top_band {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1400px) {
  .top_band {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1500px) {
  .top_band {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1600px) {
  .top_band {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1680px) {
  .top_band {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1900px) {
  .top_band {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .top_band {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 350px) {
  .top_band {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .top_band {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .top_band {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .top_band {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .top_band {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1680px) {
  .top_band {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .top_band {
    padding-left: 140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 350px) {
  .top_band {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1200px) {
  .top_band {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .top_band {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1500px) {
  .top_band {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .top_band {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1680px) {
  .top_band {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 992px) and (min-width: 1900px) {
  .top_band {
    padding-right: 140px;
  }
}

@media only screen and (min-width: 1200px) {
  .top_band {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 350px) {
  .top_band {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .top_band {
    padding-left: 90px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1400px) {
  .top_band {
    padding-left: 105px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .top_band {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .top_band {
    padding-left: 115px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .top_band {
    padding-left: 120px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .top_band {
    padding-left: 140px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 350px) {
  .top_band {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .top_band {
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1400px) {
  .top_band {
    padding-right: 105px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1500px) {
  .top_band {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .top_band {
    padding-right: 115px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1680px) {
  .top_band {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1900px) {
  .top_band {
    padding-right: 140px;
  }
}















.top_band ul {
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  /* height: 40px; */
  height: 30px;
  gap: 20px;
}
.top_band ul a {
  color: #fff;
  /* font-size: 15px; */
  font-size: 14px;
  margin-right: 5px;
  /* padding: 4px 6px */
  padding: 1px 4px
}
.top_band ul a.default_theme {
  border: 1px solid #fff;
  background: #fff;
  color: #000;
}
.top_band ul a.dark_theme {
  border: 1px solid #fff;
  background: #000;
}



/* color change start */
.dark_color_theme {
  .navbar.bg-light {
    background-color: #606060 !important;
  }
  .navbar .container-fluid #bbnav .navbar-nav .nav-item.active .nav-link {
    background-color: #2b2b2b;
  }
  .light-image {
    display: none;
  }
  .dark-image {
    display: flex;
  }
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link {
    color: #ebceb0;
  }
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg .a, .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link svg .b {
    fill: #ebceb0;
  }
  .navbar .top-actions li a span svg {
    fill: #ebceb0;
    stroke: #ebceb0;
  }
  .searchsvg .a {
    fill: #ebceb0;
  }
  .markersvg .a {
    fill: #ebceb0;
    stroke: #ebceb0;
  }
  .btn-outline-secondary {
  }
  .btn-primary {
    background-color:#2b2b2b;
    border-color: #2b2b2b;
  }
  .gtm_id_credit_cards.btn-primary {
    background-color:#606060;
    border-color: #606060;
  }
  .curvesec .herosec .profiles .title {
    color: #19d6ff;
  }
  .details-box {
    background: #606060;
  }
  .footer {
    background: #606060;
  }
  .footer .footer-dark {
    background: #2b2b2b;
  }
  .sliding-popup {
    background: #606060;
  }
  .gtm_id_credit_cards.btn-outline-secondary {
    color: #19d6ff;
    background-color: transparent;
    border: 2px solid #19d6ff;
  }
  .btn-outline-secondary {
    color: #19d6ff;
    background-color: transparent;
    border: 2px solid #19d6ff;
  }
  .curvesec .herosec .heading.darker {
    color: #ebceb0;
  }
  h2.heading {
    color: #ebceb0;
  }
  .details-box .low-maint {
    color: #000;
  }
  a, a:hover, a:focus {
    color: #19d6ff;
  }
  .footer .f-links .flbody .card .card-body ul li a {
    color: #19d6ff;
  }
  .qr-text {
    color: #19d6ff;
  }
  .footer .f-links .flbody .card .card-header .btn {
    color: #19d6ff;
  }
  .footer .f-links .flhead {
    color: #19d6ff
  }
  .footer .sociallinks .calling > div a {
    color: #19d6ff;
  }
  .footer .sociallinks .calling > div {
    color: #19d6ff;
  }
  .footer .footer-dark .flinks .flbody .cloudlinks a {
    color: #19d6ff;
  }
  .footer .footer-dark .flinks .flhead {
    color: #19d6ff;
  }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #19d6ff;
  }
  .footer .footer-dark .copyrights {
    color: #19d6ff;
  }
  .page-title .breadcrumb .breadcrumb-item {
    color: #ebceb0;
  }
  .page-title .breadcrumb .breadcrumb-item a {
    color: #19d6ff;
  }
  .page-title .breadcrumb-item + .breadcrumb-item::before {
    color: #19d6ff;
  }
  /* .hl-grid .head {
    color: #000;
  } */
  .floating-menu .fmblock .title {
    color: #19d6ff;
  }
  .floating-menu ul li a, .floating-menu ul li a:hover {
    color: #19d6ff;
    background: none;
  }
  .highlights .row2 {
    background: #606060;
    color: #ebceb0;
  }
  .details-box .description, .details-box .benefits, .details-box .min-bal, .details-box .min-bal div, .details-box .standard {
    color: #19d6ff;
  }
  .details-box .benefits li::before {
    background: #19d6ff;
  }
  .floating-menu {
    background: #606060;
  }
  .contact-form { 
    background: #2b2b2b;
  }
  /* img {
    filter: grayscale(100%);
  } */
  .btn-primary {
    color: #19d6ff;
  }
  h2.title {
    color: #ebceb0;
  }
  .label, .form-check-label, .sliding-popup .sliding-para {
    color: #19d6ff;
  }

  @media only screen and (min-width: 1200px) {
    .crsl-wo-img.w-img .box-crsl-items {
      background: #606060;
    }
  }
  .box-crsl-items, .box-crsl-items:hover, .crsl-wo-img.w-img .box-crsl-items:hover {
    background: #606060;
  }
  .box-crsl-items.shadow.hov:hover {
    background: #606060!important;
  }
  .text-gray {
    color: #19d6ff !important;
  }
  .bg-light-skyblue {
    background: #606060
  }
  .beyond-bank-sec {
    background: #606060
  }
  .box-crsl-items.greybox {
    background: #606060
  }
  .box-crsl-items p {
    color: #19d6ff;
  }
  .description em {
    color: #19d6ff;
  }
  .heading, h1, .sub-head {
    color: #ebceb0;
  }
  .saving-act {
    background: #606060
  }
  .bg-light-gray {
    background: #606060;
  }
  .rightpnt .a, .rightpnt-one .a, .leftsvg .a {
    stroke: #19d6ff!important;
  }
  .bg-half-circle, .bg-half-circle-mob {
    background: #606060
  }
  .sliding-popup .sliding-para a {
    color: #19d6ff!important;
  }
  .bg-white {
    background-color: #606060 !important;
  }
  .bank-link {
    background-color: #606060 !important;
    border: 1px solid #19d6ff;
  }
  .mob-beyond-bank-sec {
    background: #606060;
  }
  .halfcirc {
    background: #606060;
  }
  .text-blue, .savingspopchat .calluswrap .links {
    color: #19d6ff
  }
  .modal-body {
    background: #2b2b2b;
    color: #19d6ff;
  }
  .savingspopchat .calluswrap, .chatpops .welcome, .savingspopchat .or, .bbmodal .loancard .desc .title {
    color: #ebceb0;
  }
  .modal-body .mclose .img-fluid {
    filter: brightness(0) invert(1);
  }
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link.active {
    color: #ebceb0;
  }
  .bb-tabs .nav-tabs.tabstyles .nav-item .nav-link, .bbmodal .loancard .desc p, .highlights .row2 .hl-grid p {
    color: #19d6ff;
  }
  .bbmodal .loancard {
    background: #606060;
  }
  .badges span {
    background: #FFF7E4;
    color: #000;
  }
  .elite .profile-collage .title {
    color: #ebceb0;
  }
  .section-compare-varient .compare-inner-section .compare-innerlist-padli {
    background: #606060;
  }
  .cls-2, .cls-1 {
    fill: #ebceb0;
  }
  .navbar .container-fluid #bbnav .navbar-nav .nav-item .nav-link:hover {
    background-color:#2b2b2b
  }
  .address-cards .container-fluid > .row {
    background-color: #606060;
  }
  .address-cards .container-fluid > .row .distance {
    color: #19d6ff;
  }
  .distance .dsit-inner .disttext, .clear-btn, .clear-btn:hover, .about-numbers .numblock p {
    color: #19d6ff;
  }
  .filter-box, .offer-disc-box.one, .about-menu {
    background: #606060;
  }
  .btn-red {
    background: #2b2b2b;
    color: #19d6ff !important;
  }
  .about-numbers, .bankall, .bg-grey2 {
    background: #2b2b2b;
  }
  .about-numbers .numblock .title {
    color: #ebceb0;
  }
  .section-rates .rcbody .comitee-content-row .commitee-items, .card-grey-items {
    background: #606060;
    box-shadow:none
  }
  .section-rates .rcbody .comitee-content-row .commitee-items .textsmall-head span,
  .horizontal-timeline .events a {
    color: #19d6ff;
  }
  .rcbody {
    background: #2b2b2b;
  }
  .bg-half-circle-one {
    background: #606060!important;
  }
  .bod-grids .bod-container .name {
    color: #ebceb0;
  }
  .bod-grids .bod-container .design,
  .obd p ,
  .cspara p,
  .cscarousel .cscard div,
  .obd.invsetorFirst .tax-contents .tax-items,
  .card-items-inves .details-para {
    color: #19d6ff
  }
  #block-bandhan-bank-content .bg-light-blue, #block-bandhan-bank-content .bg-light-yellow, #block-bandhan-bank-content .bg-blue-black {
    background: #2b2b2b;
  }
  .curvesec .herosec .heading, .quoting,
  .cscarousel .cscard .title  {
    color: #ebceb0;
  }
  #block-bandhan-bank-content .cscarousel {
    background: #2b2b2b;
  }
  #block-bandhan-bank-content .cscarousel .cscard {
    background: #606060;
  }  
  .sections.bg-white {
      background-color: #2b2b2b !important;
  }
  .accdcompnt .card {
    background: #606060;
  }
  .accdcompnt .download-non-btn {
    background: #606060;
  }
  .accdcompnt .card .card-header .btn {
    background: #606060;
  }
  .annual-report-accordins .card .card-header .btn {
    color: #ebceb0;
  }
  .table-align-list .domestic-table tbody > tr > td {
    background: #606060;
  }
  .table, .table-align-list .domestic-table .thead-table > tr {
    color: #19d6ff;
  }
  .search-body.bg-light-gray {
    background: #2b2b2b;
  }
  .ng-box {
    background: #606060;
  }
  #myTabContent .bg-yellow {
    background: #606060;
  }
  /* .accdcompnt  #rcaccord-service .card .card-header .btn { */
 .accdcompnt .card .card-header .btn {
    color: #19d6ff;
  }
  .iba-bgcolor-box, .acc-content, .bg-box, .rctable {
    background: #606060;
  }
  .accicon .a {
    stroke: #19d6ff;
  }
  .tablewrap .table tr.blug {
    background: #2b2b2b;
  }
}


.dark_color_theme.savings-account .interested, .savings-account-elite .interested {
  background: #2b2b2b;
}
.dark_color_theme.product-detail .elite .action-groups .download .links, .product-detail .elite .action-groups .payemi .links,
.dark_color_theme.product-detail .elite .action-groups .download .links:hover, .product-detail .elite .action-groups .payemi .links:hover {
  color: #19d6ff;
}
.dark_color_theme.product-detail .elite .halfcirc {
  background: #606060!important;
}
.dark_color_theme.savings-account.nobg-int .interested, .dark_color_theme.savings-account-elite.nobg-int .interested {
  background: #2b2b2b;
}
.dark_color_theme.product-detail .fulltabs .feat-block table tbody tr {
  background: #2b2b2b;
  color: #19d6ff;
}
.dark_color_theme.product-detail .fulltabs .feat-block table thead tr {
  background: #606060;
  color: #ebceb0;
}
.dark_color_theme.product-detail .elite .herosec .heading {
  color: #ebceb0;
}


body.dark_color_theme {
  background-color: #2b2b2b;
  color: #19d6ff;
}
@media only screen and (min-width: 768px) {
  .savings-account.dark_color_theme .halfcirc {
    background: #606060;
  }
}
@media only screen and (min-width: 1200px) {
  .savings-account.dark_color_theme .halfcirc {
    background: #606060;
  }
}
@media only screen and (min-width: 1680px) {
  .savings-account.dark_color_theme .halfcirc {                                                                                                                                                                                                                                   
    background: #606060;
  }
}
@media only screen and (min-width: 1900px) {
  .savings-account.dark_color_theme .halfcirc {
    background: #606060;
  }
}

/* 2024-08-08 */
body.dark_color_theme .personal-mt20 .h-title,
body.dark_color_theme .bussiness-banking .h-title,
body.dark_color_theme .nri-banking .h-title ,
body.dark_color_theme .crsl-wo-img:has(.bg) .heading,
body.dark_color_theme #lead_form1 .title {
  color: #0a3252;
}
body.dark_color_theme .personal-mt20 .heading ,
body.dark_color_theme .bussiness-banking .heading,
body.dark_color_theme .nri-banking .heading {
  color: #0a3252;
}
body.dark_color_theme  .footer {     
      background: #333333;
}
.dark_color_theme .floating-menu {
  background: #333333;
}

body.dark_color_theme .backsvg .a {   
    stroke: #19d6ff;    
}
body.dark_color_theme .RcPanel .Slickcarouselforbanner .heading {   
  color: #0a3252;  
}
.dark_color_theme .accdcompnt .download-non-btn {
  background: #333333;  
}
.dark_color_theme .accdcompnt .card {
  background: #333333; 
  }

/* color change end */












/* font changes srart */
/* @media only screen and (min-width: 1680px) {
  .fontDecrease .heading {
    font-size: 42px;
  }
  .fontIncreas .heading {
    font-size: 47px;
  }
}
  
  @media only screen and (min-width: 1900px) {
    .fontDecrease .curvesec .herosec p {
      font-size: 18px;
    }
    .fontIncreas .curvesec .herosec p {
      font-size: 22px;
    }
  }

  @media only screen and (min-width: 1900px) {
    .fontDecrease .page-title .breadcrumb .breadcrumb-item {
      font-size: 14px;
    }
    .fontIncreas .page-title .breadcrumb .breadcrumb-item {
      font-size: 18px;
    }
  } */
/* font changes srart */

.engt {
  display: none;
}

section.node-unclaimed-dividend ol.breadcrumb li.breadcrumb-item a,.bg-blue-black ol.breadcrumb li.breadcrumb-item.active {
  color: #fff !important;
}
section.node-unclaimed-dividend .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
section.node-unclaimed-dividend .backsvg .a {
  stroke: #fff !important;
}