/*------------------------------------------------------------------
Project:	Special Pages
File:		Demo Page Stylesheet
Version:	1.0

[Table of Contents]
Type Toggle panel / #toggle
Navigation panel / #slider
-------------------------------------------------------------------*/
/**
 *	Type Toggle panel (used to toggle between 404 / Coming soon Pages)
*/
.all-fade {
  transition: all .3s ease;
}
#toggle {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 99999;
}
#toggle .type-toggle {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 0 none;
  padding: 12px 10px 11px;
  width: 42px;
  cursor: pointer;
  font-size: 1px;
  display: inline-block;
}
#toggle .type-toggle .icon-bar {
  display: inline-block;
  background: #000000;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
  height: 4px;
  font-size: 4px;
  width: 100%;
  margin: 1px 0;
  transition: all .3s ease;
}
#toggle > div {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all .3s ease;
  vertical-align: top;
  display: inline-block;
  height: 44px;
  background: #fff;
  margin: 0px 0 0 -4px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 7px 20px;
}
#toggle > div span,
#toggle > div a {
  display: inline-block;
  vertical-align: middle;
}
#toggle > div span {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 2px;
  display: inline-block;
  width: 68px;
  height: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAgCAYAAACrdt7+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDYwNjBCM0U0QzUyMTFFN0IxMzc5RTA3QzREMDBGNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDYwNjBCM0Y0QzUyMTFFN0IxMzc5RTA3QzREMDBGNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjA2MEIzQzRDNTIxMUU3QjEzNzlFMDdDNEQwMEY1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjA2MEIzRDRDNTIxMUU3QjEzNzlFMDdDNEQwMEY1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUpUwEAAAaqSURBVHja1JlNbFRVFMfv++jM9IN2KhVi1A3RSopJaSMkmujOErZdoCtXLgSk1KUrNi5NLFFkpwsXFhcuCAs7JhDUhQmR0BgJpImNCU0I1DD9oPP1Pvz/73tnvPM6zHQoludNTu/365zfO/fcc++zwjBUyXTx4kWdW5albNtWjuN0ua57BPnbkENo24fuPPqzKoUJOlWQFYMg+NP3/WuQHz3Pm0NeQ5tqprMkt1mjgOjq6spDpjOZzAnkzyJXAKP7KByXUiBZKL6XAhCvV6vVqVqttoz8HPIZSPFRYJoCgfIKyr+by+VmIHshyoQBK6mDSykQncMiFBUHFAUYQ+Vy+QzkA8g06rNsZ39LIHNzc053d/fnvb29x3t6elQSBiEIiLQDYU4RKNQFMPZubGx8+/Dhw7dQPgVr8U0oDUAKhYIDEN/19fVNItcPoLXQIkwQaU/JFyZWzZdKfSgoH0cb4RyDtdShNACBRczs2rVrEkDqlvF/AtEKkAjBGD5wEt1nYUUfwlK0JdWBXL169Z2BgYEPCQNLRlPkpDSn2NfVrVj8BpXDW9d5MzCcI7oBxknM+Rn5BY63uMYuX76c7+/vvw0ge+g3zAlpTFSeS5ogWiUqCF+hISUTrYHQsGTUysrKvdXV1VdKpVJRa43lMQ0Qe2SZpBkGIeDFtYXRbix1pK7UOdZ9Wq+KK1euZFA5IQ40zf6ClgEf19Fv5FjOkSWV7KPO1J0MUM7YoDSBig66ZDdJa6J/e5zfxzmc26ydOseWQgYTLqhMSJyx1X+2tFZVX/1xX80vb6gS1qIN+LYVKEv5yrJRt3xD0G55yrHYJ21elKPu2J6ex9ymqKj937Kn6yP5fWpq9/uPDZP6URiPJKGwPXbOR1wUxs2gq126AxjTv9xVJYXtK9OrXMKwKREQnWuFg1jZQANwbAKJQDioW8w1kFpUtmIgVgzHikVDrKlDz49t28KotN5JDD3lmBJDIQt3uJNzyde311TJzgEGgxssMZfWEcYgglgBUdzXygoQUTh6+14MxI0sKIZTtyCUHTycMLBZquGBfU8EyNra2qaXb0B52UVhoBPfMV+E0pmscrLYjQDEdq3IQkR5u3FJiIKRBbgxHMyzHA3GYZCEsqPLVgwSPxhlPYexAyLxfFf/toFQaW63yV3UCNgG3E63WMtxDQFIBz/YDqOgh+Tr5x1Gg5ZWCFkMzSzLUgublCOLcxSXITpC2FNIUM4TOecIlKQR6AgW+UonDzz4TNeO7iw8pwV+oFZra9t+Fh0qg7QW9yErNmgtdPLQ917qVj0w69D3DInrXq1BAh6vRWpeY70u/uZ6zVc+xKtSoETFU3+t39k2EEalciXQDApZuPjzGwa9wQFb8SMv9jrq0/Fe9c1iSf2+6qmyjyM2FnkYO9UQfiPE2g8BTRGcFdUV2+2oPTScqoLzDDhe90dONYidqh1iXlABoIr69e519dru0W0BQYi+6f5DllEM6roLMyqgcKrVtVoyvQAoH7/a958vF/54bpPlclm/XZ5LeIZ5nMS5OK8wTN9kHcadScHGAaeAwt/t7hrTkBYXF5se1NolzuHcVk4WDO6DxZx9+PBh5NUv6HDSCESO7NwBKpWKunXrVkdQOJZzODd54ydA4ivGL2GNVb3nwiRn0HCvjQd+akkudCgMrG7cuKHNv13iGI7lHIFqhhniO6D7/ZhBdEE0Pj5evHnz5hRi+dk0HfCMzyANwrc9Pz+v8vm8GhoaUoODgyqbzWrTZx+d5/LysioWi3p8fGVYny+WQiCxj5qCFFmu35iNjIxcWFhYeBODT6bpTkSiSLkPNbdNKvzgwYO2MGWuQGGf4bDPwWHP0nE3AIk98Wk85DnIpBz40mAh/PFJGOZnhuQyN2GY14zmfQ/nAsL31Jk7EJeLjmAbotCDB/319fVjIHZeBqTBp4hyVIzC5SFKyrFeloPUBYSMNa0+vjo8T13HxsZ8WodsKpu+y4yOjvpwRCcA4yfIWTx4z9P8DCFvu1kbTTxpJUnrEGGdY7h5wM+cHh4enjXvXpt+hjAjOhCbxcAfcrncR6B7EtR3m9vWTsJJQjF9gwARhcwdScawzFgL+pwDkM8OHDhQTAaATT9USSqVSrIdFQHkDOQTQDmCh08YH7sH8UN39KQnQZQcM6ioWTY+TtWQ8/vtInS5BhCFpaWluaNHj1ba3qw96vqeQLiuuI3hoTWY3SVAubQTH7v379/f0mDEUOKy5NIexhIYubS3t8a0RqdbGZbINxnUVkGYDP4RYAAcIzcaOBkSZQAAAABJRU5ErkJggg==");
}
#toggle > div span.toggle-left {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAgCAYAAACrdt7+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjIwOEI3M0E0QzUyMTFFNzkzREZGOTdERjI5QTE0MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjIwOEI3M0I0QzUyMTFFNzkzREZGOTdERjI5QTE0MzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjA4QjczODRDNTIxMUU3OTNERkY5N0RGMjlBMTQzMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjA4QjczOTRDNTIxMUU3OTNERkY5N0RGMjlBMTQzMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph1EzmUAAAaxSURBVHja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");
}
#toggle > div a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin-top: -2px;
}
#toggle > div a:hover,
#toggle > div a.active {
  color: #259fd4;
}
#toggle:hover > div {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#toggle:hover .icon-bar {
  background: #ffffff;
}
/**
 *	Navigation panel (bottom navigation panel to quick navigation)
 */
#slider-over {
  text-align: center;
  display: block;
  margin: -80px auto 0;
  width: 100%;
  height: 30px;
  z-index: 100;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAAjCAYAAACpSIk7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDA4NTlCNEY0QjBFMTFFNzg1NjBGMEExMURCNDBGOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDA4NTlCNTA0QjBFMTFFNzg1NjBGMEExMURCNDBGOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MDg1OUI0RDRCMEUxMUU3ODU2MEYwQTExREI0MEY5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MDg1OUI0RTRCMEUxMUU3ODU2MEYwQTExREI0MEY5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu7asxAAAAMeSURBVHja7JxdiExhGMfPLruYVpqkxcXGukAbYbgSSTPshRRJO+RClNaFCx9FlFxsq3ZJLkSNXBDaREkpI/lIyU6hzS4X4+vChszEbtbnHP9nzkNiFrNn5+z7nPP869dMp5nm9L6/3u8zZbZtWwHLODAT1IFaUAOq+foYEAJVv3y+F3wA78Eb8Ao8B09AJ3jA1wOTMp9LMxzMA4vAAjALTCjB73SD++AWuA7awVeVRk7GguVgJctSNQT30MvynAcXwVuVxryQGKvAOrCQWxhT8g3cACfBORZKpRnCUNezEcTBaAH32wPOgAR3YSqNRykHy8B2HqdIDY1/WsElkFNpSpNhYA3YDab6aIjwGDSB09yVqTSD1LKsBnvBNB/P9B6BfaDN9JbHdGlo9nMQzLaCk3tgK8++VJoiMhkcACus4OYC2AaeqjR/TyUPcPeAUZamj8c7LeCzSvNnaH3lmM/HLW7GO5vATZXGCS3M7Qeb6X7Uj35DFXUE7LKc9Z7ASrMYHAeT1In/zjOwAVwLmjQ0XmkGW7R1GXCrc5hbnb4gSDMHnALTTa2RbDabfw2Hw6bL0wXW8jTdl9KU8/pDE8+SjBUmFovl3yeTSQnifOIW5xC3QB60c5DGA8aDpG14MpmMHYlEbC78/Hu6JiSXQbUX9emFMPXgtTRhhIrTDZZKlqYCtICcNGHQJeURKg6VdyuXvyhpasFdCSVcSJhUKpVHsDiUdjBFijQN4J1kYX7EB+JQPcRNliYEEpJKNJ1O/5Tid2EKiUOv9B2BSXD9GCXNXNApsTRJimg0WlCYYj4jIF1cT67r2+06TSWvEdBpugpdqDU+X3idrNnNrrkbaebzrnSd1oW4PORd89teSVPDu9INum8kfv/qLNgJXpRKmolgB2gEI7TMfZOP4KjlHPR6OVjSzLCcY4dxk/eMNK5DYxx6JouO2XYMRBp68IwebV1vOWdetBsKVrdFZ3VOWM4jxT39SUM70HRUYQmIsigjtfy062KBroIrlnMUI0fS3OEuKKRlpPlH6C9XOkgaW8tCU+zsSaXRqDSa0ua7AAMA9QF2br9xhkkAAAAASUVORK5CYII=") no-repeat 50% 0%;
}
#slider img {
  height: 80px;
}
#slider a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -1000px;
  overflow: hidden;
}
.swiper-slide {
  width: 8%;
}
@media (max-width: 1300px) {
  .swiper-slide {
    width: 10%;
  }
}
@media (max-width: 1100px) {
  .swiper-slide {
    width: 12%;
  }
}
@media (max-width: 1000px) {
  .swiper-slide {
    width: 14%;
  }
}
@media (max-width: 800px) {
  .swiper-slide {
    width: 18%;
  }
}
.swiper-slide.active img {
  border: 2px solid #f00;
}
#slider.slider-404 .right {
  display: none !important;
}
#slider.slider-coming a {
  display: none !important;
}
#slider.slider-coming .right {
  display: flex !important;
}
#slider-div {
  position: fixed;
  padding: 50px 80px 14px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  transform: translate(0%, 110px);
  background: #fff;
  transition: all .3s ease;
}
#slider-div:hover {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transform: translate(0%, 0);
}
#slider-div #slider {
  padding-top: 18px;
  width: 100%;
}
#slider-div #slider a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
#slider-div #slider a:hover {
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#slider-div .swiper-container {
  width: 100%;
  height: 100%;
}
#slider-div .swiper-button-prev {
  top: 56%;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAIAAADZUCB4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTlCMDg2QzE1MkM3MTFFNzhCRDE4M0VCQjFGODI1QkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTlCMDg2QzI1MkM3MTFFNzhCRDE4M0VCQjFGODI1QkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OUIwODZCRjUyQzcxMUU3OEJEMTgzRUJCMUY4MjVCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OUIwODZDMDUyQzcxMUU3OEJEMTgzRUJCMUY4MjVCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhXMVSkAAAEFSURBVHjafNI/q0dQGAfw0/U6zEayyZ9NBhtFyeYNiIUMlJTBYDB4awaDnUEkIe7p/oZ7Pdfv962zPH06Pc85D7qua99313Xrur7eB+Fj2zb6SVVVb52maehPiqJ4dizLonvKsnxwwzD8p3meP/Q3TRPHcYDGcQwdTt/3giAAmqYpdDjrukqSBGgQBNDhLMsiyzKgvu9Dh3Mch2VZgIZh+AVKBEEwDAOKTdPA+7IsA4jn+XEcby5JEoBEUdy27dZfFEUAKYoyz/NtXjw/QHjw102/zvM8gFRVPc/z9h+O4wCk6zp+Hfi/NE0D9LxXXdeRJPlCpml+2ue2bSmKMgzjw95/CzAAuka1YU86sccAAAAASUVORK5CYII=") no-repeat 50% 50%;
  right: 0px !important;
  left: auto !important;
}
#slider-div .swiper-button-next {
  top: 56%;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAIAAADZUCB4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUYxRDU4NzI1MkM3MTFFNzkwRjZFQUQwRDZEQTgzNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUYxRDU4NzM1MkM3MTFFNzkwRjZFQUQwRDZEQTgzNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RjFENTg3MDUyQzcxMUU3OTBGNkVBRDBENkRBODM1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RjFENTg3MTUyQzcxMUU3OTBGNkVBRDBENkRBODM1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PialEm0AAAELSURBVHjafNIxj0RAFAfwyfocaiXRyaKTLXQkJKLzBYSGKEhEolAoFL6aQqGn2BARxN3suVzWW+5fTWZ+eXlv8m5f1ynL0rbtZVnwGV2hoijQT0zTvHRZlqG3KIpy4vI8R8ewLAtdmqafqOu6gwvDECCO4/q+P/QXxzFAPM+3bbu//jrP8wASRXGapr8qL+e6LkCSJI3j+N4S8n0fIMMw1nUF892qqgKOYRiCIMAlej6f9/sdXCZJAuq9+pvnWRAEQKMogg5nGIbH4wFoEATQ7VXxmIDi/4IOZ9s2WZYBdRznZF/wj6iqCqhlWed7BShN05d7quv6jkiSbJoG/bP3mqZRFFXXNT5/CzAAqM21Y74CTvAAAAAASUVORK5CYII=") no-repeat 50% 50%;
  left: 0px !important;
  right: auto !important;
}
@media (max-width: 768px) {
  #slider-div {
    display: none !important;
    visibility: hidden !important;
  }
}