body {
  overflow-x: hidden;
}

/* *************dropdown menubar************** */
.navbar {
  padding: 10px !important;
  -webkit-box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
  -moz-box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
  box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
}

ul.dropdown-menu {
  width: 17vw;
  border-radius: 0px;
  font-weight: 400;
  font-size: 0.9em;
  line-height: 16px;
  text-decoration: none;
  padding: 0px;
  list-style-type: none;
  -webkit-animation: mymove 0.5s;
  animation: mymove 0.5s;
  background-color: #fff;
  -webkit-box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
  -moz-box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
  box-shadow: 4px 9px 25px -6px rgba(77, 77, 77, 0.61);
}

li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.dropdown-menu li:hover a {
  color: #ec5626;
}

.dropdown-menu li {
  border-bottom: 1px solid #ccc;
  padding: 20px;
  display: block;
}

.dropdown-menu li a {
  color: #444;
  text-decoration: none;
  text-transform: capitalize;
}

@keyframes mymove {
  from {
    left: 100px;
    height: 0px;
    opacity: 0;
    border-bottom: 0px;
  }

  to {
    height: auto;

  }
}

.navbar-nav a.nav-link {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  padding: 0px !important;
  font-size: 13px;
}

ul.navbar-nav li.nav-item {
  /* margin: 0 20px; */
  padding-left: 15px;
}

ul.navbar-nav .nav-item:after {
  content: '';
  display: block;
  height: 3px;
  width: 0;
  transition: width .5s ease, background-color .5s ease;
}

.navbar-nav .nav-item:hover:after {
  width: 100%;
  background: #eb3719;
}

/* ***************dropdown menubar end************** */

/* ***************News Ticker************** */
.tcontainer {
  width: 100%;
  overflow: hidden;
}

.ticker-wrap {
  width: 100%;
  padding-left: 100%;
  background-color: #eee;
}

@keyframes ticker {
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-move {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  animation-timing-function: linear;
  animation: ticker 20s infinite;
}

.ticker-move:hover {
  animation-play-state: paused;
}

.ticker-item {
  display: inline-block;
  padding: 0 40px;
  font-size: 20px;
}

/* ***************News Ticker End************** */




/* *******************head-1****************** */
.head-1 {
  background-color: #494848 !important;
  color: white;

}

.bt_1 {
  text-align: center;
  /* background-color: chocolate;  */
  margin: auto;
  display: table;
  padding: 5px;
  /* margin-top: -16px; */
  border: 2px solid rgb(63, 102, 105);
  border-radius: 5px;

}

.input_1 {
  border: 2px solid rgb(218, 49, 49);
  width: 50%;
  margin-top: 25px;
  padding: 5px;
}

.input_2 {
  border: 2px solid rgb(218, 49, 49);
  width: 30%;
  margin-top: 25px;
  padding: 5px;
}

.btn_1 {
  padding: 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: -7px;
  background-color: red;
  color: white;

}



/* ******************head-1 End**********************/


/* **************************Slider *****************************/

.text-2 {
  line-height: 60px;
  padding: 15px;
}

#myCarousel .carousel-item .mask {
  height: 100%;
  width: 100%;
  padding: 20px;
}

#myCarousel h4 {
  font-size: 50px;
  margin-bottom: 15px;
  color: #FFF;
  line-height: 100%;
  letter-spacing: 0.5px;
  font-weight: 600;
}

#myCarousel p {
  font-size: 18px;
  margin-bottom: 15px;
  color: #d5d5d5;
}

#myCarousel .carousel-item a {
  background: #F47735;
  font-size: 14px;
  color: #FFF;
  padding: 13px 32px;
  display: inline-block;
}

#myCarousel .carousel-item a:hover {
  background-color: #394fa2;
  text-decoration: none;
}

#myCarousel .carousel-item h4 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

#myCarousel .carousel-item p {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

#myCarousel .carousel-item a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#myCarousel .carousel-item .mask img {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  display: block;
  height: 250px;
  width: 100%;
}

#myCarousel h4,
#myCarousel p,
#myCarousel a,
#myCarousel .carousel-item .mask img {
  -webkit-animation-duration: 1s;
  animation-duration: 2.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


#myCarousel {
  background-color: rgb(27, 101, 104);
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform .9s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
  opacity: 0
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

@supports (transform-style:preserve-3d) {

  .carousel-fade .carousel-item-left.active,
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item-prev.active,
  .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/* **************************Slider End*****************************/
/* =================Authority================= */


.demo {
  background-color: rgb(27, 101, 104);

}

.testimonial {
  /* margin: 50px 30px 30px 30px; */
  text-align: center;
  position: relative;
}

.testimonial .description {
  padding: 30px;
  margin-bottom: 80px;
  border-left: 1px solid #fff;
  font-size: 15px;
  color: #fff;
  line-height: 33px;
  position: relative;
}

.testimonial .description:before,
.testimonial .description:after {
  content: "";
  width: 20%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial .description:after {
  top: auto;
  bottom: 0;
}

.testimonial .title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 15px 0;
  position: relative;
}

.testimonial:before,
.testimonial .title:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #fff;
  margin: 0 auto;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
}

.testimonial .title:before {
  top: -80px;
}

.testimonial .pic {
  display: inline-block;
  width: 200px;
  padding: 10px;
  background-color: honeydew;
  border-radius: 5px;
  height: 200px;
}

.testimonial .pic img {
  width: 100%;
  height: 100%;
}

.owl-theme .owl-controls {
  margin-top: 0;
}

.owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: #000;
  outline: 2px solid #000;
  outline-offset: 2px;
  margin-right: 8px;
  opacity: 0.7;
  transition: all 0.3s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span {
  background: #fff;
  outline: 2px solid #fff;
}

/* =================Authority end================ */

/* ******************** About Us ************************* */
.bot-1 {
  background-color: coral;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin-top: 5PX;

}

.bot-1:hover {
  background-color: tomato;
  color: white;
}


/* ******************** About Us End************************* */

/* ******************** Text design************************* */

.h2,
h2 {
  font-size: 5rem;
  text-shadow: 1px 1px #ffffff,
    -1px 1px #ffffff,
    1px -1px #ffffff,
    -1px -1px #ffffff,
    1px 1px 5px #252920;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.5rem;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #1c223a;
}




/* ******************** Text design End************************* */



/* ******************Image Gallery******************** */

.container.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

.tz-gallery {
  padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row>div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  position: relative;
  padding: 5px;
  background-color: teal;
  border-radius: 50px;
}

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'Glyphicons Halflings';
  content: 'click';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;

}


.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: '';
  color: white;
  transition: 0.4s;
  border-radius: 50px;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}

@media(max-width: 768px) {
  body {
    padding: 0;
  }
}

/* ******************Image Gallery End******************** */
/* <!-- *****************************Video Gallery******************************* --> */

h4 {
  font-family: 'Open Sans';
  margin: 0;
}

.modal,
body.modal-open {
  padding-right: 0 !important
}

body.modal-open {
  overflow: auto
}

body.scrollable {
  overflow-y: auto
}

.modal-footer {
  display: flex;
  justify-content: flex-start;

  .btn {
    position: absolute;
    right: 10px;
  }
}

.card-img-top {
  height: 260px;
}

/* <!-- *****************************Video Gallery End******************************* --> */

/* <!-- *****************************publication******************************* --> */

.img-27 {
  height: 200px;
  width: 100%;
}

.card {
  cursor: pointer;
  transition: all .4s ease-in-out;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 10px 10px 10px #888888;
}

.txt-9 {
  text-align: center;
  background-color: rgb(219, 214, 214);
  padding: 10px;
  margin-top: 10px;
}

.txt-10 {
  text-align: center;
  background-color: rgb(219, 214, 214);
  padding: 10px;
}

.modal-btn2 {
  width: 90px;
  font-size: 12px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: teal;
  color: white;
}

/* <!-- *****************************publication end******************************* --> */


/* 
star css
***************************
 */

  /* Rating Star Widgets Style */
  .rating-stars ul {
    list-style-type:none;
    padding:0;
    
    -moz-user-select:none;
    -webkit-user-select:none;
  }
  .rating-stars ul > li.star {
    display:inline-block;
    
  }
  
  /* Idle State of the stars */
  .rating-stars ul > li.star > i.fa {
    font-size:1.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
  }
  
  /* Hover state of the stars */
  .rating-stars ul > li.star.hover > i.fa {
    color:#FFCC36;
  }
  
  /* Selected state of the stars */
  .rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
  }

/* <!-- **********user-profile-1********* --> */
.avatar {
  border: 0.3rem solid rgba(#fff, 0.3);
  margin-top: -6rem;
  margin-bottom: 1rem;
  max-width: 9rem;
}

.txt-3 {
  text-align: center;
  background-color: rgb(219, 214, 214);
  padding: 10px;
  margin-top: 20px;
}

.txt-4 {
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  border-top: 2px solid rgb(219, 214, 214);
  border-bottom: 2px solid rgb(219, 214, 214);

}

.img-5 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid rgb(71, 156, 173);
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.t-btn {
  border-radius: 10px;
  width: 60px;
  background-color: tomato;
  color: white;
}


.sidebar {
  background-color: #f1f1f1;
  height: 100%;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}

.sidebar a.active {
  background-color: #4CAF50;
  color: white;
  text-decoration: none;

}

.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
  text-decoration: none;

}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a {
    float: left;
  }

  div.content {
    margin-left: 0;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

/* <!-- **********user-profile-1 End********* --> */




/* *********Footer******************* */
/*footer*/
.col_white_amrc {
  color: #FFF;
}

footer {
  width: 100%;
  background-color: rgb(23, 88, 90);
  min-height: 250px;
  padding: 10px 0px 25px 0px;
}

.pt2 {
  padding-top: 40px;
  margin-bottom: 20px;
}

footer p {
  font-size: 13px;
  color: #CCC;
  padding-bottom: 0px;
  margin-bottom: 8px;
}

.mb10 {
  padding-bottom: 15px;
}

.footer_ul_amrc {
  margin: 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}

.footer_ul_amrc li {
  padding: 0px 0px 5px 0px;
}

.footer_ul_amrc li a {
  color: #CCC;
}

.footer_ul_amrc li a:hover {
  color: #fff;
  text-decoration: none;
}

.fleft {
  float: left;
}

.padding-right {
  padding-right: 10px;
}

.footer_ul2_amrc {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.footer_ul2_amrc li p {
  display: table;
}

.footer_ul2_amrc li a:hover {
  text-decoration: none;
}

.footer_ul2_amrc li i {
  margin-top: 5px;
}

.bottom_border {
  border-bottom: 1px solid #323f45;
  padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
  list-style-type: none;
  padding: 0px;
  display: table;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.foote_bottom_ul_amrc li {
  display: inline;
}

.foote_bottom_ul_amrc li a {
  color: #999;
  margin: 0 12px;
}

.social_footer_ul {
  display: table;
  margin: 15px auto 0 auto;
  list-style-type: none;
}

.social_footer_ul li {
  padding-left: 20px;
  padding-top: 10px;
  float: left;
}

.social_footer_ul li a {
  color: #CCC;
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 50%;
}

.social_footer_ul li i {
  width: 20px;
  height: 20px;
  text-align: center;
}

/* *********Footer End******************* */