body{
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    color:#232323;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{ 
    font-family: 'qanelasbold';
    line-height: normal;
}

a,
a:hover,
a:focus{
    outline: none;
}

p{
    margin-bottom: 30px;
    line-height: 30px;
}

h1{
    font-size: 100px;
}
h2{
    font-size: 40px;
}

h3{
    font-size: 30px;
}
h4{
    font-size: 24px;
}

.mar-bottom-0{ margin-bottom: 0px!important; }
.mar-bottom-2{ margin-bottom: 2px!important; }
.mar-bottom-5{ margin-bottom: 5px!important; }
.mar-bottom-10{ margin-bottom: 10px!important; }
.mar-bottom-15{ margin-bottom: 15px!important; }
.mar-bottom-20{ margin-bottom: 20px!important; }
.mar-bottom-25{ margin-bottom: 25px!important; }
.mar-bottom-30{ margin-bottom: 30px!important; }
.mar-bottom-35{ margin-bottom: 35px!important; }
.mar-bottom-40{ margin-bottom: 40px!important; }
.mar-bottom-45{ margin-bottom: 45px!important; }
.mar-bottom-50{ margin-bottom: 50px!important; }
.mar-bottom-55{ margin-bottom: 55px!important; }
.mar-bottom-60{ margin-bottom: 60px!important; }
.mar-bottom-65{ margin-bottom: 65px!important; }
.mar-bottom-70{ margin-bottom: 70px!important; }
.mar-bottom-75{ margin-bottom: 75px!important; }
.mar-bottom-80{ margin-bottom: 80px!important; }
.mar-bottom-85{ margin-bottom: 85px!important; }
.mar-bottom-90{ margin-bottom: 90px!important; }
.mar-bottom-95{ margin-bottom: 95px!important; }
.mar-bottom-100{ margin-bottom: 100px!important; }
.mar-bottom-105{ margin-bottom: 105px!important; }
.mar-bottom-110{ margin-bottom: 110px!important; }
.mar-bottom-115{ margin-bottom: 115px!important; }
.mar-bottom-120{ margin-bottom: 120px!important; }
.mar-bottom-125{ margin-bottom: 125px!important; }
.mar-bottom-130{ margin-bottom: 130px!important; }
.mar-bottom-135{ margin-bottom: 135px!important; }
.mar-bottom-140{ margin-bottom: 140px!important; }
.mar-bottom-145{ margin-bottom: 145px!important; }
.mar-bottom-150{ margin-bottom: 150px!important; }

.pad-top-0{ padding-top: 0px!important; }
.pad-top-5{ padding-top: 5px!important; }
.pad-top-10{ padding-top: 10px!important; }
.pad-top-15{ padding-top: 15px!important; }
.pad-top-20{ padding-top: 20px!important; }
.pad-top-25{ padding-top: 25px!important; }
.pad-top-30{ padding-top: 30px!important; }
.pad-top-35{ padding-top: 35px!important; }
.pad-top-40{ padding-top: 40px!important; }
.pad-top-45{ padding-top: 45px!important; }
.pad-top-50{ padding-top: 50px!important; }
.pad-top-55{ padding-top: 55px!important; }
.pad-top-60{ padding-top: 60px!important; }
.pad-top-65{ padding-top: 65px!important; }
.pad-top-70{ padding-top: 70px!important; }
.pad-top-75{ padding-top: 75px!important; }
.pad-top-80{ padding-top: 80px!important; }
.pad-top-85{ padding-top: 85px!important; }
.pad-top-90{ padding-top: 90px!important; }
.pad-top-95{ padding-top: 95px!important; }
.pad-top-100{ padding-top: 100px!important; }
.pad-top-105{ padding-top: 105px!important; }
.pad-top-110{ padding-top: 110px!important; }
.pad-top-115{ padding-top: 115px!important; }
.pad-top-120{ padding-top: 120px!important; }
.pad-top-125{ padding-top: 125px!important; }
.pad-top-130{ padding-top: 130px!important; }
.pad-top-135{ padding-top: 135px!important; }
.pad-top-140{ padding-top: 140px!important; }
.pad-top-145{ padding-top: 145px!important; }
.pad-top-150{ padding-top: 150px!important; }
.pad-top-155{ padding-top: 155px!important; }
.pad-top-160{ padding-top: 160px!important; }
.pad-top-165{ padding-top: 165px!important; }
.pad-top-170{ padding-top: 170px!important; }
.pad-top-175{ padding-top: 175px!important; }
.pad-top-180{ padding-top: 180px!important; }
.pad-top-185{ padding-top: 185px!important; }
.pad-top-190{ padding-top: 190px!important; }
.pad-top-195{ padding-top: 195px!important; }
.pad-top-200{ padding-top: 200px!important; }
.pad-top-245{ padding-top: 245px!important; }

.pad-bottom-0{ padding-bottom: 0px!important; }
.pad-bottom-5{ padding-bottom: 5px!important; }
.pad-bottom-10{ padding-bottom: 10px!important; }
.pad-bottom-15{ padding-bottom: 15px!important; }
.pad-bottom-20{ padding-bottom: 20px!important; }
.pad-bottom-25{ padding-bottom: 25px!important; }
.pad-bottom-30{ padding-bottom: 30px!important; }
.pad-bottom-35{ padding-bottom: 35px!important; }
.pad-bottom-40{ padding-bottom: 40px!important; }
.pad-bottom-45{ padding-bottom: 45px!important; }
.pad-bottom-50{ padding-bottom: 50px!important; }
.pad-bottom-55{ padding-bottom: 55px!important; }
.pad-bottom-60{ padding-bottom: 60px!important; }
.pad-bottom-65{ padding-bottom: 65px!important; }
.pad-bottom-70{ padding-bottom: 70px!important; }
.pad-bottom-75{ padding-bottom: 75px!important; }
.pad-bottom-80{ padding-bottom: 80px!important; }
.pad-bottom-85{ padding-bottom: 85px!important; }
.pad-bottom-90{ padding-bottom: 90px!important; }
.pad-bottom-95{ padding-bottom: 95px!important; }
.pad-bottom-100{ padding-bottom: 100px!important; }
.pad-bottom-105{ padding-bottom: 105px!important; }
.pad-bottom-110{ padding-bottom: 110px!important; }
.pad-bottom-115{ padding-bottom: 115px!important; }
.pad-bottom-120{ padding-bottom: 120px!important; }
.pad-bottom-125{ padding-bottom: 125px!important; }
.pad-bottom-130{ padding-bottom: 130px!important; }
.pad-bottom-135{ padding-bottom: 135px!important; }
.pad-bottom-140{ padding-bottom: 140px!important; }
.pad-bottom-145{ padding-bottom: 145px!important; }
.pad-bottom-150{ padding-bottom: 150px!important; }
.pad-bottom-155{ padding-bottom: 155px!important; }
.pad-bottom-160{ padding-bottom: 160px!important; }
.pad-bottom-165{ padding-bottom: 165px!important; }
.pad-bottom-170{ padding-bottom: 170px!important; }
.pad-bottom-175{ padding-bottom: 175px!important; }
.pad-bottom-180{ padding-bottom: 180px!important; }
.pad-bottom-185{ padding-bottom: 185px!important; }
.pad-bottom-190{ padding-bottom: 190px!important; }
.pad-bottom-195{ padding-bottom: 195px!important; }
.pad-bottom-200{ padding-bottom: 200px!important; }

.btn{
    padding: 30px 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid transparent;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    -webkit-text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    -moz-text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    -ms-text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    -o-text-shadow: 0 2px 0 rgba(0,0,0,0.15);
}

.btn-accent:hover,
.btn-accent:focus,
.btn-accent{
    background-image: linear-gradient(#057be0, #0a87f2);
    color:#ffffff;
    box-shadow: 0 10px 20px rgba(8,65,135,0.4);
    -webkit-box-shadow: 0 10px 20px rgba(8,65,135,0.4);
    -moz-box-shadow: 0 10px 20px rgba(8,65,135,0.4);
    -ms-box-shadow: 0 10px 20px rgba(8,65,135,0.4);
    -o-box-shadow: 0 10px 20px rgba(8,65,135,0.4);
}

.btn-green:hover,
.btn-green:focus,
.btn-green{
    background-image: linear-gradient(#01d184, #06e291);
    color:#ffffff;
    box-shadow: 0 10px 20px rgba(12,153,101,0.4);
    -webkit-box-shadow: 0 10px 20px rgba(12,153,101,0.4);
    -moz-box-shadow: 0 10px 20px rgba(12,153,101,0.4);
    -ms-box-shadow: 0 10px 20px rgba(12,153,101,0.4);
    -o-box-shadow: 0 10px 20px rgba(12,153,101,0.4);
}

.tp-bg{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.tp-bg-top{
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}
.tp-bg-bottom{
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.text-underline{
    text-decoration: underline;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-underline{
    text-decoration: underline;
}

.text-white{ color: #ffffff!important; }
.accent{ color: #057be0!important; }
.text-green{ color: #01d184!important; }

.font-thin{ font-weight: 100; }
.font-light{ font-weight: 300; }
.font-regular{ font-weight: 400; }
.font-medium{ font-weight: 500; }
.font-semibold{ font-weight: 600; }
.font-bold{ font-weight: 700; }
.font-extrabold{ font-weight: 800; }
.font-black{ font-weight: 900; }

.font-qanelas-black{
    font-family: 'qanelasblack';
}
.font-qanelas-semibold{
    font-family: 'qanelassemibold';
}
.font-qanelas-extrabold{
    font-family: 'qanelasextrabold';
}

.font-15{ font-size: 15px; line-height: normal; }
.font-16{ font-size: 16px; line-height: normal; }
.font-22{ font-size: 22px; }
.font-24{ font-size: 24px; }

.w-730{
    max-width: 730px;
}
.w-920{
    max-width: 920px;
}
.w-980{
    max-width: 980px;
}

.column5{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
/*============================= END BODY ================================*/
/*============================== HEADER =================================*/
.bg-light{
    padding-top: 25px;
    padding-bottom: 25px;
    background: #f5f7f7!important;
}
#header{
    border-bottom: 7px solid #057be0;
    position: relative;
    padding: 28px 0;
    text-align: center;
}
.box-special:after,
#header:after{
    content: "";
    width: 50%;
    height: 7px;
    background: #01d184;
    position: absolute;
    left: 50%;
    bottom: -7px;
}
/*============================ END HEADER ===============================*/
/*============================== CONTENT ================================*/
.hightlighted{
    background: #0483d7;
    padding: 0 5px;
    border-radius: 3px;
}
.box-white{
    padding: 25px;
    background: #ffffff;
    border-radius: 10px;
}
.num,
.list-button,
.list-1{
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: my-badass-counter;
}
.list-1 li{
    padding-left: 55px;
    position: relative;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: normal;
}
.list-1 li:last-child{ margin-bottom: 0; }
.list-1 li img{
    position: absolute;
    left: 0;
    top: 10px;
}
.list-button li{
    padding-left: 35px;
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    color: #2b2f31;
}
.list-button li img{
    position: absolute;
    left: 0;
    top: -4px;
}
.num li{
    padding-left: 95px;
    position: relative;
    margin: 0 0 15px;
}
.num li:before{
    content: "";
    width: 14px;
    height: 7px;
    background: #01d184;
    position: absolute;
    left: 50px;
    top: 10px;
}
.num li:after{
    content: "0"counter(my-badass-counter,decimal);
    counter-increment: my-badass-counter;
    font-size:15px;
    color: #01d184;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
}
.box-1{
    border: 2px solid #0483d7;
    border-radius: 10px;
    background: rgba(4,131,215,0.4);
    padding: 10px;
}
.wrapper-video{
    border: 5px solid #057cde;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    -o-box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.divider{
    background: #f7f8fa;
    height: 2px;
}
.divider2{
    width: 200px;
    height: 7px;
    position: relative;
    background: #057be0;
}
.divider3{
    background: #e0e0e2;
    height: 1px;
}
.divider2:before{
    content: "";
    width: 50%;
    height: 7px;
    background: #01d184;
    position: absolute;
    left: 50%;
    bottom: 0;
}
.box-special{
    background-image: linear-gradient(rgba(255,255,255,0.1), #ffffff);
    padding: 25px;
    border-radius: 10px;
    border-bottom: 7px solid #057be0;
    position: relative;
}
.box-special.style2{
    background-image: linear-gradient(rgba(0,0,0,0.03), rgba(0,0,0,0.3));
}
.box-special:after{
    border-radius: 0 0 10px 0;
}
.border-group .column5:after,
.border-group .col-lg-6:after,
.border-group .col-lg-4:after{
    content: "";
    width: 10px;
    height: 552px;
    background: url(../images/border-left.png) no-repeat center center;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -276px;
    background-size: contain;
}
.border-group.style2 .col-lg-4:after{
    height: 400px;
    margin-top: -200px;
    width: 7px;
    right: -3px;
}
.border-group .column5:after{
    width: 9px;
    height: 96px;
    background: url(../images/border-left-small.png) no-repeat center center;
    margin-top: -48px;
}
.border-group .column5:last-child:after,
.border-group .col-lg-6:last-child:after,
.border-group .col-lg-4:last-child:after{
    display: none!important;
}
.box-bg{
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 30px;
    color: #ffffff;
    margin-bottom: 30px;
}
.box-bg p{
    margin-bottom: 0;
}

.box-3{
    background: rgba(4,131,215,0.4);
    padding: 30px;
    border: 2px solid #0483d7;
    border-radius: 10px;
}

.img-wrapper{
    position: relative;
}
.img-wrapper:before{
    content: "";
    width: 236px;
    height: 293px;
    background: url(../images/arrow1.png) no-repeat center center;
    position: absolute;
    top: 100%;
    left: -100px;
}
.img-wrapper.even:before{
    background: url(../images/arrow2.png) no-repeat center center;
    right: -100px;
    left: auto;
}
.img-wrapper.last:before{ display: none; }
.list-number{
    padding: 0;
    margin: 0 0 55px;
    list-style: none;
    width: 200px;
    height: 7px;
    background: #ddf4ed;
    counter-reset: my-badass-counter;
}
.list-number li{
    width: 25%;
    height: 7px;
    float: left;
    background: #01d184;
    position: relative;
}
.list-number li:before{
    content: "0"counter(my-badass-counter,decimal);
    counter-increment: my-badass-counter;
    font-size: 15px;
    font-family: 'qanelasextrabold';
    position: absolute;
    top: -40px;
    left: 0;
}
.list-number li:last-child:before{
    color: #01d184;
}
.title-featured{
    position: relative;
    padding-bottom: 35px;
}
.title-featured:before{
    width: 200px;
    height: 7px;
    content:"";
    background: #057be0;
    position: absolute;
    bottom: 0;
    left: -150px;
}
.title-featured:after{
    width: 100px;
    height: 7px;
    content:"";
    background: #01d184;
    position: absolute;
    bottom: 0;
    left: -50px;
}
.reverse .title-featured:before{
    right: -150px;
    left: auto;
}
.reverse .title-featured:after{
    right: -50px;
    left: auto;
}
.img-featured{
    position: relative;
    z-index: 2;
}

.testimonial-item{
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
}
.testimonial-item img{
    max-width: 140px;
    border-radius: 100%;
}
.testimonial-item .name{
    color: #000000;
    font-weight: 700;
    margin-bottom: 5px;
}
.testimonial-item .regency{
    font-size: 16px;
    font-weight: 100;
}

.box-2{
    background: url(../images/bg-box-2.png) no-repeat center center;
    background-size: 100% 100%;
    color: #ffffff;
    text-align: center;
    padding: 50px 15px;
    font-weight: 700;
    font-size: 30px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.module-icon{
    margin-bottom: 20px;
    background: url(../images/bg-box2.png) no-repeat center center;
    background-size: 100% 100%;
    color: #ffffff;
    padding: 10px 30px;
}

.module-version{
    background: #ffffff;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    box-shadow: 0 0 20px #eeeeee;
    -webkit-box-shadow: 0 0 20px #eeeeee;
    -moz-box-shadow: 0 0 20px #eeeeee;
    -ms-box-shadow: 0 0 20px #eeeeee;
    -o-box-shadow: 0 0 20px #eeeeee;
    margin-bottom: 30px;
}
.module-version.style2{
    background: #1c3147;
    border-color: #1267bf;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    margin-bottom: 10px;
    position: relative;
}
.module-version .title{
    padding: 30px 65px;
    background: #eeeeee;
    border-bottom: 1px solid #e0e0e2;
    font-family: 'qanelasextrabold';
    border-radius: 10px 10px 0 0;
}
.module-version.style2 .title{
    padding: 20px 20px 20px 135px;
    background: #152638;
    border: none;
    position: relative;
}
.module-version.style2 .title img{
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
}
.module-version .version-content{
    padding: 25px 65px;
}
.module-version.style2 .version-content{
    padding: 15px 15px 20px 95px;
    position: relative;
}
.module-version.style2 .version-content:before{
    content: "";
    width: 80px;
    height: 7px;
    background: #1267bf;
    position: absolute;
    left: 0;
    top: 25px;
}
table{
    width: 100%;
    border: 3px solid #e8e8ea;
}
table td{
    padding: 20px 35px;
    border: 3px solid #e8e8ea;
}
.table-bottom{
    color: #ffffff;
    text-align: center;
    padding: 25px;
    background: url(../images/bg-box-2.png) no-repeat center bottom;
    background-size: cover;
}
.team{
    text-align: center;
    margin-bottom: 30px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    margin-top: 90px;
    padding: 10px 15px 25px;
    position: relative;
}
.team img{
    margin: -100px auto 25px;
    max-width: 200px;
    border-radius: 100%;
}
.team p{
    font-size: 18px;
    color: #000000;
}
.team p i{
    color: #057be0;
}
.team:after{
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    background-image: linear-gradient(to right,#057be0, #01d184);
    border-radius: 0 0 10px 10px;
}
.list li{
    padding-left: 20px;
    margin-bottom: 15px;
    position: relative;
}
.list li:before{
    content: "";
    width: 10px;
    height: 10px;
    background: #01d184;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 8px;
}
.style{
    padding: 0;
    margin: 0;
    list-style: none;
}
.style li{
    padding-left: 38px;
    position: relative;
}
.style li:before{
    content: "";
    width: 14px;
    height: 7px;
    background: #057be0;
    position: absolute;
    left: 0;
    top: 10px;
}

.jv-box{
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    border-radius: 0 0 10px 10px;
    padding: 0 20px 25px;
    margin: 0 20px 30px;
}
.jv-box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
}
.jv-box .title{
    padding: 28px 25px 50px;
    background: url(../images/bg-jvbox1.png) no-repeat center top;
    background-size: 100% 100%;
    background-size: cover;
    margin: 0 -40px;
    text-align: center;
    font-size:30px;
    color: #057be0;
    font-weight: 900;
    line-height: 1;
}
.jv-box.style2 .title{
    background-image: url(../images/bg-jvbox2.png);
    color: #ffffff;
}
.jv-list{
    padding: 0;
    margin: 0 auto;
    list-style: none;
    max-width: 350px;
}
.jv-list li{
    font-size: 18px;
    padding-left: 37px;
    position: relative;
    margin-bottom: 10px;
}
.jv-list li:before{
    width: 25px;
    height: 25px;
    font-family: FontAwesome;
    content: "\f00c";
    text-align: center;
    line-height: 25px;
    background: #07e89d;
    color: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
}
.jv-list.style2 li:before{
    background: #057be0;
    color: #ffffff;
}
.jv-list.style2 li{
    font-weight: 700;
    color: #057be0;
}
/*============================ END CONTENT ==============================*/
/*============================== FOOTER =================================*/
#footer{
    background-image: linear-gradient(#00285e, #00357c);
    color: #ffffff;
    padding-top: 25px;
    font-size: 16px;
}
.menu-footer,
ul.dots{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.dots li{
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}
ul.dots li:before{
    width: 14px;
    height: 14px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
}
ul.dots li:after{
    width: 6px;
    height: 6px;
    background: #005fe1;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    top: 9px;
    content: "";
}
.footer-bottom{
    border-top: 2px solid #31537f;
    margin-top: 30px;
}
.copyright{
    padding: 10px 0;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
}
.menu-footer{
    text-align: center;
}
.menu-footer li{
    margin: 0 14px;
    position: relative;
    font-size:13px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    margin-top: -2px;
}
.menu-footer li:after{
    content: "";
    width: 10px;
    position: absolute;
    right: -21px;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #385986;
}
.menu-footer li:first-child{
    margin-left: 0;
}
.menu-footer li:last-child{
    margin-right: 0;
}
.menu-footer li:last-child:after{
    display: none;
}
.menu-footer li a{
    display: block;
    padding: 35px 0;
    line-height: normal;
    color: #ffffff;
    border-top: 3px solid transparent;
}
.menu-footer li:hover a{
    border-color: #8cbcff;
}
/*============================ END FOOTER ===============================*/