<link rel="stylesheet" href="https://www.manageengine.com/in/css/fonts.css">
* {box-sizing: border-box}
body {font-family: 'Zoho_Puvi_Regular';background-color: #f1f8ff}


.tab {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-top: 0px;
}


.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}


.tab button:hover {
    background-color: #fff;
}


.tab button.active {
    background-color: #0089ff;
}
.step1 p{
    color: #00d3ed
}
.step2 p{
    color: #4cd44e
}
.step3 p{
    color: #0089ff
}
.step4 p{
    color: #ee4aa4
}
.step5 p{
    color: #ffba00
}

.tabcontent {

    background-color: #fff;
    width: 100%;
}
.tablinks {
    background-color: #fff;
    padding: 22px 12px;
    margin: 0px 6px 10px 6px;
}
.tablinks p {
    margin-top: 0px;
    margin-bottom: 6px;
}
.di {
    display: inline-block;
    vertical-align: middle;
}
.para {
    margin-left: 10px;
}
.para span {
    font-size: 14px;
}
.logo img {
    width: 200px;
}
.pad-all {
   
}
.logo {
    display: inline-block;
    vertical-align: sub;
    width: 50%;
}
.icon-list {
    display: inline-block;
    float: right;
    margin:15px 0 0 0;
}
.icon-list p{text-align: right;}
.icon-list p a{margin:0 5px;}
.icon-list img {
    padding:0px 5px;
    opacity: 0.6;
}
.icon-list img:hover {
    opacity: 1;
    cursor: pointer;
}
.skills {
  text-align: right;
  padding-right: 20px;
  height: 6px;
  color: white;
}
.known {
    width: 20%; 
    background-color: #ee4aa4;
    position: relative;
}
.bar {
    background-color: #f7fbff;
    margin: 15px 0px;
}
.skills.known:after {
        content: "20";
    position: absolute;
    top: 8px;
    right: -11px;
    font-size: 10px;
    background-color: #ef49a4;
    background: url(../images/scale-bg.png);
    background-repeat: no-repeat;
    padding: 0px 7px;
    line-height: 37px;
    border-radius: 57%;
}
.main-content-quize {
    margin: 20px 10px 10px 10px;
    border: 1px solid #e5f3ff;
    padding: 20px 20px 20px 60px;
}
.mid-tab {
        padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 6px #e6f2ff;
    width: 50%;
    margin:0 0 0 1%;
    display: inline-block;
}
.span-heading {
    margin-top: 10px;
    font-size: 14px;
}
.main-content-quize h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    line-height: 31px;
    position: relative;
}
.main-content-quize p {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0px 15px 0px;
}
.main-content-quize button {
    border: 1px solid #7d7d7d;
    padding: 10px 37px;
    background-color: #fff;
    border-radius: 2px;
    margin: 10px;
}
.next-tab {
    color: #0089ff;
    DISPLAY: BLOCK;
    margin-top: 20px;
    font-size: 14px;
}
button {
    outline: none;
    
}
.main-content-quize button:hover{cursor: pointer;}
.main-content-quize button.quiz_yes:hover{background:#03c303;border: 1px solid #03c303; color:#fff;}
.main-content-quize button.quiz_no:hover{background:#e14634;border: 1px solid #e14634; color:#fff;}
.main-content-quize button.quiz_na:hover{background:#edba09;border: 1px solid #edba09; color:#fff;}
.main-content-quize img {
    display: block;
    padding: 10px;
}

.tablinks{box-shadow: 0px 0px 6px #e6f2ff; position: relative;}
		.tablinks .di:first-child{width: 50px;height: 50px;border-radius: 25px;}
		.tablinks .di:first-child svg{width: 22px;height: 20px;margin: 25% auto;display: block;}
		.tablinks.step1 .di:first-child{background: #00d3ed;}
		.tablinks.active .di:first-child{background: #fff;}
		.tablinks i{display:none;position: absolute;right: 15px;top: 15px;}
		.tablinks i img{width:14px; height:14px;}
		.tablinks i.active{display:block;}
		.tablinks.active .di.para p,.tablinks.active .di.para span{color:#fff;}
		.tablinks.step2 .di:first-child{background:#03c303}
		.tablinks.step3 .di:first-child{background:#0089ff}
		.tablinks.step4 .di:first-child{background:#ee4aa4}
		.tablinks.step5 .di:first-child{background:#ffba00}
		.tablinks.step2.active .di:first-child{background: #fff;}
		.tablinks.step3.active .di:first-child{background: #fff;}
		.tablinks.step4.active .di:first-child{background: #fff;}
		.tablinks.step5.active .di:first-child{background: #fff;}
		.tablinks.step1.active{background: #00d3ed;}		
		.tablinks.step2.active{background: #03c303;}
		.tablinks.step3.active{background: #0089ff;}
		.tablinks.step4.active{background: #ee4aa4;}
		.tablinks.step5.active{background: #ffba00;}

		.tablinks.step1.active .di:first-child svg .st0{fill: #00d3ed;}
		.tablinks.step2.active .di:first-child svg .st0{fill: #03c303;}
		.tablinks.step3.active .di:first-child svg .st0{fill: #0089ff;}
		.tablinks.step4.active .di:first-child svg .st0{fill: #ee4aa4;}
		.tablinks.step5.active .di:first-child svg .st0{fill: #ffba00;}
		ul.quizmainsection{height:540px; overflow-y: hidden; padding:0;}
		li.quizsection{position:relative; overflow: hidden;}
		li.quizsection img{opacity:0;}
		li.quizsection img.active{opacity:1;}
		li.quizsection span.quizoverlaydisabled{display:block;}
		li.quizsection.active span.quizoverlaydisabled{display:none;}
		span.quizoverlaydisabled{width:100%; height:300px; position: absolute; z-index: 99; background:rgba(255,255,255,0.6);}
		li.quizsection button.quiz_yes.active{background:#03c303; border:1px solid #03c303;color:#fff;}
		li.quizsection button.quiz_no.active{background:#e14634;border:1px solid #e14634;color:#fff;}
		li.quizsection button.quiz_na.active{background:#edba09;border:1px solid #edba09;color:#fff;}
		.hiddenquizvalues{padding: 15px;}
		ul.quizindidualvalues{padding: 0;list-style: none;width: 410px;height: 7px;}
		ul.quizindidualvalues li{width: 40px;height: 7px;float: left;background: #fff;margin: 0 1px 0 0; display: none;}
		ul.quizindidualvalues li.quizans_yes{background:#03c303;}
		ul.quizindidualvalues li.quizans_no{background:#e14634;}
		ul.quizindidualvalues li.quizans_na{background:#edba09;}
		ul.quizfinalvalues{padding: 0;list-style: none;width: 400px;height: 7px;}
		ul.quizfinalvalues li{width: 0px;height: 7px;float: left;background: #fff;}
		ul.quizfinalvalues li.quizansfinal_yes{background: #03c303;}
		ul.quizfinalvalues li.quizansfinal_no{background: #e14634;}
		ul.quizfinalvalues li.quizansfinal_na{background: #edba09;}
		ul.quizfinalvalues_declaration{padding: 0;list-style: none;width: 300px;height: 7px;}
		ul.quizfinalvalues_declaration li{width:100px; float:left;}
		ul.quizfinalvalues_declaration li span{width: 14px;height: 14px;display: inline-block;margin: 0 10px 0 0;}
		ul.quizfinalvalues_declaration li:nth-child(1) span{background:#03c303;}
		ul.quizfinalvalues_declaration li:nth-child(2) span{background:#e14634;}
		ul.quizfinalvalues_declaration li:nth-child(3) span{background:#edba09;}
		.quiz_popupcontainer{width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;background: rgba(0,0,0,0.5) none repeat scroll 0 0;z-index: 999999;display: none;}
		.quiz_popup_boxes{width: 500px;height: 300px;background: #fff;position: absolute;left: 0;right: 0;margin: 0 auto;top: 25%;border: 10px solid rgba(11,11,11,0.67);}
		.quiz_popup_closeicon{float: right;line-height: 30px;border: 1px solid #34ad65;border-radius: 30px;font-size: 26px;margin: 0;width: 35px;height: 35px;top: 5px;right: 5px;background: #34ad65;color: #fff;text-align: center;z-index: 99999;position: absolute;font-weight: 100;cursor: pointer;}
		.final-tab{width: 22%;vertical-align: top;display: inline-block;margin: 0% 0 0 1%;}
		.char-imgsect{padding: 15px;background: #fff;margin: 0 0 20px 0;}
		.char-imgsect img{width:100%; background-size:cover; background-repeat: no-repeat;}
		.char-imgsect ul{display:none;margin:0; padding:0; list-style: none;}		
		.char-imgsect ul.active{display:block;}
		.char-imgsect ul li{display: none;}
		.char-imgsect ul li.active{display: block;}
		.char-imgsect-default1 svg{width:100%;}
		.char-contents{padding:15px; background: #fff; border-radius: 3px;}
		.char-contents-yes{background: #03c303;}
		.char-contents-no{background: #e14634;}
		.char-contents-na{background: #edba09;}
		.char-contents p{color:#fff; margin:0; line-height: 30px; font-size: 15px;}
		.main-content-quize h3:before{content: '1';background: #ccc;font-size: 14px;border-radius: 19px;position: absolute;left: -40px;width: 25px;height: 25px;text-align: center;line-height: 22px;top: 3px; color:#fff;}
		ul.quizmainsection li.quizsection:nth-child(1) .main-content-quize h3:before{content: '1';background: #00d3ed;}
		ul.quizmainsection li.quizsection:nth-child(2) .main-content-quize h3:before{content: '2';background: #00d3ed;}
		ul.quizmainsection li.quizsection:nth-child(3) .main-content-quize h3:before{content: '3';background: #03c303;}
		ul.quizmainsection li.quizsection:nth-child(4) .main-content-quize h3:before{content: '4';background: #03c303;}
		ul.quizmainsection li.quizsection:nth-child(5) .main-content-quize h3:before{content: '5';background: #0089ff;}
		ul.quizmainsection li.quizsection:nth-child(6) .main-content-quize h3:before{content: '6';background: #0089ff;}
		ul.quizmainsection li.quizsection:nth-child(7) .main-content-quize h3:before{content: '7';background: #ee4aa4;}
		ul.quizmainsection li.quizsection:nth-child(8) .main-content-quize h3:before{content: '8';background: #ee4aa4;}
		ul.quizmainsection li.quizsection:nth-child(9) .main-content-quize h3:before{content: '9';background: #ffba00;}
		ul.quizmainsection li.quizsection:nth-child(10) .main-content-quize h3:before{content: '10';background: #ffba00;}
		
		ul.quizmainsection li.quizsection:nth-child(1) .main-content-quize .span-heading{color: #00d3ed;}
		ul.quizmainsection li.quizsection:nth-child(2) .main-content-quize .span-heading{color: #00d3ed;}
		ul.quizmainsection li.quizsection:nth-child(3) .main-content-quize .span-heading{color: #03c303;}
		ul.quizmainsection li.quizsection:nth-child(4) .main-content-quize .span-heading{color: #03c303;}
		ul.quizmainsection li.quizsection:nth-child(5) .main-content-quize .span-heading{color: #0089ff;}
		ul.quizmainsection li.quizsection:nth-child(6) .main-content-quize .span-heading{color: #0089ff;}
		ul.quizmainsection li.quizsection:nth-child(7) .main-content-quize .span-heading{color: #ee4aa4;}
		ul.quizmainsection li.quizsection:nth-child(8) .main-content-quize .span-heading{color: #ee4aa4;}
		ul.quizmainsection li.quizsection:nth-child(9) .main-content-quize .span-heading{color: #ffba00;}
		ul.quizmainsection li.quizsection:nth-child(10) .main-content-quize .span-heading{color: #ffba00;}

		ul.quizmainsection li.quizsection:nth-child(1) .main-content-quize, ul.quizmainsection li.quizsection:nth-child(2) .main-content-quize{border: 1px solid #96f3ff;}
		ul.quizmainsection li.quizsection:nth-child(3) .main-content-quize, ul.quizmainsection li.quizsection:nth-child(4) .main-content-quize{border: 1px solid #abffab;}
		ul.quizmainsection li.quizsection:nth-child(5) .main-content-quize, ul.quizmainsection li.quizsection:nth-child(6) .main-content-quize{border: 1px solid #bee1ff;}
		ul.quizmainsection li.quizsection:nth-child(7) .main-content-quize, ul.quizmainsection li.quizsection:nth-child(8) .main-content-quize{border: 1px solid #ffcae7;}
		ul.quizmainsection li.quizsection:nth-child(9) .main-content-quize, ul.quizmainsection li.quizsection:nth-child(10) .main-content-quize{border: 1px solid #ffe9af;}
		
		
		div.container{width: 98%;margin: 20px auto;display: table;}
		.quizslide2 article{width: 48%;height: auto;display: inline-block;vertical-align: top; margin:0 0 20px 0;}
		.quizslide2 article:last-child{width:49%; margin:0 0 0 2%;}
		.finalslide-left-topsection{padding: 20px;background: #fff;box-shadow: 0px 0px 6px #e6f2ff;}
		.finalslide-charsect{width: 40%;display: inline-block;vertical-align: top;}
		.finalslide-charsect img{width:100%}
		.finalslide-left-topsectioncont{width: 55%;height: auto;display: inline-block;margin: 0 0 0 4%;}
		.finalslide-left-topsectioncont p{margin:0;}
		.finalslide-left-topsectioncont h4{margin: 10px 0 50px 0;font-size: 1.2em;}
.finalslide-left-topsectioncont h4 span{color:#03c303}
		.finalslide-left-topsection .progress-bar{height: 8px;width: 100%;margin: 0px 0% 10px 0%;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #f7fbff;display: inline-block;}
		.finalslide-left-topsectionscore{margin: 50px 0 0 0;}
        .finalslide-left-topsectionscore p{width: 45%;font-size: 16px;display: inline-block;vertical-align: top;}
        .finalslide-left-topsectionscore p span{margin: 0 10px 0 0}
		.finalslide-left-topsectionscore ul{width: auto;display: inline-block;vertical-align: top;margin: 0 0 0 8%;padding: 0;list-style: none;float: right;}
		.finalslide-left-topsectionscore ul li{float: left;margin: 0 10px 0 0;font-size: 13px;}
		.finalslide-left-topsection .progress-bar span{float: left; border-radius: 0;}
		.finalslide-left-topsectionscore ul li span{width: 8px;height: 8px;border-radius: 10px;display: inline-block;margin: 0 10px 0 0px;}
		.finalslide-left-topsectionscore ul li:nth-child(1) span{background:#03c303;}
		.finalslide-left-topsectionscore ul li:nth-child(2) span{background:#de240e;}
		.finalslide-left-topsectionscore ul li:nth-child(3) span{background:#ffc706;}
		.finalslide-left-topsection .progress-bar span:nth-child(1){background:#03c303;}
		.finalslide-left-topsection .progress-bar span:nth-child(2){background:#de240e;}
		.finalslide-left-topsection .progress-bar span:nth-child(3){background:#ffc706;}
		
		.finalslide-left-midsection{padding: 20px;background: #fff;box-shadow: 0px 0px 6px #e6f2ff;}
		.finalslide-left-midsection ul{list-style: none;padding: 0;margin: 0;}
		.finalslide-left-midsection ul li p:first-child{width: 40%;font-size: 16px;display: inline-block;vertical-align: top;}
        .finalslide-left-midsection ul li p:last-child{width: 25%;font-size: 13px;display: inline-block;vertical-align: top;margin: 20px 0 0 0;color: #696969;font-style: italic; opacity: 0;}
        .finalslide-left-midsection ul li p:last-child.active{opacity: 1;}
		.finalslide-left-midsection ul li ol{list-style: none;padding: 0;display: inline-block;vertical-align: top;margin: 20px 30px 20px 0;}
        .finalslide-left-midsection ul li ol li{width: 10px;height: 10px;background: #b6b6b6;border-radius: 3px;margin: 0 10px;float: left;}
        .finalslide-left-midsection ul li.quiz_product_knowledge ol li.active{background:#f84b4b;}
        .finalslide-left-midsection ul li.quiz_product_learning ol li.active{background:#f84b4b;}
        .finalslide-left-midsection ul li.quiz_feature_usage ol li.active{background:#f84b4b;}

        .finalslide-left-midsection ul li ol li.active.yesans{background:#ffba00;}
        .finalslide-left-midsection ul li ol li.active.noans{background:#00d3ed;}
        .finalslide-left-midsection ul li ol li.active.naans{background:#00d800;}
		
		.finalslide-left-bottomsection{padding: 20px;background: #fff;box-shadow: 0px 0px 6px #e6f2ff;}
		.finalslide-left-bottomsection a{width: auto;display: inline-block;padding: 15px 70px;text-decoration: none;color: #fff;background: #f84b4b;text-transform: uppercase;border-radius: 3px;margin: 0 20px 0 0;}
.finalslide-left-bottomsection a:hover{cursor: pointer;}
		.finalslide-left-bottomsection span{display: inline-block;color: #6f6f6f;font-style: italic;font-size: 14px;}
		
		
		.finalslide-right-section .mid-tab{width: 100%; border:none;padding:20px}
		.finalslide-right-section .pad-all{padding: 0;}
		.finalslide-right-section .logo{width: 50%;}
		.finalslide-right-section ul.quizmainsection{padding: 0; overflow-y: scroll; width: 100%}
		.finalslide-right-section ul li.quizsection{margin: 0 0 20px 0;}
		.finalslide-right-section .main-content-quize{margin: 0;}
		.finalslide-right-section .finalslide-rightquizcont{width: 60%;display: inline-block;vertical-align: top;}
		.finalslide-rightquizcont h3{font-size: 16px;}
        .finalslide-rightquizcont p:last-child{font-size: 14px;}
        
        .finalslide-rightquizcont p:last-child span:nth-child(1){width: 7px;height: 7px;background: #03c303;display: inline-block;border-radius: 7px;margin: 0 10px 0 0; opacity: 1}
        .finalslide-rightquizcont p:last-child span:nth-child(3){font-style: italic; opacity: 0;}
		.finalslide-rightquizbutton{width: 30%;display: inline-block;vertical-align: top;margin: 0 0 0 9%;}
		.finalslide-rightquizbutton a{text-decoration: none;color: #fff;padding: 17px 25px 18px 25px;background: #989898;display: inline-block;text-align: center;font-size: 12px;border-radius: 3px;margin: 50px 0 0 0;width:100%}

		/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  z-index: 99;
}
.cd-buttons{padding:0;}
.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
    padding: 1.5em 1em;
    font-size: 1em;
    line-height: 2em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width:100%;
  list-style: none;
}
.cd-popup-container .cd-buttons input {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-decoration: none;
  border:none; outline:none;
  width: 100%; font-size:16px;
}
.cd-popup-container .cd-buttons input:hover{opacity: 0.8; cursor: pointer;}
.cd-popup-container .cd-buttons li:first-child input {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}

.no-touch .cd-popup-container .cd-buttons li:first-child input:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child input {
  background: #fc7169;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child input:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  right: 8px;
text-indent: -9999em;
overflow: hidden;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

div.home-slidecontainer{max-width: 600px;margin: 2% auto;}
		.homeslide-left{background: #0089ff;padding: 40px 30px;width: 100%;display: inline-block;vertical-align: top;color: #fff;min-height: 550px;box-sizing: border-box;}
		.homeslide-left h2{font-weight: normal;font-size: 1.5em;margin: 0 0 20px 0;line-height: 1.5em;}
		.homeslide-left p.homeslide-description{font-size: 0.8em;line-height: 1.8em;color: #f9f9f9;}
		.homeslide-left p:last-child{font-size: 0.9em;line-height: 1.8em;color: #caebff;margin: 35% 0 0 0;}
		.homeslide-right{background: #fff;padding: 20px 30px;width: 100%;display: inline-block;vertical-align: top;min-height: 550px;box-sizing: border-box;}

		
		/*---------------------------*/			
        
       .progress-bar{height:5px;width:96%;margin:2% 0 2% 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#f7fbff;display:inline-block}
.progress-bar span{display:inline-block;height:100%;background-color:#777;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;-webkit-transition:width .4s ease-in-out;-moz-transition:width .4s ease-in-out;-ms-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;transition:width .4s ease-in-out;display:block;position:relative;width:0}
.progress-bar span strong{content:"0";position:absolute;top:8px;right:-11px;font-size:10px;background-color:#ef49a4;background:url(../images/scale-bg.png);background-repeat:no-repeat;padding:0;line-height:37px;border-radius:57%;color:#fff;width:26px;text-align:center}
.blue span{background-color:#ef49a4}
.stripes span{-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:-webkit-gradient(linear,left top,right bottom,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-animation:animate-stripes 3s linear infinite;-moz-animation:animate-stripes 3s linear infinite}
@-webkit-keyframes animate-stripes {
0%{background-position:0 0}
100%{background-position:60px 0}
}
@-moz-keyframes animate-stripes {
0%{background-position:0 0}
100%{background-position:60px 0}
}

.preloader{position: fixed;width: 100%;height: 100%;background: #fff;z-index: 999999;top: 0;webkit-animation:}
		.preloader_wrapper{width: 30%;top: 20%;margin: 20% auto 0 auto;}
.preloader_wrapper img{width: 40px;display: block;margin: 0 auto; preloaderanim 1s infinite linear;-moz-animation: preloaderanim 1s infinite linear;-o-animation: preloaderanim 1s infinite linear;animation: preloaderanim 1s infinite linear;}
.preloader_wrapper p{text-align: center; color:#868686;}

.cookies-store{
    position: fixed;
    bottom: -15%;
    background: rgba(14, 24, 42, 0.8);
    width:100%;
    padding:20px 10%;
    z-index: 2;
    -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
    height: 10%;
	color: #fff;
	left:0;
	font-size: 14px;
}
.cookies-store p a{color:#fff;}
.cookies-store.active{
    bottom: 0;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}

.cookies-store .popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

/* ---------------  Keyframes style ---------------  */

@-webkit-keyframes preloaderanim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-moz-keyframes preloaderanim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-o-keyframes preloaderanim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes preloaderanim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* second slide css changes */
ul.finalslide-quizsection li{margin: 0 0 20px 0; opacity:0.7;}
ul.finalslide-quizsection li:hover{opacity:1; cursor: pointer;}
ul.finalslide-quizsection li:hover .main-content-quize{border:1px solid #75b1e4;}
ul.finalslide-quizsection li:hover .main-content-quize .finalslide-rightquizcont p:last-child span:nth-child(3){opacity:1;}
ul.finalslide-quizsection li:hover .main-content-quize .finalslide-rightquizbutton a{background:#25bc25}
.main-content-quize1 h3:before{content: '1';background: #989898;}
.main-content-quize2 h3:before{content: '2';background: #989898;}
.main-content-quize3 h3:before{content: '3';background: #989898;}
.main-content-quize4 h3:before{content: '4';background: #989898;}
.main-content-quize5 h3:before{content: '5';background: #989898;}
.main-content-quize6 h3:before{content: '6';background: #989898;}
.main-content-quize7 h3:before{content: '7';background: #989898;}
.main-content-quize8 h3:before{content: '8';background: #989898;}
.main-content-quize9 h3:before{content: '9';background: #989898;}
.main-content-quize10 h3:before{content: '10';background: #989898;}
.notes-field {
    width: 100% !important;
}
@media screen and (min-width:1600px){
	div.home-slidecontainer{width:600px; margin:10% auto;}
	div.container{width:1400px; }
}

@media screen and (max-width:1280px){
    .tab{margin-top:0;}
    .final-tab{margin: 0 0 0 1%;}
    div.home-slidecontainer{width:85%}
    .finalslide-rightquizbutton{margin: 0 0 0 4%;width: 35%;}
    .tablinks .di:first-child {
        width: 40px;
        height: 40px;
    }
    .tablinks {
        padding: 18px 9px;
    }
    .para {
        margin-left: 6px;
    }
    .para span {
        font-size: 13px;
    }
    .zc-form-embed .page_content_wrapper .zc-form-fullheight {
        width: 100%
    }
    iframe {
    width: 100%;
}
    .zcform_Active_Directory_Survey_Registration_Form .first-column .notes-field {
        width: 100%;
    }
    .finalslide-left-topsectionscore p {
        display: contents;
    }
}
@media screen and (max-width:1024px){
/*    .tablinks .di:first-child{padding:10px;}*/
    .para span{font-size:12px;}
    .main-content-quize button{margin:10px 0;}
    div.home-slidecontainer{width:100%}
    .quizslide2 article{width: 100%;margin: 0 0 20px 0;}
    .quizslide2 article:last-child{width: 100%;margin: 0 0 0 0%;}
    .finalslide-right-section .mid-tab{margin: 0 0 0 0%;}
    .zc-form-embed .page_content_wrapper .zc-form-fullheight{
        width: 100% !important;
    }
    .zcform_Active_Directory_Survey_Registration_Form .first-column .notes-field{
        width: 100% !important;
    }
	.tablinks .di:first-child{display: none;}
	.tab{width: 20%;}
	.mid-tab{width:55%;}
}
@media screen and (max-width:944px) {
    .final-tab {
        display: none;
    }
    .tab {
        width: 30%;
    }
    .mid-tab {
        width: 68%;
    }
    .tablinks {
        margin: 0px 0px 10px 0px;
    }
	.homeslide-left p:last-child{margin:0 0 0 0;}
}
@media screen and (max-width:746px) {
	div.progress-bar{display: none;}
	ul.quizmainsection{height: auto; overflow-y: scroll;}
	li.quizsection span.quizoverlaydisabled{display: none;}
	li.quizsection11{display: none;}
    .tab {
        display: none;
    }
    .mid-tab{
        width: 100%;
    }
    .homeslide-left h2 {
        font-size: 1.3em;
    }
	.homeslide-left{ width:100%; min-height: auto;}
	div.home-slidecontainer{margin:0 auto;}
}
@media screen and (max-width:588px) {
    
    .homeslide-right {
        width: 100%
    }
    .zcform_Active_Directory_Survey_Registration_Form .first-column .notes-field {
        width: 100% !important;
    }
    .finalslide-right-section .finalslide-rightquizcont {
        width: 100%;
    }
    .finalslide-rightquizbutton {
        width: 50%;
    }
}
@media screen and (max-width:464px) {
	
    .mid-tab {
        padding: 0px;
    }
    .main-content-quize{
        padding: 20px 20px 20px 40px;
    }
    .main-content-quize h3::before {
        left: -31px;
    }
    .finalslide-charsect {
        width: 100%;
    }
    .finalslide-left-topsectionscore {
        margin: 6px 0 0 0;
    }
}
@media screen and (max-width:398px) {
	.logo{display: table; margin: 0 auto; width: 60%;}
    .main-content-quize h3 {
        font-size: 16px;
    }
    .main-content-quize button {
        font-size: 10px;
        padding: 9px 25px;
    }
    .form-group {
        width: 100% !important;
    }
    form[name="Active_Directory_Survey_Registration_Form"].label-left, .zc-form-embed .page_content_wrapper .zc-form-fullheight {
        width: 100% !important;
    }
    .zcform_Active_Directory_Survey_Registration_Form .first-column .notes-field {
        width: 100% !important;
    }
    .finalslide-rightquizbutton {
        width: 71%;
    }
    ul.quizmainsection {
        width: 100%;
    }
	div.icon-list{display: none;}
}