@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";
@import "../../bootstrap-4.0.0/scss/nav";
@import "../../bootstrap-4.0.0/scss/card";
@import "../../bootstrap-4.0.0/scss/transitions";
@import "award";
@import "custom/team-block";
@import "custom/news-list";
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: $spacer;
  background-color: $table-bg; // Reset for nesting within parents with `background-color`.

  th,
  td {
    padding: $table-cell-padding;
    vertical-align: top;
    border-bottom: $table-border-width solid $table-border-color;
  }

  thead th {
    vertical-align: bottom;
    border-bottom: (2 * $table-border-width) solid $table-border-color;
  }

  tbody + tbody {
    border-top: (2 * $table-border-width) solid $table-border-color;
  }

  .table {
    background-color: $body-bg;
  }
}
.table-responsive {
  @each $breakpoint in map-keys($grid-breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);

    &#{$infix} {
      @include media-breakpoint-down($breakpoint) {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057

        // Prevent double border on horizontal scroll due to use of `display: block;`
        > .table-bordered {
          border: 0;
        }
      }
    }
  }
}

//
// Condensed table w/ half padding
//

.table-sm {
  th,
  td {
    padding: $table-cell-padding-sm;
  }
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-weight: $font-weight-bold;
    line-height: 1.2;
    @include media-breakpoint-down(md){
        line-height: 1;
    }
}
.navigate-icon-listing{
    list-style: none;
    margin: 0;
    padding: 0;
    li{
        position: relative;
        padding-left: 40px;
        padding-bottom: rem(20);
        font-size: rem(18);
        &:before{
            content: "";
            position:absolute;
            left:0;
            top:5px;
            width: 25px;
            height: 25px;
            background: url(../images/navigate-icon.gif) left top no-repeat;
            background-size: 100%;
        }
    }
}
.step-list{
    .row{
        position:relative;
    }
   .number {
        width: 3.125rem;
        height: 3.125rem;
        border: #ffcc00 2px solid;
        background: #ffcc00;
        border-radius: 50%;
        line-height: 2.875rem;
        outline: 0;
        font-size: 20px;
        font-weight: 700;
    }
  .line {
        border-top: 2px #cdcdcd solid!important;
        left: 15%;
        right: 15%;
        top: 41px;
        max-width: 70%;
        transition:all ease .5s;
    }
    .inner-content:hover>p.number{
            background:#fff;
    }
}
.box-listing{
    .content{
        height:100%;
    }
    .box{
        border-radius:3px;
        box-shadow:0 5px 15px 5px rgba(0,0,0,0.05);
        padding:2.5rem;
    }
}
.icon_listing img{ margin:0 0 8px;}
.icon_listing  .inner-content{padding-bottom:20px;}
.container .container{
width:100%;max-width:100%;padding:0;
}

.form-listing-frd label,.form-listing-frd span.mndty{display:none;}
.list-arrow {
    li {
        padding-left: rem(28);
        position: relative;
        line-height: rem(28);
        margin-bottom: rem(20);

        &:after {
            content: '';
            position: absolute;
            top: rem(9);
            left: 0;
            width: rem(9);
            height: rem(9);
            border-top: rem(3) solid $gray-400;
            border-right: rem(3) solid $gray-400;
            transform: rotate(45deg);
        }
    }

    &.md {
        li {
            padding-left: rem(20);
            line-height: rem(24);
            margin-bottom: rem(8);

            &:after {
                top: rem(6);
            }
        }
    }
}
@include media-breakpoint-up(md){
    .LiveDemoAccount .live {
        border-right: 1px solid #accdce;
    }
}
.no-header{
    padding-top: 0!important;
}
@include media-breakpoint-up(lg){
    .banner-left{
        max-width:55%;
        flex:0 0 55%;
    }
     .banner-right{
        max-width:45%;
       flex:0 0 45%;

    }
}
.our-team-box{
    padding-top: 78px;
    max-width: 270px;
}

.our-team-box img{
    width: 157px;
    height: 157px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.our-team-box .our-team-box-content{
    padding-top: 78px;
}

.speaker-profile-slider .slick-dots{
    text-align: center;
    top:10px;
}
.address-position {
    @include media-breakpoint-up(lg){
        top: 0;
        background-size: cover!important;
        right: 0;
        width:434px;
    }
    
    @include media-breakpoint-down(md){
        top: 5%;
        height: auto!important;
        left: 50%;
        background: rgba(0,0,0,.8);
        width: 300px;
        font-size: 16px;
        padding: 20px;
        margin-left: -150px!important;
    }
 }
a.animated-btn{border-radius: 10px;position:relative;overflow: hidden;}
a.animated-btn:hover {border-color: #000!important;color: #fff!important;}
a.animated-btn:before{content:"";position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;border-radius: 10px;transition: all ease .5s;transform: translate(0, -100%);}
a.animated-btn span{z-index: 1;}
a.animated-btn:hover:before{transform:translate(0,0);}
.our-team-box{
    padding-top: 78px;
    max-width: 270px;
}

.our-team-box img{
    width: 157px;
    height: 157px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.our-team-box .our-team-box-content{
    padding-top: 78px;
}

.speaker-profile-slider .slick-dots{
    text-align: center;
    top:10px;
}
.address-position {
    @include media-breakpoint-up(lg){
        top: 0;
        background-size: cover!important;
        right: 0;
        width:434px;
    }
    
    @include media-breakpoint-down(md){
        top: 5%;
        height: auto!important;
        left: 50%;
        background: rgba(0,0,0,.8);
        width: 300px;
        font-size: 16px;
        padding: 20px;
        margin-left: -150px!important;
    }
 }
.video-box-figure{
    height: 195px;
    background: url(../images/ajax-loader.gif) no-repeat center;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    img{
        height: 189px;
    }
    .icon-youtube{
        left: 50%;
        top: 50%;
        font-size: 64px;
        color: rgba(0, 0, 0, 0.64);
        margin: -32px;
        &:after {
            background: #fff;
            content: "";
            left: 50%;
            top: 50%;
            width: 20px;
            height: 20px;
            position: absolute;
            margin: -10px;
        }
        &:before {
            z-index: 1;
            position: relative;
        }
    }
    &:hover{
        .icon-youtube{
            color: #ff0000;
        }
    }
        
        
}
.font-playfair {
    font-family: 'Playfair Display', serif;
}
.card-header{
    padding: 0 1.25rem;
    .btn{
        padding: .7rem 0;
        width: 100%;
        display: block;
        text-align: left;
        text-decoration: none;
        font-size: 18px;
        font-weight: $font-weight-semibold;
    }
}
a.flt-cta {
    background: #f7a707;
    color: #fff!important;
    padding: 15px 20px;
    position: fixed;
    right: 0;
    top: 50%;
    border-radius: 5rem 0 0 5rem;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    transform: translate(102px,0);
    transition: all ease .5s;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: $font-weight-semibold;
    &:hover{
        transform: translate(0, 0);
    }
}