/*common start*/
body {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
/*scroll_up start*/
.scrollup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  display: none;
  width: 40px;
  height: 40px;
  background: green;  
  font-size: 24px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  transition: 0.2s linear;
}
.scrollup:hover {
  background: #111111;
}
/*scroll_up end*/
/*common end*/
/*preload start*/
.pre_cen {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #555555;
}
.dots .dot {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 10px 0 10px;
  border-radius: 50%;
  background: white;
  animation: dot-dot-dot 1.4s linear infinite;
}
.dots .dot:nth-child(2) {
  animation-delay: .2s;
}
.dots .dot:nth-child(3) {
  animation-delay: .4s;
}
@keyframes dot-dot-dot {
  0%, 60%, 100% {
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
  }
  30% {
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
  }
}
/*preload end*/
/*count_1 start*/
.c_item {
  margin-top: 30px;
  padding: 150px 50px;
}
/*count_1 end*/
/*drop start*/
#dra {
  width: 100px;
  height: 100px;
  background-color: green;
}
#dro {
  width: 200px;
  height: 200px;
  padding: 10px;
  color: white;
  background-color: red;
}
/*drop end*/
/*sele start*/
#seta .ui-selected {
  background: green;
  color: white;
}
#seta li {
  margin: 3px;
  padding: 5px;
  width: 80px;
  height: 80px;
  font-size: 50px;
  text-align: center;
  background-color: #dddddd;
}
/*sele end*/
/*slide_1 start*/
.slide_1 {
  padding: 100px 0;
  background-color: #dddddd;
}
.s_img {
  padding: 0 10px;
}
/*slide_1 end*/
/*slide_2 start*/
.slide_2 {
  padding: 80px 0;
  background-color: #eeeeee;
}
/*slide_2 end*/
/*slide_3 start*/
.slide_3 {
  padding: 80px 0;
  background-color: #999999;
}
/*slide_3 end*/
/*slide_4 start*/
.myslide2 {
  height: 85%;
  width: 100%;
}
.myslide1 {
  height: 15%;
  box-sizing: border-box;
  padding: 10px 0;
}
.myslide1 .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;
}
.myslide1 .swiper-slide-thumb-active {
  opacity: 1;
}
/*slide_4 end*/