html{
  scroll-behavior: smooth;
  background-color: #efefef;
}
.m:hover{
  box-shadow: 0px 0px 3px;
}
.parallax 
{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.effect-shadow-1
{
  display: block;
  height: 100%;
  width:100%;
  background-color:rgba(0,0,0,0.15);
}
.effect-shadow-2
{
  display: block;
  height: 100%;
  width:100%;
  background-color:rgba(0,0,0,0.25);
}
.effect-shadow-3
{
  display: block;
  height: 100%;
  width:100%;
  background-color:rgba(0,0,0,0.35);
}
.effect-shadow-4
{
  display: block;
  height: 100%;
  width:100%;
  background-color:rgba(0,0,0,0.5);
}
.effect-shadow-5
{
  display: block;
  height: 100%;
  width:100%;
  background-color:rgba(0,0,0,0.85);
}
.topright
{
  position: absolute;
  top: 8px;
  right: 10px;
}
.table-sm td, .table-sm th {
    padding: .5rem .3rem;
}
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .3rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}
#mymodal .modal-dialog 
{
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  top: 50%;
  margin: 0 auto;
}
.bg-semi-dark2{
  background: linear-gradient(0deg, rgba(0,0,0,0.6), #000);
}
.bg-semi-dark{
  /*background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);*/
  background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}
.left-panel-icon
{
  background-color: #1a5d9c;
  color:white;
  text-align: center;
  display: inline-block;
  padding: 5px 10px;
  width: 40px;

}
.bottom-shadow{
  box-shadow: 0px 1px 5px black;
}
.text-shadow{
  text-shadow: 0px 1px 1px black;
}
.text-shadow1{
  text-shadow: 0px 2px 2px black;
}
.text-shadow2{
  text-shadow: 0px 3px 3px black;
}
.text-shadow3{
  text-shadow: 0px 5px 5px black;
}
.delay-1 {
animation-delay: .25s;
}
.delay-2 {
animation-delay: .5s;
}
.delay-3 {
animation-delay: .75s;
}
.delay-4 {
animation-delay: 1s;
}
/*bottom border effect*/
/*--------------------------------*/
.navbar a, a:hover 
{
  color: #000;
  text-decoration: none;
}
.navbar li {
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
  margin-right: 10px;
}
.navbar li:last-child {
  margin-right: 0;
}

.navbar li:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.navbar li:hover:after {
  width: 100%;
  background: white;
}

/*old code*/
/*---------------------------------*/
.logo{
  box-shadow: 3px 3px 10px black;
    border-radius: 7px;
    background-color: white;
}
.box-2x5{
	height: 0.25rem;
	width: 2rem;
	display: inline-block;
}
.social-info:hover{
	background-color: #337ab7;	
}
.mega-menu{
	width: max-content;
    overflow: hidden;
    padding: 15px;
}
.footer-link{
  text-decoration: none;
  color:white;
  display:inline-block;
  padding:3px;
}
.footer-link:hover{
  text-decoration: none;
  color:lightgray;
}
.social{
    display: inline-block;
    padding: 10px 5px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 3px;
}
.drop {
  box-shadow: 0px 0px 4px gray;
  border-radius: 10px;
  transition: ease all 0.25s;
}
.drop:hover{
  box-shadow: 0px 0px 4px gray;
  border-radius: 50%;
}

.font-style-1	{font-family: 'Lato', sans-serif;}
.font-style-2	{font-family: 'Lobster', cursive;}
.font-style-3	{font-family: 'Share', cursive;}
.font-style-4	{font-family: 'Squada One', cursive;}
.font-style-5	{font-family: 'Baloo Bhaina', cursive;}
.font-style-6	{font-family: 'Graduate', cursive;}
.font-style-7	{font-family: 'Happy Monkey', cursive;}
.font-style-8 {font-family: 'Baumans', cursive;}
.font-style-9 {font-family: 'Ubuntu', sans-serif;}
.font-style-10 {font-family: 'Righteous', cursive;}
.font-style-11 {font-family: 'Open Sans', sans-serif;}
.font-style-12 {font-family: 'Overpass', sans-serif;}
.font-style-13 {font-family: 'Krub', sans-serif;}
.font-style-14 {font-family: 'Rubik', sans-serif;}
.font-style-15 {font-family: 'Roboto', sans-serif;}
.font-style-16 {font-family: 'Roboto Condensed', sans-serif;}

.font-shadow {text-shadow: 0px 5px 5px black;}

.font-size-1 {font-size: 12px;}
.font-size-2 {font-size: 13px;}
.font-size-3 {font-size: 14px;}
.font-size-4 {font-size: 15px;}
.font-size-5 {font-size: 16px;}
.font-size-6 {font-size: 17px;}
.font-size-7 {font-size: 18px;}
.font-size-8 {font-size: 19px;}
.font-size-9 {font-size: 20px;}
.font-size-10 {font-size: 1.25em;}
.font-size-11 {font-size: 1.50em;}
.font-size-12 {font-size: 1.75em;}
.font-size-13 {font-size: 2.0em;}
.font-size-14 {font-size: 2.25em;}
.font-size-15 {font-size: 2.50em;}
.font-size-16 {font-size: 2.75em;}
.font-size-17 {font-size: 3.0em;}
.font-size-18 {font-size: 3.25em;}
.font-size-19 {font-size: 3.50em;}
.font-size-20 {font-size: 3.75em;}

.bg-primary-3 {background-color: #337ab7;}
.bg-warning-3 {background-color: #fcf8e3;}
.bg-danger-3 {background-color: #f2dede;}
.bg-success-3 {background-color: #dff0d8;}
.bg-info-3 {background-color: #d9edf7;}
.bg-dark-pnh{background-color: rgba(10,42,57,1);}
.text-primary-3 {color: #337ab7;}
.text-warning-3 {color: #8a6d3b;}    
.text-danger-3 {color: #a94442;}
.text-success-3 {color: #3c763d;}
.text-info-3 {color: #31708f;}

.border-bottom-dotted-1{border-bottom: dotted 1px white;}
.border-bottom-dotted-2{border-bottom: dotted 2px white;}
.border-bottom-dotted-3{border-bottom: dotted 3px white;}

.border-left-dotted-1{border-left: dotted 1px white;}
.border-left-dotted-2{border-left: dotted 2px white;}
.border-left-dotted-3{border-left: dotted 3px white;}

.border-right-dotted-1{border-right: dotted 1px white;}
.border-right-dotted-2{border-right: dotted 2px white;}
.border-right-dotted-3{border-right: dotted 3px white;}

.border-bottom-dashed-1{border-bottom: dashed 1px white;}
.border-bottom-dashed-2{border-bottom: dashed 2px white;}
.border-bottom-dashed-3{border-bottom: dashed 3px white;}

.border-left-dashed-1{border-left: dashed 1px white;}
.border-left-dashed-2{border-left: dashed 2px white;}
.border-left-dashed-3{border-left: dashed 3px white;}

.border-right-dashed-1{border-right:dashed 1px white;}
.border-right-dashed-2{border-right:dashed 2px white;}
.border-right-dashed-3{border-right:dashed 3px white;}