@font-face {
  font-family: "Geometria";
  src: url("../assets/fonts/Geometria.ttf")
}

@font-face {
  font-family: "Geometria-Bold";
  src: url("../assets/fonts/Geometria-Bold.ttf")
}

@font-face {
  font-family: "Geometria-Medium";
  src: url("../assets/fonts/geometria-medium.ttf")
}
@font-face {
  font-family: "Futura";
  src: url("../assets/fonts/futura/futura-regular.otf")
}
@font-face {
  font-family: "Futura-Bold";
  src: url("../assets/fonts/futura/futura-bold.otf")
}

@media(min-width: 1400px) {
  .container {
    width: 1370px;
    margin: 0 auto
  }
}

ul li, li {
  list-style-type: none
}

ol li{
  list-style-type: inherit;
}

ul {
  padding-left: 0
}

a:hover, a:focus {
  text-decoration: none;
  outline: 0
}
.w-70{
    width:70%;
}
button:focus {
  outline: 0 !important
}

.mb-7 {
    margin-bottom: 7rem!important;
}

input[type=submit]:focus {
  outline: 0
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(../assets/iconfont/MaterialIcons-Regular.ttf)
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 1.1em;
  /* overflow-x: hidden; */
  font-family: "Futura";
  /* font-family: "Geometria"; */
  line-height: 1.5
}

h1, h2 {
  font-family: "Futura"
}

p {
  font-family: "Futura";
  /* font-weight: bold */
}

.text-bold{
  font-weight: 900;
}

.navbar-toggle {
  background-color: #ddd
}

.navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-light .navbar-nav .nav-link{
  color: rgba(0,0,0,.9);
}

.nav li a:hover, .nav li a:focus {
  background: transparent
}

.gutters-80.row {
  margin-right: -40px;
  margin-left: -40px
}

.gutters-80>[class^=col-] {
  padding-right: 40px;
  padding-left: 40px
}

@media(max-width: 1199px) {
  .gutters-80.row {
    margin-right: -15px;
    margin-left: -15px
  }
}

@media(max-width: 1199px) {
  .gutters-80>[class^=col-] {
    padding-right: 15px;
    padding-left: 15px
  }
}

.header--bg {
  background: url("../assets/images/header-background.png") left center no-repeat;
  background-size: 100% 100%
}

@media(max-width: 1399px) {
  .header--bg {
    background-size: cover
  }
}

.header .navbar {
  padding-top: 20px;
  background: transparent
}
.header .fixed-top {
  transition: all .7s ease;
  background: #0f7ff4;
}

.header .navbar .lang{
  padding-top: 7px;
  margin-top: -7px;
  margin-bottom: -8px;
  margin-right: -1px;
  background: #ffc107;
}

.header .navbar .lang .nav-link{
  color: rgba(21, 19, 19, 0.84);
}

.header .fixed-top .nav-link {
  transition: all .5s ease;
    color: rgba(255, 251, 251, 0.84);
}

.sticky-top{
  top: 50px;
}

.sticky-top-line{
  top: 85px;
}

.header .nav li a {
  font-family: "Futura";
  /* font-family: "Geometria-Medium"; */
  font-size: 15px;
  color: #b0bec5
}

.header .row {
  padding-top: 40px;
  padding-bottom: 120px
}

@media(min-width: 1000px) {
  .header .nav li {
    padding-right: 15px
  }

  .header .nav li:last-child {
    padding-right: 0
  }
}

@media(min-width: 1390px) {
  .header .nav li a:hover {
    color: #0f81f8
  }
}

@media(max-width: 900px) {
  .navbar .nav {
    float: none !important
  }
}

.header-content .title {
  font-size: 35px;
  background: -webkit-linear-gradient(#2086F7, #2BA8F7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  padding-top: 25px;
  margin-bottom: 30px
}

.header-content .title-style {
  background: url("../assets/images/title-shape.png") left center no-repeat;
  padding: 0px 135px;
  vertical-align: middle;
  margin-left: 20px
}

.header-content p {
  /* font-size: 18px; */
  color: #08294c;
  /* font-weight: bold; */
  /* line-height: 2; */
  margin-bottom: 50px
}

.header-button {
  display: inline-block;
  font-family: "Futura,Geometria-Medium";
  /* font-size: 16px; */;
  color: #0f81f8;
  padding: 13px 50px;
  border: 1px solid #1a82f8;
  border-radius: 30px;
  position: relative;
  background-color: transparent;
  text-shadow: 1px 4px 4px rgba(0, 0, 0, .3);
  margin-right: 20px
}

.header-button:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  border: inherit;
  -webkit-filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4))
}

.header-button:hover {
  background-color: #0f81f8;
  color: #fff;
  text-shadow: none;
  border: 0;
  -webkit-box-shadow: 3px 4px 7px rgba(0, 0, 0, .21);
  box-shadow: 3px 4px 7px rgba(0, 0, 0, .21)
}

@media(max-width: 1199px) {
  .header-button {
    border-color: gray;
    color: #fff;
    margin-bottom: 20px
  }
}

.navbar-brand {
  color: rgba(255,255,255,1) !important;
  font-weight: 900;
  /* background: url("../assets/images/logo.png") left center no-repeat; */
  padding: 0px 90px
}

.navbar-brand img{
  width: 50px;
  height: 50px;
}

.page-section {
  padding-top: 50px;
  padding-bottom: 10px
}

.page-section-title {
  font-size: 40px;
  color: #1680f8;
  margin-bottom: 5px
}

.page-section-title--white {
  color: #fff
}

.page-section-subtitle {
  /* font-size: 16px; */
  color: #08294c;
  margin-bottom: 50px
}

.page-section-subtitle a {
  font-family: "Futura,Geometria-Medium";
  color: #1780f8
}

.page-section-subtitle--white {
  color: #fff
}

.page-section-title-style {
  margin-bottom: 30px
}

/* .page-section-title-style .first-line {
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 120px;
  border-radius: 5px;
  position: relative
} */

/* .page-section-title-style .first-line:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -4px;
  background-color: #1680f8
} */

/* .page-section-title-style .second-line {
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 40px;
  border-radius: 5px;
  position: relative;
  margin-left: 38px
} */

/*
.page-section-title-style .second-line:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: -4px;
  background-color: #1680f8
} */

.image-item{
    position: relative;
    min-height: 1px;
    width: 100%;
    margin-right: 0px;
}
.full-screen-image{
    position: relative;
    height: 500px;
}

.bg-full-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #292929;
    opacity: .3;
    z-index: 2;
}
.overlay {
    background: url("../assets/images/pattern.png") repeat!important;
    opacity: 1 !important;
}

.step-single {
  margin-bottom: 60px;
  min-height: 210px;
  border-bottom: 2px solid #1c8db5;
}
.step-single:hover {
  transition: all .5s ease;
  border-bottom: 2px solid #ffc107;
}
.step-single:hover > i:before{
  transition: all .5s ease;
  background: linear-gradient(to right bottom, #1968cd, #0074cb, #007ec6, #ff8507, #ffc107);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.step-single i:before {
  background: linear-gradient(to right bottom, #1968cd, #0074cb, #007ec6, #0086be, #1c8db5);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.step-single img {
  margin-bottom: 30px
}

.step-single p {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}

.step-single-first {
  float: left
}

@media(max-width: 991px) {
  .step-single-first {
    float: none
  }
}

.step-single-last {
  float: right
}

@media(max-width: 991px) {
  .step-single-last {
    float: none
  }
}

.button {
  display: inline-block;
  padding: 12px 55px;
  font-family: "Futura,Geometria-Medium";
  /* font-size: 16px; */;
  color: #fff;
  border-radius: 30px;
  background-color: #1680f8;
  -webkit-box-shadow: 3px 4px 7px rgba(0, 0, 0, .21);
  box-shadow: 3px 4px 7px rgba(0, 0, 0, .21)
}

.button--white {
  background-color: #fff;
  color: #0f81f8
}

.button--form {
  display: inline-block;
  padding: 12px 70px;
  border-radius: 30px;
  border: 0;
  font-family: "Futura,Geometria-Medium";
  background-color: #fff;
  /* font-size: 16px; */;
  color: #0f81f8;
  -webkit-box-shadow: 3px 4px 7px rgba(0, 0, 0, .21);
  box-shadow: 3px 4px 7px rgba(0, 0, 0, .21)
}

.video--bg {
  background-color: #187ded
}

.video__left {
  background: url("../assets/images/video-player-bg.png") left center no-repeat;
  height: 450px;
  background-size: cover
}

.video__left .material-icons {
  font-size: 80px;
  color: #0f81f8;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.video-title {
  font-size: 40px;
  color: #fff
}

.video-title-style {
  margin-bottom: 30px
}

.video-title-style .first-line {
  display: inline-block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 0px 100px;
  border-radius: 5px;
  position: relative
}

.video-title-style .first-line:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -4px;
  background-color: #fff
}

.video-title-style .second-line {
  display: inline-block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 0px 40px;
  border-radius: 5px;
  position: relative;
  margin-left: 38px
}

.video-title-style .second-line:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: -4px;
  background-color: #fff
}


.video-right p {
  font-weight: bold;
  /* font-size: 16px; */;
  color: #fff;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px
}

.video-wrapper {
    /* width: 70%; */
    /* left: 15%; */
    margin-bottom: 50px;
    position: relative;
}
.video-wrapper:hover{
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
  transform: scale(1.05);
}

 .video-play-button {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    background:#007bff;
    transform: translateX(-50%) translateY(-50%);
}

.video-play-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 50%;
    background: #00bfd8;
    transform: translateX(-50%) translateY(-50%);
 }

 .video-play-button:after {
    z-index: 1;
    width: 4.375rem;
    height: 4.375rem;
    transition: all .2s;
 }

 .video-play-button span {
    position: relative;
    display: block;
    z-index: 2;
    top: .375rem;
    left: .25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
 }
.how-do-i .collapsed-wrapper{
  background: #1c86f7 !important;
}

.how-do-i > .collapse.in:after{
  border-left: 25px solid #007bff !important;
}
.how-do-i .collapse-wrapper .bio h2 {
    color: #ffffff !important;
}

.how-do-i .collapse-wrapper .paragraph {
    color: #ffffff !important;
}

#myModal {
  background: rgba(0, 0, 0, .8)
}

#myModal .close {
  background: #ff4086 !important;
  z-index: 890;
  color: #fff;
  font-size: 24px;
  margin: 0;
  outline: none;
  opacity: 1;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: 0;
  width: 28px;
  height: 28px
}

#myModal .modal-body {
  padding: 0
}

#myModal .embed-responsive {
  height: 489px;
  padding: 0;
  overflow: hidden
}

.sponsors--bg {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 50px
}

.sponsor {
  text-align: center
}

@media(max-width: 1199px) {
  .sponsor {
    margin-bottom: 50px
  }
}

.testimonial-title-style, .page-section-title-style {
  margin-bottom: 30px
}

.testimonial-title-style .first-line , .page-section-title-style .first-line{
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 70px;
  border-radius: 5px;
  position: relative
}

.testimonial-title-style .first-line:after,.page-section-title-style .first-line:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -4px;
  background-color: #1680f8
}

.testimonial-title-style .second-line ,.page-section-title-style .second-line{
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 25px;
  border-radius: 5px;
  position: relative;
  margin-left: 38px
}

.testimonial-title-style .second-line:before, .page-section-title-style .second-line:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: -4px;
  background-color: #1680f8
}

.testimonial .button-testimonial {
  background-color: #fff;
  border: 0;
  text-align: left;
  display: block;
  /* padding-left: 90px; */
  margin-top: 25px
}

.testimonial .button-testimonial h2 {
  font-size: 20px;
  color: #08294c;
  margin-bottom: 5px
}

.testimonial .button-testimonial p {
  font-size: 16px;
  color: #08294c
}

/* .testimonial .button-testimonial-1 {
  background: url("../assets/images/testimonial1.png") left center no-repeat
}

.testimonial .button-testimonial-2 {
  background: url("../assets/images/testimonial2.png") left center no-repeat
}

.testimonial .button-testimonial-3 {
  background: url("../assets/images/testimonial3.png") left center no-repeat
}

.testimonial .button-testimonial-4 {
  background: url("../assets/images/testimonial4.png") left center no-repeat
} */

.testimonial .collapsed {
  opacity: .4
}

.testimonial .collapse-wrapper {
  padding: 20px 40px;
  -webkit-box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, .09);
  box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, .09);
  border-radius: 7px
}

.testimonial .collapse-wrapper .paragraph {
  /* font-size: 16px; */
  color: #08294c;
  line-height: 2;
  padding-bottom: 90px
}

.testimonial .collapse-wrapper .bio h2 {
  font-size: 30px;
  color: #08294c;
  margin-bottom: 5px
}

.testimonial .collapse-wrapper .bio p {
  /* font-size: 16px; */
  color: #08294c
}

/* .testimonial .collapse-wrapper .bio-1 {
  background: url("../assets/images/testimonial1.png") left center no-repeat;
  padding: 5px 100px
}

.testimonial .collapse-wrapper .bio-2 {
  background: url("../assets/images/testimonial2.png") left center no-repeat;
  padding: 5px 100px
}

.testimonial .collapse-wrapper .bio-3 {
  background: url("../assets/images/testimonial3.png") left center no-repeat;
  padding: 5px 100px
}

.testimonial .collapse-wrapper .bio-4 {
  background: url("../assets/images/testimonial4.png") left center no-repeat;
  padding: 5px 100px
} */

.testimonial .collapse-wrapper .star {
  margin-top: 40px;
  margin-bottom: 20px
}

.testimonial .collapse-wrapper .star li {
  display: inline-block
}

.testimonial .collapse-wrapper .star li .material-icons {
  font-size: 19px;
  color: #0f81f8;
  margin-right: 5px
}

.testimonial-right {
  padding-left: 50px;
  max-height: 470px;
  overflow-y: scroll
}

@media(max-width: 991px) {
  .testimonial-right {
    margin-top: 40px
  }
}

.collapse.in:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 25px solid #fff;
  position: absolute;
  top: 40px;
  right: -10px;
  -webkit-filter: drop-shadow(3px 0px 2px rgba(0, 0, 0, 0.07));
  filter: drop-shadow(3px 0px 2px rgba(0, 0, 0, 0.07))
}

@media(max-width: 991px) {
  .collapse.in:after {
    display: none
  }
}

.team--bg {
  background-color: #fcfcfc
}

.team-title-style {
  margin-bottom: 30px
}

.team-title-style .first-line {
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 50px;
  border-radius: 5px;
  position: relative
}

.team-title-style .first-line:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -4px;
  background-color: #1680f8
}

.team-title-style .second-line {
  display: inline-block;
  border-top: 3px solid #1680f8;
  border-bottom: 3px solid #1680f8;
  padding: 0px 18px;
  border-radius: 5px;
  position: relative;
  margin-left: 38px
}

.team-title-style .second-line:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: -4px;
  background-color: #1680f8
}

.team-single {
  border-radius: 10px;
  border: 0;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, .1);
  padding: 30px 25px
}

.team-single .bio img {
  width: 70px;
  height: 70px;
  border-radius: 50%
}

.team-single .bio h2 {
  font-size: 20px;
  color: #08294c
}

.team-single .bio p {
  /* font-size: 16px; */
  color: #08294c
}

.team-single .caption p {
  /* font-size: 16px; */;
  color: #08294c;
  line-height: 1.8;
  margin-bottom: 25px
}

.team-single .caption .social-icons li {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle
}

.team-single .caption .social-icons li a {
  display: block
}

.team-single .caption .social-icons li [class^=flaticon-]:before, .team-single .caption .social-icons li [class*=" flaticon-"]:before {
  margin: 0;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  font-size: 12px;
  padding-top: 2px;
  text-align: center;
  background-color: #dbe4e8;
  color: #fff
}

@media(max-width: 991px) {
  .team-single {
    margin-bottom: 50px
  }
}

.form--bg {
  background: url("../assets/images/form-background.png") left center no-repeat;
  background-size: cover
}

.form__title-style {
  margin-bottom: 30px
}

.form__title-style .first-line {
  display: inline-block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 0px 58px;
  border-radius: 5px;
  position: relative
}

.form__title-style .first-line:after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: -17px;
  top: -4px;
  background-color: #fff
}

.form__title-style .second-line {
  display: inline-block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 0px 20px;
  border-radius: 5px;
  position: relative;
  margin-left: 38px
}

.form__title-style .second-line:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: -4px;
  background-color: #fff
}

.form form {
  max-width: 540px;
  margin-right: auto;
  margin-left: auto
}

.form form .form-group {
  margin-bottom: 40px
}

.form form .form-control {
  outline: none;
  border: none;
  background: transparent;
  outline-style: none;
  outline-offset: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #c1defd;
  border-radius: 0;
  color: #fff;
  padding: 0px 10px
}

.form form .checkbox {
  padding-left: 40px
}

.form form .checkbox label {
  font-size: 15px;
  color: #fff;
  padding-left: 5px;
  position: relative;
  bottom: 2px
}

.form form .form-button {
  text-align: right
}

.form ::-webkit-input-placeholder {
  /* font-size: 16px; */;
  color: #fff
}

.form :-moz-placeholder {
  /* font-size: 16px; */;
  color: #fff
}

.form ::-moz-placeholder {
  /* font-size: 16px; */;
  color: #fff
}

.form :-ms-input-placeholder {
  /* font-size: 16px; */;
  color: #fff
}

.form ::-ms-input-placeholder {
  /* font-size: 16px; */;
  color: #fff
}

@media(max-width: 991px) {
  .form form .form-button {
    text-align: left;
    padding-top: 20px
  }
}

.footer--bg {
  background-color: #102f4f;
  padding-bottom: 10px
}

.footer-left .navbar-brand {
  margin-bottom: 50px;
  display: block;
  float: none;
  margin-top: 10px
}

.footer-left p {
  color: #fff;
  font-size: 15px
}

.footer-left p span {
  color: #8392a4
}

.footer-link li {
  margin-bottom: 20px
}

.footer-link li a {
  font-family: "Futura,Geometria-Medium";
  /* font-size: 16px; */;
  color: #254b74
}

.footer-social-icons {
  text-align: center;
  margin-top: 5px
}

.footer-social-icons li {
  display: inline-block;
  margin-right: 15px
}

.footer-social-icons li:last-child {
  margin-right: 0
}

.footer-social-icons li [class^=flaticon-]:before, .footer-social-icons li [class*=" flaticon-"]:before {
  margin: 0;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  background-color: #4c627a;
  color: #102f4f
}

.footer-social-icons li a {
  display: block
}

@media (min-width: 992px){
  .modal-lg, .modal-xl {
      max-width: 80% !important;
  }
}
@media(max-width: 991px) {
  .footer .row>div {
    margin-bottom: 50px
  }
}