/* FONT CONNECTION ---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

/* SEMANTIC STYLES -----------------------------------------------------------*/

body {
  font-family: 'Roboto', sans-serif;

}

/* CLASES STYLES ------------------------------------------------------------ */

.container_l {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.container_s {
  max-width: 848px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

h1 {
  font-size: 2.75em;
  line-height: 3.5rem;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  letter-spacing: .2px;
  color: #071d49;
  margin-bottom: 32px;
}
h2 {
  font-size: 2.5em;
  line-height: 3.5rem;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  letter-spacing: .2px;
  color: #071d49;
  margin-bottom: 32px;
  margin-top: 42px;
}

p {
  font-size: 19px;
  line-height: 32px;
  letter-spacing: .2px;
  color: #3D5266;
  margin-top: 7px;
}

strong {
  font-weight: bold;
}

/* main menu */

.main_menu {
  position: fixed;
  width: 100%;
  background-color: hsla(0,0%,100%,.97);
  z-index: 1005000;
  border-bottom: 1px solid hsla(0,0%,100%,.95);
}

.main_menu_scroll {
  border-bottom: 1px solid #ededed;
}

.main_menu_box {
  display: flex;
  padding: 19px 0;
  justify-content: space-between;
}

.nav_logo a, .nav_element_items, .nav_element_items ul {
  display: flex;
}

.nav_logo_img {
  background-image: url("../img/logo_img.svg");
  background-size: 32px;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
}

.nav_logo_title {
  background-image: url("../img/logo_title.svg");
  background-size: 77px;
  background-repeat: no-repeat;
  background-position: 100%;
  height: 32px;
  width: 77px;
  margin-left: 16px;

  -webkit-transition: width .3s,opacity .2s,margin-left .3s;
  -o-transition: width .3s,opacity .2s,margin-left .3s;
  transition: width .3s,opacity .2s,margin-left .3s;
}

.nav_logo_title_hide {
  opacity: 0!important;
  margin-left: 0!important;
}


.nav_element_items ul li {
  margin-right: 32px;
}

.nav_element_items ul li:hover .nav_bottom {
  background-color: #2089e5;
}

.nav_element_items ul li a {
  display: block;
  line-height: 32px;
  font-size: 14px;
  color: #465777;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.mobile_menu_item {
  display: none;
}

.mobile_menu_item ul li a {
  display: block;
  line-height: 32px;
  font-size: 14px;
  color: #465777;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.mobile_menu_item .nav_bottom {
  background-color: #2089e5;
}

.nav_bottom {
  background-color: hsla(0,0%,100%,0);
  width: 24px;
  height: 2px;
  margin: 0 auto;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.nav_divider {
  background-color: #465777;
  height: 16px;
  width: 1px;
  opacity: .1;
  margin: 8px 32px 0 0;
}

.btn {
  color: #ffffff!important;
  background: #319eff -webkit-gradient(linear,left top,left bottom,from(#2089e5),to(#319eec));
  background: #319eff -webkit-linear-gradient(top,#2089e5,#319eec);
  background: #319eff -o-linear-gradient(top,#2089e5 0,#319eec 100%);
  background: #319eff linear-gradient(180deg,#2089e5 0,#319eec);
  -webkit-transition: background .2s ease-in;
  -o-transition: background .2s ease-in;
  transition: background .2s ease-in;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0 16px;
  line-height: 32px;
  border-radius: 56px;
  letter-spacing: .4px;
  border: none;
  text-align: center;
}

.btn:hover {
    color: #fff;
    background: #319eff -webkit-gradient(linear,left top,left bottom,from(rgba(32,137,229,0)),to(rgba(60,162,236,0)));
    background: #319eff -webkit-linear-gradient(top,rgba(32,137,229,0),rgba(60,162,236,0));
    background: #319eff -o-linear-gradient(top,rgba(32,137,229,0) 0,rgba(60,162,236,0) 100%);
    background: #319eff linear-gradient(180deg,rgba(32,137,229,0) 0,rgba(60,162,236,0));
}

/* mobile menu */

.mobile_menu_overlay {
  position: fixed;
  z-index: 100500100;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: none;

  -webkit-transition: opacity .4s,background-color .4s;
  -o-transition: opacity .4s,background-color .4s;
  transition: opacity .4s,background-color .4s;
}

.mobile_menu_overlay_active {
  background-color: rgba(0,0,0,.5);
}

.mobile_menu_block {
  transform-origin: top right;
  width: 343px;
  top: 16px;
  right: 16px;
  position: absolute;
  border-radius: 16px 8px 16px 16px;
  overflow: hidden;

  -webkit-transition: opacity .2s,-webkit-transform .2s;
  transition: opacity .2s,-webkit-transform .2s;
  -o-transition: opacity .2s,-o-transform .2s;
  transition: transform .2s,opacity .2s;
  transition: transform .2s,opacity .2s,-webkit-transform .2s,-o-transform .2s;

  -webkit-transform: scale(.1);
  -o-transform: scale(.1);
  transform: scale(.1);
  opacity: 0;
  -webkit-transform-origin: top right;
  -o-transform-origin: top right;
}

.mobile_menu_overlay_active .mobile_menu_block {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.nav_mobile_block_top {
  padding: 24px 32px 16px;
  background-color: #f2f7fb;
  position: relative;
}

.nav_mobile_close {
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  right: 24px;
  top: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYuMDMxIDE2IiB3aWR0aD0iMTYuMDMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zMzQuNTI1IDU1LjUxOWExLjYzMiAxLjYzMiAwIDAgMSAtMi4zIDBsLTUuMjM0LTUuMjI1LTUuMjM0IDUuMjI1YTEuNjI3IDEuNjI3IDAgMSAxIC0yLjMtMi4zbDUuMjM0LTUuMjI1LTUuMjM0LTUuMjI1YTEuNjI4IDEuNjI4IDAgMCAxIDIuMy0yLjNsNS4yMzMgNS4yMjUgNS4yMzMtNS4yMjVhMS42MjggMS42MjggMCAwIDEgMi4zIDIuM2wtNS4yMzMgNS4yMjUgNS4yMzQgNS4yMjVhMS42MjYgMS42MjYgMCAwIDEgLjAwMSAyLjN6IiBmaWxsPSIjNDY1Nzc3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTguOTY5IC00MCkiLz48L3N2Zz4=);
  background-size: 16px;
}

.nav_mobile_list_title {
  color: #7d8799;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 16px;
}

.nav_mobile_menu {
    display: flex;
    flex-wrap: wrap;
}

.nav_mobile_menu li {
  flex-basis: 128px;
}

.nav_mobile_menu li a {
  text-decoration: none;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-weight: 500;
  color: #071d49;
  padding: 4px 0;
}

.nav_mobile_block_bottom {
  padding: 16px 32px;
  background-color: #fff;
  display: flex;
}

.nav_mobile_login {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.nav_mobile_login a {
  color: #071d49;
  font-weight: 500;
  line-height: 48px;

  text-decoration: underline;
  font-weight: 500;
  -webkit-text-decoration-color: rgba(32,137,229,.2);
  text-decoration-color: rgba(32,137,229,.2);
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.nav_mobile_login a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYuMDYiIHZpZXdCb3g9IjAgMCAxNCA2LjA2IiB3aWR0aD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyODUuMjUgMjQ4Ni4wNyAzLjQyIDIuMjZhLjg3Ljg3IDAgMCAxIDAgMS4zNGwtMy40MiAyLjI2YS42NTguNjU4IDAgMCAxIC0uOTYtLjU5di0uNjdhLjYzLjYzIDAgMCAwIC0uNTctLjY4aC04LjAxdi0uMDZhLjk3MS45NzEgMCAwIDEgMC0xLjg3di0uMDdoOC4wMWEuNjE1LjYxNSAwIDAgMCAuNTctLjY3di0uNjdhLjY1Ny42NTcgMCAwIDEgLjk2LS41OHoiIGZpbGw9IiMzMTllZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNzUgLTI0ODUuOTcpIi8+PC9zdmc+)  no-repeat 0 0;
  opacity: 1;
  margin-top: -3px;
  margin-left: 8px;
  -webkit-transition: margin-left .3s,opacity .3s;
  -o-transition: margin-left .3s,opacity .3s;
  transition: margin-left .3s,opacity .3s;
}

.nav_mobile_signin {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.nav_mobile_signin a {
  line-height: 48px;
  position: relative;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}

.nav_mobile_signin a::after {
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAfUlEQVR4AWNwL/AhC////z8DiJ8DcSUQM6PLU2Lwof8IcBiIFahl8PH/qOAjECfA5Mk1VA2IP//HDlYDsTBIkTsQv/pPXfAUZPC9/zQAIINv08pge3CyoS54Qm7kKeCJvFVALETt5BZL7QxyEIjlqZVB0oH4MRCXATETujwAFCaQIzhFJigAAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 11px 6px;
  position: absolute;
  right: 20px;
  top: 20px;
}

/* foooter */
.footer {
  background-color: #293240;
  background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#3d4a5f));
  background-image: -webkit-linear-gradient(top,transparent,#3d4a5f);
  background-image: -o-linear-gradient(top,transparent,#3d4a5f);
  background-image: linear-gradient(180deg,transparent,#3d4a5f);
  color: #fff;
  padding: 4em 0 1rem;
  line-height: 16px;
  margin-top: 80px;
}

.footer-info-section {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(224,241,255,.07);
  margin-top: 3em;
  margin-bottom: 1em;
}

.rd-logo a {
  display: inline-block;
  margin-top: 1em;
}

.stat-info {
  margin-top: 34px;
}

.footer_menu_sections {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-menu-title {
  font-size: 1rem;
  letter-spacing: .8px;
  color: #9ea4af;
  margin-bottom: 2rem;
}

.ft-section ul li {
  margin-bottom: 1em;
}

.ft-section ul li a {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .8px;
  color: hsla(0,0%,100%,.8);
  -webkit-transition: padding-left .1s linear,color .1s linear;
  -o-transition: padding-left .1s linear,color .1s linear;
  transition: padding-left .1s linear,color .1s linear;
  text-decoration: none;
}

.ft-section ul li a.tel {
  color: #319eff;
  white-space: nowrap;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(49,158,255,.4);
  text-decoration-color: rgba(49,158,255,.4);
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.tel {
  color: #319eff;
  white-space: nowrap;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(49,158,255,.4);
  text-decoration-color: rgba(49,158,255,.4);
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.ft-section ul li a:hover {
  color: #fff;
  padding-left: 4px;
}

.ft-section {
  flex-basis: 220px;
  margin-bottom: 32px;
}

.gdpr-badge {
  width: 115px;
  height: 48px;
  background: url(/img/footer-badge-gdpr.svg) 0 0 no-repeat;
  background-size: 115px 48px;
  opacity: .5;
  margin-top: 34px;
}

.apple-icon-badge {
  width: 128px;
  height: 48px;
  background: url(/img/app-store-apple.svg) 0 0 no-repeat;
  background-size: 128px 48px;
  opacity: 1;
  margin-top: 32px;
}

/* hero block */

.hero_block {
  padding-top: 5rem;
  margin-bottom: 4.5rem;
}

.sections-bg {
  background-image: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(#ebf5ff),to(#fff));
  background-image: -webkit-linear-gradient(0,#ebf5ff,#fff);
  background-image: -o-linear-gradient(0,#ebf5ff,#fff);
  background-image: linear-gradient(0,#ebf5ff,#fff);
  background-position: bottom;
}

.sections-bg::after {
  content: "";
  display: block;
  height: 48px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMTY4MCA2MCIgd2lkdGg9IjE2ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgxNjgwYy0yMzkuMzQgMC00MzEuNjQgNTYuMjctODQwIDU5Ljc4LTQwOC4zNjItMy41MS02MDAuNjYxLTU5Ljc4LTg0MC01OS43OHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA2MCkiLz48L3N2Zz4=) no-repeat bottom;
  background-size: contain;
}

.top_sub_title {
  font: 500 1rem;
  text-transform: uppercase;
  color: #7d8799;
  padding-top: 2rem;
  margin-bottom: 16px;
}

.hero-type-1 {
  text-align: center;
}

.sub_text {
  max-width: 600px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 auto;
}

.cta_btns {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.cta_btns a {
  display: inline-block;
}

.blue {
  color: #fff;
  background: #319eff -webkit-gradient(linear,left top,left bottom,from(#2089e5),to(#319eec));
  background: #319eff -webkit-linear-gradient(top,#2089e5,#319eec);
  background: #319eff -o-linear-gradient(top,#2089e5 0,#319eec 100%);
  background: #319eff linear-gradient(180deg,#2089e5 0,#319eec);
  -webkit-transition: background .2s ease-in;
  -o-transition: background .2s ease-in;
  transition: background .2s ease-in;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: .4px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 58px;
  font-weight: 600;
  line-height: 60px;
  white-space: nowrap;
  width: 224px;
  margin-right: 24px;
}

.blue:hover {
  color: #fff;
  background: #319eff -webkit-gradient(linear,left top,left bottom,from(rgba(32,137,229,0)),to(rgba(60,162,236,0)));
  background: #319eff -webkit-linear-gradient(top,rgba(32,137,229,0),rgba(60,162,236,0));
  background: #319eff -o-linear-gradient(top,rgba(32,137,229,0) 0,rgba(60,162,236,0) 100%);
  background: #319eff linear-gradient(180deg,rgba(32,137,229,0) 0,rgba(60,162,236,0));
}

.white {
  background-color: #fff;
  width: 224px;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: .4px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 58px;
  font-weight: 600;
  line-height: 60px;
  white-space: nowrap;
  color: #1066b3;
  background-color: #fff;
  border: 1px solid #cad5df;
}

.white:hover {
  background-color: #eaf5ff;
  border: 1px solid #add8ff;
  color: #2089e5;
}

.collab_img {
  max-width: 784px;
  padding-top: 2rem;
  margin: 0 auto -7rem;
}

.collab_img img {
  width: 100%;
  height: auto;
}

/* text content */

.text_content {
  padding-top: 1px;
}

.secondary {
  margin-top: 80px;
}

.text_content ul {
  margin-top: 24px;
  margin-bottom: 24px;
}

.text_content ul li {
  font-size: 19px;
  line-height: 32px;
  letter-spacing: .2px;
  color: #3D5266;
  padding-left: 48px;
  margin-bottom: 24px;

  background-image: url(/../img/dot.svg);
  background-repeat: no-repeat;

}

.hero-type-1 h1 {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 32px;
  margin-top: 42px;
}

.paragraf_first {
  margin-top: 80px;
}

.hero_parent_block {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.hero_subblock {
  flex: 1 0 0;
}
.hero-type-2 {
  text-align: left;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
}

.hero-type-2 .sub_text {
  padding-left: 0px;
  padding-right: 0px;
}

.bg_image {
  position: relative;
  height: 650px;
  margin-left: 80px;
}

.bg_image::after {
  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 800px;
    height: 650px;
    background: url(/../img/board-devices.png) no-repeat 0 0;
    background-size: 100% auto;
}

/* video */

.fl-video-section {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4MCIgdmlld0JveD0iMCAwIDk0NCA0ODAiIHdpZHRoPSI5NDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1OTYiIHgyPSI1OTYiIHkxPSI0NjQiIHkyPSIxNiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY1ZTNhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmY5NTAwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDI3LjA0NyIgeDI9IjQyNy4wNDciIHkxPSI0NjEuMTI1IiB5Mj0iMzEuOTY5Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4MWYzZmQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxZDc3ZWYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0ODAuNTE1IiB4Mj0iNDgwLjUxNSIgeTE9IjQ1Ni45NjkiIHkyPSIxNS45NjkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBiZDMxOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzg3ZmM3MCIvPjwvbGluZWFyR3JhZGllbnQ+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtODI1LjkgMTM4LjY5Yy02Mi40MzctMTc0LjMtMzMwLjYxOC0xMjUuNC00MDEuOTQ4LTc5LjI1NS0yNTAuNDgxIDE2Mi4wMjQtMjYuNiAyOTEuNTgzIDE0Ni44MzIgMzU1LjQxMyAzNDIuMjQ2IDEyNS45NTggMzU0LjUwMiAxLjI4OCAyNTUuMTE2LTI3Ni4xNTh6IiBmaWxsPSJ1cmwoI2EpIiBvcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Im0yNTMuNjQxIDQzMi43YzI5NC40NDcgOTkuNSA0MzEuODc5LTg4LjAzNCA0ODQuNTUzLTE2Ny4wMzIgMTg0Ljk3LTI3Ny40MS0xMzkuMjQ4LTI0NS40NDctMzY3LjM0Mi0yMTIuNDE2LTQxOC40OTEgNjAuNjA4LTM2Ni43NjUgMjk1LjExMy0xMTcuMjExIDM3OS40NDh6IiBmaWxsPSJ1cmwoI2IpIiBvcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Im02OTMuNjM3IDk2Ljg4MmMtMTk4LjMyMy0xMjYuNTQ0LTQ1NC43NzYtODcuODk0LTUzMC42NTggMS42OC0yNjYuNDcgMzE0LjU0MyA5Ni4xNTMgNDI1LjQ3NCAzODAuNzY5IDMxOS4yODggMzUwLjI5LTEzMC42ODkgNDk1LjQxMi0xMDAuNTA3IDE0OS44ODktMzIwLjk2OHoiIGZpbGw9InVybCgjYykiIG9wYWNpdHk9Ii41Ii8+PC9nPjwvc3ZnPg==);

  margin-top: 6px;
    max-width: 864px;
    padding: 48px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 944px 480px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -140px;
}

.fl-video-section__container {
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 6px 24px 24px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 56%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    background-size: cover;
    -o-object-fit: contain;
    object-fit: contain;
    background-position: 50%;
    -webkit-transition: background-image .5s ease-in-out;
    -o-transition: background-image .5s ease-in-out;
    transition: background-image .5s ease-in-out;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
}

.fl-video-section__scale-container {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: 0 auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.fl-video-section__play-button {
  position: absolute;
  z-index: 1;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s,-o-transform .3s;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

.fl-video-section__gradient-overflow-effect {
  opacity: .6;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 6px 24px 24px 24px;
    z-index: 1;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(35%,transparent),to(#071d49));
    background-image: -webkit-linear-gradient(transparent 35%,#071d49);
    background-image: -o-linear-gradient(transparent 35%,#071d49 100%);
    background-image: linear-gradient(transparent 35%,#071d49);
}

.fl-video-section__video {
    width: 100%;
    max-width: 768px;
    height: auto;
    border-radius: 6px 24px 24px 24px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-o-transform .3s;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.fl-video-section__container:hover .fl-video-section__play-button {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.fl-video-section__container:hover .fl-video-section__video {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.modal_video {
  background-color: #010101;
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    z-index: 10050000000;
}

.modal_inner {
    background-color: #000;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 10050000000;
}

.videoWrapper, .videoWrapper iframe {
    width: 100%;
    height: 100%;
}

.close_btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 32px;
}

.modal_outer {
  display: none;
}
/* MEDIA TAGS --------------------------------------------------------------- */

@media (max-width: 720px) {
  .mobile_menu_item {
    display: block;
  }
  .nav_element_items, .stat-info {
    display: none;
  }
  h1 {
    font-size: 2em;
    line-height: 2.5rem;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    letter-spacing: .2px;
    color: #071d49;
    margin-bottom: 32px;
  }
  h2 {
    font-size: 1.8em;
    line-height: 2.2rem;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    letter-spacing: .2px;
    color: #071d49;
    margin-bottom: 32px;
    margin-top: 80px;
  }
  .hero-type-1 {
    text-align: left;
  }
  .sub_text {
    padding-left: 0px;
    padding-right: 0px;
  }
  .hero_parent_block {
    flex-direction: column;
  }
  .bg_image::after {
    position: relative;
    width: 620px;
    height: 500px;
  }
  .bg_image {
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .cta_btns {
    flex-direction: column;
  }
  .cta_btns a {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
}

@media (max-width: 844px) {
  .fl-video-section {
      background-size: 107%;
  }
}