
/*
 * BOOTSTRAP OVERWRITES
 */

h1,h2,h3,h4,h5,h6,p
{ margin:0; letter-spacing: 0.3px; line-height:1em; }

a { letter-spacing: 0.3px; line-height:1em; }

label { font-weight: normal; }
.form-control { border-radius: 0px; height: 38px; color: #524232; font-weight:bold;}
.btn-success { border-radius: 0px; padding:11px 35px; border:1px solid #fff; background-color: #524232; font-weight: bold; }
.btn-success:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active:hover,
.btn-success:active:focus
{ background-color: #B6ABA2;border:1px solid #B6ABA2; color:#fff; }
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus
{ background-color: #B6ABA2; border:1px solid #B6ABA2; color:#fff; }

.form-control { border:0; }

.section-divider { border-top: 1px solid #a0a0a0; margin: 2.5rem 0 5rem 0; }
.datetimeterms { font-size: 10px; color: #999; }


/*
 * BOOTSTRAP EXTENSIONS
 */
.line-clear-140 { clear:both; height:140px; }
.line-clear-120 { clear:both; height:120px; }
.line-clear-90 { clear:both; height:90px; }
.line-clear-70 { clear:both; height:70px; }
.line-clear-60 { clear:both; height:60px; }
.line-clear-50 { clear:both; height:50px; }
.line-clear-40 { clear:both; height:40px; }
.line-clear-30 { clear:both; height:30px; }
.line-clear-10 { clear:both; height:10px; }

.line-clear-180-m { clear:both; height:180px; }
.line-clear-140-m { clear:both; height:140px; }
.line-clear-120-m { clear:both; height:120px; }
.line-clear-100-m { clear:both; height:100px; }
@media (max-width: 991px)
{
 .line-clear-180-m { clear:both; height:90px; }
 .line-clear-140-m { clear:both; height:70px; }
 .line-clear-120-m { clear:both; height:60px; }
 .line-clear-100-m { clear:both; height:50px; }
 .line-clear-30 { clear:both; height:15px; }
}

.cell-clear-70 { margin-bottom: 70px; }
.cell-clear-30 { margin-bottom: 30px; }

@media (min-width: 768px) {
  .col-sm-6 .padd-20-1,
  .col-md-6 .padd-20-1,
  .col-lg-6 .padd-20-1
  { padding-right:20px; }
  .col-sm-6 .padd-20-0,
  .col-md-6 .padd-20-0,
  .col-lg-6 .padd-20-0
  { padding-left:20px; }
}

.vp-table-responsive-1 { }
.vp-table-responsive-1 tr td { margin:0;padding:0;width:33.33%; background-color: #524232; border:15px solid #DAD5CF; }
@media (max-width: 992px) {
  .vp-table-responsive-1 tr td {  width:100%; display:block; }
}

.vp-table-responsive-2 { }
.vp-table-responsive-2 tr td { margin:0;padding:0;width:33.33%; border:15px solid #fff; }
@media (max-width: 767px) {
  .vp-table-responsive-2 tr td {  width:100%; display:block; }
}

/*
 * BASIC
 */
html,
body {
  overflow-x: hidden;
}
body { background-color: #fff; }
body * { color:#fff; }

body.terms { background-color: #0034ff; }
body.terms * { color:#fff; }

header { padding:30px 0; margin:0; z-index:99; transition:all 0.5s ease; background-color: transparent; position:fixed; width:100%; height:107px; }
  
  .headerpadding { padding:10px 0; height:76px; background-color: rgba(0, 0, 0, 0.5); }
  .logohide { display:none; }
  
  #mobilemenu { margin-top:11px; display:none; }
  
  #mainmenu {}
  #mainmenu ul { list-style: none; margin-top:13px;}
  #mainmenu ul li { display:inline; float:right; color:#0050af; }
  #mainmenu ul li a { color:#fff; font-size:18px; margin-left:16px; display: inline-block; padding:0px 10px; }
  #mainmenu ul li a.active { text-decoration: none; font-weight: bold; }
  #mainmenu ul li a.current { text-decoration: none; font-weight: bold; }
  #mainmenu ul li a:hover { text-decoration: underline; }
  
  @media (max-width: 991px)
  {
    #mainmenu { display:none; }
    #mobilemenu { display:block; }
  }

#clearheader { clear:both; height:107px; }
  .clearheaderalt { clear:both; height:67px; }

footer { background-color: #0034ff; padding:30px 0; }
footer * { color:#fff; }
footer .hr { border-top: 1px solid #fff; }
footer .box { text-align:left; padding:20px 0; }
footer .box p { padding:20px 0px;}
footer .box ul { padding:0; margin:0; list-style-type: none; }
footer .box ul li a { color:#fff; font-size:15px; text-decoration: none; }
footer .box ul li a:hover { text-decoration: underline; }
footer .box ul.terms { padding:0; margin:0; list-style-type: none; text-align: right; }
footer .box ul.terms li { display:inline-block; margin-left:25px; }
footer .box ul.terms li a { color:#fff; font-size:15px; text-decoration: none; }
footer .box ul.terms li a:hover { text-decoration: underline; }

@media (max-width: 991px)
{
  footer .box ul.terms { text-align: left; }
  footer .box ul.terms li { display:block; margin-left:0px;}
}

.aligned-row { display: flex; flex-flow: row wrap; &::before { display: block; } }

.typo * { font-size: 18px; line-height: 1.42857143; }
.typo p { margin-bottom: 20px; }
.typo a { color:#fff; text-decoration: none; }
.typo a:hover { text-decoration: underline; }


body.terms .typo { padding-top:150px; }
body.terms .typo h1 { font-size: 23px; padding-bottom: 30px; }
body.terms .typo  h2 { 
  font-size:26px; 
  font-weight:300; 
  line-height: 1.42857143; 
  border-bottom: 1px solid #aaa;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 24px; /* Add spacing after the heading */
}
body.terms .typo h3 { 
  font-size: 20px; 
  line-height: 1.42857143; 
  margin-bottom: 20px; /* Add spacing after each paragraph */
}
body.terms .typo p { 
  margin-bottom: 20px; /* Add spacing after each paragraph */
  font-size: 14px; 
  color: #ddd;
  line-height: 1.42857143; 
}
body.terms .typo ul li { 
  list-style-type: disc; 
  font-size: 14px; 
  color: #ddd;
  padding-left: 20px; /* Add padding to the left for better visibility */
}

body.terms .typo ul li strong { 
  font-weight : 400;
  font-size: 14px; 
  color: #fff; /* Make strong text white for better contrast */
}
    

.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   font-size: 13px;
}

/*
 * IDS
 */









@media (max-width: 991px) {
 .container-no-padding-sm { padding:0; width:100%; }
 .container-fx-padding-sm { padding:0 15px; width:100%; }
}

@media (max-width: 767px) {
 .container-no-padding-xs { padding:0; width:100%; }
}

/*
 * CLASSES
 */

.banner-section-desktop { display:block; position: relative; }

.banner-section-desktop .video-overlay { position: absolute; top:0; left:0; width:100%; height: 100%; }
.banner-section-desktop .video-overlay video { width:100%; height:auto; }

.banner-section-mobile { display:none;  }
@media (max-width: 767px) {
  .banner-section-desktop { display:none; }
  .banner-section-mobile { display:block; }
}

.overview-section { }
.overview-section * { color:#fff; }
.overview-section .menuname { display: block; font-size:21px; line-height: 1.42857143; padding-bottom: 10px; }
.overview-section .title { font-size:70px; font-weight:300; line-height: 1; }
.overview-section .logoimage { padding: 50px 0; }
.overview-section .logoinfo { padding-top:200px; }
.overview-section .infobox { display: block; padding-top:50px; }
.overview-section .infobox .infoboxtitle { font-size:25px; min-height: 80px; line-height: 1.42857143; }
.overview-section .infobox .infoboxbody { display: block; padding-top:30px; min-height: 420px; }
.overview-section .infobox .infoboxbody * { font-size:36px; line-height: 1.42857143; font-weight: 300; }
.overview-section .infobox .infoboxbody ul { list-style-type: none; margin: 0; padding: 0; }
.overview-section .infobox .infoboxbody ul li { background: transparent url('../images/bullet.png') top left no-repeat; background-position-y: 5px; padding-left:50px; }
.overview-section .infobox .infoboximage { display:block; width: 100%; height:250px; overflow: hidden; border-radius: 20px; }
.overview-section .infobox .infoboximage img { margin-top: -27%; }


@media (max-width: 1199px)
{
  .overview-section .title { font-size:40px; }
  .overview-section .logoinfo { padding-top:40px; }
  .overview-section .infobox .infoboxtitle { min-height: max-content; }
  .overview-section .infobox .infoboxbody { min-height: max-content; }
  .overview-section .infobox .infoboxbody * { font-size:26px; line-height: 1.9; }
  .overview-section .infobox .infoboximage { margin-top:40px; }
}

.overview-contact { display:block; position: relative; height:900px; }
.overview-contact .title { font-size:70px; font-weight:300; line-height: 1; }
.overview-contact .infobox .infoboxtitle { font-size:25px; min-height: 80px; line-height: 1.42857143; }
.overview-contact .overlay-wrapper { position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(90deg,rgba(0, 52, 255, 1) 0%, rgba(0, 52, 255, 1) 30%, rgba(255, 6, 0, 0.7) 100%); }
.overview-contact .overlay-wrapper .overlay { position: absolute; top:50%; left:0; width:100%; transform: translateY(-50%); }
.overview-contact .overlay-wrapper .overlay * { color: #fff; }
.overview-contact .overlay-wrapper .overlay h1 { display:block; font-size:70px; font-weight: 300; }
.overview-contact .overlay-wrapper .overlay h2 { display:block; font-size:36px; font-weight: 300; padding-top:30px; }
.overview-contact .overlay-wrapper .overlay .typo { display:block; padding-top:20px; }
.overview-contact .overlay-wrapper .overlay .vpbtn { display:block; margin-top:60px; }
.overview-contact .overlay-wrapper .overlay .vpbtn a { border:1px solid #fff; padding:15px 40px; border-radius:40px; text-decoration:none;  transition:all 0.3s ease; }
.overview-contact .overlay-wrapper .overlay .vpbtn a:hover { background-color: #fff; color:#000; }

@media (max-width: 1199px)
{
  .overview-contact .overlay-wrapper .overlay h1 { font-size:40px; }
  .overview-contact .overlay-wrapper .overlay h2 { font-size:25px; }
}

.team-section { display: block; }
.team-section * { color:#111; }
.team-section .menuname { display: block; font-size:21px; line-height: 1.42857143; padding-bottom: 10px; }
.team-section .teamphoto { display: block; padding:30px 0; }
.team-section .teamphoto .image { display:block; margin:0 auto; background: transparent url('../images/team-bg.png') center center no-repeat; width:309px; height:309px; padding:32px; }
.team-section .teamphoto .image img { width:245px; height:245px; border-radius: 50%; }
.team-section .teamphoto .info { text-align: center; padding-top:20px; }
.team-section .teamphoto .info .title { font-weight: 600; }
.team-section .teamphoto .info .linkedin a { color:#999999; text-decoration: none; }
.team-section .teamphoto .info .email a { color:#111; text-decoration: none; }
.team-section .teamphoto .info .email a:hover { text-decoration: underline; }


.partner-contact-bg { height:100%; background-color: #0034ff; background: linear-gradient(180deg,rgba(255, 6, 0, 1) 0%, rgba(0, 52, 255, 1) 70%, rgba(0, 52, 255, 1) 100%); }

.partner-section { }
.partner-section * { color:#fff; }
.partner-section .menuname { display: block; font-size:21px; line-height: 1.42857143; padding-bottom: 30px; }
.partner-section .title { font-size:70px; font-weight:300; line-height: 1; }
.partner-section .typo { display: block; padding-top:40px; }
.partner-section .typo h1 { font-size:36px; font-weight:300; line-height: 1; margin-bottom:20px; }
.partner-section .vpbtn { display:block; margin-top:60px; }
.partner-section .vpbtn a { border:1px solid #fff; padding:15px 40px; border-radius:40px; text-decoration:none;  transition:all 0.3s ease; }
.partner-section .vpbtn a:hover { background-color: #fff; color:#000; }
.partner-section .infoboximage { display:block; padding:0 30px; text-align: center; }
.partner-section .infoboximage img { border-radius: 50%; }


@media (max-width: 1199px)
{
  .partner-section .title { font-size:40px; }
  .partner-section .typo h1 { font-size:25px; line-height: 1; }
}

.contact-section { }
.contact-section * { color:#fff; }
.contact-section .menuname { display: block; font-size:21px; line-height: 1.42857143; padding-bottom: 30px; }
.contact-section .title { font-size:70px; font-weight:300; line-height: 1; }
.contact-section .sectitle { font-size:21px; display:block; padding-bottom:30px; }

@media (max-width: 1199px)
{
  .contact-section .title { font-size:40px; }
}

.contact-form { }
.contact-form .text { width:100%; border:0; font-size: 18px; padding:8px 0px; color:#fff; background-color: transparent; border-bottom: 1px solid #fff; }
.contact-form .text:focus { outline:none; }
.contact-form input.text::placeholder { color:#fff; opacity:0.5; font-size: 15px; }
.contact-form textarea.text::placeholder { color:#fff; opacity:0.5; font-size: 15px; }
.contact-form .btn { border:1px solid #fff; padding:10px 40px; border-radius:40px; background-color: #0034ff; }
.contact-form .btn:hover { background-color: #fff; color:#000; }


img.h-300 { width:100%; min-height:300px; }
img.h-400 { width:100%; min-height:400px; }
img.h-600 { width:100%; min-height:600px; }
img.h-822 { width:100%; min-height:822px; }
img.h-900 { width:100%; min-height:900px; }


nav,
.navbar-toggle {
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

nav { position: fixed; margin-top:0; z-index: 10; background-color: #0034ff; background: linear-gradient(180deg,rgba(255, 6, 0, 1) 0%, rgba(0, 52, 255, 1) 70%, rgba(0, 52, 255, 1) 100%); width: 100%; height: 100%; color: white; }

.nav-hide { display: none; }

nav ul { margin:120px 0 30px; padding:0; }

nav ul li { list-style: none; padding:20px 0; text-align: center; }

nav ul li a { font-size: 45px; color:#fff; font-weight: normal; text-decoration: none; }
nav ul li a.active { color:#fff; }

nav ul li a.current { color:#fff; }
nav ul li a:hover { color:#fff; text-decoration: none; }

.navbar-toggle {
  position: relative;
  float:right;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  z-index: 20;
  cursor: pointer;
}

.bar1,
.bar2,
.bar3
{ width: 100%; height: 2px; margin-bottom: 5px; background-color: #fff; transition: all 0.3s ease-in-out; }

.bar-white { background-color: #fff; }

.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3
{ background-color: #fff; }

.navbar-on .bar1 { transform-origin: 0% 40%; transform: rotate(45deg); z-index: 999; background-color: #fff;}

.navbar-on .bar2 { background-color: transparent; }
.navbar-on .bar3 { transform-origin: 0% 40%; transform: rotate(-45deg); z-index: 999; background-color: #fff; }


@media only screen and (max-width: 992px)
{
    nav ul li a { font-size: 32px; }
    nav ul li a hr { border-width:3px; margin-top:-2px;  }
}
@media only screen and (max-width: 767px)
{ 
  nav ul li a { font-size: 32px }
}
