/* 
******************************
******* Typography
******************************
*/
@font-face{
  font-family: 'hira';
  src: url('fonts/hira.otf');
}
@font-face{
  font-family: 'Poppins-Regular';
  src: url('fonts/Poppins-Regular.ttf');
}
@font-face{
  font-family: 'Poppins-SemiBold';
  src: url('fonts/Poppins-SemiBold.ttf');
}
@font-face{
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.ttf');
}
@font-face{
  font-family: 'ArimaMadurai-Bold';
  src: url('fonts/ArimaMadurai-Bold.ttf');
}
@font-face{
  font-family: 'ArimaMadurai-Regular';
  src: url('fonts/ArimaMadurai-Regular.ttf');
}
@font-face{
  font-family: 'BEBAS';
  src: url('fonts/Bebas-Regular.ttf');
}
a{
  font-family: 'Poppins-SemiBold';
  color: #304464;
}
p{
  color:#304464;
  font-family: Poppins-Regular;
}
h1{
  color:#091d70;
  font-family: Poppins-SemiBold;
}
h2{
  color:#091d70;
}
h4{
  color: #091d70;
  font-family: Poppins-SemiBold;
}

h6{
  color: #304464;
  font-family: Poppins-SemiBold;
}
.la-separator{
  color:#cbd0e1;
}
p.first-paragraph {
  padding-left: 10%;
  padding-right: 10%;
}
/* 
******************************
******* Header
******************************
*/



/* 
******************************
******* Navbar
******************************
*/
#main-navigation ul li {
  padding-left:0.5rem;
  padding-right:0.5rem;
  }
.navbar-light .navbar-brand {
    font-family: 'BEBAS';
    color: #091d70;
    font-weight: 700;
    letter-spacing: 0.2rem;
    font-size: 2.5rem;
}
.navbar-light .navbar-brand:hover {
  color:#1538c5;
}
.navbar-light .navbar-nav .nav-link {
  color: #091d70;
  font-size:0.9rem;
}
.navbar-light .navbar-nav .nav-link:hover {
  color:#1538c5;
}

/* 
******************************
******* Buttons & Links
******************************
*/
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 20px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
.navbar-light .navbar-toggler {
  color: rgba(0,0,0,.5);
  border-color: rgba(255,255,255);}


/* 
******************************
******* Footer
******************************
*/
.my-footer-font{
  font-family: Poppins-Regular;
}
.footer-color{
  color:#838db7;
}
.my-footer-link{
  color:#091d70;
  font-family: Poppins-Regular;
}
.my-footer-size{
  font-size:0.8rem;
}
.social-links i {
  background-color: #e9eaea;
  padding: 1rem;
  border-radius: 50%;
  color: #091d70;
}
.social-links i:hover {
  background-color: #091d70;
  color: #e9eaea;
}
/* 
******************************
******* Professionals Section
******************************
*/


/* 
******************************
******* Practice Area Section
******************************
*/
.my-card {
  margin-top: auto;
  color:white;
  font-size: 1.2rem;
}

.practice{
  padding-bottom: 6rem;
  padding-top: 10rem;
}
.practice-card-wrapper .practice-info{
  display: none;
  text-align: center;
  font-weight: 600;
}
.practice-card-wrapper:hover .card-overlay{
  position: relative;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 0.85; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 0.85; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 0.85; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 0.85; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 0.85; }
}

.practice-card-wrapper:hover .card-overlay:after{
  content:'';
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background: rgb(9,9,121);
background: linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 10%, rgba(0,212,255,1) 100%);
background: -moz-linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 10%, rgba(0,212,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 10%, rgba(0,212,255,1) 100%);
background: linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 10%, rgba(0,212,255,1) 100%);
opacity: 0.85;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
 -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
     animation: fadein 1s;

}
.practice-card-wrapper:hover .card-title{
  z-index: 9999999;
  margin-top:0;
  transform: translateY(-1rem);  /* you need a scale here to allow it to transition in both directions */
  transition: 0.66s all ease-in-out;

}
.practice-card-wrapper:hover .practice-info{
  z-index: 9999999;
  display:block;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
   -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
       animation: fadein 1s;
  
}
/* 
******************************
******* quote section
******************************
*/
#quote{
  background: #f4f7fb;
}
.my-quote{
  font-family: ArimaMadurai-Bold;
}
.quote-section-img-wrapper img{
  opacity: 0.6;
}
/* 
******************************
******* Contacts
******************************
*/
.my-color{
  font-family: Poppins-Medium;
}
.my-link{
  font-family: Poppins-Regular;
}
.my-contact-size{
  font-size:0.9rem;
}
.my-contact-left{
  text-align: left;
}
.my-contact-center{
  text-align: left;
}




 /* Carousel */
 .carousel-indicators-numbers li {
  text-indent: 0;
  width: 20px;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  transition: all 0.25s ease;
  
}
 .carousel-control-next {
  left: 4rem;
}
.carousel-arrows {
    position: relative;
    bottom: 10rem;
    margin-left: 9.5rem;
}

.carousel-indicators li{
  margin:0;
  padding:0;
  background-clip: initial;
  border-top:unset;
  border-bottom:unset;
  width: 20px;
}
.carousel-indicators{
  left: -59.5%;
  bottom: 5.5rem;
}
.carousel-control-prev-icon {
  outline: #aaa;
  background-size: 50%, 50%;
  border-radius: 50%;
  border: 1px solid #fff;
  color:red;
}
.carousel-control-next-icon {
  outline: #aaa;
  background-size: 50%, 50%;
  border-radius: 50%;
  border: 1px solid #fff;

}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 50px;
  height: 50px;
}
.carousel-caption{
  margin-right:12rem;
  margin-bottom:10rem;
  text-align: unset;
  font-family: Poppins-SemiBold;
}
.carousel-caption h5 {
  font-size: 1.5rem;
  text-align: left;
  margin-left: 0.5rem;
}
/* carousel speed */
.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}


.georg-quote h1{
  color:#fff;
  font-style: italic;
  font-family: Poppins-Medium;
  margin-bottom:4.4rem;
  opacity: 0.3;
}
.georg-quote span{
  color:#fff;
  font-family: ArimaMadurai-Regular;
}
.japan-quote h1{
  color:#fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.3;
  margin-bottom:5.4rem;
}
.japan-quote span{
  color:#fff;
  font-family: hira;
}

.my-indicators1,.my-indicators3-active{
  display: none;
  position: absolute;
  top: -0.80rem;
  left: 46.5%;
  font-weight: 700;
}
.my-indicators2{
  display: none;
  font-weight: 700;

  position: absolute;
  top: -0.80rem;
  left: 46.5%;
}
.active .my-indicators1, .active .my-indicators2{
  display: inline;
}
.active .my-indicators3-active{
  display:inline;
}
.my-indicators3{
  position: absolute;
  top: -.8rem;
  left: 52.5%;
  font-weight: 700;

}
/*
***********************
****** Privacy Page 
***********************
*/
.parallax {
  background: url('/imgs/privacy.jpg') no-repeat;
  background-size: cover;
}
.privacy-padding{
  padding:4rem;
}
.privacy-padding h1{
  font-size: 2rem;
  color:#fff;
  margin-left: 5.4rem;
}
.my-privacy{
  padding-bottom:4rem;
  color:#304464;
}
.my-privacy h3{
  font-size:1.5rem;
}
.last-update{
  font-family: Poppins-Medium ;
  color:#091d70;
}
/*
***********************
******** Disclaimers 
***********************
*/
.my-parallax {
  background: url('/imgs/disclaimers.jpg') no-repeat !important;
  background-size: cover !important;
}
/* 
******************************
******* Media
******************************
*/
/* 8K screens */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 2560.98px){
  .my-indicators1, .my-indicators3-active {
    display: none;
    position: absolute;
    top: -0.80rem;
    left: 48.5%;
    font-weight: 700;
}
.my-indicators3 {
    position: absolute;
    top: -.8rem;
    left: 51%;
    font-weight: 700;
}
.my-indicators2 {
  display: none;
  font-weight: 700;
  position: absolute;
  top: -0.80rem;
  left: 48.5%;
}

  .carousel-indicators {
    left: -71.5%;
    bottom: 5.5rem;
}


}
@media (max-width: 1920.98px){
.my-indicators1, .my-indicators3-active {
    display: none;
    position: absolute;
    top: -0.80rem;
    left: 47.8%;
    font-weight: 700;
}
.my-indicators3 {
    position: absolute;
    top: -.8rem;
    left: 51.5%;
    font-weight: 700;
}
.my-indicators2 {
  display: none;
  font-weight: 700;
  position: absolute;
  top: -0.80rem;
  left: 47.8%;
}

}

@media (max-width: 1366.98px){
  .my-indicators1, .my-indicators3-active {
    display: none;
    position: absolute;
    top: -0.80rem;
    left: 47%;
    font-weight: 700;
}
.my-indicators3 {
    position: absolute;
    top: -.8rem;
    left: 52%;
    font-weight: 700;
}
.my-indicators2 {
  display: none;
  font-weight: 700;
  position: absolute;
  top: -0.80rem;
  left: 47%;
}

.carousel-arrows {
  position: relative;
  bottom: 10rem;
  margin-left: 6.5rem;
}
}

@media (max-width: 1199.98px) { 
  .georg-quote h1 {
    color: #fff;
    font-style: italic;
    font-family: Poppins-Medium;
    margin-bottom: 2.4rem;
    opacity: 0.3;
    font-size: 1.5rem;
}
.japan-quote h1 {
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  margin-bottom: 2.4rem;
  opacity: 0.3;
  font-size: 1.5rem;
}
.carousel-caption h5 {
  font-size: 1.2rem;
  text-align: left;
  margin-left: 0.5rem;
}
.carousel-indicators {
  left: 51.5%;
  bottom: 5.5rem;
}
.carousel-arrows {
  position: relative;
  bottom: 10rem;
  margin-left: 45.5rem;
}
.carousel-caption {
  margin-right: 12rem;
  margin-bottom: 3rem;
  text-align: unset;
  font-family: Poppins-SemiBold;
}
.phone-padding{
  padding-left: 1rem;
  padding-right: 1rem;
}
.my-indicators1, .my-indicators3-active {
  display: none;
  position: absolute;
  top: -0.80rem;
  left: 23%;
  font-weight: 700;}
.my-indicators2 {
  display: none;
  font-weight: 700;
  position: absolute;
  top: -0.80rem;
  left: 23%;}
.my-indicators3 {
    position: absolute;
    top: -.8rem;
    left: 67.5%;
    font-weight: 700;
}

 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .carousel-indicators.carousel-indicators-numbers{
  }
      /* Quote section */
      .my-quote {
        font-size: 1.4rem;
      }
      /* practice areas */
      .practice{
        padding-bottom:3rem;
      }
      .card-padding{
        padding: 1.5rem;  
      }
      .social-links{
        padding-bottom: 10px;
      }
      /* Contacts */
      .my-contact-left{
        text-align: center;
      }
      .my-contact-center{
        text-align: center;
      }
      .my-contact-size {
        font-size: 0.7rem;
    }
  /* carousel */
  .w-100{
    height: 85vh;
  }
.carousel-caption {
    margin-right: -9rem;
    margin-bottom: 10rem;
    text-align: unset;
    font-family: Poppins-SemiBold;
}
.carousel-caption h5 {
  font-size: 1rem;
  margin-left: -5.5rem;
  text-align: left;
}
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 1.5rem;
}
.carousel-indicators {
  left: -72.5%;
  bottom: 2.5rem;
}

    /* return to top */
    #return-to-top{
      z-index: 99999;
    }
    /* Privacy */
    .privacy-padding h1 {
      font-size: 2rem;
      color: #fff;
      margin-left: -0.6rem;
  }
  .georg-quote h1 {
    padding-left: 45rem;
    margin-bottom: 5rem;
    color: #fff;
    font-style: italic;
    font-family: Poppins-Medium;
    opacity: 0.4;
    font-size: 1.2rem;
    margin-left: -50rem;
   }
   .japan-quote h1 {
    padding-left: 45rem;
    margin-bottom: 5rem;
    color: #fff;
    font-style: italic;
    font-family: Poppins-Medium;
    opacity: 0.4;
    font-size: 1.2rem;
    margin-left: -50rem;
   }
   .phone-padding{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .my-indicators1, .my-indicators3-active {
    display: none;
    position: absolute;
    top: -0.80rem;
    left: 45%;
    font-weight: 700;}
.my-indicators2 {
    display: none;
    font-weight: 700;
    position: absolute;
    top: -0.80rem;
    left: 45%;}
.my-indicators3 {
      position: absolute;
      top: -.8rem;
      left: 53.5%;
      font-weight: 700;
  }

 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  p.first-paragraph{
    padding-left:unset;
    padding-right: unset;
  }
      /* Quote section */
      .my-quote {
        font-size: 1.4rem;
      }
      /* practice areas */
      .practice{
        padding-bottom:3rem;
      }
      .card-padding{
        padding: 1.5rem;  
      }
      .social-links{
        padding-bottom: 10px;
      }
      /* Contacts */
      .my-contact-left{
        text-align: center;
      }
      .my-contact-center{
        text-align: center;
      }
      .my-contact-size {
        font-size: 0.9rem;
    }
  /* carousel */
  .w-100{
    height: 85vh;
  }
.carousel-caption {
    margin-right: -9rem;
    margin-bottom: 10rem;
    text-align: unset;
    font-family: Poppins-SemiBold;
}
.carousel-caption h5 {
  font-size: 0.9rem;
  margin-left: -4.5rem;
  text-align: left;
}
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 13.5rem;
}
.carousel-indicators {
  left: -6.5%;
  bottom: 2.5rem;
}
  /* return to top */
  #return-to-top{
    z-index: 99999;
  }
  /* Privacy */
  .privacy-padding h1 {
    font-size: 2rem;
    color: #fff;
    margin-left: -0.6rem;
 }
 .georg-quote h1 {
  padding-left: 43rem;
  margin-bottom: 5rem;
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.4;
  font-size: 1.2rem;
  margin-left: -54rem;
  text-align: center;
}
 .japan-quote h1 {
  padding-left: 43rem;
  margin-bottom: 5rem;
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.4;
  font-size: 1.2rem;
  margin-left: -54rem;
  text-align: center;
 }
 .phone-padding{
  padding-left: 2rem;
  padding-right: 2rem;
}
.my-indicators1, .my-indicators3-active {
  display: none;
  position: absolute;
  top: -0.80rem;
  left: 38.5%;
  font-weight: 700;}
.my-indicators2 {
  display: none;
  font-weight: 700;
  position: absolute;
  top: -0.80rem;
  left: 38.5%;}
.my-indicators3 {
    position: absolute;
    top: -.8rem;
    left: 57.5%;
    font-weight: 700;
}

}
 

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    /* Quote section */
    .my-quote {
      font-size: 1.4rem;
    }
    /* practice areas */
    .practice{
      padding-bottom:3rem;
    }
    .card-padding{
      padding-left: 4.5rem;
      padding-right: 4.5rem;
    }
    .social-links{
      padding-bottom: 10px;
    }
    /* Contacts */
    .my-contact-size {
      font-size: 0.9rem;
  }
    .my-contact-left{
      text-align: center;
    }
    .my-contact-center{
      text-align: center;
    }
  /* return to top */
  #return-to-top{
    z-index: 99999;
  }
  /* carousel */
  .carousel-indicators {
    display: none;
    }
.w-100{
    height: 85vh;
  }
.carousel-caption {
    margin-right: -9rem;
    margin-bottom: 10rem;
    text-align: unset;
    font-family: Poppins-SemiBold;
}
.carousel-caption h5 {
  font-size: 0.9rem;
  margin-left: -9.5rem;
  text-align: center;
}
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 11.5rem;
}
.carousel-indicators {
  left: -1.5%;
  bottom: 2.5rem;
}
/* Privacy */
.privacy-padding h1{
  font-size: 1rem;
  color: #fff;
  margin-left: -1.6rem;

}

.georg-quote h1 {
  padding-right: 7rem;
  margin-bottom: 5rem;
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.4;
  font-size: 1rem;
  margin-left: -45rem;
  text-align: center;
 }
 .japan-quote h1 {
  padding-right: 7rem;
  margin-bottom: 5rem;
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.4;
  font-size: 1rem;
  margin-left: -48rem;
  text-align: center;
 }
 .phone-padding{
  padding-left: 2rem;
  padding-right: 2rem;
}
}

@media (max-width: 414.98px){
  .carousel-indicators {
    display: none;
    }
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 9.5rem;
}


}


@media (max-width: 411.98px){
.carousel-indicators {
    display: none;
    }
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 9.5rem;
}
}




@media (max-width: 375.98px){
.carousel-arrows {
  position: relative;
  bottom: 8rem;
  margin-left: 8.3rem;
}
.carousel-indicators {
display: none;
}
  .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 25px;
    height: 25px;
  }
  .georg-quote h1 {
    padding-right: 7rem;
    margin-bottom: 5rem;
    color: #fff;
    font-style: italic;
    font-family: Poppins-Medium;
    opacity: 0.4;
    font-size: 1.3rem;
    margin-left: -45rem;
    text-align: center;
    font-size: 1rem;
}
.japan-quote h1 {
  padding-right: 7rem;
  margin-bottom: 5rem;
  color: #fff;
  font-style: italic;
  font-family: Poppins-Medium;
  opacity: 0.4;
  font-size: 1.3rem;
  margin-left: -45rem;
  text-align: center;
}
}
@media (max-width: 320.98px){
  .card-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.iphone-size{
  font-size: 1.5rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 25px;
  height: 25px;
}
.carousel-indicators {
  display: none;
  }

}
.line-divider {
  background-color: #091d70;
}