.loader {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.99);
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
}
@keyframes ldio-v6g4je6oqv {
  0% {
    top: 70.5px;
    left: 70.5px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 17.25px;
    left: 17.25px;
    width: 106.5px;
    height: 106.5px;
    opacity: 0;
  }
}

.ldio-v6g4je6oqv div {
  position: absolute;
  border-width: 4.5px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-v6g4je6oqv 1s cubic-bezier(0,0.2,0.8,1) infinite;
}

.ldio-v6g4je6oqv div:nth-child(1) {
  border-color: #573e96
}

.ldio-v6g4je6oqv div:nth-child(2) {
  border-color: #433073;
  animation-delay: -0.5s;
}

.loadingio-spinner-ripple-rf50obiksdm {
  width: 150px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  background: none;
  position:absolute;
  top:50%; left:50%; z-index:99; position:fixed; transform: translate(-50%, -50%);
}
.ldio-v6g4je6oqv {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-v6g4je6oqv div { box-sizing: content-box; }


@font-face {
  font-family: 'DRLCircular-Light';
  src: url('../fonts/DRLCircular-Light.eot?#iefix') format('embedded-opentype'),
     url('../fonts/DRLCircular-Light.otf')  format('opentype'),
     url('../fonts/DRLCircular-Light.woff') format('woff'),
     url('../fonts/DRLCircular-Light.ttf')  format('truetype'),
     url('../fonts/DRLCircular-Light.svg#DRLCircular-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DRLCircular-Bold';
  src: url('../fonts/DRLCircular-Bold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/DRLCircular-Bold.otf')  format('opentype'),
     url('../fonts/DRLCircular-Bold.woff') format('woff'),
     url('../fonts/DRLCircular-Bold.ttf')  format('truetype'),
     url('../fonts/DRLCircular-Bold.svg#DRLCircular-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{height:100%; width:100%; -webkit-appearance: none;   -moz-appearance:none;   appearance:none;  scroll-behavior: smooth;}
body{margin:0; padding:0; height:100%; width:100%; font-family: 'DRLCircular-Light'; font-size:16px; color:#222222;}
a, a:hover, input{text-decoration:none;  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.x-mid{position:absolute; top:50%; transform:translate(0,-50%);}
h1, h2{margin:0; padding:0; line-height:normal; font-weight:normal; }

label.error{color:#F00; font-size:12px; width:100%; text-align:left;}
input.error{border:1px solid #F00 !important;}
textarea:focus, input:focus, button:focus{outline: none;}
.fullHeight{height:calc(100vh - 50px);}
.topspace{height:150px; margin:0;}
.topspaceHalf{height:70px; margin:0;}
.topspace_30px{height:30px; margin:0;}
.displayMobile{display:none;}
.displayDesktop{display:block;}

.navbar-toggler{display:none;}
header{width:100%; height:80px; background:#4f3c98; background-position: right 15px center; position:fixed; top:0; z-index:1;}
header .logo{margin-top:15px;}
header .logo1{margin-top:15px; float:right;}
.navbar-brand1{float:right; margin-top:65px;}
.navbar-nav{transform:translate(0,-65%); font-size:16px;}
.nav-link{color:#fff; border-bottom:2px solid #503e98; padding:0 !important; margin:0 0 0 20px}
.navbar-nav li.active .nav-link, .nav-link:hover{color:#fff; border-bottom:2px solid #f2dd25;}
.yellowlink{color:#f2dd25; animation:blinkingText 1.2s infinite;}

.blinking{
    animation:blinkingText 0.5s infinite;
}
@keyframes blinkingText{
    0%{     color: #f2dd25;}
    50%{    color: #F00;}
    100%{   color: #f2dd25;}
}
.dropdown-toggle::after{color:#f2dd25}
.intro{width:100%; text-align:center; margin:0;}
.title_part{width:100%;}
.sub_title{font-size:20px; color: #414042; letter-spacing:.4px;}
.main_title {font-size: 30px; color: #414042; font-weight: 700; letter-spacing: .6px;}
.btn_part{margin-top:30px;}
.main_page .btn_part span {
    font-size: 14px;
    color: #58595b;
    display: block;
}
.btn_box{margin-top:10px;}
.common_btn {
    font-size: 15px;
	line-height:40px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 24px;
    border: #f37043 1px solid;
    color: #fff;
    background-color: #f37043;
    padding:5px 50px 0 50px; display:inline-block;  cursor:pointer;
}
.common_btn:hover {
	color: #f37043;
	background-color: #fff
}

.btn_completed{	
	color: #f37043;
	background-color: #fff; cursor:default;
	}



.common_btn.disable {
    font-size: 15px;
	line-height:40px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 24px;
    border: #f37043 1px solid;
    color: #ffffff;
    background-color: rgba(243,112,67,0.7);
    padding:5px 50px 0 50px; display:inline-block;  cursor:default;
	
}
.common_btn.disable:hover {
	color: #fff;
	background-color: rgba(243,112,67,0.7);
}

.common_btn.downloadbtn {float:right; margin-left:15px;}
.section_title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    text-transform: capitalize;
	margin-bottom: 25px;
}

.custom_input .custom_input_box .input_style {
    color: #222;
    border: #dbdbdb 1px solid;
    border-radius: 3px;
    background-color: #fff;
    width: 100%;
    padding:13px 20px 8px 20px;
	font-size:16px; line-height:16px;
	
	
}

.container .reg_box {
    width: 100%;
	max-width:380px;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.reg_bottom_text {
    font-size: 14px;
    color: #979797;
    margin: 0 -10px;
    padding-top: 15px;
}
.reg_btn_part {
    margin-top: 30px;
}
.reg_bottom_text a {color: #f37043;}
.reg_bottom_text a:hover{text-decoration:underline;}
.custom_input .custom_input_box {
    margin-bottom: 23px;
    position: relative;
}

.home{background:url(../images/homebg.gif) no-repeat center top; background-size:contain;}
.homeimg{margin-top:0px; width:98%; max-width:590px;}
.hometext{margin-top:130px; text-align:center; min-height:calc(100vh - 330px); max-width:644px;}
.hometext h1{font-size:70px; font-family: 'DRLCircular-Bold'; color:#ffffff; margin-bottom:40px;}
.homelogo{width:100%; max-width:265px;}
.homefotter{color:#cac4e0; font-size:14px; text-align:center; max-width:644px; margin-top:20px;}


.aboutcpd{background:url(../images/bg-aboutcpd.gif) no-repeat top #f9f9f9; background-size:100% auto;}
.aboutcpd .img img{width:100%; max-width:190px;}
.aboutinner{padding:0 0 0 40px;}
.aboutcpd h2{color:#222222; font-size:16px; margin-bottom:10px;}
.aboutcpd h1{color:#222222; font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.aboutcpd h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0;}
.aboutcpd p{margin:0; padding:0; line-height:34px;}

.DRFHE{padding:15px;}
.DRFHEbg{background:url(../images/img-DRFHE.jpg) no-repeat center; background-size:cover; border-left:15px solid #fff}
.DRFHEbg1{background:url(../images/img-DRFHEbg.jpg) no-repeat top right #4f3e98; background-size:cover; border-right:15px solid #fff}
.DRFHE h2{color:#ffffff; font-size:16px; margin-bottom:10px;}
.DRFHE h1{color:#ffffff; font-size:50px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.DRFHE h1 span{width:70px; height:5px; background-color:#7265ad; display:block; position:absolute; bottom:0;}
.DRFHE p{margin:0; padding:0; line-height:34px; color:#ffffff;}

.objective{background:url(../images/bg-objective.gif) no-repeat center #f9f9f9; background-size:100% auto;}
.objective .img img{width:100%; max-width:350px;}
.objectiveinner{padding:70px 0 0 40px;}
.objective h2{color:#222222; font-size:16px; margin-bottom:10px;}
.objective h1{color:#222222; font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.objective h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0;}
.objective p{margin:0; padding:0 15px 0 0; line-height:34px;}
.objective .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px;}
.objective .bullet li{padding-left:1em; line-height:normal; padding-bottom:15px;}
.objective .bullet li::before {
  content: "\2022";
  color: #1c9d87;
  font-size:25px;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left:-1em;
}
.bullet strong{font-family: 'DRLCircular-Bold';}

.benefits{background:url(../images/bg-benefits.gif) no-repeat top #fff; background-size:100% auto;}
.benefits .img img{width:100%; max-width:285px;}
.benefitstext{padding:70px 0 0 40px;}
.benefits h2{color:#222222; font-size:16px; margin-bottom:10px;}
.benefits h1{color:#222222; font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.benefits h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0;}
.benefits p{margin:0; padding:0 0 0 0; line-height:34px;}
.benefits .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px;}
.benefits .bullet li{padding-left:40px; line-height:normal; padding-bottom:15px; background:url(../images/icon-bullet.png) no-repeat top left;}


.agenda{background-color:#f9f9f9;}
.agenda h2{text-align:center; margin-bottom:20px;}
.agenda h1{color:#222222; font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px; text-align:center;}
.agenda h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0; left:50%; margin-left:-35px;}


.cd-container {
  width: 100%;
  max-width: 100%px;
  margin: 0 auto;

}
.cd-container::after {
  content: '';
  display: table;
  clear: both;
}

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

Main components 

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


#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  height: 100%;
  width: 4px;
  background: #e2f0ed;
}


.evaluation{background:#ffffff;}
.evaluation .img img{width:100%; max-width:190px;}
.evaluationinner{padding:0 0 0 40px;}
.evaluation h2{color:#222222; font-size:16px; margin-bottom:10px;}
.evaluation h1{color:#222222; font-size:25px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.evaluation h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0;}
.evaluation p{margin:0; padding:0; line-height:34px;}

.preque{background:#4f3e98;}
.preque .img img{width:100%; max-width:190px;}
.prequeinner{padding:0 0 0 40px;}
.preque h2{color:#ffffff; font-size:16px; margin-bottom:10px;}
.preque h1{color:#ffffff; font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.preque h1 span{width:70px; height:5px; background-color:#ffffff; display:block; position:absolute; bottom:0;}
.preque p{margin:0; padding:0; font-size:20px; line-height:34px; color:#fff}
.preque .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px;}
.preque .bullet li{padding-left:1em; line-height:normal; padding-bottom:8px; color: #fff;}
.preque .bullet li::before {
  content: "\2022";
  color: #fff;
  font-size:25px;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left:-1em;
}
.pre-que{float:right; margin-top:-80px;}

.postque{background:#ffffff;}
.postque .img img{width:100%; max-width:190px;}
.postqueinner{padding:0 0 0 40px;}
.postque h2{font-size:16px; margin-bottom:10px;}
.postque h1{font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px;}
.postque h1 span{width:70px; height:5px; background-color:#4f3e98; display:block; position:absolute; bottom:0;}
.postque p, .summary{margin:0; padding:0; font-size:20px; line-height:34px; }
.postque .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px;}
.postque .bullet li{padding-left:1em; line-height:normal; padding-bottom:8px; }
.postque .bullet li::before {
  content: "\2022";
  font-size:25px;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left:-1em;
}
.postvdiv{float:right; margin-top:-80px;}





.postque.even{background:#00ab99;}
.postque.even .img img{width:100%; max-width:190px;}
.postque.even .postqueinner{padding:0 0 0 40px; }
.postque.even h2{font-size:16px; margin-bottom:10px; color:#fff}
.postque.even h1{font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px; color:#fff}
.postque.even h1 span{width:70px; height:5px; background-color:#fff; display:block; position:absolute; bottom:0;}
.postque.even p, .postque.even .summary{margin:0; padding:0; font-size:20px; line-height:34px; color:#fff}
.postque.even .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px; color:#fff}
.postque.even .bullet li{padding-left:1em; line-height:normal; padding-bottom:8px; color:#fff}
.postque.even .bullet li::before {
  content: "\2022";
  font-size:20px;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left:-1em; color:#fff
}
.postque.even .summary{text-align:center; margin-bottom:10px; color:#fff;}
.buttonrow{text-align:center; margin-top:20px;}
.postque.even .buttonrow .common_btn,  .postque.even .buttonrow .btn_completed{background-color:transparent; border-color:#FFF; border-radius:6px; margin:0 5px; padding:5px 20px 0 20px; color:#fff;}

.postque.even .buttonrow .common_btn:hover, .postque.even .buttonrow .btn_completed:hover, .postque.even .buttonrow .common_btn.disable:hover{border-color:#000; color:#000;}
.postque.odd{background:#fff;}
.postque.odd .img img{width:100%; max-width:190px;}
.postque.odd .postqueinner{padding:0 0 0 40px; }
.postque.odd h2{font-size:16px; margin-bottom:10px; color:#fff}
.postque.odd h1{font-size:40px; padding-bottom:20px; font-family: 'DRLCircular-Bold'; position:relative; margin-bottom:15px; color:#464749}
.postque.odd h1 span{width:70px; height:5px; background-color:#464749; display:block; position:absolute; bottom:0;}
.postque.odd .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px; color:#464749}
.postque.odd .bullet li{padding-left:1em; line-height:normal; padding-bottom:8px; color:#464749}
.postque.odd .bullet li::before {
  content: "\2022";
  font-size:20px;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left:-1em; color:#464749
}
.postque.odd .summary{text-align:center; margin-bottom:10px; color:#464749}

.postque.odd .fa, .postque.even .fa{margin-left:5px; font-size:25px; margin-top:5px; vertical-align:sub;}
.postque.odd .buttonrow .common_btn, .postque.odd .buttonrow .btn_completed{background-color:transparent; border-color:#464749; color:#464749; border-radius:6px; margin:0 5px; padding:5px 20px 0 20px; }
.postque.odd .buttonrow .common_btn:hover, .postque.odd .buttonrow .btn_completed:hover, .postque.odd .buttonrow .common_btn.disable:hover{border-color:#029b8b; color:#029b8b;}
.postque.odd .postvdiv, .postque.even .postvdiv{float:none; margin:0;}
/* Tooltip container */
.tooltip1 {
  position: relative;
}

/* Tooltip text */
.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -50%;
  text-transform:none;
}
.postque.even .tooltip1 .tooltiptext, .postque.odd .tooltip1 .tooltiptext{line-height:20px; padding:20px;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext {
  visibility: visible;
}


.tooltip1 .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #6c757d transparent transparent transparent;
}


.que-detail{background:#4f3e98; padding:80px 0 20px 0; margin-top:50px; color:#fff;}
.que-detail p{margin:0; padding:0; font-size:20px; line-height:34px; color:#fff}
.preque .bullet{list-style:none; margin-top:10px; padding:10px; line-height:34px;}
.preque .bullet li{padding-left:1em; line-height:normal; padding-bottom:8px; color: #fff;}
.padtop30{padding-top:30px;}
.progress-bar{background-color:#f37043;}

.testbtndiv{height:70px;}

.show_div{display:block;}
.hide_div{display:none;}
.main_pop{width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:1; display:none;}
.instructionbg{width:90%; max-width:400px; background-color:#FFF; border-radius:5px; padding:20px;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#222;}
.closediv{color:#f37043;  text-decoration:underline; cursor:pointer; display:inline-block; margin:0 10px; margin-top:10px;}
.closediv.common_btn{color:#fff; text-decoration:none;}
.closediv.common_btn:hover{color:#f37043; text-decoration:none;}
.instructionbg .big{font-size:18px; text-align:center;}
.instructionbg .mid{font-size:16px; text-align:center;}
#final_score, #total_questions, .score_percent{font-family: 'DRLCircular-Bold';}

.quedetails{}
.next_button_div .common_btn{margin-top:10px; float:right;}
.quetxt{color:#fff;}
.questiontext{margin-top:15px;}
.questiontext .no{font-weight:bold; display:inline-block; margin-right:10px; font-size:20px; vertical-align:top; line-height:20px;}
.questiontext:hover input ~ .checkmark { background-color: #ccc;}
.questiontext input:checked ~ .checkmark {background-color: #00ab99;}
.questiontext:after {content: ""; position: absolute; display: none;}
.questiontext input:checked ~ .checkmark:after {display: block;}
.questiontext .checkmark:after {left: 6px; top:2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.questiontext input[type="radio"], .check1 input[type="radio"], .check2 input[type="radio"], .check3 input[type="radio"], .check4 input[type="radio"]{width: 18px; height: 18px; float: left; margin-top:0px;  margin-right: 14px;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
  font-size: 16px;
  font-weight: normal !important;
  width:90%;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #777777;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background:#f37043;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.instructionbg p{color:#222222;}
.next_button_div {
  display: none;
}


.download{float:right;}

.greentext{color:#060;}
.redtext{color:#F00;}
footer {font-size:15px; position:relative; color:#58595b; border-top: rgba(130,130,130,0.2) 1px solid; padding:15px 0;}
footer p{text-align:center;}
footer p a{color:#58595b;}
footer p a:hover{color:#58595b; text-decoration:underline}
.homefotter a{color:#cac4e0;}
.homefotter a:hover{text-decoration:underline;}


.videopop{width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:1; display:none;}
.videopopbg{width:90%; max-width:900px; background-color:#FFF; border-radius:5px; padding:20px;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#222;}
.videopopbg .common_btn{padding:0; height:40px; width:40px; text-align:center; line-height:40px; position:absolute; right:-20px; top:-20px;}