.nav {position: relative;width: auto;border: none;}
.btn-nav {position: fixed;top: 5.5px;right:10px;background:transparent;border:none;
padding:10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor:pointer;z-index:99999;}
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 7px 0;width: 30px;height: 2.5px;background-color: #FFFFFF;}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #FCA311;
}
.nav-content {
    position: fixed;
    top: -100%;
    bottom: 0;
    left: auto;
    right: 0;
    background:linear-gradient(200deg,rgb(103, 58, 183),rgba(156, 39, 176, 0.95),rgba(156, 39, 176, 0.95),rgba(0, 0, 0, 0));
    display: block;
    height: 100%;
    z-index: 103;
    width: 100%;
    border-radius: 0;
}
.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
}
.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all 0.6s ease;
}
.item-anchor {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 0px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #FCA311;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #FCA311;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.nav-item {margin: 40px auto;text-align: center;}
.animated {display: block;top: auto;right: 50%;bottom: 10%;margin: 0 -25px 0 0;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{background-color: #FCA311;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
.animated .icon-bar {z-index: 999999;background-color: #FCA311;}
.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}
.animated .bottom{
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle {width: 0;}
@keyframes showNav {from {top: -100%;}to {top: 0;}}
@-webkit-keyframes showNav {from {top: -100%;}to {top: 0;}}
@-moz-keyframes showNav {from {top: -100%;}to {top: 0;}}
@-o-keyframes showNav {from {top: -100%;}to {top: 0;}
}
.showNav {
  -webkit-animation: showNav .4s ease forwards;
  -moz-animation: showNav .4s ease forwards;
  -o-animation: showNav .4s ease forwards;
  animation: showNav .4s ease forwards;
}
@keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-webkit-keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-moz-keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-o-keyframes hideNav {from {top: 0;}to {top: -100%;}}
.hideNav {-webkit-animation: hideNav 1s ease forwards;-moz-animation: hideNav 1s ease forwards;-o-animation: hideNav 1s ease forwards;animation: hideNav 1s ease forwards;}
.hidden {display: none;}

@media only screen and (min-width: 769px) {
.prev, .next {display: block;position: absolute;z-index: 101;top: 50%;margin-top: -40px;left: 0;height: 70px;width: 30px;color: #fff;cursor: pointer;background-color: #000;opacity: .3;}
.btn-nav {
  position: fixed;
  top: 10px;
  right: auto;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 104;
}
.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(hsla(0,0%,100%,0)));
  background: linear-gradient(180deg,rgba(0,0,0,.65),hsla(0,0%,100%,0));
  display: block;
  height: 75px;
  z-index: 103;
  width: auto;border-radius: 0;
}
.item-anchor {padding: 10px;}
.btn-nav {position: fixed;top: 12.5px;right:auto;background:transparent;border:none;
padding:10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor:pointer;z-index:99999;}
.animated {display: block;right: auto;bottom: auto;margin: 0;}
}

body, ul {margin: 0;padding: 0;}
.slides-box {width: 100%;height: 100%;margin: auto;overflow: hidden;}
.slides {position: relative;height: 100%;width: 100%;margin: auto;float: left;}
.slides li {position: absolute;width:  100%;height: 100%;}
.slides li img{display: block;width: 100%;margin: auto;}
#slides-bg {background: url(../images/bg1.png) center bottom / contain;background-repeat: repeat-x;height: 100%;width: 100%;position: absolute;z-index: 100;}
.prev, .next {display: block;position: absolute;z-index: 101;top: 50%;margin-top: -40px;left: 0;height: 70px;width: 30px;color: #fff;cursor: pointer;background-color: #000;opacity: .3;}
.prev:hover, .next:hover{opacity: .5;}
.prev{background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");}
.next {left: auto;right: 0;background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");}
.pagination{position: absolute;bottom: 5px;z-index: 99;}
.pagination li{padding: 5px 3px;float: left;}
.pagination li a{display: block;width: 25px;height: 25px;line-height: 25px;border-radius: 25px;background: #000;color: #fff;text-align: center;font-family: Arial;text-decoration: none;}
.pagination .active{background-color: #000;}