/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
  background: black;
}

main{

  overflow:hidden;
  background: #e2e6e5;
}

b{

}

.profile-btn{
    border: solid 1px #c9dcf5;
    padding: 4px;
    border-radius: 6px;
}
.breadcrumb-list{
  z-index: 999;
    padding: 5px;
    padding-left: 20px;
    position: absolute;
    top: 55px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #9bc9ff;
    /* height: 35px; */
    opacity: 0.9;
}
.breadcrumb-list > div > ul{
  list-style: none;
}
.breadcrumb-list > div > ul > li{
  font-weight: 400;
}

footer{
  box-shadow: 0px -3px 7px 0px #343a40;
  margin-bottom: -30px;
  margin-top: 0px;
  position: relative;
  bottom: 0px;
  padding: 30px;
  border-top: solid 1px #1f232782;
  background: #343a40;
}
.navbar{
  box-shadow: -1px 5px 5px 1px #5f5f6d94;
}
a .nav-link:hover{
  color:#21a9e1;
}
.sub-navbar{

    /*height: 35Px;*/
    text-align: center;
    top: 56px;
    padding: 1px;
    padding-top: 5px;
    position: fixed;
    z-index: 999;
    background: #9bc9ff9c;
    width: 100%;
    color: white;
    box-shadow: -1px 5px 14px 1px #5f5f6d94;
}
.sub-navbar>ul>li>a{

  color:white;
}
#social{
  /*height: 150px;*/
  padding: 15px;
}
#contact{
  padding-top:10px;
  padding-right: 0px;
}
.logo-social{
  margin: auto;
  background-color: #9ec8ff;
  height: 80px; width: 80px;
  border-radius: 40px;
  text-align: center;
}
.logo-img{
  margin-top: 10px;
}
.profile-pic{
  overflow: hidden;
height: 200px;
width: 200px;
border-radius: 100px;
text-align: center;
}
#about-us,#rdv{
  padding: 10px;
  background: #343a40;
  /*height: 400px;*/
}
.row-about-us{
  border-top: solid 2px #6c747c;
  border-bottom: solid 2px #6c747c;
  padding: 20px;
}
.featurette-heading{
  color: white;
}
.title-underline{
  border-bottom: solid 2px #ffffff;
}
#consultation-type > .container{
  padding: 30px;
  color: #373e4a;
}
#consultation-type > .container> .row{
  padding-top: 30px;

}
.content{
  margin-top: 15px;
}
.content >p {
  /*padding-top : 40px;*/
}
#review-div{
  border-top: solid 4px #9bc9ff;
  background: white;
}
#info-point{
  background: #ffffff;
  border-top: solid 4px #9bc9ff;
}
.pic-div{
    margin: auto;
    overflow: hidden;
    padding-left: 0px;
  /* margin-left: -6px; */
  opacity: 0.9;
  border-left: solid 3Px #343a40;
}
/* Footer
-------------------------------------------------- */
footer>div>div>h2{
  color: white;
}

.footer-divider{
  margin-top: -20px;
    margin-bottom: 20px;
    border-top: solid 2px #fcfcfc;
}
.footer-h2{
  font-size: 30px;
  padding-top: 30px;
  margin-bottom: 20px;
}

.footer-h-link{
  font-size: 26px;
}
.site-map > ul > li{
  padding: 5px;
  list-style-type: none;
}
.blog > ul > li{
  list-style-type: none;
  text-align: -webkit-auto;
}
.site-map-link{
  color:#ccccd6;
  font-size: 16px;
}
.site-map-link :hover{
  color:white;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  top:25Px;
  height: 400px;
  margin-bottom: 25Px;
  padding-top:28px;
  background: white;
}
.carousel-inner {


      position: relative;
      width: 100%;
      overflow: hidden;
}


/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 80px;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 400px;
  /*background-color: #777;*/
  background: white;
}
.carousel-item > img :not(.second-slide){
  position: absolute;
  top: -50%;
  left: 0;
  min-width: 100%;

}
.carousel-caption{
  opacity: 0.85;
  border-radius: 3px;
  padding: 31px;
  padding-right: 0px;
  padding-left: 0px;
}
.carousel-1{
/*  background: linear-gradient(352deg, rgba(223,227,226,1) 5%, rgba(223,227,226,0.8701855742296919) 11%, rgba(223,227,226,0.6909138655462185) 34%, rgba(255,255,255,0) 60%);
  */width: 100%;
  opacity: 1;
  height: 100%;
  left: 0%;
  top: 0px;
}
.carousel-2{
    background: linear-gradient(352deg, rgba(223,227,226,1) 5%, rgba(223,227,226,0.8701855742296919) 11%, rgba(223,227,226,0.6909138655462185) 34%, rgba(255,255,255,0) 60%);
    width: 100%;
    opacity: 1;
    height: 100%;
    left: 0%;
    top: 0px;
}
.carousel-3{
  width: 100%;
  opacity: 1;
  height: 100%;
  left: 0%;
  top: 0px;
  background: rgb(195,133,114);
background: linear-gradient(10deg, rgba(195,133,114,1) 5%, rgba(170,116,99,0.9046610169491526) 11%, rgba(170,116,99,0.8072033898305084) 34%, rgba(255,255,255,0) 60%);
}
.in-carousel-1, .in-carousel-2, .in-carousel-3{
  position: relative;
  /* right: -21%; */
  /*bottom: -59%;*/
  top:40%;
  background: #ffffff9e;
}

.in-carousel-1 > p {
color:  #303641;
}
.second-slide{
  position: absolute;
  left: 0;
  min-width: 100%;
}
@media only screen and (min-width: 1300px) {
  .second-slide{
    top:-250%;

  }

}
@media only screen and (max-width: 1300px) {
  .second-slide{
    top:-145%;
  }

}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading{

  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.featurette-heading:not(.footer-h2){
  border-bottom: 2px solid white;
  font-size: 50px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.45rem;
    line-height: 1.4;
  }

  .featurette-heading:not(.footer-h2){
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading:not(.footer-h2){
    margin-top: 7rem;
  }
}

 /*  Appointment  */
/*---------------*/
#call-back{
    z-index: 9999;
    min-width: 60px;
    padding: 19px;
    color: white;
    border: solid 2px #25a9e1;
    background: #343a40;
    position: fixed;
    bottom: 90px;
    border-radius: 30px;
    height: 59px;
    right: 23px;
    margin-right: 10px;

}
#call-back>.info-txt{
      font-size: 14px;
  letter-spacing: 2px;
  font-weight: 349;
  padding-right: 35Px;
}

#ico-pho{
  background: #a2cbfc;
  right:9px;
    font-size: 25px;
    /* margin-left: 19px; */
    position: absolute;
    border-radius: 30px;
    border: solid 1px #25a9e1;
    top: 9px;
}

#ico-pho:hover{
 background: #343a40;
}

.toast{
  z-index: 9999999999;
}
main .appointment{
  margin-top: 25px;
  padding: 10px;
  margin-bottom: 0px;
}
.info{
  position: relative;
  bottom: -23px;
  background: white;
  border: solid 1px #343a40;
  padding-bottom: 10px;
}
.step{
  color: white;
padding: 10px;
/* opacity: 1.9; */
background: #343a40;
box-shadow: 0px 0px 8px black;
border-radius: 3px;
border: solid 1px #343a40;
margin-bottom: 10px;
overflow: hidden;
}

h3, .appointment{
  color:white;
  margin-bottom: 10px;
}
em, .info-step{
  color: #585d62;
}
.info-step-logo{
  font-size: 24px;
  color: #21a9e1;
}

.step-indicator{
  border: #343a40 1px solid;
  z-index: 2;
  text-align: center;
  display: block;
  font-size: 20px;
  padding-top: 9px;
  margin-left: -15px;
  /*margin-right: -15px*/;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #72808e;
}
.step-2-indicator {
    margin: auto;
}
.step-indicator-active{
  background: #21a9e1;
}
.line-indicator{
  margin-top: -31px;
 z-index: -1;
 z-index: 1;
 background: #343a40;
 height: 12px;
 z-index: 1;
 right: 1px;
}
.indicator{
  height: 80px;
}
.td1{
  width: 20%;
}
.td2{

    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 0 6px 0px #00faff;
}
.font-strong{
      font-weight: 700;
}
.indicator-1{
  height: 25px;
    width: 25px;
    border-radius: 18px;
    background: #3efeff;
    /* font-size: 60px; */
    position: absolute;
    left: -5px;
    border: solid 1px white;
    z-index: 9;
    bottom: -10px;
}
td>strong{
  color:black;
}
.table-appointment-confirm > tbody > tr{

  height: 110px;
}
.v-line{
  width: 10%;
  border-left: solid 4px grey;
}
.fa-medkit{
  color: orange;
    z-index: 99;
    background: white;
}
.table-appointment-confirm>tbody>tr>td:first-child{
/*  padding-right: 25px;*/
}
.entypo-left-dir{
  float: left;
  color: #3dfaff;
  position: absolute;
  left: -28px;
  font-size: 30px;
  top: 5px;
}
.i-icons{
    position: relative;
      font-size: 35px;
      margin-right: -25px;
      border: solid;
      padding: 4px;
      border-radius: 22px;
      left: -35%;
}
.label{
float: right;
position: relative;
right: 30px;
color: #2b2b2a;
width: 20%;
border: solid 1px #bbbbbb;
padding: 5px;
border-radius-top-left: 7px;
border-radius: 7px;
padding-bottom: 10px;
top: -17px;
}
 /*     crew   */
/*------------*/
.profile-thumb{
  padding: 10px;
  box-shadow: 0px 0px 5px 2px #c3deff;
  background: white;
  border-radius: 6px;
  /*margin: 10px;*/
}
.left-menu{
  z-index: 1;
  box-shadow: 3px 3px 4px #afd0f8;
  background: white;
  border-right: 2px solid #a1cbfd;
}
#menu-crew > ul > li{
  list-style-type: none;
}
.label-menu{
color: #474d52;
font-size: 15px;
}
#menu-crew > ul {
  padding-left: Opx;
}
.chkbx{
    top: -10px;
    position: relative;
    right: -55px;
}

.pan-css{
  background-color: white;
}

/*    profile   */
/*------------*/
#profile{
  margin-top: 30px;
  padding-bottom: 40px;
}
.content > .text-dark{
  font-size: 13px;
font-weight: 400;
}
/*    FAQ   */
/*------------*/

.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-style: italic;
    font-size: 1.5rem;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 3rem;
    content: "\f106";
    color: #1f7de2;
    float: right;
    margin-top: -12px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}
 /*    usual   */
/*------------*/
.white{
  color:white
}
.blue{
  color:#343a40;
}
.start-active{
  color:#343a40;
}
.grey{
  color:#949494;
}
.cyan{
  color:#9bc9ff;
}
.title-404{
  margin-top: 30px;
border-top: 2px solid #343a40;
border-bottom: 2px solid;
padding: 16px;
}

.box-info{
    background: white;
    opacity: 0.9;
    box-shadow: 0 0 5px 2px #b4d2f6;
}

.th-sel{
  color: aqua;
  font-weight: 500;

}