.bodymark1 {
  margin: 0pt;
  font-size:13px;
  color: #121212;
  background: url(../images/watermark.jpg);
  background-size: 100%,
  background-color: #D0D9BD;
}

.bodymark{
  font-family: 'Varela Round', sans-serif;
  padding:0pt;
  margin: 0px  !important;
  height: 100%  !important;
  font-size: 13px;
  background: url('../images/bg.jpg') !important; 
  background-clip: border-box  !important;
  background-repeat: no-repeat  !important;
  background-attachment: fixed  !important;
  background-position: left center  !important;
  background-color: #000000  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.centered-form{
  margin-top: 40px;
}

.centered-form .panel{
  background: rgba(255, 255, 255, 0.8);
  box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}
 
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.2em 1.2em 1.2em !important;
  margin: 0 0 1.2em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000 ;
          box-shadow:  0px 0px 0px 0px #000 ;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

.carousel-inner img {
  width:100%
}

#newCard {
  background-color:#EBF2E3;
}

.text-justify {
  text-align: justify;
}

.scroll {
    max-height: 100px;
    overflow-y: auto;
}

.head-img{
  margin-left:30px;
}

.bg-whites{
  background-color: #efefff;
  padding: 12px 8px;
  font-size: 10px;
  text-align: center;
  display: none;
}

.bg-whites span{
  display: block;
  margin-bottom: 4px;
}

#newCard{
  max-height: 803px;
  overflow-y: auto;
}

#scroll-up-btn
{
  bottom: 40px;
  right: 20px;
  padding: 5px;
  background: none;
  color: #77c2db;
  line-height: 1;
  opacity: .65;
}

#scroll-up-btn:hover
{
  color: #B40E4D;
  opacity: 1;
}



  @media only screen and (max-width: 768px){
    .main-heads{
      margin-top: 50px;
    }
    
    .head-img{
      margin-left: 0;
      padding: 4px;
    }

    .headtoppart{
      display: none !important;
    }

    .bg-whites{
      display: block;
    }

    #newCard{
      max-height: unset;
      overflow-y: unset;
    }

    .carousel-item img{
      max-height: 200px !important;
    }

  }

// for SUG carousel

.col-item .caption h5
{
  line-height: 3px;
  padding: 10px;
  font-size:18px;
  text-align: center;
}

.caption-text-color
{
  color: green;
}