/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,500,700,800');
@font-face{
font-family:"Myriad Pro Regular";
src:url('../fonts/myriad-pro-regular.eot');src:url('../fonts/myriad-pro-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/myriad-pro-regular.woff2') format('woff2'),
url('../fonts/myriad-pro-regular.woff') format('woff'),url('../fonts/myriad-pro-regular.ttf') format('truetype'),url('../fonts/myriad-pro-regular.svg#MyriadProRegular') format('svg');
font-weight:normal;font-style:normal;}
  
/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#fff}
a:hover{text-decoration:none;color:#fff}
a:active{color:#fff}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;color:#000}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #cacaca;font-size:17px;color:#434343;border-radius:5px;width:100%;height:50px;padding:8px 15px}
.datepickers .form-control{width:100%;border-radius:5px}
select.form-control{background:url(../images/select-arrow.png) no-repeat 99% 5px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
textarea{font:17px Arial, Helvetica, sans-serif}
textarea.form-control{height:90px}
.block{display:inline-block;width:100%}
.button{font-family:"Raleway", Arial, sans-serif;display:inline-block;background-color:#1f599f;border:none;box-shadow:none;color:#fff;font-size:18px;font-weight:500;text-transform:uppercase;padding:10px 37px;text-align:center;vertical-align:middle;border-radius:4px;position:relative;z-index:10;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a.button,a:visited.button,a:focus.button{color:#fff}
a[href="tel"]
.button:hover{color:#fff}
.button,.button::after{-webkit-transition:all 0.3s;transition:all 0.3s}
.button::before,.button::after{content:'';position:absolute;z-index:-1}
.form-group span{color:#fff;padding:0 3px}

.alert-success{opacity:1;margin:1rem 0 0}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:0}
.list li{background:url(../images/circle-arrow.png) no-repeat left 9px;color:#515157;font-size:15px;line-height:24px;margin:0 0 10px;padding-left:21px;font-weight:normal}
.list li:last-child{margin-bottom:0}
.list-sm{list-style:none;margin:0}
.list-sm li{background:url(../images/circle.png) no-repeat left 5px;color:#646464;font-size:18px;line-height:24px;margin:0 0 15px;padding-left:28px}
.list-sm li:last-child{margin-bottom:0}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin-bottom:0}
.service hr{border-bottom:1px solid #c9c9c9;margin:55px 0 13px;opacity:1}

h1,h2,h3,h4,h5,h6{font-family:"Open Sans", Arial, sans-serif;font-weight:600}
.hd-h2{color:#2f2f2f;font-size:25px;margin:0 0 12px;position:relative;text-transform:uppercase;text-align:center}
.hd-h2 span{display:block;font-size:23px;text-transform:none;color:#7b7b7b}
.user-role .t-p,.user-role .accordion-button,.hd-span,.get-started .btn-hover,.get-started h2,ul.main li span,ul.main li a,.social-icons li span{font-family:"Open Sans", Arial, sans-serif}

/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;min-height:100%;color:#424242}
/*====----====*/
.container{/*max-width:1190px;*/margin:0 auto;position:relative;padding:0 15px}
html,body{overflow-x:hidden}
/*======boxborder-1======*/
.boxborder-1{position: relative;}
.boxborder-1::after,.boxborder-1::before{position: absolute;content: "";width: 0%;height: 0%;visibility: hidden;border-radius: 6px;}
.boxborder-1::after{bottom: 0px;right: 0px;border-left: 3px solid #212121;border-bottom: 3px solid #212121;transition: width .1s ease .1s, height .1s ease, visibility 0s .2s;}
.boxborder-1::before{top: -3px;left: 0px;border-top: 3px solid #212121;border-right: 3px solid #212121;transition: width .1s ease .3s, height .1s ease .2s, visibility 0s .4s;}
.boxborder-1:hover{animation: pulse 1s ease-out .4s;color: #212121;}
.boxborder-1:hover::after,.boxborder-1:hover::before{width: calc(100% + 3px);height: calc(100% + 3px);visibility: visible;transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.boxborder-1:hover::after{transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.boxborder-1:hover::before{transition: width .1s ease, height .1s ease .1s;}


/*-- intro/header-top --*/
#intro-top{background:url(../images/intro-top-bg.jpg) no-repeat center center;width:100%;padding-bottom:50px;background-size:cover;}
.navbar-brand img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;max-width:100px;height:auto}
#header.shrink .navbar-brand img{max-width: 100px;}
.top-link{float:right;padding:13px 0 15px;position:relative;display:block}
.top-link ul li{display:inline-block;position:relative}

.top-link ul li + li:before{content:"";display:inline-block; vertical-align:middle;background:url(../images/vline.png) no-repeat 0 0;width:2px;height:13px}
.top-link ul li + li:last-child:before{display:none}
.top-link ul li a{color:#fff;padding:0 4px 0 8px;font-size:14px;text-decoration:none;text-transform:none}

.top-link ul select{background:url(../images/select-arrow.png) no-repeat 100% 8px;color:#fff;border-left:none;font-size:15px;font-weight:600;-webkit-appearance:none;appearance:none;padding:0 15px 0 17px}
.navbar-wrapper{padding-top:12px}

ul.main{float:right;width:100%;display:inline-block;text-align:right;}
ul.main li span,ul.main li a{background-color: transparent;box-shadow:none;text-shadow:none;font-size:14px;font-weight:600;color:#fff;text-decoration:none;text-transform:uppercase;padding-top:5px}
.menu li.free-register a{padding:12px 15px;border-radius:40px;background:#0a57cf}

/*-- evoting-system --*/
.evoting-system{margin:-67px 0 30px}
.evoting-system .box{background:#fff;box-shadow:0 5px 15px #f8f8f8;display:inline-block;position:relative;border-radius:7px;z-index:99;overflow:hidden;transition:all 0.3s ease-in-out;padding:33px 25px 33px 139px;margin:0 auto 20px}

.evoting-system li .members{background:#fff url(../images/members-icon.png) no-repeat 35px 35px}
.evoting-system li .scrutinizer{background:#fff url(../images/scrutinzer-icon.png) no-repeat 35px 35px}
.evoting-system li .ar{background:#fff url(../images/ar-icon.png) no-repeat 35px 35px}

.evoting-system li:hover .members{background:#0a57cf url(../images/members-icon-hvr.png) no-repeat 35px 35px}
.evoting-system li:hover .scrutinizer{background:#0a57cf url(../images/scrutinzer-icon-hvr.png) no-repeat 35px 35px}
.evoting-system li:hover .ar{background:#0a57cf url(../images/ar-icon-hvr.png) no-repeat 35px 35px}

.evoting-system li:hover .box{box-shadow:0 15px 70px 2px #7c7c7c}
.evoting-system li:hover h2,.evoting-system li:hover p{color:#fff}
.evoting-system h2{font-size:22px;font-weight:700;color:#2f2f2f;text-transform:uppercase}
.evoting-system p{font-size:14px;color:#575757;line-height:20px;padding:0}

/*-- purpose --*/
.purpose{padding:5px 0 40px 0}
.purpose p{font-size:16px;padding:0 0 6px}

/*-- services --*/
.services{background:#f6f6f6;padding:78px 0 0}
.services .container{background:url(../images/services-bg.jpg) no-repeat center 100%;background-size:60% auto;min-height:421px;padding-bottom:50%/*max-width:1258px;width:100%;;margin:0 auto;padding:0 15px*/}
.our-services{max-width:none;text-align:left}

.services .hd-h2{text-align:left}
.services h2 span{font-size:16px;color:#282828;text-transform:none}
.services p{font-size:16px}
.services ul{margin:15px 0 0}
.services li{padding:0}
.services li .hd-span{display:block;background:#fff;width:100%;min-height:80px;color:#282828;font-size:15px;font-weight:700;border-radius:4px;text-transform:uppercase;padding:15px 10px 15px 90px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin:0 20px 20px 0}
.services li .hd-span{background:#fff url(../images/eauction-icon.png) no-repeat 24px center}/*Common bg properties*/
.services li.cmpt-soln-services .hd-span{background-image:url(../images/cmpt-soln-icon.png)}
.services li.data-room .hd-span{background-image:url(../images/data-room-icon.png)}
.services li.bulk-mail-services .hd-span{background-image:url(../images/bulk-mail-service-icon.png)}
.services li.ibc-process .hd-span{background-image:url(../images/ibc-process-icon.png)}
/*======hover======*/
.services li:hover .hd-span{background-image:url(../images/eauction-hover.png);background-color:#008ed2;color: #fff;}
.services li.cmpt-soln-services:hover .hd-span{background-image: url(../images/cmpt-soln-hover.png);}
.services li.data-room:hover .hd-span{background-image: url(../images/data-room-hover.png);}
.services li.bulk-mail-services:hover .hd-span{background-image: url(../images/bulk-mail-service-hover.png);}
.services li.ibc-process:hover .hd-span{background-image: url(../images/ibc-process-hover.png);}
.services li:hover .boxborder-1{animation: pulse 1s ease-out .4s;color: #fff;}
.services li:hover .boxborder-1::after,
.services li:hover .boxborder-1::before{width: calc(100% + 3px);height: calc(100% + 3px);visibility: visible;transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.services li:hover .boxborder-1::after{transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.services li:hover .boxborder-1::before{transition: width .1s ease, height .1s ease .1s;}
.services li:hover .boxborder-1::after,.services li:hover .boxborder-1::before{width: calc(100% + 2px);}

/*-- User Role --*/
.user-role{background-color:#0a57cf;padding:42px 0 48px}
.user-role .hd-h2{margin:0 0 21px;color:#fff}
.user-role .accordion .accordion-item{border:none;background:#fff;border-radius:10px;margin:0 0 12px}
.user-role .t-p{color:#282828;padding:0 15px 25px}
.user-role .accordion-button{color:#282828;font-size:16px;padding:12px 15px;text-decoration:none;display:block;text-align:left;font-weight:700;text-transform:uppercase}
.user-role .accordion-header{border-bottom:none;background:transparent;padding:0px;margin:0}
.user-role .accordion-header h2{padding:0px;display:block;width:100%;line-height: 21px;text-align:left}
.user-role .accordion-header h2 i{float:right;font-size:30px;color:#0a57cf;background-color:transparent;width:33px;height:27px;margin-top:-5px;display:flex;justify-content:center;align-items:center;border-radius:5px}
.user-role .accordion-button.collapsed i{transform:rotate(0deg)}
.user-role .accordion-button i{transform:rotate(180deg);transition:0.5s}
.user-role .btn.focus,.user-role .btn:focus{box-shadow:none}
.user-role .accordion-button:not(.collapsed){background-color:transparent;box-shadow:none}
.user-role .accordion-button:focus{outline:0;box-shadow:none;border:none}
.user-role .accordion-item .accordion-button{border-radius:10px}
.user-role .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.user-role .accordion-item a[aria-expanded="true"]{color: #0a57cf;}

/*-- How We Work --*/
.how-we-work{padding:42px 0 0}
.how-we-work .hd-h2{font-weight:700}
.how-we-work .hd-h2 span{font-size:21px;color:#2f2f2f;font-weight:500;padding:6px 0 0;text-transform:none}
.how-we-work .row{padding:24px 0 0}
.how-we-work figure{margin:0 auto;height:79px;width:79px;background:#ccd4fa;text-align:center;padding:18px 0 0;border-radius:50%;position:relative;z-index:10}
.how-we-work figure img{display:block;max-width:100%;height:auto;margin:0 auto}
.how-we-work .steps{text-align:center;position:relative}
.how-we-work .hd-span{display:block;color:#1f1f1f;font-size:21px;font-weight:600;margin:51px 0 15px}
.how-we-work .steps p{font-size:15px;padding:0 0 10px;color:#1f1f1f}
.how-we-work .step-one{background:url(../images/step-one.png) no-repeat;background-position:50% 100%}
.how-we-work .step-two{background:url(../images/step-two.png) no-repeat;background-position:50% 100%}
.how-we-work .step-three{background:url(../images/step-three.png) no-repeat;background-position:50% 100%}
.how-we-work [class*="col-"]{max-width:400px;margin:0 auto 60px;position:relative}
.how-we-work li .efc-shadow{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.how-we-work li:hover .efc-shadow{box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5), 0 0 0 10px #e6ebf3;}

/*-- Get Started --*/
.get-started{background:url(../images/evoting-stop-waiting-bg.jpg) no-repeat;background-position:41% 100%;min-height:100%;padding:42px 0;margin:0 auto;background-size:cover}
.get-started .text{float:none;min-width:400px;text-align:center}
.get-started h2{font-size:36px;color:#2f2f2f;font-weight:600}
.get-started .btn-hover{font-size:15px;font-weight:600;text-transform:uppercase;max-width:248px;background-color: #0a57cf;border-radius:33px;padding: 6px 21px;line-height: 42px;margin-top:24px}
.get-started a.btn-hover,.get-started a.btn-hover:focus,.get-started a.btn-hover:active{color:#fff}


/*-- Btn-hover effect --*/
.get-started .btn-hover{color: #6f6362;position: relative;overflow: hidden;}
.get-started .btn-hover:before, .btn-hover:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.get-started .btn-hover:before{right: -50px;border-right: 50px solid transparent;border-bottom: 80px solid #1b1825;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.get-started .btn-hover:after{left: -50px;border-left: 50px solid transparent;border-top: 80px solid #1b1825;-webkit-transform: translateX(100%);transform: translateX(100%);}
.get-started .btn-hover:hover{color: #fff;}
.get-started .btn-hover:hover:before{-webkit-transform: translateX(-49%);transform: translateX(-49%);}
.get-started .btn-hover:hover:after{-webkit-transform: translateX(49%);transform: translateX(49%);}

/*-- Footer --*/
.footer{background-color:#1b1825;text-align:center;padding:30px 0}
.footer p{font-size:16px;color:#fff;font-family:"Myriad Pro Regular", Arial, sans-serif;padding:25px 0 25px 0}
.footer ul li{display:inline-block;margin-right:8px}
.footer .ftr-logo{margin: 0 auto;}
.footer .ftr-logo img{height: auto;display: block;margin: 0 auto;max-width: 150px;}

.social-icons li {width:50px;height:50px;cursor: pointer;background: #fff;border: 1px solid #fff;overflow: hidden;border-radius: 50px;transition: all 0.3s ease-in-out;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);text-align:left;}
.social-icons li span{font-size: 20px;font-weight: 600;margin-left:7px;}
.social-icons li .fa{font-size:28px;width:50px;height:50px;color:#0a57cf;border-radius:50%;padding-top:12px;text-align:center;}
.social-icons li .icon {width: 50px;height: 50px;border-radius: 50px;display: inline-block;transition: all 0.3s ease-in-out}
.social-icons li .icon i {transition: all 0.3s ease-in-out;}

.social-icons li.facebook span {color: #3b5998;}
.social-icons li.twitter span {color: #2b97f1;}
.social-icons li.google span {color: #dd4b39;}
.social-icons li.linkedin span {color: #006599;}

/*hover*/
.social-icons li:hover .icon .fa {color:#fff;}
.social-icons li.facebook:hover {width:175px}
.social-icons li.twitter:hover {width:150px}
.social-icons li.google:hover {width:150px}
.social-icons li.linkedin:hover {width:160px}
.social-icons li.facebook:hover .icon{background:#3b5998}
.social-icons li.twitter:hover .icon{background:#2b97f1}
.social-icons li.google:hover .icon{background:#dd4b39}
.social-icons li.linkedin:hover .icon{background:#006599}

/*-- Animation delay --*/
.delay0{-moz-animation-delay: 0;-webkit-animation-delay: 0}
.delay1{-moz-animation-delay: .1s;-webkit-animation-delay: .1s}
.delay2{-moz-animation-delay: .2s;-webkit-animation-delay: .2s}
.delay3{-moz-animation-delay: .3s;-webkit-animation-delay: .3s}
.delay4{-moz-animation-delay: .4s;-webkit-animation-delay: .4s}
.delay5{-moz-animation-delay: .5s;-webkit-animation-delay: .5s}
.delay6{-moz-animation-delay: .6s;-webkit-animation-delay: .6s}
.delay7{-moz-animation-delay: .7s;-webkit-animation-delay: .7s}
.delay8{-moz-animation-delay: .8s;-webkit-animation-delay: .8s}
.delay9{-moz-animation-delay: .9s;-webkit-animation-delay: .9s}
.delay10{-moz-animation-delay: 1s;-webkit-animation-delay: 1s}

#header{min-height:100px;position:fixed;top:0;left:0;right:0;z-index:100}
#header.shrink{background:#000;min-height:70px;z-index:100}
#header .navbar-brand{margin: 0;display: inline-block;}

@media screen and (min-width:1025px){
.top-aside,.menu{float:right}
.top-aside .menu{margin: 28px 0 0;transition:margin 0.6s ease;-webkit-transition:margin 0.6s ease}
#header,.top-aside,.menu li span, .menu li a{transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out}
#header.shrink{background:#000}
.shrink .intro{ padding-top:250px}
#header.shrink .top-link{ display:none}
#header.shrink ul.main{ padding:12px 0 15px; }

#header.shrink .navbar-wrapper{ padding-top:10px;}
#header.shrink .navbar-brand img{max-width:124px;}
#header.shrink .top-aside .menu{margin-top:0;}

.menu,.menu li, .menu li span, .menu li a{display:inline-block;vertical-align:middle}
.menu li:hover a{color:#0a57cf}
.menu li.free-register:hover a{color:#fff}
ul.main li span, ul.main li a{color:#fff;font-size:14px;padding:6px 6px;text-transform:uppercase}

/* stroke */
.menu li span,.menu li a,.menu li span:after,.menu li a:after{transition: all .5s;}
.menu li:hover span,.menu li:hover a{color: #ccc;}
.menu li.active span:after,.menu li.active a:after{width: 100%;}
.menu li span,.menu li a{position: relative;}
.menu li span:after,.menu li a:after{content:" ";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '.';color: transparent;background: #ccc;height: 1px;}
.menu li span:hover:after,.menu li a:hover:after{width: 100%;}
.menu li.free-register a:after{background:none;position:static;}
.menu li.free-register a{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.menu li.free-register:hover a{background: #1b1825;}
.menu li.active span:after,.menu li.active a:after{width: 100%;}

}
.intro{text-align:center;min-height:440px;}
.intro h1{font-size:26px;color:#fff;text-transform:uppercase;display:inline;position:relative}
.intro h1 span.bg:before{content:"";position:absolute;top:0;left:122px;background:#0a57cf;color:#fff;width:65px;height:75px;z-index:1;}
.intro h1 span.bg:after{content:"";position:absolute;top:0;left:27px;width:0;height:0;z-index:1;border-bottom:75px solid #0a57cf;border-left:48px solid transparent;border-right:48px solid #0a57cf}
.intro h1 span.bg:before,.intro h1 span.bg:after{display:none}
.intro h1 span.bg{display:block;position:absolute;top:10px;left:-138px;z-index:1}
.intro h1 span{position:relative;display:inline-block;z-index:10;}
.intro h1 em{display:block;font-style:normal}
.intro p{color:#fff;font-size:16px;padding:15px 0 10px}

@media (max-width:1024px){
/*--  BURGER--*/
.burger{width:50px;height:50px;position:fixed;top:10px;right:18px;z-index:100000;background-color:transparent}
.burger span{position:relative;margin-top:9px;margin-bottom:9px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.6px}
.burger span,.burger span::before,.burger span::after{display:block;width:30px;height:3px;background-color:#0a57cf;outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.burger span::before,.burger span::after{position:absolute;content:""}
.burger span::before{top:-9px}
.burger span::after{top:9px}
.burger.clicked span{background-color:transparent}
.burger.clicked span::before{-webkit-transform:translateY(9px) rotate(45deg);-moz-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}
.burger.clicked span::after{-webkit-transform:translateY(-9px) rotate(-45deg);-moz-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);-o-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}
.burger.clicked span:before,.burger.clicked span:after{background-color:#fff}
.burger:hover{cursor:pointer}
.fixed-nav{background-color:#0a0804;position:fixed;z-index:10000;top:0;right:0;height:100%;max-width:306px;width:100%;padding:100px 25px 60px;overflow-y:auto;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform .55s cubic-bezier(0.785,0.135,0.15,0.86);}
.fixed-nav.show{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
.fixed-nav.show ul.main li{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);opacity:1}
.fixed-nav.show ul.main li:nth-child(1){transition-delay:.15s}
.fixed-nav.show ul.main li:nth-child(2){transition-delay:.3s}
.fixed-nav.show ul.main li:nth-child(3){transition-delay:.45s}
.fixed-nav.show ul.main li:nth-child(4){transition-delay:.6s}
.fixed-nav.show ul.main li:nth-child(5){transition-delay:.75s}
.fixed-nav.show ul.main li:nth-child(6){transition-delay:.9s}
.fixed-nav.show ul.main li:nth-child(7){transition-delay:1.05s}
.fixed-nav.show ul.main li:nth-child(8){transition-delay:1.2s}
.fixed-nav.show ul.main li:nth-child(9){transition-delay:1.35s}
.fixed-nav.show ul.main li:nth-child(10){transition-delay:1.45s}
.fixed-nav.show ul.main li:nth-child(11){transition-delay:1.6s}
.fixed-nav.show ul.main li:nth-child(12){transition-delay:1.75s}
.fixed-nav.show .about,.fixed-nav.show .social,.fixed-nav.show ul.sub{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1;transition-delay:.85s}
.fixed-nav ul.main{list-style-type:none}
.fixed-nav ul.main li{margin-bottom:8px;-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);-o-transform:translateX(40px);transform:translateX(40px);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.fixed-nav ul.main li:last-of-type{margin-bottom:0}
.fixed-nav ul.main li a,.fixed-nav ul.main li span{color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;display:block;font-weight:600;padding:8px 0 15px;border-bottom:solid 1px #2c2c2c;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.fixed-nav ul.main li:last-child a,.fixed-nav ul.main li:last-child span{border-bottom:none}
.fixed-nav ul.main li:hover span,.fixed-nav ul.main li:hover a,.fixed-nav ul.main li.active span,.fixed-nav ul.main li.active a{color:#0a57cf}
.fixed-nav ul.main li a span{color:#0a57cf}
.fixed-nav ul.main li a:hover{color:#0a57cf}
.fixed-nav ul.main li.free-register a{float:right;padding:10px 25px;margin-top:10px}
.fixed-nav ul.main li.free-register a:hover{background-color:#fff; color:#062c68}
.fixed-nav .about{margin-top:40px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.fixed-nav .about p{color:#fff;font-family:"Spectral",serif;font-size:1.05rem;letter-spacing:.5px;line-height:170%}
.fixed-nav .social{margin-top:40px;position:relative;padding-bottom:30px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.fixed-nav .social:after{content:"";width:230px;height:2px;background-color:#b7ac7f;position:absolute;bottom:0;left:0}
.fixed-nav .social a{display:inline-block;width:30px;height:30px;margin-right:25px}
.fixed-nav .social a:last-of-type{margin-right:0}
.fixed-nav .social a:hover svg path,.fixed-nav .social a:hover svg circle{fill:#b7ac7f}
.fixed-nav .social a svg{width:100%;height:100%}
.fixed-nav .social a svg path,.fixed-nav .social a svg circle{fill:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.fixed-nav ul.sub{list-style-type:none;margin-top:40px;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.fixed-nav ul.sub li{margin-bottom:10px}
.fixed-nav ul.sub li:last-of-type{margin-bottom:0}
.fixed-nav ul.sub li a{color:#fff;font-family:"Raleway",sans-serif;letter-spacing:1px;font-size:.9rem;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.fixed-nav ul.sub li a:hover{color:#b7ac7f}
.fixed-nav .top-link ul li + li:before,.top-link ul li a{ display: none}
.top-link ul li select{ display: block}

}

/*====Responsive====*/
/*====---- min-width ----====*/
@media (min-width:321px){
/*body{border:1px solid pink}*/
}
@media (min-width:576px){
.intro h1{font-size:33px}
/*body{border:1px solid lightblue}*/
}

@media (min-width:640px){
.navbar-brand img{max-width:150px}
.hd-h2{font-size:35px;}.hd-h2 span{font-size:30px}.purpose{padding-bottom:66px}.services li .hd-span{font-size:17px}.get-started .text{min-width:400px}.get-started h2{font-size:45px;}
.footer p{font-size:21px}.get-started{min-height: 425px;}
/*body{border:1px solid pink}*/
}

@media (min-width:768px){
/*body{border:1px solid lightgreen}*/
.intro h1{font-size:39px}.evoting-system{margin-bottom:80px}.services{padding-bottom:125px}.services .container{background-position:right center;background-size:41% auto;padding-bottom:0}
.our-services{max-width:57%}.user-role .accordion{max-width:690px;margin:0 auto}.hd-h2{font-size:39px}.user-role .accordion-button{font-size:18px;padding:16px 15px}
.how-we-work .hd-h2 span{font-size:25px;padding:12px 0 0}.get-started{background-position:center 0;min-height:524px;padding:60px 0 60px}.get-started .text{float:right;text-align:left}
.footer{padding:60px 0 72px 0}.get-started h2{font-size: 53px;}
}

@media (min-width:992px){
/*body{border:1px solid yellow}*/
.intro{min-height:644px}.intro h1{font-size:51px}.intro h1 span.bg:before,.intro h1 span.bg:after{display:block}.evoting-system .box{margin:0 0 20px}.user-role .hd-h2{margin:0 0 33px}
.user-role .accordion{max-width:966px}.user-role{padding:75px 0 90px}.hd-h2{font-size:50px}.how-we-work{padding:75px 0 25px}
.how-we-work .step-one:before,.how-we-work .step-two:before,.how-we-work .step-two:after,.how-we-work .step-three:before{content:" ";position:absolute;left:0;top:0;height:63px;width:100%;background:url(../images/doted-before.png) no-repeat 100% 15%;background-size:36% auto}
.how-we-work .step-two:before{background:url(../images/doted-after.png) no-repeat 0% 12%;background-size:36% auto}
.how-we-work .step-two:after{background:url(../images/doted-before1.png) no-repeat 100% 0%;background-size:36% auto}
.how-we-work .step-three:before{background:url(../images/doted-after1.png) no-repeat 0% 3%;background-size:36% auto}
.get-started .text{min-width:520px}.user-role .accordion-header h2 {line-height: 24px;}ul.main li span, ul.main li a{font-size: 13px;}
.purpose p{padding:5px 70px}.intro p{padding:20px 35px}.get-started{min-height: 570px;}.get-started h2{font-size:60px;}
.get-started .btn-hover{max-width:295px;font-size: 20px;border-radius:35px;padding: 10px 48px;line-height: 48px;margin-top:37px}.footer .ftr-logo img{max-width: 100%;}
.navbar-brand img{max-width:100%}
}

@media(min-width:1025px){
/*body{border:1px solid orange}*/
.navbar-wrapper{padding-top:27px}.user-role .accordion-button{padding:21px 15px 21px 33px}.user-role .t-p{padding: 0 15px 33px 33px;}ul.main li span, ul.main li a{font-size: 14px;}

}

@media (min-width:1200px){
/*body{border:1px solid black}*/
.services .container{max-width:1360px;padding-left:50px}.how-we-work{padding:96px 0 48px}.get-started h2{font-size:76px}ul.main li span, ul.main li a{font-size:15px;}
.menu li.free-register a{padding:10px 20px;}.intro h1{font-size:68px}.get-started{min-height:728px;padding:97px 0 60px}

}

@media (min-width:1281px){
/*body{border:1px solid red}*/
.services .container{background-size:auto;padding-left:100px;}.services li .hd-span{font-size:18px}.our-services{max-width:680px}
.how-we-work .container {max-width: 1224px;}
}