@font-face { 
	font-family: gotham-bold-italic; 
	src: url('../fonts/GothamBold-Italic.otf'); 
 }
 @font-face{
	font-family: gotham-bold; 
	src: url('../fonts/GothamBold.otf'); 
 }
 @font-face{
	font-family: gotham-book-italic; 
	src: url('../fonts/GothamBook-Italic.otf'); 
 }
 @font-face{
	font-family: gotham-book; 
	src: url('../fonts/GothamBook.otf'); 
 }
 .card-img-overlay p{

 }
.gotham-bold-italic{
  font-family: gotham-bold-italic;
}
h1,
h3,
h4,
h2,
.gotham-bold{
 font-family: gotham-bold !important;
}
.gotham-book-italic{
  font-family: gotham-book-italic !important;
}
.gotham-book{
  font-family: gotham-book;
}
.font-weight-light {
  font-weight: 300!important;
  font-family: gotham-book !important;
}
.full-page-preview { font-family: gotham-book;}
html{scroll-behavior: smooth;}
body{color: #424041 !important;border-left: solid 15px #fd322b; font-family: gotham-book; font-size: 15.7px;}
.text-dark{color: #424041 !important;}
.text-darnger{color: #fd322b !important;}
.bg-success{background-color: #97d251 !important;}
.text-success{color: #97d251 !important;}
.text-primary{color: #3fbbe2 !important;}
.bg-primary{background-color: #3fbbe2 !important;}
.bg-danger{color:#fd322b !important;}
.text-warning{color: #ec9510 !important;}
.bg-warning{background-color: #ec9510 !important;}
.bg-light{background-color: #f6f6f6 !important;}
.bg-light-dark{background-color: #f0f0f0 !important;}
.text-purple{color: #7e3890;}
.text-shadow{text-shadow: 1px 1px 1px #2b2222;}
.card{background-color: transparent !important; border: none !important;}
.navigation{
  position: relative;
  z-index: 1000;
  background-color: #fff;
  height: 101px;
  -webkit-transition: top .45s 0s,background .15s 0s;
  transition: top .45s 0s,background .15s 0s;
}
.navigation.ready-for-scroll{
  width: 100%;
  position: fixed!important;
  top: -300px;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.navigation.ready-for-scrollheader.fixed {
  top: 0;
  -webkit-transition: top .45s 0s,background .15s 0s;
  transition: top .45s 0s,background .15s 0s;
}
header .container-fluid.px-0{
  transition: all .5s ease-in-out;
}
.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.bg-head {
    background-position: right;
    background-repeat: no-repeat;
    background-position: right 20%;
    width: 100%;
    height: 600px;
    background-size: cover;
   margin-top: 104px;
}

.bg-head h1{
  font-family: gotham-bold;
}

.bg-center{
    background-position: center;
}
.mt-5p{margin-top: 5px;}
.logo {
    max-width: 150px;
}
/* menu bar */
.pointer{cursor: pointer;}
.menu-container {
    display: inline-block;
    cursor: pointer;
    padding-right: 10px;
  }
.bar1, .bar2, .bar3 {
  width: 30px;
  height: 2px;
  background-color: #000;
  margin: 8px 0;
  transition: 0.4s;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 9px);
    transform: rotate(-45deg) translate(-9px, 8px);
    width: 33px;
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-6px, -6px);
     width: 33px;
  }
  .navbar-toggler{border: none !important;}
  .navbar-toggler:focus, .navbar-toggler:hover{outline: none; border: none;}

  #mySidenav li:nth-last-child(2) a{position: relative;}
  #mySidenav li:nth-last-child(2) img{display: none;}
  #mySidenav li:nth-last-child(2) a:before {
    content: '';
    position: absolute;
    background-image: url(../images/down-arrow.png);
    right: 4%;
    left: auto;
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: center;
}
#mySidenav li:nth-last-child(2) a:hover:before {
  content: '';
  background-image: url(../images/download-icon.png);
  height: 19px;
  width: 19px;
  right: 6%;
  bottom: 11px;
}
.menu-close .bar1,
.menu-close .bar2,
.menu-close .bar3{
  width: 30px;
  height: 2px;
  background-color: #000;
  margin: 8px 0;
  transition: 0.4s;

}
.menu-close{
  display: block;
  margin-left: auto;
  cursor: pointer;
  padding-right: 10px;
}
.menu-close .bar1 {
  -webkit-transform: rotate(-45deg) translate(-10px, 9px);
  transform: rotate(-45deg) translate(-7px, -10px);
  width: 33px;
}

.menu-close .bar2 {opacity: 0;}

.menu-close .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-23px, -8px);
  width: 33px;
}



  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 15px;
    background-color: #f6f6f6;
  }
  #mySidenav .navbar-nav{
    padding-top: 20px;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #636363;
    display: block;
    transition: 0.3s;
  }
.sidenav li:nth-last-child(){color: #636363;line-height: 13px;}
.login-nav li a.active-link:before {
  content: '';
  background-image: url(../images/download-icon.png) !important;
  height: 19px !important;
  width: 19px !important;
  right: 18% !important;
  bottom: 11px !important;
}

  .sidenav a:focus,
  .sidenav a:hover {
    color: #fc3839;
    text-decoration: none;
  }
.active-link{color: #fc3839 !important; font-family: gotham-bold;}

  .nav-item-w,
.nav-w{width: 250px; overflow: hidden; height: 100%;}

.sidenav a {font-size: 16px;}
 .down-icon{max-width: 18px; margin-left: .5rem;}
 #shuffle .carousel-caption {
  bottom: 0;
  height: 100%;
  top: 0;
  width: 75%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8rem;
  padding-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
 #shuffle .card-img-overlay{
  bottom: 0;
  top: auto;
  padding: 1rem;
}
#shuffle .owl-nav .owl-next:before,
#shuffle .owl-nav .owl-prev:before{
  height: 22px;
  width: 22px;
}

 .scroll-to-wrap{
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
 }
 .scroll-to-wrap small{
  font-size:14.7px;
 }
 .scroll-to{
  display: block;
  height: 70px;
  border-right: solid 1px #fff;
  right: 0;
  margin: 0 auto;
  transform: translateX(-50%);
  left: 50%;
 }
 #shuffle .owl-nav {
  position: absolute;
    top: 92%;
    z-index: 999;
    width: 51px;
    left: 40%;
}


.bg-icon{
  position: relative;
}
.bg-icon-pill::before{
  content: "";
  background-image: url(../images/pill.png);
}
.bg-icon::before{
  z-index: 999;
  position: absolute;
  height: 20px;
  width: 93px;
  top: -9px;
  right: 50px;
}
.bg-icon-cros::after{
  content: "";
  background-image: url(../images/cros.png);
}
.bg-icon::after{
  z-index: 999;
  position: absolute;
  height: 20px;
  width: 93px;
  bottom: -11px;
  left: 50px;
}
.bg-icon-cros::before{
  content: "";
  background-image: url(../images/cros.png);
}

.bg-repeat-x{
  background-repeat: repeat-x;
}
.bg-icon-blue-pill::before{
  content: "";
  background-image: url(../images/blue-pill-small.png);
}
.bg-icon-blue-pill::before{
  z-index: 999;
  position: absolute;
  height: 22px;
  width: 131px;
  top: -9px;
  left: 35px;
}
.bg-icon-blue-pill::after{
  content: "";
  background-image: url(../images/blue-pill-new.png);
}
.bg-icon-blue-pill::after{
  z-index: 999;
    position: absolute;
    height: 22px;
    width: 166px;
    bottom: -11px;
    left: auto;
    right: 5%;
}
/*  */
.bg-icon-blue-pill-left::before{
  content: "";
  background-image: url(../images/blue-pill.png);
}
.bg-icon-blue-pill-left::before{
  z-index: 999;
  position: absolute;
  height: 18px;
  width: 91px;
  top: -9px;
  right: 50px;
}
.bg-icon-blue-pill-right::after{
  content: "";
  background-image: url(../images/blue-pill-small.png);
}
.bg-icon-blue-pill-right::after{
  z-index: 999;
  position: absolute;
  height: 22px;
  width: 166px;
  bottom: -11px;
  left: 50px;
}
.bg-icon-blue-arrow-left::before{
  content: "";
  background-image: url(../images/blue-arrow-new.png);
}
.bg-icon-blue-arrow-left::before{
  z-index: 999;
  position: absolute;
  height: 23px;
  width: 102px;
  top: -11px;
  right: 50px;
}

.bg-icon-red-arrow-left::after{
  content: "";
  background-image: url(../images/red-arrow-new.png);
}
.bg-icon-red-arrow-left::after {
  z-index: 999;
  position: absolute;
  height: 25px;
  width: 178px;
  bottom: -13px;
  right: 50px;
}
.bg-icon-red-cros-right::before{
  content: "";
  background-image: url(../images/cross-new.png);
}
.bg-icon-red-cros-right::before{
  z-index: 999;
  position: absolute;
  height: 23px;
  width: 280px;
  top: -9px;
  right: 50px;
}
.border-line-right,
.border-line-left{
  position: relative;
}
.border-line-right::after,
.border-line-left::before{
  content: '';
  position: absolute;
  border-top: solid 1px #000;
  width: 100px;
  z-index: 999;
  top: 50%;
}

.bg-icon-red-pill::before{
  content: "";
  background-image: url(../images/red-pill-before.png);
}
.bg-icon-red-pill::before{
  z-index: 999;
  position: absolute;
  height: 18px;
  width: 270px;
  top: -9px;
  left: 50px;
}
.bg-icon-red-pill::after{
  content: "";
  background-image: url(../images/red-pill.png);
}
.bg-icon-red-pill::after{
  z-index: 999;
  position: absolute;
  height: 20px;
	width: 148px;
  bottom: -9px;
  right: 50px;
}
.border-line-left::before{
  right: 90%;
}
.border-line-right::after{
  left: 90%;
}
.hover-details .card.img-fluid{
  cursor: pointer;
}
.icon-list{list-style: none; padding: 0;}
.icon-list li:before{
  content: "";
  background: url(../images/list.png) no-repeat center;
  height: 25px;
  width: 25px;
  /* display: inline-block; */
  display: inline-table;
  margin-right: 10px;
  background-size: cover;
  border-radius: 50%;
}
.list-center li:before{
  content: "";
  position: relative;
  background-size: auto;
  top: -17px;
}
.icon-list li{ 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.icon-list-2 li{ 
  -webkit-box-align: start;
  -ms-flex-align: start;
	align-items: flex-start;
}
.icon-list-2 li:before{margin-top: 5px;}
.icon-list span{
  position: relative;
  top: -14px;
  margin-left: 15px;
}
.hover-details .card.img-fluid::before{
  content: "";
  background-image: url(../images/arrow-border.png);
  background-repeat: repeat-x;
  z-index: 999;
  position: absolute;
  height: 26px;
  width: 98.5%;
  top: -12px;
  left: 5px;
}
.hover-details-after.card.img-fluid::after{
  content: "";
  background-image: url(../images/arrow-border.png);
  background-repeat: repeat-x;
  z-index: 999;
  position: absolute;
  height: 26px;
  width: 98.5%;
  bottom: -15px;
  left: 5px;
}
.hover-details .card.img-fluid:focus .card-img-overlay,
.hover-details .card.img-fluid:hover .card-img-overlay{
  opacity: 1;
}

.hover-details .card-img-overlay {
  bottom: 0;
  top: auto;
  padding: 1rem;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.custom-tabs .active{
  border-bottom: 5px solid #fc3b32;
  color: #353435;
  font-family: gotham-bold;
}
.custom-tabs a {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 6px;
  display: inline-block;
  color: #636363;
}
.custom-tabs a:focus,
.custom-tabs a:hover{
  text-decoration: none;
}
a.btn-top {
  max-width: 90px;
  text-align: center;
  display: block;
}
.scroll-line {
  max-width: 150px;
  display: block;
}
/* .blue-line::before{display: none;} */
.blue-line-md::before{
  content: "";
    background-image: url(../images/mh/la.png);
    background-repeat: repeat-y;
    z-index: 9;
    position: absolute;
    height: 98%;
    width: 20px;
    top: 14px;
    right: 71%;
}
.angle-rotate.rotate-180 {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.angle-rotate{
  font-size: 20px;
  transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  line-height: 0px;
  position: relative;
    top: 4px;
}
.caret{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: between;
	-ms-flex-pack: between;
	justify-content: between;
}
.caret::after{
  content: '';
  background: url(../images/show-more.png) no-repeat;
  height: 18px;
  width: 18px;
  background-position: center;
  background-size: cover;
  display: inherit;
  position: relative;
    top: -1px;
    margin-left: 6px;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.caret.rotate-180:after  {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  top: 3px;
}
[data-button]{
  min-width: 120px;
}

.arrow-dark{position: relative;}
.arrow-dark:before {
  content: '';
  background: url(../images/dark.png) no-repeat;
  height: 11px;
  width: 21px;
  background-position: center;
  background-size: cover;
  display: inline-block;
  position: relative;
  margin-left: 7px;
  top: 0px;
}
.custom-card{
background-repeat: no-repeat;
  background-image: url(../images/ttbb/blue-bg.png);
background-size: cover;
background-position: center top;
}

.w-md-85{width: 85%;}
.w-md-75{width: 75%;}
.w-md-60{width: 60%;}
.w-md-40{width: 40%;}
.w-md-35{width: 35%;}

.no-xs-gutters {
  margin-right: -0.3rem;
  margin-left: -0.3rem;
}
.no-xs-gutters >.col, .no-xs-gutters>[class*=col-] {
  padding-right: .25rem;
  padding-left: .25rem;
}

#slide1 .carousel-control-prev .carousel-control-prev-icon,
#slide2 .carousel-control-prev .carousel-control-prev-icon{
  transform: rotate(90deg);
}
#slide1 .carousel-control-next .carousel-control-next-icon,
#slide2 .carousel-control-next .carousel-control-next-icon{
  transform: rotate(-90deg);
}
#slide1 .carousel-control-prev,
#slide2 .carousel-control-prev,
#slide1 .carousel-control-next,
#slide2 .carousel-control-next{
  width: 8%;
}
a[data-toggle="collapse"]{
  cursor:pointer;
}

#slide1 .carousel-caption,
#slide2 .carousel-caption{
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  bottom: 0;
  left: 0;
}
.b-sm-w:after{
  width: 23px !important;
  height: 95% !important;
  left: -12px !important;
}
/* border */
.b-icon-bottom-red::after{
  content: "";
  background-image: url('../images/red-line3.png');
  height: 93%;
  width: 43px;
  margin-left: auto;
  margin-right: auto;
  left: -21px;
  right: auto;
  bottom: 10px;
}
.b-icon-top-gray::before{
  content: "";
  background-image: url('../images/grey-line.png');
}
.b-icon-bottom-gray::after{
  content: "";
  background-image: url('../images/grey-line.png');
}
.b-icon-top::before{
  top: -9px;
}
.b-icon-bottom::after{
  bottom: -9px;
}
.b-icon-top-left::before{
  top: -9px;
  left: 50px;
}
.b-icon-top-right::before{
  top: -9px;
  right: 50px;
}
.b-icon-bottom-left::after{
  bottom: -9px;
  left: 50px;
}
.b-icon-bottom-right::after{
  bottom: -9px;
  right: 50px;
}
.b-icon::before,
.b-icon::after{
  z-index: 99;
  position: absolute;
  width: 211px;
  height: 14px;
}
.b-icon-sm:before,
.b-icon-sm:after{
  height: 20px !important;
}
.icon-w-100::before,
.icon-w-100::after{
  width: 98% !important;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}
.b-icon-md-show::before,
.b-icon-md-show::after{
  display: none;
}
.w-lg-75{width: 75%;}
.h-md-100{height: auto;}

footer .fa-angle-right:before{
  content: '';
  background: url(../images/next-page.png) no-repeat;
  height: 15px;
  width: 15px;
  background-position: center;
  background-size: cover;
  display: inherit;
}
.border-md-dark{border-color: #424041;}
.text-md-dark{color: #424041;}
.accordion button:focus,
.accordion button:hover{box-shadow: none;}
.accordion .acc-img.deactive img:nth-child(2){display: none;}
/* .accordion .acc-img img:nth-child(1){display: none;} */
.accordion .acc-img img:nth-child(2){display: inline-block;}
#querys{    
  overflow-x: hidden;
  padding-bottom: 10px;
}

.accordion .acc-img.active img {
    background-image: url(../images/weaving/download-east/dot-circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-origin: border-box;
  border: solid 12px transparent;
}
.accordion .acc-img img { border: solid 12px transparent; }
.nebo-arrow .carousel-control-prev-icon{
  background-image: url(../images/prev.png)
}
.nebo-arrow .carousel-control-next-icon{
  background-image: url(../images/next.png)
}
.footer-collapes:before{
  content: "";
  position: absolute;
  height: 57px;
  background: #f6f6f6;
  top: -30px;
  width: 100%;
  left: 0;
  right: 0;
}
.mt-md-10 { margin-top:5rem !important; }
.line-sm{
  line-height: 15px;
    display: inline-block;
}
.btn-show{
  min-width: 120px;
  max-width: 120px;
}
.b-icon-bottom-blue::after{
  content: "";
  background-image: url('../images/login-thread.png');
  height: 15px;
    bottom: -7px;
}
.login-form .form-control{
  border-top: none;
  border-right: none;
  border-left:none;
  border-color: #000;
  border-radius: 0;
}
.login-form .form-control:focus{
  box-shadow: unset;
  border-color: #ccc;
}
.dark-arrow .carousel-control-prev,
.dark-arrow .carousel-control-next{
  opacity: 1;
}
.dark-arrow .carousel-control-prev span:before,
.dark-arrow .carousel-control-next span:before{
    content: '';
    background: url(../images/dark.png) no-repeat;
    height: 40px;
    width: 40px;
    background-position: center;
    display: inline-block;
    position: relative;
}
.dark-arrow .carousel-control-prev span:before{
  transform: rotate(-90deg);
}
.dark-arrow .carousel-control-next span:before{
  transform: rotate(90deg);
}
.white-arrow .carousel-control-prev,
.white-arrow .carousel-control-next{
  opacity: 1;
}
.white-arrow .carousel-control-prev span:before,
.white-arrow .carousel-control-next span:before {
	content: '';
	height: 20px;
	width: 20px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	opacity: .9;
}
.white-arrow .carousel-control-prev span:before { background-image: url(../images/prev.png); }
.white-arrow .carousel-control-next span:before { background-image: url(../images/next.png); }
.custom-w{width: 85%; height: auto;}
.text-md-dark{color: #000;}
.carousel-slider { width: 100%; margin-left: auto; margin-right: auto; }
.slick-slide img { display: block; margin-left: auto; margin-right: auto; }
.slick-prev,
.slick-next{
  position: absolute;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	opacity: 0;
	z-index: 1016;
}
.slick-prev { left: 0; }
.slick-next { right: 0; }
.owl-navigation { position: relative; }
.owl-navigation .owl-nav [class*=owl-]{margin: 0; width: 8%;  color: transparent;}
.owl-navigation .owl-nav [class*=owl-]:focus, .owl-navigation .owl-nav [class*=owl-]:hover{background: transparent; color: transparent; outline: none; border: none;}
.owl-navigation .owl-prev span, .owl-navigation .owl-next span { display: none; }
.owl-navigation .owl-prev, .owl-navigation .owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	height: 100%;
}
.owl-navigation .owl-prev { left: 0; }
.owl-navigation .owl-next { right: 0; }
.owl-navigation .owl-prev:before, .owl-navigation .owl-next:before { content: ''; position: absolute; height: 30px; width: 30px; background-repeat: no-repeat; background-position: center; }
.owl-navigation .owl-prev:before { background-image: url('../images/nebo/prev.png'); }
.owl-navigation .owl-next:before { background-image: url('../images/nebo/next.png'); }
.target-carousel .owl-item img, .owl-carousel .owl-item img { display: block; max-width: 100%; height: auto; }
.target-carousel .owl-dots { height: 0; }
.custom-carousel.owl-carousel .owl-item img { display: block; width: auto; height: auto; margin-left: auto; margin-right: auto; }
.custom-carousel.owl-navigation .owl-nav [class*=owl-]{width: 15%;}
/*Karn .custom-carousel.owl-navigation .owl-prev:before, .custom-carousel.owl-navigation .owl-next:before { background-image: unset; }*/
.karn .owl-prev:before { background-image: url('../images/dark.png'); top: 88px !important; position: absolute; transform: rotate(-90deg); }
.karn .owl-next:before { background-image: url('../images/dark.png'); top: 88px !important; position: absolute;transform: rotate(90deg); }
.login { margin-top: 104px; }

@media only screen and (min-width:0px) and (max-width: 500px) {
  .menu-close .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 9px);
    transform: rotate(-45deg) translate(-10px, 11px);
    width: 33px;
}
.menu-close .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -4px);
    width: 33px;
}
  .owl-navigation .owl-nav [class*=owl-]{margin: 0; width: 15%;  color: transparent;}
	html, body {
		width:100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}
	.text-md-dark{color: #fff;}
  .border-line-right,
  .border-line-left{
    position: relative;
  }
  .border-line-right::after{
    transform: rotate(90deg);
  }
  .border-line-left::before{
    transform: rotate(-90deg);
  }
  .border-line-right::after,
  .border-line-left::before{
    z-index: 999;
    top: 40%;
      content: '';
    background: url(../images/dark.png) no-repeat;
    height: 40px;
    width: 40px;
    background-position: center;
    display: inline-block;
    position: absolute;
    border:none;
  }
  
  #mySidenav .navbar-nav {
    padding-top: 20px;
}
.nav-item-w,
.nav-w{width: 250px; overflow: hidden; height: auto;}

	.bottom-35 { position: relative !important; bottom: 0px !important; }
	.no-gutters-md {
		margin-right: 0;
		margin-left: 0;
	}
	.no-gutters-md>.col, .no-gutters-md>[class*=col-] {
		padding-right: 0;
		padding-left: 0;
	}
	body{border-left-width: 10px;}
	.logo{max-width: 100px;}
	/*#mySidenav .navbar{margin-top: 113px}*/
	.sidenav {padding-top: 15px; top: 0;}
	.sidenav a {font-size: 15px;}
	h2, h1 { font-size: 26px !important; }
	h4 { font-size: 18px !important; }
	h5 { font-size: 16px !important; }
	h6 { font-size: 14px !important; }
	.navbar h6{font-size: 12px !important;}
	.border-md-dark{border-color: #fff;}
  .text-md-dark{color: #fff;}
  
	.bg-head {
		/*height: 750px;*/
		background-position: 88% 33%;
		background-size: cover;
   margin-top: 80px;
  }
  .login{
   margin-top: 80px;
  }
	.bg-img { padding-top: 2.5rem;padding-bottom: 2.5rem; background-size: cover; background-position: center;}
	.w-lg-75, .w-md-75, .w-md-85, .w-md-35, w-md-75{width: 100%;}
	.h-md-100 { height: 100% !important; }
	.b-icon-md-show::before, .b-icon-md-show::after { display: block; }
	#shuffle .bg-warning{min-height: 300px;}
	#shuffle .owl-nav{
	width: 65px;
	right: 15px;
	left: auto;
  }
  #shuffle .owl-nav .owl-next:before,
  #shuffle .owl-nav .owl-prev:before{
    height: 22px;
    width: 22px;
  }
  #shuffle .carousel-caption{
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 85%;
  }
	
  .custom-tabs{display: flex;}
  .custom-tabs li {flex: 50%;}
  .custom-tabs a {margin-left: 0; margin-right: 0; font-size: 13px;}
  .hover-details .card.img-fluid::before{
    width: 98%;
    top: -12px;
    left: 6px;
  }
  .custom-card::before{width: 88%; left: 19px;}
  .b-icon-bottom-red::after{
    content: "";
    background-image: url(../images/red-line2.png);
    height: 13px !important;
    width: 95.5% !important;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
    right: 0;
    bottom: -9px !important;
  }
  .pb-125{padding-bottom: 125px;}
  footer .img-holder{
    position: absolute;
    transform: translateY(-60%);
    left: 0;
    right:0;
  }
  .bg-icon-red-pill::before {
    width: 113px;
    left: 15px;
}
.bg-icon-red-pill::after{
  width: 113px;
  right: 15px;
}
.bg-icon-blue-pill-left::before{
  right: 15px;
}

#slide1 .carousel-caption,
#slide2 .carousel-caption{
  position: relative !important;
  color: #353435;
  background-color: transparent;
}

#slide1 .owl-next, 
#slide1  .owl-prev {
	top:-15% !important;
}
#slide2 .owl-next, 
#slide2  .owl-prev {
	top:-23% !important;
}

.blue-line::before{
  content: "";
  background-image: url(../images/mh/la.png);
  background-repeat: repeat-y;
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 20px;
  top: auto;
  left: 21px;
}
.blue-line-md::before{display: none;}
#querys .carousel-inner{padding-bottom: 60px !important}
#querys .carousel-control-prev {
  right: 60px !important;
  left: auto !important;
  display: block;
  top: auto !important;
}
#querys .carousel-control-next { right: 22px !important; }
.border-line-right::after,
.border-line-left::before{width: 30px;}
.mt-md-10{margin-top:0rem;}
.custom-w{width: 85%; height: auto;}
}
 @media only screen and (min-width:480px) and (max-width: 768px) {
  .menu-close .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 9px);
    transform: rotate(-45deg) translate(-10px, 11px);
    width: 33px;
}
.menu-close .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -4px);
    width: 33px;
}
  .text-md-dark{color: #fff;}
  html, body {
		width:100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}
   
  .no-gutters-md {
    margin-right: 0;
    margin-left: 0;
}
  .no-gutters-md>.col, .no-gutters-md>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
    .logo{max-width: 100px;}
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 15px;}
    h2,
    h1 { font-size: 23px !important; }
	h4 { font-size: 21px !important; }
    h5 { font-size: 18px !important; }
    h6 { font-size: 16px !important; }
    .navbar h6{font-size: 12px !important;}
    .bg-head{
      height: 600px;
    background-position: 91% 33%;
    background-size: cover;
    margin-top: 80px;
    }
    .bg-img{padding-top: 3rem;padding-bottom: 3rem; background-size: cover; background-position: center;}
    .w-lg-75,
    .w-md-75,
    .w-md-85,
    .w-md-35,
    w-md-75{width: 100%;}
    .h-md-100{height: 100% !important;}
    .b-icon-md-show::before,
    .b-icon-md-show::after{
      display: block;
    }
    #shuffle .carousel-caption{
      padding-top: 3rem;
      padding-bottom: 3rem;
      width: 85%;
    }
    #shuffle .bg-warning{min-height: 250px;}
    #shuffle .bg-warning{min-height: 300px;}
    #shuffle .owl-nav{
      width: 65px;
      right: 15px;
      left: auto;
      }
      #shuffle .owl-nav .owl-next:before,
      #shuffle .owl-nav .owl-prev:before{
        height: 25px;
        width: 25px;
      }
  .custom-tabs{display: flex;}
  .custom-tabs li {flex: 50%;}
  .custom-tabs a {margin-left: 0; margin-right: 0; font-size: 13px;}
  .hover-details .card.img-fluid::before{
    width: 96.5%;
    top: -12px;
    left: 6px;
  }
  .b-icon-bottom-red::after{
    content: "";
    background-image: url('../images/red-line2.png');
    height: 13px !important;
      width: 95.5% !important;
      margin-left: auto;
      margin-right: auto;
      left: 0 !important;
      right: 0;
      bottom: -7px !important;
  }
  .pb-125{padding-bottom: 125px;}
  footer .img-holder{
    position: absolute;
    transform: translateY(-60%);
    left: 0;
    right: 0;
  }
  .border-md-dark{border-color: #fff;}
  .text-md-dark{color: #fff;}
  .bg-icon-blue-pill::before{left: 15px}
  #slide1 .carousel-caption,
#slide2 .carousel-caption{
  position: relative !important;
  color: #353435;
  background-color: transparent;
}
#slide1 .owl-next, 
#slide1 .owl-prev{
  top: -10% !important;
}
#slide2 .owl-next, 
#slide2 .owl-prev{
  top: -13% !important;
  }
  .blue-line::before{
    content: "";
    background-image: url(../images/mh/la.png);
    background-repeat: repeat-y;
    z-index: 999;
    position: absolute;
    height: 100%;
    width: 20px;
    top: auto;
    left: 21px;
}
  #querys .carousel-inner{padding-bottom: 110px}
  #querys .carousel-control-prev {
    right: 40px !important;
    left: auto !important;
    display: block;
    top: auto !important;
}
.border-line-right::after,
.border-line-left::before{width: 60px;}
.blue-line-md::before{display: none;}
.custom-w{width: 90%; height: auto;}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  html, body {
		width:100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden;
	}
	body{border-left-width: 13px;}
	.logo{max-width: 130px;}
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 15px;}
	h1 { font-size: 25px !important; }
	h4 { font-size: 23px !important; }
	h5 { font-size: 20px !important; }
	h6 { font-size: 18px !important; }
	.bg-head{height: 400px; background-size: cover;}
	.bg-img{padding-top: 4rem;padding-bottom: 4rem;}
	.w-lg-75{width: 100%;}
	.blue-line::before{content: "";display: none;}
}

/* slider css */
#mixedSlider .nav, #mixedSlider .nav-tabs { border-bottom: 0; display: inline-block; }
#mixedSlider { border-bottom: solid #636363 2px; }
#mixedSlider .item{ cursor: pointer; }
#mixedSlider .item.active .card-img-overlay { background-color: transparent; }
#mixedSlider .carousel-caption {
  bottom: auto;
  top: 90%;
  padding-bottom: 0;
  padding-top: 0;
  left: 20px;
  right: auto;
  max-width: 70%;
}
.navstrip{
	background-color: red;
	position: absolute;
	bottom: -7px;
	height: 5px;
	width: 0;
	transition: all .7s ease-in-out;
}
#mixedSlider {
  position: relative;
}

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
}

#mixedSlider .MS-content .item {
  display: inline-block;
  width: 40%;
  position: relative;
  min-height: 435px;
  white-space: normal;
  padding-right: 10px;
}
#mixedSlider .card-img-overlay{
  background-color: rgba(255, 255, 255, 65%);
  z-index: 99;
  height: 126%;
  bottom: 0;
  top: 0;
  transition: all .15s ease-in-out;
}

@media (max-width: 991px) {
  #mixedSlider .MS-content .item { width: 70%; }
}

@media (max-width: 600px) {
  #mixedSlider .MS-content .item { width: 80%; min-height: 410px; }
}
@media (max-width: 500px) { #mixedSlider .MS-content .item { width: 100%; min-height: 320px; } }
#mixedSlider .MS-controls {
	position: relative;
	border: none;
	background-color: transparent;
	outline: 0;
	font-size: 30px;
	color: rgba(0, 0, 0, .4);
	transition: 0.15s linear;
	display: flex;
	justify-content: flex-end;
}
.MS-controls .MS-left i:before,
.MS-controls .MS-right i:before{
	content: '';
	background: url(../images/dark.png) no-repeat;
	height: 20px;
	width: 20px;
	background-position: center;
	/*background-size: cover;*/
	display: inline-block;
	position: relative;
}
.MS-controls .MS-left i:before { transform: rotate(-90deg); }
.MS-controls .MS-right i:before { transform: rotate(90deg); }
#mixedSlider .MS-controls span:hover { color: rgba(0, 0, 0, .8); }

@media (max-width: 992px) {
  #mixedSlider .MS-controls span { font-size: 30px; }
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls button { font-size: 20px; }
}
#mixedSlider .MS-controls .MS-left,
#mixedSlider .MS-controls .MS-right{
  cursor: pointer;
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}

#mixedSlider .MS-controls .MS-right {
  right: 0px;
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}

#basicSlider {
  position: relative;
}

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}

@media (max-width: 991px) {

  #basicSlider .MS-content .item {
    width: 25%;
  }
}

@media (max-width: 767px) {

  #basicSlider .MS-content .item {
    width: 35%;
  }
}

@media (max-width: 500px) {
  #basicSlider .MS-content .item {
    width: 50%;
  }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button {
  position: absolute;
}

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}

/* Karn */
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 18px !important;
  height: 18px !important;
  bottom: 33px;
}

.bottom-35 { bottom: -65px; position: absolute; z-index: 1; right: 0; overflow-x: hidden; }
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
		max-width: 14.285714285714285714285714285714% !important;
		flex: 0 0 14.285714285714285714285714285714% !important;
	}
}
/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
		max-width: 14.285714285714285714285714285714% !important;
		flex: 0 0 14.285714285714285714285714285714% !important;
	}
}
.text-decoration-none { text-decoration: none !important; }

/* Fixed Scroller top Starts */
.fixed-top,
.show-on-scroll,
.hide-on-scroll {
	position: fixed;
	z-index: 999;
}
/* .hide-on-scroll.hide{
  position: fixed;
} */
.show-on-scroll {
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%);
}
.show-on-scroll.show {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.hide-on-scroll {
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  background-color: #ffffff;
}
.hide-on-scroll.hide {
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	-o-transform: translateY(-150%);
}

.hide-on-scroll.show{
  -webkit-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
}
/* Fixed Scroller top Ends */