//$default-color: #f6940d;
//$default-light:rgba(246,148,13,0.88);
$default-color: #28a049;
$default-light: #59be71;
$alt-color: #ffc430;
$light-green: #f4fcf7;
$body: #f0f0f0;
$black: #3e3e3d;
$gray: #616060;
$light-gray: #9d9c9c;
$body: #f9f9f9;
$white:white;
$shadow: 0 5px 8px rgba(0,0,0,0.2);
$shadow-low: 0 2px 6px rgba(0,0,0,0.1);
$shadow-white:0 2px 6px rgba(255,255,255,0.5);
$shadow-default:0 2px 6px $default-light;
$blue:#007bff;
$light-blue:rgba(0,123,255,.68);
$facebook:#4867AA;
$twitter:#1da1f2;
$instagram:#e0564a;
$small-screen: 767px;
$tab-screen: 992px;
$mid-screen:1200px;
@import url("https://fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800");


a{
  color: inherit;
  text-transform: inherit;
  font-style: inherit;
  &:hover{
    color: $alt-color;
    text-transform: inherit;
    font-style: inherit;
    text-decoration: inherit;
  }
}
p{
  margin-bottom: 5px;
}
.bold{
  font-weight: bold;
}
.font-gray{
  color: $gray;
}
.font-light-gray{
  color: $light-gray;
}

.font-sm{
  font-size: 14px;
}
.font-lg{
  font-size: 22px;
}
.font-blue{

    color: #007bff;
}
.font-default-color{
    color: $default-color;
}
.min-vh-80{
    min-height: 80vh;
}
.ln-1{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    font-size: 17px;
    margin-bottom: 15px;

}
.row{
  margin: 0;
}
.row.row-neg{
  margin:0 -15px;
}
.mb-show{
    display: none;
    @include responsive(mbtb){display: block}
}
.mb-none{
    display: block;
    @include responsive(mbtb){display: none}
}
.show{
    display: block;
}
.hide{
    display: none;
}
.mbtb-show{
  display: none;
  @include responsive(mbtb){display: block};
}
.mbtb-none{
  display:block;
  @include responsive(mbtb){display: none};

}
.bg-gray{
    background: $gray!important;
}
.default-nav-tab{
  margin-bottom: 15px;
  border:none;
  height: 100%;
  padding: 10px 0;
  li{
    padding-right: 20px;
  }

  a.active{
    background: $default-color;
    color:white;
    padding: 10px;
    border-radius: 3px;
    box-shadow: $shadow-low;
  }
}
img{
  -webkit-transition: .3s ;
  -moz-transition: .3s ;
  -ms-transition: .3s;
  -o-transition: .3s ;
  transition: .3s;

}
.container{
  max-width:90%;
  margin: auto;
  @include responsive(mbtb){max-width: 100%;padding: 0 8px};

}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,.col-7,.col-8,.col-9,.col-10,.col-11, .col-12{
  @include responsive(mb){padding: 0 8px};

}
.flex-line{
  @include flex-line(center,center);
}
.default-btn{
  @extend %button;
  background: $default-light;
    width: 100%;
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  outline: none;
  &:hover{
    background: $default-color;
      box-shadow: $shadow-low;
  }
}
.default-btn-outline{
    @extend %button;
    background: $light-green;
    border: 1px solid $default-color;
    width: 100%;
    color: $default-light;
    border-radius: 5px;
    padding: 10px 20px;
    outline: none;
    &:hover{
        background: $default-color;
        color: white;
        box-shadow: $shadow-low;
    }
}
.tab-content>.active{
  opacity: 1;
}

@media (min-width: 1742px){
  .container {
    max-width: 1542px;
    margin: 0 auto;
  }
}
