/*! UIkit 2.24.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-dotnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-top: -15px; padding: 0; list-style: none }
.uk-dotnav>* { -ms-flex: none; -webkit-flex: none; flex: none; padding-left: 15px; margin-top: 15px }
.uk-dotnav:after, .uk-dotnav:before { content: "\f192"; display: block; overflow: hidden }
.uk-dotnav:after { clear: both }
.uk-dotnav>* { float: left }
.uk-dotnav>*>* { display: block; box-sizing: content-box; width: 15px; height: 15px; border-radius: 50%; background: rgba(50,50,50,.7); text-indent: 100%; overflow: hidden; white-space: nowrap }
.uk-dotnav>*>:focus, .uk-dotnav>*>:hover { background: rgba(50,50,50,.4); outline: 0 }
.uk-dotnav>*>:active { background: rgba(50,50,50,.6) }
.uk-dotnav>.uk-active>* { background: url(../../media/images/act-bullet-circle.png) no-repeat center; width: 23px; height: 23px }
.uk-dotnav-contrast>*>* { background: rgba(255,255,255,.4) }
.uk-dotnav-contrast>*>:focus, .uk-dotnav-contrast>*>:hover { background: rgba(255,255,255,.7) }
.uk-dotnav-contrast>*>:active { background: rgba(255,255,255,.9) }
.uk-dotnav-contrast>.uk-active>* { background: rgba(255,255,255,.9) }
.uk-dotnav-vertical { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.uk-dotnav-vertical>* { float: none }
.introFeatureSlideNav li { padding-top: 3px !important; }
/*preloader*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f1fee9; z-index: 999999; height: 100%; display:block;}
#status { display:block; width: 100%; height: 100%; top: -10%; background-size: 45%; position: relative; max-width: 275px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 9999999; }
#preloader_1 { bottom: 20%; left: 40%; position: absolute; }
#preloader_1 span { display: block; bottom: 0px; width: 9px; height: 5px; background: #74b64a; position: absolute; animation: preloader_1 1.5s infinite ease-in-out; }
#preloader_1 span:nth-child(2) { left: 11px; animation-delay: .2s; }
#preloader_1 span:nth-child(3) { left: 22px; animation-delay: .4s; }
#preloader_1 span:nth-child(4) { left: 33px; animation-delay: .6s; }
#preloader_1 span:nth-child(5) { left: 44px; animation-delay: .8s; }
@keyframes preloader_1 {
 0% {
height:5px;
transform:translateY(0px);
background:#71B443;
}
 25% {
height:30px;
transform:translateY(15px);
background:#ADDD3C;
}
 50% {
height:5px;
transform:translateY(0px);
background:#71B443;
}
 100% {
height:5px;
transform:translateY(0px);
background:#71B443;
}
}
