/* USE THIS FILE TO ADD ANY ADDITIONS/MODIFICATIONS
---------------------------------------- */


/* download */

#loadwrap {
    /*margin: 20px auto;
    text-align: center;*/
	display: inline-block;
}
.btn-slide {
    position: relative;
    display: inline-block;
    height: 52px;
    width: 240px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid var(--download-btn-bg-color, #0D6EFD);
    margin: 10px;
    transition: .5s;
}
.btn-slide:hover {
    background-color: var(--download-btn-bg-color, #0D6EFD);
}
.btn-slide:hover span.circle {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: var(--download-btn-bg-color, #0D6EFD);
}
.btn-slide:hover span.title {
    left: 40px;
    opacity: 0;
}
.btn-slide:hover span.title-hover {
    opacity: 1;
    left: 40px;
}
.btn-slide span.circle {
	text-align: center;
    display: block;
    background-color: var(--download-btn-bg-color, #0D6EFD);
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}
.btn-slide span.title, .btn-slide span.title-hover {
    position: absolute;
    left: 50px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    color: var(--download-btn-bg-color, #0D6EFD);
    transition: .5s;
}
.btn-slide span.title-hover {
    left: 80px;
    opacity: 0;
}
.btn-slide span.title-hover {
    color: #fff;
}


// downloadbg

//.btn-bg {
//  position: absolute;
//  top: 50%;
//  right: 0;
//  left: 0;
//  display: block;
//  width: 240px;
//  padding: 40px;
//  margin: 0 auto;
//  border: 0;
//  cursor: pointer;
//  border-radius: 2px;
//  transform: translateY(-50%);
//  box-shadow: 0 10px 20px -5px #94a6af;
//  overflow: hidden;
//}
//
//.btn-bg:before,
//.btn-bg:after {
//  content: "";
//  position: absolute;
//  top: 0;
//  right: 0;
//  bottom: 0;
//  left: 0;
//}
//
//.btn-bg:before {
//  transform: scale(1);
//  background-image: var(--bg-url-var);
//  background-size: cover;
//  transition: 0.3s ease transform;
//  z-index: 1;
//}
//
//.btn-bg:after {
//  background-color: #000;
//  opacity: 0.16;
//  z-index: 2;
//}
//
//.btn-bg div.div-bg {
//  position: absolute;
//  top: 0;
//  right: 0;
//  bottom: 0;
//  left: 0;
//  z-index: 3;
//}
//
//.btn-bg div.div-bg:before,
//.btn-bg div.div-bg:after {
//  position: absolute;
//  top: 0;
//  right: 0;
//  left: 0;
//  color: #fff;
//  font-size: 30px;
//  font-family: Verdana, Geneva, Tahoma, sans-serif;
//  font-weight: bold;
//  line-height: 1;
//  text-align: center;
//  padding: 25px 0;
//  transition: 0.3s ease all;
//}
//
//.btn-bg div.div-bg:before {
//  content: var(--bg-text-var);
//  letter-spacing: 0;
//  opacity: 1;
//  transform: scale(1);
//}
//
//.btn-bg div.div-bg:after {
//  content: "DOWNLOAD";
//  letter-spacing: -10px;
//  transform: scale(0);
//  opacity: 0;
//}
//
//.btn-bg:hover:before {
//  transform: scale(1.3);
//}
//
//.btn-bg:hover div.div-bg:before {
//  letter-spacing: 3px;
//  opacity: 0;
//  transform: scale(4);
//}
//
//.btn-bg:hover div.div-bg:after {
//  letter-spacing: 0;
//  opacity: 1;
//  transform: scale(1);
//}