.div-color{
    background-color: #fddbb0 !important;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background: #f9991d;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #f9991d;
  }
  ::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-track:hover {
    background: #666666;
  }
  ::-webkit-scrollbar-track:active {
    background: #333333;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }

  .center-button {
    float: none !important;
}



@media only screen and (max-width:479px){
  .font-size{
    font-size: 15px !important;
    left: 50px !important;
    right: 30px !important;
    font-weight: bold
  }
}
.font-size{
  font-size: 25px !important;
  left: 200px;
  right: 200px;
  font-weight: bold
}

.img-size {
  width: 300px !important;
}

.modal-main{
  font-size: 20px;
  color: #025eaf;
}

.modal-title2 {
  color: #ff9000;
  font-size: 30px;
}


@import url(https://fonts.googleapis.com/css?family=Exo:100);
* {
  margin: 0;
  padding: 0;
  border: 0 none;
}
html,
body {
  height: 100%;
  width: 100%;
  font-size: 1rem;
  font-family: "Exo", sans-serif;
  font-weight: 100;
}
.cont-slider {
  position: relative;
  height: 100vh;
  max-height: 100vh;
  width: auto;
  min-width: 100vw;
  margin: 0 auto;
  overflow: hidden;
}
.slider {
  /* animation: sliding 3s ease-out 3s ; */
  position: absolute;
  left: 0;
  top: 0;
  width: 500%;
  height: 100%;
}
.slide {
  display: inline-block;
  position: relative;
  width: 20%;
  height: 100%;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
.slide span {
  color: #fff;
  position: absolute;
  top: 17vh;
  font-size: 20vh;
}


@keyframes sliding {
  0% {
    left: 0%;
  }
  15% {
    left: 0%;
  }
  20% {
    left: -100%;
  }
  35% {
    left: -100%;
  }
  40% {
    left: -200%;
  }
  55% {
    left: -200%;
  }
  60% {
    left: -300%;
  }
  75% {
    left: -300%;
  }
  80% {
    left: -400%;
  }
  95% {
    left: -400%;
  }
  100% {
    left: 0;
  }
}