/* added by jeewan here */


/*.noHover .playBtn:hover {
    background: url("../images/shell/menuIcons/playBtn.png") no-repeat center center !important;
}*/


/*.noHover .pauseBtn:hover {
    background: url("../images/shell/menuIcons/pauseBtn.png") no-repeat center center;
}

.noHover .menuBtn:hover {
    background: url("../images/shell/Menu_new/menu_bar.png") no-repeat center center;
    cursor: pointer;
}

.noHover .transcriptBtn:hover {
    background: url("../images/shell/Menu_new/Transcript.png") no-repeat center center;
}

.noHover .audioON:hover {
    background: url("../images/shell/Menu_new/Audio_On.png") no-repeat center center;
}

.noHover .audioOFF:hover {
    background: url("../images/shell/menuIcons/audioOffBtn.png") no-repeat center center !important;
}

.noHover .replayBtn:hover {
    background: url("../images/shell/Menu_new/reload.png") no-repeat center center;
}*/

body {
    font-size: 16px;
}

.disableBtnsUi {
    opacity: .5!important;
    background: auto!important;
    cursor: default!important;
}

.disableBtnsUi:hover {
    opacity: .5!important;
    cursor: default!important;
}

.feedback_mainText b {
    font-size: 16px;
}

b,
strong {
    font-family: 'centralesansbold';
    font-weight: normal;
    font-style: normal;
}

.video-js .vjs-tech {
    pointer-events: none;
}

i,
em {
    font-family: 'centralesansbookitalic';
    font-weight: normal;
    font-style: normal;
}
i b{
    font-family: 'centralesansbolditalic';
    font-weight: normal;
    font-style: normal;
}

.main-box ul li {
    list-style: none;
    margin: 15px 0px;
    padding-left: 20px;
    background: url("../../content/images/pages/global/bullet1.png") no-repeat left 8px;
}

.introPage {
    background: #FFF;
}

.main-box ul {
    padding: 0;
    padding-left: 0px;
}
.player_audioPopupWrapperClass {
   left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%);
      width: 565px !important;
}
.player_audioPopupWrapperClass #player_audioPopupWrapper p{
 color: #3c3c3c !important;
 }
.main-image {
    text-align: center;
    padding-top: 20px;
}
.playerbookmarkPopupWrapperClass{
    width: 350px !important;
}
#fp-nav {
    position: absolute !important;
}

.instructionText b {
    font-family: 'centralesansbolditalic';
}

.ui-widget-header {
    font-weight: normal;
    font-family: 'centralesansbold';
}

#questionContainer em b {
    font-family: 'centralesansbolditalic';
}

.list11 {
    margin-top: 5px !important;
    background: #fff;
    padding: 5px;
    padding-left: 20px !important;
    width: 80% !important;
    left: 7%;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.6em;
    top: 50%;
    width: 36px;
    margin: -28px 0 0 0;
    padding: 1px;
    height: 41px;
}

.container {
    max-width: 1280px;
    width: 100%;
    z-index: 1
}

.contentBox .item4 {
    margin-right: 0 !important;
}

.ui-icon {
    width: 31px;
    height: 31px;
}

.ClickTab.tab3 {
    border-bottom: none;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    opacity: 0;
}

.disablePlayBtn {
    opacity: 0.5;
    cursor: default;
}


/*.disablePlayBtn:hover {
    opacity: 1;
    background: url("../images/shell/menu-icon/Play_hover.png") no-repeat center center!important;
}*/


/*.disablePlayBtn, .disablePlayBtn:hover {
    background: url("../images/shell/menu-icon/Play.png") no-repeat 16px 11px;
}*/


/*.row {
    margin-left: 0px;
    margin-right: 0px;
    display: none;
}*/

#splashContainer {
    height: 720px;
    width: 1280px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom:0;
    display: none;
    z-index: 1001; background-size: 100%;
    background: url('../images/pages/global/01.png') no-repeat left top / 100% 100%;
}
#splashContainer #splash{ display: none;}
.welcom_scren .player_audioPopup_BtnContainer{ text-align: left; color: #fff; height: 100%; width: 100%;}
.welcom_scren h2{ font-size: 20px; margin: 0px;}
.welcom_scren h2 b{font-size: 24px;}
.welcom_scren h2 span{ }
.welcom_scren aside { float: left;  width: 320px; background: rgba(0,52,120, 0.9);  height: auto; padding: 15px 35px 15px 35px;
    position: absolute; right: 0px; top: 470px;}
#start{font-size: 18px;}
.wel_okbtn{
    display: block !important;
    bottom: calc(0% - 50px) !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.fLogo{width: 132px; height: 132px; margin: 0; padding: 0; position: absolute; top:15px; left:15px; background: url('../images/pages/global/firstLogo.png') no-repeat;}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
}

.container {
    width: 1024px; 
}
#sec2Child8 .container {
    width: 1110px; 
}

.container-in {
    /*padding-top: 50px;*/
    height: 605px;
    position: relative;
}

.container-left {
    float: left;
}

.container-right {
    float: right;
}

.border-right {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.imgContainer {
    text-align: center;
}

.imgContainer.twoimages {
    position: relative;
    float: left;
}

.text1 {
    position: absolute;
    bottom: -30px;
    width: 100px;
    text-align: center;
    color: #fff;
    left: 30px;
}

.text2 {
    position: absolute;
    bottom: -30px;
    width: 100px;
    text-align: center;
    color: #fff;
    left: 190px;
}

.imgContainer.twoimages img {
    float: left;
    max-width: 160px;
}

.hint {
    font-style: italic;
    color: #fff;
    position: absolute;
    bottom: 50px;
}

.hint span {
    font-family: 'centralesansbold';
}

.topTitle {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 50px;
    /*margin-top: 25px;*/
}

.pageHeading {
    color: rgba(255, 255, 255, 1);
    font-size: 40px;
    font-weight: normal;
    font-family: 'centralesansbold';
    margin: 15px 0;
}

.textP {
    font-size: 16px;
    color: #fff;
}

.textP_16 {
    font-size: 16px;
}

.listUl {
    margin: 0;
    padding-left: 30px;
}

.listUl li {
    list-style: none;
    list-style-type: square;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

#pageDiv {
    /*display: none;*/
}

.hideMyInitalContent {
    opacity: 0;
}

.innerLayer {
    display: none;
}

.hideCursor {
    cursor: default;
}

.ui-icon-closethick {
    background: url("../images/shell/menuIcons/sprite_minmize_2x.png") no-repeat !important;
    border: none !important;
    background-position: 0 -86px !important;
    background-size: 42px 126px !important;
    line-height: 35px !important;
    position: absolute !important;
    text-align: center !important;
    top: 16px !important;
    margin-left: -16px !important;
    width: 42px !important;
    height: 42px !important;
    cursor: pointer !important;
    z-index: 100 !important;
    border-radius: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: none;
    font-family: 'centralesansbold';
    color: #1c94c4;
    outline: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none !important;
    /*background: #fdf5ce url("../../content/images/pages/global/close.png") 0% 0% no-repeat !important ;*/
    font-family: 'centralesansbold';
    background-size: 100% !important;
    color: #c77405;
}

.ui-dialog[aria-describedby="player_helpWrapper"] .ui-state-hover {
    background: none!important;
}

.ui-dialog[aria-describedby="player_helpWrapper"] .ui-state-hover:hover span.ui-icon-closethick {
    /*background: url("../images/shell/menuIcons/sprite_minmize_2x.png") no-repeat !important;
    background-position: 0 -42px !important;
    background-size: 42px 126px !important;*/
    background-color: #0089c4!important;
}

.page_title_man {
    margin-top: 18px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-italic {
    font-style: italic;
}

.text-nowrap {
    text-align: inherit;
}

.grayBg {
    background-color: #e6e6e6;
}

.player_bookmarkPopup_BtnContainer {
    margin: 0 auto;
    text-align: center;
}

#player_bookmarkPopup_yes {
    margin-right: 10px;
}


/*#player_helpBtn {
    height: 27px;
    width: 62px;
    float: right;
    margin-right: 50px;
    cursor: pointer;
    margin-right: -10px;
    border-right: 1px solid #cccccc;
    margin-top: 12px;
}*/

.thankyoupage {
    background: url("../../content/images/pages/global/thankyou-bg.jpg") no-repeat right top;
    background-size: 100% 100%;
}

.thank-you-shield {
    margin-top: 225px;
}

.thank-you-shield-txt {
    font-size: 35px;
    margin-top: 40px;
}

.textbox1 {
    padding-bottom: 11px;
}

.text_cw {
    color: #fff !important;
}

.text_margin {
    margin-bottom: 10px;
}

.mainContentBox .page_heading {
    padding-top: 0px;
}

.TextBox > div {
    padding-bottom: 20px;
}

.logo16,
.txtbtm,
.page_heading16 {
    text-align: center;
    text-align: center;
    padding: 20px 0px;
    font-size: 18px;
    color: #fff;
}

.pag16 .logo16 {
    padding-top: 10%;
}

.page_heading {
    color: #5b8f22;
    padding: 52px 0 11px 0;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
}

select::-ms-expand {
    display: none;
}

.contentBox2 {
    margin-top: 7px;
}

.scnd_bx {
    margin-top: 20px;
}

.contentBox ul {
    margin-top: 10px;
    float: left;
    width: 100%;
    /*padding-left: 15px;*/
    padding: 0;
    padding-left: 10px;
}

.contentBox ul li {
    float: left;
    width: 100%;
    margin-bottom: 3px;
    background: url("../../content/images/pages/global/bullet2.png") no-repeat;
    margin-left: 0;
    padding-left: 14px;
    background-position: 0 6px;
    list-style: none;
}

.mainContentBox ul {
    margin-top: 10px;
    float: left;
    width: 100%;
    /*padding-left: 15px;*/
    padding: 0;
}

.mainContentBox ul li {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    background: url("../../content/images/pages/global/bullet2.png") no-repeat;
    margin-left: 0;
    padding-left: 14px;
    background-position: 0 6px;
    list-style: none;
}

.divtabs ul li li {
    background: url("../../content/images/pages/global/bullet02.png") no-repeat left center;
    list-style: none;
    padding-left: 14px;
    margin-top: 0;
    text-indent: 0px;
}

.transcriptDilog ul {
    margin-top: 0px;
    float: left;
    width: 100%;
    /*padding-left: 15px;*/
    padding: 0;
}

.transcriptDilog ul li {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    background: url("../../content/images/pages/global/bullet2.png") no-repeat;
    margin-left: 0;
    padding-left: 14px;
    background-position: 0 6px;
    list-style: none;
}

.transcriptDilog ul li li {
    background: url("../../content/images/pages/global/bullet02.png") no-repeat left center;
    list-style: none;
    padding-left: 14px;
    margin-top: 0;
    text-indent: 0px;
}

.divtabs ul {
    margin: 0;
    padding: 0;
}

.divtabs ul li {
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: url("../../content/images/pages/global/bullet2.png") no-repeat;
    margin-left: 0;
    padding-left: 14px;
    background-position: 0 6px;
    list-style: none !important;
}

.instructionText {
    /*color: #cd202c;*/
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0!important;
    clear: both;
    font-family: 'centralesansbookitalic';
}

#scoreCardContainer {
    display: none;
}

.hading_width {
    width: 105%;
}

.contentArea {
    float: left;
    width: 85%;
    position: relative;
}

.TopHeading {
    /*position: absolute;*/
    top: -6%;
    color: #0c6da5;
    font-size: 16px;
    left: 0%;
    display: none;
    text-align: center;
    /*width: 462px;*/
}

.showTabs {
    transform: none!important;
    opacity: 1!important;
    visibility: visible!important;
}

.noTransform * {
    transform: none!important;
}

.itextNext {
    text-align: right;
    padding-top: 5px;
    position: absolute;
    bottom: -10%;
    right: 0%;
    display: none;
    font-family: 'centralesansbookitalic';
    background: #1e9d8b;
    padding: 7px 8px;
    color: #fff;
    font-size: 14px;
    z-index: 15;
}

.help_images {
    width: 100%;
    text-align: center;
}

.help_images img {
    margin-top: 26%;
}

.thankyoupage {
    background: url("../../content/images/pages/global/thankyou-bg.jpg") no-repeat right top;
    background-size: 100% 100%;
}

.logo16,
.txtbtm,
.page_heading16 {
    text-align: center;
    text-align: center;
    padding: 20px 0px;
    font-size: 18px;
    color: #fff;
}

.Samc {
    width: 50%;
    height: 100%;
    background-color: #FFF;
    margin: 0;
}

.wrapContainer {
    width: 100%;
    height: 100%;
    background: url("../../content/images/pages/global/monitor.png") no-repeat 90% 50%;
    background-color: #631d76;
}

.Samc .questionContainer {
    padding: 0px;
    max-width: 60%;
}

.Samc .nameText {
    color: #fff;
    padding: 22px 0 11px 0;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    margin-left: 30px;
}

.Samc .divWarpper {
    width: 100%;
    height: 420px;
}

.Samc .footerText {
    margin-bottom: 8px;
}

.Samc .text_1 {
    color: #7d0063;
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 16px;
    clear: both;
    margin-left: -8px;
    font-family: 'centralesansbookitalic';
}

.Samc .option span.tick {
    margin-left: -35px;
    margin-right: 1%;
    float: left;
    margin-top: 2px;
}

.option input[disabled="disabled"] {
    cursor: default !important;
}

.Samc .option {
    margin: 1% auto;
    min-height: 20px;
    background: rgba(255, 255, 255, 0);
    padding-left: 0px;
    padding-top: 0px;
    min-height: 35px;
}

.Samc .input_box {
    width: 29px;
    line-height: 21px;
}

.Samc #sbmt_btn {
    background: #0066a1;
    width: 127px;
    height: 36px;
    font-style: normal;
    font-size: 14px;
    margin-top: 5px;
    line-height: 14px;
}

.Samc #sbmt_btn:hover,
.Samc .closeFeedback:hover {
    background: #0089c4;
    color: #fff;
}

.Samc #sbmt_btn:disabled {
    background-color: #cccccc;
}

.Samc .feedbackWapper {
    width: 100%;
}

.Samc .closeFeedback {
    background: #0066a1;
    width: 127px;
    height: 36px;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    float: right;
    position: relative;
    line-height: 27px;
}

.Samc .closeFeedback {
    /*display: none; */
}

.Samc .feedbackTitle {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: normal;
}

.Samc #incorrectContainer,
.Samc #partialContainer1,
.Samc #partialContainer2 {
    width: 100%;
    height: 134px;
    margin-top: 10px;
    border-top: 4px solid #cd202c;
    background-color: rgba(255, 255, 255, 1);
    padding: 15px 30px;
}

.m1t3p2 #partialContainer1,
.m1t3p2 #partialContainer2 {
    width: 100%;
    height: 134px;
    margin-top: 10px;
    border-top: 4px solid #cd202c;
    background-color: rgba(255, 255, 255, 1);
    padding: 15px 30px;
}

.Dnd #partialContainer1 {
    border-top: 4px solid #cd202c;
    height: 74px;
    margin-top: 10px;
    padding: 15px 30px;
    width: 90%;
    background-color: rgba(255, 255, 255, 1);
}

.Dnd #partialContainer2 {
    border-top: 4px solid #cd202c;
    background-color: rgba(255, 255, 255, 1);
    height: 74px;
    margin-top: -36px;
    padding: 15px 30px;
    width: 90%;
    margin-left: 28px;
}

.Samc #correctContainer {
    width: 100%;
    height: 134px;
    margin-top: 10px;
    border-top: 4px solid #1e9d8b;
    background-color: rgba(255, 255, 255, 1);
    padding: 15px 30px;
}

.Samc #resetContainer {
    width: 100%;
    height: 134px;
    margin-top: 10px;
    border-top: 4px solid #cd202c;
    background-color: rgba(255, 255, 255, 1);
    padding: 15px 30px;
}

.Samc .feedtxtsize {
    font-size: 20px;
}

.Samc .feedbackContainer {
    padding: 0;
}

.Samc ul {
    padding: 0;
    padding-left: 10px;
}

.assessment .optionsBG {
    width: 100%;
    float: left;
    margin-top: 2%;
}

.assessment .drop_div {
    border-bottom: solid 1px #999;
    padding-bottom: 5px;
}

.assessment .drop_div:first-child {
    border-top: solid 1px #999;
    padding-top: 12px;
}

.assessment #questionContainer .button1 {
    width: 98px;
    background: #0066a1;
    height: 36px;
    cursor: pointer;
    color: #FFF;
    margin-top: 22px;
    padding: 7px 0px;
    border: none;
    text-align: center;
}

.assessment #questionContainer .button1[disabled]:hover {
    background: #0089c4 !important;
}

.assessment #questionContainer .button1:hover {
    background: #0089c4 !important;
    color: #fff;
}

.assessment .tabcontainer {
    padding: 0;
    width: 60%;
    display: none;
    margin-top: 25px;
}

#pageDiv[pageType="assessment"] .cross {
    background: url("../../content/images/pages/global/wrong.png") no-repeat scroll rgba(0, 0, 0, 0) !important;
    height: 35px;
    cursor: default;
}

#pageDiv[pageType="assessment"] .tick {
    background: url("../../content/images/pages/global/right.png") no-repeat scroll rgba(0, 0, 0, 0) !important;
    height: 35px;
    padding-left: 0%;
    cursor: default;
}

#pageDiv[pageType="assessment"] .tableStyle .cross {
    background: url("../../content/images/pages/global/wrong_w.png") no-repeat scroll rgba(0, 0, 0, 0) center !important;
}

#pageDiv[pageType="assessment"] .tableStyle .tick {
    background: url("../../content/images/pages/global/right_w.png") no-repeat scroll rgba(0, 0, 0, 0) center !important;
}

#pageDiv[pageType="assessment"] .tableStyle {
    position: relative;
    width: 80%;
    margin-top: 40px;
    border-collapse: collapse;
    border-spacing: 0;
    color: #3c3c3c;
    border: none;
}

#pageDiv[pageType="assessment"] .tableStyle td {
    position: relative;
    padding: 3px 15px;
    overflow: hidden;
    word-break: normal;
    text-indent: 0px;
    font-size: 14px;
    height: 40px;
    color: #3c3c3c;
    border: 1px solid #FFF;
}

#pageDiv[pageType="assessment"] .tableStyle td .tickCross {
    position: static;
    width: 30px;
    margin: 0 auto;
    float: none;
    display: block;
    border-radius: 50%;
    background-color: #0066a1 !important;
    height: 30px;
    background-position: center center !important;
}


/*#pageDiv[pageType="assessment"] .tableStyle td .tickCross:hover {
    background-color: #5b8f22 !important;
}*/


/*#pageDiv[pageType="assessment"] .tableStyle .tickCross.fix-color:hover {
    background-color: #0066a1!important
}*/

#pageDiv[pageType="assessment"] .tableStyle tr:nth-of-type(1) td {
    position: inherit !important;
}

#pageDiv[pageType="assessment"] .tableStyle tr:first-child td {
    text-align: left;
    padding: 12px 8px 11px 4px;
    font-size: 16px;
    font-weight: normal;
    word-break: normal;
    background-color: #0089c4;
    color: #ffffff;
    text-indent: 10px;
    border: 1px solid #FFF;
    border-collapse: collapse;
    font-family: centralesansbold !important;
    border-spacing: 0;
}

#pageDiv[pageType="assessment"] .tableStyle tr:first-child td:first-child {
    border-left: 1px solid #ffffff!important;
    width: 774px !important;
}

#pageDiv[pageType="assessment"] .tableStyle tr:nth-of-type(2n) {
    background-color: #cccccc;
}

#pageDiv[pageType="assessment"] .tableStyle tr:nth-of-type(2n+1) {
    background-color: #e0e0e0;
}

#quesBack,
#quesNext,
#quesScoreCard {
    min-width: 125px;
    height: 36px;
    cursor: pointer;
    color: #fff;
    margin-top: 11px;
    padding: 7px 10px;
    border: none;
    text-align: center;
    margin-right: 10px;
    background: #e98300;
}

#quesBack:hover,
#quesNext:hover,
#quesScoreCard:hover {
    background: #5b8f22;
    color: #fff;
}

#quesBack[disabled],
#quesNext[disabled],
#quesScoreCard[disabled] {
    background: #ccc !important;
    color: #fff;
    cursor: default;
}

#pageDiv[pageType="assessment"] .optionsBG .tick {
    margin-top: 1px!important;
    left: 8.8%!important;
}

#pageDiv[pageType="assessment"] .optionsBG .cross {
    margin-top: 3.2px!important;
    left: -1.9%!important;
}

.both-buttons {
    margin-top: 75px;
    clear: both;
    /*position: absolute;*/
}

.Samc .option input[type=checkbox]:not(old),
.Samc .option input[type=radio]:not(old),
.assessment .optionsBG input[type=checkbox]:not(old),
.assessment .optionsBG input[type=radio]:not(old) {
    width: 30px;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 30px;
    position: absolute;
    left: 0;
}

.Samc .option input[type=radio].disabled:hover + label,
.Samc .option input[type=radio].disabled + label:hover {
    background: url('../../content/images/pages/global/chack_rd_1.png') no-repeat 0 1px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type=checkbox]:checked:disabled:hover + label {
    background: url('../../content/images/pages/global/chack_cd_3.png') no-repeat 0 3px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type=radio]:checked:disabled:hover + label {
    background: url('../../content/images/pages/global/chack_rd_3.png') no-repeat 0 1px;
    background-size: 25px;
    /*color: #ED9C33;*/
}

.Samc .option input[type="checkbox"]:not(old) + label,
.assessment .optionsBG input[type="checkbox"]:not(old) + label:hover {
    background: url('../../content/images/pages/global/chack_cd_2.png') no-repeat 0 3px;
    background-size: 25px;
}

.Samc .option input[type="radio"]:not(old) + label,
.assessment .optionsBG input[type="radio"]:not(old) + label:hover {
    background: url('../../content/images/pages/global/chack_rd_2.png') no-repeat 0 1px;
    background-size: 25px;
}

.Samc .option input[type=radio]:not(old) + label,
.assessment .optionsBG input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: 0px;
    padding-left: 35px;
    background: url('../../content/images/pages/global/chack_rd_1.png') no-repeat 0 1px;
    background-size: 25px;
    /*line-height: 26px;*/
    min-height: 35px;
    color: #3c3c3c;
    padding-top: 3px;
}

.Samc .option input[type=checkbox]:not(old) + label,
.assessment .optionsBG input[type=checkbox]:not(old) + label {
    display: inline-block;
    margin-left: 0px;
    padding-left: 45px;
    background: url('../../content/images/pages/global/chack_cd_1.png') no-repeat 0 3px;
    background-size: 25px;
    /*line-height: 26px;*/
    min-height: 35px;
    color: #3c3c3c;
    padding-top: 7px;
}

.Samc .option input[type=checkbox]:disabled:hover + label,
.Samc .option input[type=checkbox]:disabled + label:hover {
    background: url('../../content/images/pages/global/chack_cd_1.png') no-repeat 0 3px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type=radio]:disabled:hover + label,
.Samc .option input[type=radio]:disabled + label:hover {
    background: url('../../content/images/pages/global/chack_rd_1.png') no-repeat 0 1px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type=checkbox]:not(old):checked + label,
.assessment .optionsBG input[type=checkbox]:not(old):checked + label {
    background: url('../../content/images/pages/global/chack_cd_3.png') no-repeat 0 3px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type=radio]:not(old):checked + label,
.assessment .optionsBG input[type=radio]:not(old):checked + label {
    background: url('../../content/images/pages/global/chack_rd_3.png') no-repeat 0 1px;
    background-size: 25px;
    color: #0066a1;
}

.Samc .option input[type="radio"]:hover + label,
.assessment .optionsBG input[type="radio"]:hover + label,
.Samc .option input[type="radio"] + label:hover {
    background: url('../../content/images/pages/global/chack_rd_2.png') no-repeat 0 1px;
    background-size: 25px;
    color: #0089c4;
}

.Samc .option input[type="checkbox"]:hover + label,
.assessment .optionsBG input[type="checkbox"]:hover + label,
.Samc .option input[type="checkbox"] + label:hover {
    background: url('../../content/images/pages/global/chack_cd_2.png') no-repeat 0 3px;
    background-size: 25px;
    color: #0089c4;
}

#questionContainer em {
    font-family: 'centralesansbookitalic';
    padding-top: 10px !important;
    float: left;
    width: 100%;
}

#RetryAssessment_btn {
    display: none;
    border: 1px solid #fff;
}

.assessment .bgcolorp15 {
    height: auto;
    width: 70%;
    padding: 20px 0px 0px;
    margin-bottom: 15px;
}

.assessment .page_heading {
    color: #0066a1;
    padding: 22px 0 11px 0;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
}

.assessment .contentBox {
    /*padding-top: 10px;*/
}

.assessment .contentBox:nth-child(4) {
    color: #7d0063;
    padding-top: 18px;
    font-family: 'centralesansbookitalic';
}

.assessment .contentBox:nth-child(1) {
    padding-top: 0px;
    padding-left: 0px;
}

.assessment .startButton {
    min-width: 125px;
    background: #0066a1;
    height: 36px;
    cursor: pointer;
    color: #fff;
    margin-top: 7px;
    padding: 7px 10px;
    border: none;
    text-align: center;
    margin-right: 10px;
}

.assessment .startButton:hover {
    background: #0089c4;
    color: #fff;
}

#scoreCardContainer {
    /*width: 60%;
    margin: 0px auto 0px;
    float: left;*/
}

#scoreCardContainer #feedback {
    width: 80.2%;
    margin: 0px auto 0px;
    padding: 5px;
    float: left;
}

.text_btm {
    color: #7d0063;
    padding-top: 17%;
    padding-left: 25%;
    font-family: 'centralesansbookitalic';
}

.heighLighter {
    border: 3px solid #cd202c;
    z-index: 999;
    width: 195px;
    height: 55px;
    position: absolute;
}

.instTextAlign {
    position: absolute;
    top: 10%;
}

#questionContainer .button1:disabled {
    background-color: #ccc !important;
}

.assessment #questionContainer .button1[disabled]:hover {
    background: #ccc !important;
}

#transcript_Container {
    position: absolute;
    bottom: 50px;
    background: rgba(204, 204, 204, 0.90);
    width: 100%;
    padding: 5px;
    display: none;
    z-index: 999;
}

.transcript_Container_inner {
    /*height: 60px;*/
    overflow-y: auto;
    padding: 10px 5px 5px 5px;
}

.menu_btns_overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.help_btns_overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.launchBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#progressOverlay {
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 100;
}

.transcript_Overlay {
    width: 58px;
    position: absolute;
    left: 0;
    display: none;
    height: 100%;
    z-index: 10;
}

.ui-dialog .ui-dialog-titlebar,
.ui-widget-content {
    border-radius: 0px !important;
}

#pageDiv[pageType="assessment"] .tableStyle {
    width: 95%;
}

#scoreCardContainer #feedback {
    width: 95%;
    margin: 0px auto 0px;
    /*background: #0089c4;*/
    padding: 5px;
    /*color: #fff;*/
    float: left;
}

.player_container_style {
    width: 1280px;
    /*min-width: 1024px;*/ margin: auto;
}

.nextBtnBrach {
    background: #0066a1;
    width: 127px;
    height: 36px;
    font-style: normal;
    font-size: 14px;
    /* margin-top: 15px; */
    text-align: center;
    position: relative;
}

.nextBtnBrach:hover {
    background: #0089c4;
    width: 127px !important;
}

.img_center {
    margin: auto;
    display: block;
}

.display_none {
    display: none;
}

.quesHead {
    width: 84%;
    float: left;
    /*background: rgb(0, 137, 196) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);*/
    box-sizing: border-box;
    border-right: 1px solid #1e9d8b;
    border-bottom: 1px solid #1e9d8b;
    padding: 10px;
    font-family: 'centralesansbold';
}

.ansHead {
    width: 16%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    font-family: 'centralesansbold';
    border-bottom: 1px solid #1e9d8b;
}

.ansTick {
    width: 16%;
    float: left;
    box-sizing: border-box;
    height: 40px;
    border-bottom: 1px solid #1e9d8b;
}

.quesContent {
    width: 84%;
    float: left;
    box-sizing: border-box;
    padding: 8px;
    border-bottom: 1px solid #1e9d8b;
    border-right: 1px solid #1e9d8b;
}

.result_table {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.container_height {
    height: 720px;
}

.bg_blue {
    width: 100%;
    height: 100%;
    background: #004082;
    /* Old browsers */
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #003478 0%, #003d80 32%, #005593 49%, #0066a1 100%);
    background: -webkit-linear-gradient(-45deg, #003478 0%, #003d80 32%, #005593 49%, #0066a1 100%);
    background: linear-gradient(135deg, #003478 0%, #003d80 32%, #005593 49%, #0066a1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.bg_green {
    width: 100%;
    height: 100%;
    background: #004082;
    /* Old browsers */
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #156570 0%, #177577 32%, #1A837E 49%, #1e9d8b 100%);
    background: -webkit-linear-gradient(-45deg, #156570 0%, #177577 32%, #1A837E 49%, #1e9d8b 100%);
    background: linear-gradient(135deg, #156570 0%, #177577 32%, #1A837E 49%, #1e9d8b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.bg_green_dark {
    width: 100%;
    height: 100%;
    background: #004082;
    /* Old browsers */
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #024731 0%, #015034 32%, #025937 49%, #00693c 100%);
    background: -webkit-linear-gradient(-45deg, #024731 0%, #015034 32%, #025937 49%, #00693c 100%);
    background: linear-gradient(135deg, #024731 0%, #015034 32%, #025937 49%, #00693c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.bg_violet {
    width: 100%;
    height: 100%;
    background: #004082;
    /* Old browsers */
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #4a1657 0%, #56115a 32%, #67095e 49%, #7d0063 100%);
    background: -webkit-linear-gradient(-45deg, #4a1657 0%, #56115a 32%, #67095e 49%, #7d0063 100%);
    background: linear-gradient(135deg, #4a1657 0%, #56115a 32%, #67095e 49%, #7d0063 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.transcriptTxt {
    display: none;
}

.menucover.openit {
    display: block;
    width: 100%;
    height: 79px;
}

.menucover {
    z-index: 100;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.helpBtn.addhov {
    background: url("../images/shell/menu-icon/Help_hover.png") no-repeat center center;
}

.border-left {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.key_epiq7,
.key_epiq5 {
    text-align: center;
}

.border-transparent {
    border-right: 1px solid transparent;
}

.key_hide {
    display: none;
}

.key_box1,
.key_box2 {
    width: 50%;
    float: left;
}

.diff_epiq7 {
    display: none;
    background-color: rgba(255, 255, 255, .2);
    vertical-align: top;
    height: 461px;
    z-index: 5;
}


/*.diff_epiq7::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ee8402 transparent transparent;
}*/

.diff_epiq5 {
    display: none;
    background-color: rgba(255, 255, 255, .2);
    vertical-align: top;
    height: 461px;
    z-index: 5;
}


/*.diff_epiq5::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ee8402;
}*/

.diff_open {
    display: inline-block;
}

.listUl2 {
    margin: auto;
    padding-left: 15px;
}

.diff_epiq7 .listUl2 {
    padding-left: 25px;
    padding-right: 30px;
    padding-top: 50px;
    width: 400px;
}

.diff_epiq5 .listUl2 {
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 50px;
    width: 400px;
}

.listUl2 li {
    color: #fff;
    font-size: 14px;
    list-style: outside none square;
    margin-bottom: 25px;
}

#section2 .listUl li {
    margin-bottom: 10px;
}

li.sub_li {
    list-style: none;
    padding-left: 20px;
}

li.sub_li::before {
    content: "-";
    left: 0;
    position: absolute;
}

.transcriptDilog ul li.li2 {
    background: none;
    list-style: none;
    padding-left: 20px;
}

.click_done {
    margin-top: 295px;
}

.know-more {
    background-color: #e98300;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    width: 100px;
    text-decoration: none;
}

.know-more:hover {
    background-color: #bf6d05;
    color: #fff;
    text-decoration: none;
}

.know-more:focus {
    background-color: none;
    color: #fff;
    text-decoration: none;
}

.btn_know_more {
    background-color: #0089c4;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.btn_know_more:hover {
    background-color: #bf6d05;
    color: #fff;
    text-decoration: none;
}

.btn_know_more:focus {
    background-color: none;
    color: #fff;
    text-decoration: none;
}

.mid_text {
    margin-top: 50%;
    text-align: center;
}

.mid_text p {
    font-size: 15px;
}

.customer_needs {
    margin: 10px auto;
    position: relative;
    width: 630px;
}

.needs_cir {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    position: absolute;
}

.needs_cir1 {
    height: 182px;
    width: 182px;
    left: calc(50% - 91px);
}

.needs_cir2,
.needs_cir3,
.needs_cir4 {
    height: 152px;
    width: 152px;
}

.needs_cir2 {
    top: 15px;
    left: 15px;
}

.needs_cir3 {
    left: calc(50% - 76px);
    top: 239px;
}

.needs_cir4 {
    top: 15px;
    right: 15px;
}

.needs_cir1_in {
    background-color: #7d0063;
    border-radius: 50%;
    height: 150px;
    margin: 15px;
    text-align: center;
    width: 150px;
    padding: 10px;
}

.needs_cir1_in_icon {
    text-align: center;
    margin: 0px auto;
    background: url("../../content/images/pages/m1_t1_p1/page04_icon5.png") no-repeat center center;
    width: 56px;
    height: 79px;
}

.needs_cir2_in,
.needs_cir3_in,
.needs_cir4_in {
    background-color: #dbcfe9;
    border-radius: 50%;
    height: 120px;
    margin: 15px;
    text-align: center;
    width: 120px;
    padding: 5px;
}

.needs_cir1_in_text {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    margin: 10px 20px;
}

.needs_cir2_in_text,
.needs_cir3_in_text,
.needs_cir4_in_text {
    color: #42145f;
    font-size: 15px;
    line-height: 1.2;
    margin: 28px auto;
}

.needs_cir4_in_text {
    margin: 46px auto;
}

.need_cir_line1 {
    position: absolute;
    top: 90px;
    left: 167px;
    width: 57px;
    border-top: 1px solid rgba(255, 255, 255, .5);
}

.need_cir_line2 {
    position: absolute;
    top: 182px;
    left: 50%;
    height: 57px;
    border-left: 1px solid rgba(255, 255, 255, .5);
}

.need_cir_line3 {
    position: absolute;
    top: 90px;
    right: 167px;
    width: 57px;
    border-top: 1px solid rgba(255, 255, 255, .5);
}

.needs_container {
    margin: 20px auto;
    position: relative;
    width: 630px;
}

.needs_box {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 10px;
    text-align: center;
}

.needs {
    background-color: #79407b;
    color: #fff;
    font-size: 18px;
    font-family: 'centralesansbold';
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
}

.needs_content {
    display: inline-flex;
}

.needs_point {
    display: inline-block;
    background-color: #7d0063;
    margin-left: 10px;
    width: 150px;
    text-align: center;
}

.needs_point:first-child {
    margin-left: 0;
}

.needs_icon {
    text-align: center;
    margin: 15px auto;
}

.needs1 {
    background: url("../../content/images/pages/m1_t1_p1/page04_icon1.png") no-repeat center center;
    width: 57px;
    height: 73px;
}

.needs2 {
    background: url("../../content/images/pages/m1_t1_p1/page04_icon2.png") no-repeat center center;
    width: 72px;
    height: 72px;
}

.needs3 {
    background: url("../../content/images/pages/m1_t1_p1/page04_icon3.png") no-repeat center center;
    width: 82px;
    height: 73px;
}

.needs4 {
    background: url("../../content/images/pages/m1_t1_p1/page04_icon4.png") no-repeat center center;
    width: 87px;
    height: 77px;
}

.needs_text {
    font-size: 14px;
    color: #efefef;
    margin: 10px;
}

.elements_container {
    border: 2px solid rgba(255, 255, 255, 0.35);
    margin: 90px auto;
    padding: 65px 0 85px;
    position: relative;
    text-align: center;
}

.elements_box {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin: 0 auto -7px;
    text-align: center;
    width: 450px;
}

.elements {
    font-size: 16px;
    color: #fff;
    font-family: 'centralesansbold';
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
}

.elements_content {
    margin: 0 auto;
}

.elements_point {
    display: inline-block;
    margin: 0 15px;
    text-align: center;
    width: 150px;
}

.elements_icon {
    background: url("../../content/images/pages/m1_t1_p1/page07_dot_connector_img.png") no-repeat center center;
    height: 68px;
    margin: 0 auto;
    text-align: center;
    width: 13px;
}

.elements_text {
    background-color: #0089c4;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    /*cursor: pointer;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*.elements_text:hover:not(.elements_text_clicked) {
    background-color: #bf6d05;
}

.elements_text.elements_text_clicked {
    background-color: #5B8F21;
}*/

.img03_machine_redmrk1 {
    background: url("../../content/images/pages/m1_t1_p1/13_machine_epiq5_mrk2.png") no-repeat center center;
    height: 118px;
    left: 73px;
    position: absolute;
    top: 236px;
    width: 138px;
}

.img03_machine_redmrk2 {
    background: url("../../content/images/pages/m1_t1_p1/13_machine_epiq5_mrk1.png") no-repeat center center;
    height: 88px;
    left: 67px;
    position: absolute;
    top: 122px;
    width: 152px;
}

.img02_machine_redmrk1 {
    background: url("../../content/images/pages/m1_t1_p1/13_machine_epiq7_mrk2.png") no-repeat center center;
    height: 118px;
    left: 75px;
    position: absolute;
    top: 236px;
    width: 137px;
}

.img02_machine_redmrk2 {
    background: url("../../content/images/pages/m1_t1_p1/13_machine_epiq7_mrk1.png") no-repeat center center;
    height: 88px;
    left: 68px;
    position: absolute;
    top: 123px;
    width: 152px;
}

.EPIQ_5_key,
.EPIQ_7_key {
    border: 1px solid rgba(255, 255, 255, .15);
    background-color: rgba(51, 125, 173, .1);
    margin-top: 30px;
}
.EPIQ_5_key2_8{
    min-height: 380px;
}
.EPIQ_5_key2_11{
    min-height: 380px;
}

.EPIQ_5_key_img,
.EPIQ_7_key_img {
    position: absolute;
    top: -15px;
}

.key_item {
    margin: 15px auto;
    padding-right: 30px;
}

.key_frame {
    background-color: #0066a1;
    border-radius: 40px;
    height: 80px;
    width: 100%;
    padding: 7.5px;
    display: table;
}

.key_frame + .key_frame {
    margin-top: 10px;
}

.key_icon {
    background-color: #0089c4;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    text-align: center;
    display: table-cell;
}

.key_icon1 {
    background: url("../../content/images/pages/m1_t1_p1/15_icon1.png") no-repeat center center;
    margin: 10px auto 0;
    width: 32px;
    height: 45px;
}

.key_icon2 {
    background: url("../../content/images/pages/m1_t1_p1/15_icon2.png") no-repeat center center;
    margin: 20px auto 0;
    width: 44px;
    height: 25px;
}

.key_icon3 {
    background: url("../../content/images/pages/m1_t1_p1/15_icon3.png") no-repeat center center;
    margin: 15px auto 0;
    width: 26px;
    height: 36px;
}

.key_icon4 {
    background: url("../../content/images/pages/m1_t1_p1/15_icon4.png") no-repeat center center;
    margin: 12px auto 0;
    width: 31px;
    height: 41px;
}

.key_icon5 {
    background: url("../../content/images/pages/m1_t1_p1/16_icon1.png") no-repeat center center;
    margin: 10px auto 0;
    width: 32px;
    height: 45px;
}

.key_icon6 {
    background: url("../../content/images/pages/m1_t1_p1/16_icon2.png") no-repeat center center;
    margin: 20px auto 0;
    width: 44px;
    height: 25px;
}

.key_icon7 {
    background: url("../../content/images/pages/m1_t1_p1/16_icon3.png") no-repeat center center;
    margin: 15px auto 0;
    width: 32px;
    height: 34px;
}

.key_icon8 {
    background: url("../../content/images/pages/m1_t1_p1/16_icon4.png") no-repeat center center;
    margin: 10px auto 0;
    width: 36px;
    height: 38px;
}

.key_text {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 15px;
}

.elem_container {
    position: relative;
    height: 500px;
}

.elem {
    position: absolute;
    width: 170px;
}

.elem_main {
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    height: 152px;
    left: calc(50% - 76px);
    position: absolute;
    top: 235px;
    width: 152px;
}

.elem1 {
    left: calc(50% - 85px);
    text-align: center;
    top: 48px;
}

.elem2 {
    left: -24px;
    text-align: center;
    top: 260px;
}

.elem3 {
    right: -24px;
    text-align: center;
    top: 260px;
}

.elem_main_text {
    color: #fff;
    font-size: 16px;
    font-family: 'centralesansbold';
    margin-top: 55px;
    text-align: center;
}

.elem p {
    margin: 10px auto;
}

.elem_arrow1 {
    border-left: 2px solid rgba(255, 255, 255, 0.35);
    height: 36px;
    left: 50%;
    position: absolute;
    top: 199px;
}

.elem_arrow1::before {
    border-color: transparent transparent rgba(255, 255, 255, 0.35);
    border-style: solid;
    border-width: 0 7.5px 10px;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: -10px;
    width: 0;
}

.elem_arrow2 {
    border-top: 2px solid rgba(255, 255, 255, 0.35);
    left: calc(50% - 120px);
    position: absolute;
    top: 314px;
    width: 44px;
}

.elem_arrow2::before {
    border-color: transparent rgba(255, 255, 255, 0.35) transparent transparent;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: -8px;
    width: 0;
}

.elem_arrow3 {
    border-top: 2px solid rgba(255, 255, 255, 0.35);
    left: calc(50% + 76px);
    position: absolute;
    top: 314px;
    width: 44px;
}

.elem_arrow3::before {
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: -8px;
    width: 0;
}

.add_container {
    position: relative;
    height: 500px;
}

.add_main {
    background: #fff url("../../content/images/pages/m1_t1_p1/29_machine.png") no-repeat center center;
    height: 192px;
    left: calc(50% - 96px);
    position: absolute;
    top: 150px;
    width: 192px;
    border-radius: 50%;
}
.addSpace{padding-top: 40px; padding-bottom: 40px;}
.add_arrow_top {
    border-left: 2px solid rgba(255, 255, 255, 1);
    height: 10px;
    left: 50%;
    position: absolute;
    top: 140px;
}

.add_arrow_top::before {
    border-color: transparent transparent rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 0 7.5px 10px;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: -10px;
    width: 0;
}

.add_arrow_right {
    border-top: 2px solid rgba(255, 255, 255, 1);
    left: calc(50% + 96px);
    position: absolute;
    top: 246px;
    width: 10px;
}

.add_arrow_right::before {
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: -8px;
    width: 0;
}

.add_arrow_bottom {
    border-left: 2px solid rgba(255, 255, 255, 1);
    height: 10px;
    left: 50%;
    position: absolute;
    top: 342px;
}

.add_arrow_bottom::before {
    border-color: rgba(255, 255, 255, 1) transparent transparent;
    border-style: solid;
    border-width: 10px 7.5px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 0;
}

.add_arrow_left {
    border-top: 2px solid rgba(255, 255, 255, 1);
    left: calc(50% - 106px);
    position: absolute;
    top: 246px;
    width: 10px;
}

.add_arrow_left::before {
    border-color: transparent rgba(255, 255, 255, 1) transparent transparent;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: -8px;
    width: 0;
}

.add_box {
    background-color: rgba(255, 255, 255, .1);
    display: table;
    width: 225px;
    height: 75px;
    padding: 0 15px;
    position: absolute;
}

.add_top {
    left: calc(50% - 112.5px);
    top: 44px;
}

.add_right {
    left: calc(50% + 127px);
    top: 210px;
}

.add_bottom {
    left: calc(50% - 112.5px);
    top: 373px;
}

.add_left {
    left: calc(50% - 351px);
    top: 210px;
}

.add_text {
    display: table-cell;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}

.add_point {
    background-color: transparent;
    height: 85px;
    left: calc(50% - 351px);
    position: absolute;
    top: 285px;
    width: 225px;
}

.add_point_1 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    height: 25px;
    width: 13px;
}

.add_point_2 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    height: 20px;
    width: 13px;
}

.add_point_3 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    height: 20px;
    width: 13px;
}
.add_point_4 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    height: 20px;
    width: 13px;
}

.apt {
    color: #fff;
    font-size: 14px;
    position: absolute;
}

.add_point_text_1 {
    left: 23px;
    top: 14px;
}

.add_point_text_2 {
    left: 23px;
    top: 34px;
}

.add_point_text_3 {
    left: 23px;
    top: 54px;
}
.add_point_text_4 {
    left: 23px;
    top: 74px;
}

.add2_container {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    margin: 95px auto;
    display: table;
}

.add2_image {
    display: table-cell;
    padding: 10px 0 10px 10px;
}

.add2_content {
    display: table-cell;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    vertical-align: top;
    width: 100%;
}

.add2_point_1 {
    margin-bottom: 10px;
    padding: 5px 20px;
}

.add2_point_2 {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 5px 20px;
    margin-bottom: 15px;
}

.add2_point_3,
.add2_point_4,
.add2_point_5 {
    padding-left: 20px;
    margin-bottom: 15px;
}

.add2_point_5 {
    margin-bottom: 0;
}

.add2_point_2_text {
    padding: 0px;
    font-family: "centralesansbold";
}

.add2_point {
    background-color: rgba(255, 255, 255, 0.1);
    border-left: 3px solid rgba(255, 255, 255, 0.1);
    display: table-cell;
    height: 50px;
    padding: 0 10px;
    vertical-align: middle;
    width: 245px;
}

.add3_container {
    position: relative;
    display: table;
    width: 100%;
}

.add3_image_wrap {
    display: table-cell;
    position: absolute;
    top: 90px;
}

.add3_image {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
}

.add3_point_container {
    display: table-cell;
}

.add3_point_mainline1 {
    border-top: 2px dotted #fff;
    left: 556px;
    position: absolute;
    top: 235px;
    width: 110px;
}

.add3_point_mainline2 {
    border-top: 2px dotted #fff;
    left: 676px;
    position: absolute;
    top: 235px;
    width: 110px;
}

.add3_point_mainline3 {
    border-top: 2px dotted #fff;
    left: 796px;
    position: absolute;
    top: 235px;
    width: 110px;
}

.add3_point {
    position: absolute;
    width: 130px;
}

.add3_point_1 {
    left: 485px;
    top: 112px;
}

.add3_point_2 {
    left: 595px;
    top: 315px;
    width: 150px;
}

.add3_point_3 {
    left: 690px;
    top: 90px;
    width: 200px;
}

.add3_point_4 {
    left: 815px;
    top: 315px;
    width: 190px;
}

.add3_point_arrow1 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 60px;
    left: 550px;
    position: absolute;
    top: 170px;
}

.add3_point_arrow1::before {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -5.5px;
    position: absolute;
    top: -10px;
    width: 10px;
}

.add3_point_arrow1::after {
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    bottom: -12px;
    content: "";
    height: 14px;
    left: -8.5px;
    position: absolute;
    width: 14px;
}

.add3_point_arrow2 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 60px;
    left: 670px;
    position: absolute;
    top: 240px;
}

.add3_point_arrow2::after {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -5.5px;
    position: absolute;
    bottom: -10px;
    width: 10px;
}

.add3_point_arrow2::before {
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    top: -12px;
    content: "";
    height: 14px;
    left: -8.5px;
    position: absolute;
    width: 14px;
}

.add3_point_arrow3 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 60px;
    left: 790px;
    position: absolute;
    top: 170px;
}

.add3_point_arrow3::before {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -5.5px;
    position: absolute;
    top: -10px;
    width: 10px;
}

.add3_point_arrow3::after {
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    bottom: -12px;
    content: "";
    height: 14px;
    left: -8.5px;
    position: absolute;
    width: 14px;
}

.add3_point_arrow4 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 60px;
    left: 910px;
    position: absolute;
    top: 240px;
}

.add3_point_arrow4::after {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -5.5px;
    position: absolute;
    bottom: -10px;
    width: 10px;
}

.add3_point_arrow4::before {
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    top: -12px;
    content: "";
    height: 14px;
    left: -8.5px;
    position: absolute;
    width: 14px;
}

.add3_point_text1 {
    color: #fff;
    font-size: 16px;
    /*padding: 34.5px 10px;*/
    text-align: center;
}

.add3_point_text2 {
    color: #fff;
    font-size: 16px;
    /*padding: 23px 10px;*/
    text-align: center;
}

.add3_point_text3 {
    color: #fff;
    font-size: 16px;
    /*padding: 34.5px 10px;*/
    text-align: center;
}

.add3_point_text4 {
    color: #fff;
    font-size: 16px;
    /*padding: 57px 10px;*/
    text-align: center;
}

.add4_container {
    margin: 0 auto;
    position: relative;
    width: 655px;
}

.add4_image_1 {
    left: calc(50% - 130px);
    position: absolute;
    z-index: 2;
    top: 15px;
}

.add4_image_2 {
    left: calc(50% - 135px);
    position: absolute;
    top: 162px;
    z-index: 2;
}

.add4_content {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    height: 95px;
    position: absolute;
    top: 220px;
}

.add4_content_left {
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 16px;
    padding: 15px;
    width: 37%;
}

.add4_content_right {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 16px;
    padding: 15px;
    width: 37%;
}

.intel_container {
    height: 300px;
    margin-top: 20px;
    position: relative;
    width: 550px;
}

.intel_point {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    height: 110px;
    position: absolute;
    width: 110px;
}

.intel_point_1 {
    left: calc(50% - 55px);
}

.intel_point_2 {
    left: 12px;
    top: 147px;
}

.intel_point_3 {
    right: 10px;
    top: 147px
}
.intel_point_4 {
    left: 223px;
    top: 147px
}

.intel_point_text1 {
    color: #fff;
    font-size: 14px;
    font-family: 'centralesansbold';
    padding: 45px 10px;
    text-align: center;
}

.intel_point_text2 {
    color: #fff;
    font-size: 14px;
    font-family: 'centralesansbold';
    padding: 43px 0px;
    text-align: center;
}

.intel_point_text3 {
    color: #fff;
    font-size: 14px;
    font-family: 'centralesansbold';
    padding: 43px 0px;
    text-align: center;
}

.intel_point_arrow1 {
    width: 154px;
    height: 80px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 55px;
    left: calc(50% - 209px);
}

.intel_point_arrow1::before {
    border-color: rgba(255, 255, 255, 0.1) transparent transparent;
    border-style: solid;
    border-width: 10px 7.5px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 0;
}

.intel_point_arrow2 {
    width: 154px;
    height: 80px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 55px;
    right: calc(50% - 209px);
}

.intel_point_arrow2::before {
    border-color: rgba(255, 255, 255, 0.1) transparent transparent;
    border-style: solid;
    border-width: 10px 7.5px 0;
    bottom: -10px;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    width: 0;
}
.intel_point_arrow3 {
    width: 0px;
    height: 26px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 110px;
    left: calc(50% - 0px);
}

.intel_point_arrow3::before {
    border-color: rgba(255, 255, 255, 0.1) transparent transparent;
    border-style: solid;
    border-width: 10px 7.5px 0;
    bottom: -10px;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    width: 0;
}

.review_container {
    position: relative;
    width: 315px;
    display: inline-block;
    vertical-align: top;
}

.review_container + .review_container {
    margin-left: 30px;
}

.review_head {
    background-color: #5b8f23;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-family: 'centralesansbold';
    text-align: center;
}

.review_point {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    background-color: rgba(91, 143, 35, .2);
    padding: 20px 15px;
}

.review_point + .review_point {
    padding-top: 0;
}

.review_list {
    list-style: square;
    margin: 0;
    padding-left: 13px;
}

.review_sub {
    padding-left: 20px;
}

.review_sub .review_list {
    list-style: none;
    padding-left: 28px;
}

.review_sub .review_list::before {
    content: "-";
    left: 28px;
    position: absolute;
}

.imaging {
    width: 105px;
    margin: 0 auto 30px;
}

.feature_container {
    margin: 100px 0;
    min-height: 80px;
    position: relative;
}
.feature_container_1 {
    margin: 86px 0;
    min-height: 172px;
    position: relative;
}

.feature_text {
float: left;

margin: 5px;

text-align: center;

width: 184px;

background-color: #ea8300;

color: #fff;

font-size: 14px;

height: 70px;

cursor: pointer;

display: flex;

justify-content: center;

align-items: center;
}
.feature_text.aks{
    display: block !important;
}
/*.feature_text:first-child {
    margin-left: 0;
}
*/
/*#feature1,
#feature2 {
    padding: 15px 0;
}*/

#feature3,
#feature4,
#feature5 {
    padding: 25px 0;
}

.feature_text:hover:not(.feature_text_clicked) {
    background-color: #bf6d05;
}

.feature_text_clicked {
    background-color: #5B8F21;
}

.feature_content_container {}

.overlay {
    display: none;
    background-color: rgba(0, 0, 0, 1);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 6;
}

#section3_1,
#section3_2,
#section3_3,
#section3_4 {
    /*display: none;*/
}
.clearboth {
    clear: both;
}
.feature_content {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    width: 900px;
    height: 428px;
    left: calc(50% - 450px);
    top: 25px;
    z-index: 10;
    /*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);*/
}
#sec2Child12 .feature_content{
    width: auto;
    height: auto;
}
#sec2Child12 .feature_content .pop-img img{
    width: 100%;
}

#sec2Child12 .feature_content li.sub_li::before {
    content: "-";
    left: 29px;
    position: absolute;
    top: 16x;
}
#sec2Child12 .feature_content ul.listUl3 li.sub_li {
  list-style: outside none !important;
}
.closeDiv,
.help_closeDiv {
    background: url("../../content/images/pages/m1_t1_p1/minimise.png") no-repeat center center;
    cursor: pointer;
    height: 26px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.closeDiv:hover,
.help_closeDiv:hover {
    background: #E98300 url("../../content/images/pages/m1_t1_p1/minimise_hover.png") no-repeat center center;
}

.popTxt {
    padding: 30px;
}

.pophead {
    font-size: 16px;
    font-family: 'centralesansbold';
}

.pop-img {
    border-left: 1px solid #ccc;
    float: right;
    padding-left: 30px;
    position: relative;
}

.listUl3 {
    margin: auto;
    margin-top: 20px;
    padding-left: 15px;
}

.listUl3 li {
    font-size: 14px;
    list-style: outside none square;
    margin-bottom: 15px;
}

.design_table {
    margin: 10px 0;
    width: 100%;
}

.design_item {
    display: inline-flex;
    margin-bottom: 30px;
}

.design_icon {
    display: inline-block;
    width: 70px;
    height: 70px;
}

.design1 {
    background: url("../../content/images/pages/m1_t1_p1/page08_Intuitive_design_icon.png") no-repeat center center;
}

.design2 {
    background: url("../../content/images/pages/m1_t1_p1/page08_elaborate_flexibility_icon.png") no-repeat center center;
}

.design3 {
    background: url("../../content/images/pages/m1_t1_p1/page08_simplified_workflow_icon.png") no-repeat center center;
}

.design4 {
    background: url("../../content/images/pages/m1_t1_p1/page08_outstanding_portability_icon.png") no-repeat center center;
}

.design5 {
    background: url("../../content/images/pages/m1_t1_p1/page08_Best_in_class_icon.png") no-repeat center center;
}

.design_text {
    display: inline-block;
    padding-left: 30px;
    color: #fff;
    line-height: 70px;
}

.intelligence_container {
    position: absolute;
    top: 100px;
}

.intel_content {
    position: absolute;
    text-align: center;
    width: 100px;
}

.intel1 {
    left: 0px;
    width: 160px;
}

.intel2 {
    background: url("../../content/images/pages/m1_t1_p1/page11_plus_img.png") no-repeat center center;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 190px;
    top: 35px;
}

.intel3 {
    left: 284px;
}

.intel4 {
    background: url("../../content/images/pages/m1_t1_p1/page11_small_arrow_icon.png") no-repeat center center;
    width: 58px;
    height: 22px;
    position: absolute;
    left: 434px;
    top: 40px;
}

.intel5 {
    left: 542px;
}

.intel6 {
    background: url("../../content/images/pages/m1_t1_p1/page11_small_arrow_vertical.png") no-repeat center center;
    width: 22px;
    height: 58px;
    position: absolute;
    left: 457px;
    top: 150px;
}

.intel7 {
    left: 417px;
    top: 225px;
}

.tab_h_left {
    float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 26%;
}

.tab_h_right {
    float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    width: 70%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.design_content_h {
    margin-bottom: 63px;
    margin-top: 53px;
}

.design_tab_h {
    background-color: #ea8300;
    color: #fff;
    font-size: 14px;
    height: 50px;
    width: 230px;
    padding: 0 15px;
    /*cursor: pointer;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.design_content_h .design_tab_h {
    margin-bottom: 15px;
}

.design_tab_h:hover:not(.current_tab) {
    background-color: #bf6d05;
}

.design_content_h .tab1,.design_content_h .tab4 {
    padding-top: 5px;
}

.design_content_h .tab2,
.design_content_h .tab3,
.design_content_h .tab5 {
    padding-top: 14px;
}

.design_tab_container_h {
    position: relative;
}

.design_tab_container_h .design_tab_content_h {
    display: none;
}

.design_tab_content_h {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    height: 443px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}


/*.design_tab_content_h::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ee8402 transparent transparent;
}*/

.tab_content_h_left {
    float: left;
    width: 360px;
    position: relative;
}

.tab_content_h_right {
    float: right;
}

.vdo {
    padding: 110px 0;
}

.tab_content_v_left {
    float: left;
    width: 518px;
    position: relative;
}

.tab_content_v_right {
    float: right;
}

.design_tab_h.current_tab,
.design_tab_v.current_tab {
    background-color: #5B8F21;
}

.design_content_v {}

.design_tab_v {
    background-color: #ea8300;
    color: #fff;
    font-size: 14px;
    height: 50px;
    width: 236.5px;
    padding: 0 15px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    /*cursor: pointer;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.design_tab_v:hover:not(.current_tab) {
    background-color: #bf6d05;
}

.design_content_v .design_tab_v + .design_tab_v {
    margin-left: 10px;
}

.design_content_v .design_tab_v.tab1,
.design_content_v .design_tab_v.tab2,
.design_content_v .design_tab_v.tab3 {
    padding: 4px 50px 0;
}


/*.design_content_v .design_tab_v.tab3 {
    padding: 4px 35px 0;
}*/

.design_content_v .design_tab_v.tab4 {
    padding: 4px 15px 0;
}

.design_tab_container_v {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.design_tab_container_v .design_tab_content_v {
    display: none;
}

.design_tab_content_v {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 324px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}


/*.design_tab_content_v::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0px;
    left: 50%;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ee8402 transparent;
}*/

.tab_content_in {
    padding: 25px;
    margin: 0;
    width: 100%;
}

.tab_heading {
    font-size: 16px;
    font-family: 'centralesansbold';
    color: #fff;
}

.listUl4 {
    margin: auto;
    margin-top: 20px;
    padding-left: 15px;
}

.listUl4 li {
    font-size: 14px;
    color: #fff;
    list-style: outside none square;
    margin-bottom: 12px;
}

.listUl4 li.sub_li {
    list-style: none;
    padding-left: 15px;
}

.listUl4 li.sub_li::before {
    content: "-";
    left: 15px;
    position: absolute;
}

.tab-img {
    float: right;
    position: relative;
}


/* PAGE 16 CSS START FROM HERE */

.processlst {
    margin: 10px 0 0;
    width: 100%; float: left;
}

.processlst ul {
    padding: 0;
    margin: 0;
}

.processlst ul li {
    float: left;
    width: 100%;
    margin: 0 0 7px 0px;
    padding: 0;
    list-style: none;
}

.processlst ul li img {
    float: left;
    margin: 0 20px 0 0;
}

.processlst ul li span {
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 0px 0 0;
    height: 70px;
display: flex;
align-items: center;
}

.processlst ul li:last-child span {
    margin: 15px 0 0;
}

.slide31_machine {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 2;
}

.slide31_nsight {
    left: -20px;
    position: absolute;
    top: 75px;
    z-index: 0;
}

.pop_full_img {
    height: 450px;
}


/* PAGE 16 CSS CLOSED FROM HERE */


/* PAGE 17 CSS START FROM HERE */

.imagning_1 {}

.imagning_1 img {
    display: block;
    margin: 8px 0;
}

.imagning_2 {
    text-align: left;
    margin-top: 20px;
    position: absolute;
    left: 0;
}

.imagning_1 img.img_1 {
    position: absolute;
    top: 40px;
    right: -55px;
}

.imagning_1 img.img_2 {
    position: absolute;
    right: -55px;
    top: 140px;
}


/* PAGE 17 CSS CLOSED FROM HERE */


/* PAGE 18 CSS START FROM HERE */

.temporal video {
    position: relative;
    width: 100%;
    height: 100%;
}

.animate1_box {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.animate1 {
    height: 350px;
}

.animate1 .anim_box {}

.animate1 .anim_box1 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    padding: 40px 0;
    position: absolute;
    left: 200px;
    top: 30px;
    z-index: 2;
}

.animate1 .anim_box2 {
    background-color: #fff;
    height: 100px;
    left: 310px;
    position: absolute;
    width: 5px;
    transform: rotate(-30deg);
    top: 125px;
}

.animate1 .anim_box3 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    position: absolute;
    padding: 40px 0;
    left: 100px;
    top: 200px;
    z-index: 2;
}

.animate1 .anim_box4 {
    background-color: #fff;
    height: 100px;
    left: 203px;
    position: absolute;
    width: 5px;
    transform: rotate(30deg);
    top: 125px;
}

.animate1 .anim_box5 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    position: absolute;
    padding: 40px 0;
    left: 300px;
    top: 200px;
    z-index: 2;
}

.animate1 .anim_box6 {
    background-color: #fff;
    height: 5px;
    left: 210px;
    position: absolute;
    top: 255px;
    width: 100px;
}

.animate2 {
    height: 350px;
}


.animate2 .anim_box1 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    padding: 40px 0;
    position: absolute;
    left: 200px;
    top: 30px;
    z-index: 2;
}

.animate2 .anim_box2 {
    /*background-color: #fff;*/
    border-left: 5px dotted #fff;
    height: 100px;
    left: 310px;
    position: absolute;
    width: 5px;
    transform: rotate(-30deg);
    top: 125px;
}

.animate2 .anim_box3 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    position: absolute;
    padding: 40px 0;
    left: 100px;
    top: 200px;
    z-index: 2;
}

.animate2 .anim_box4 {
    /*background-color: #fff;*/
    border-left: 5px dotted #fff;
    height: 100px;
    left: 203px;
    position: absolute;
    width: 5px;
    transform: rotate(30deg);
    top: 125px;
}

.animate2 .anim_box5 {
    background-color: #0189C5;
    height: 120px;
    width: 120px;
    color: #fff;
    font-family: 'centralesansbold';
    text-align: center;
    border-radius: 50%;
    position: absolute;
    padding: 40px 0;
    left: 300px;
    top: 200px;
    z-index: 2;
}

.animate2 .anim_box6 {
    /*background-color: #fff;*/
    border-top: 5px dotted #fff;
    height: 5px;
    left: 210px;
    position: absolute;
    top: 255px;
    width: 100px;
}


/* PAGE 18 CSS CLOSED FROM HERE */


/*******************/

.pop_full_img .popTxt {
    padding: 0 30px 30px 30px;
}

.pop_full_img .pophead {
    text-align: center;
    line-height: 31px;
}

.pop_full_img .popTxt img {
    width: 100%;
}

.pop_full_img .feature_content {
    height: auto;
    left: calc(50% - 375px);
    top: -50px;
    width: 750px;
}

.pop_full_img .feature_text {
    background: none;
    width: auto;
    height: 215px;
}

.pop_full_img .feature_text img {
    height: 100%;
}

.pop_full_img .feature_img {
    height: 215px;
}

.pop_full_img .caption {
    display: block;
    line-height: 30px;
    color: #fff;
}

.pop_full_img .feature_container {
    margin: 40px 0;
    position: relative;
    height: auto;
    width: 100%;
}

.pop_full_img #feature1,
.pop_full_img #feature2,
.pop_full_img #feature3 {
    padding: 0 0;
}

.promtext {
    font-style: italic;
    color: #fff;
    position: absolute;
    bottom: 50px;
}

.promtext img {
    width: 30px;
}

.feature17_popup {
    display: none;
}

.feature_overlay,
.feature_overlay2,
.feature_overlay3 {
    background-color: rgba(255, 255, 255, 0);
    height: 115%;
    position: absolute;
    width: 100%;
    display: none;
}

.feature_overlay3 {
    display: block;
}

.noclick {
    cursor: default;
    /*opacity: .8;*/
}


/******** help *******/

.menucover_3 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 220px;
    z-index: 109999;
}

.menucover_2 {
    display: none;
    height: 220px;
    right: 0;
    position: absolute;
    top: 240px;
    width: 120px;
    z-index: 109999;
}

.openit_2 {
    display: block;
}

.openit_3 {
    display: block;
}

.helpingpop {
    height: auto;
    width: 910px;
    left: calc(50% - 451px);
    color: #fff;
    z-index: 9999;
    top: 75px;
}

.helptop {
    float: left;
    width: 100%;
    background: #0189c5;
}

.herda {
    font-size: 24px;
    border-bottom: 1px solid #34a1d1;
    padding: 5px 0 5px 13px;
}

.hpcon {
    padding: 5px 0 5px 13px;
}

.fullaged {
    float: left;
    width: 100%;
    background: #fff;
}

.lefttrt {
    float: left;
    width: 190px;
    background: #0067a1;
}

.lefttrt ul {
    display: block;
}

.lefttrt ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #00629d;
}

.lefttrt ul li label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 190px;
    height: 50px;
}

.lefttrt ul li:last-child {
    border-bottom: 0px;
}

.righttrt {
    float: left;
    width: 720px;
    background: url("../../content/images/pages/global/h_icn_navigator.png") no-repeat bottom right;
}

.righttrt ul {
    padding: 0px;
    margin: 0px;
}

.righttrt ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #e5eaf1;
    color: #003478;
}

.righttrt ul li label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 692px;
    height: 50px;
    padding: 0 0 0 28px;
}

.lefttrt ul {
    padding: 0px;
    display: block;
}

.lefttrt ul li {
    padding: 0px;
    display: block;
}

.awa {
    float: left;
    width: 100%;
    padding: 0 100px 0 0;
}


/*****************/

.btn_container {
    position: absolute;
    right: 0;
    top: calc((100% - 80px) / 2);
}

.btn_nav {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
}

.btn_nav+.btn_nav {
    margin-top: 3px;
}

.btn_next {
    background: #ea8300 url("../../content/images/pages/m1_t1_p1/h_icn_next.png") no-repeat center center;
}

.btn_back {
    background: #ea8300 url("../../content/images/pages/m1_t1_p1/h_icn_back.png") no-repeat center center;
}

.btn_return {
    background: #ea8300 url("../../content/images/pages/m1_t1_p1/h_icn_return.png") no-repeat center center;
}

.btn_off {
    opacity: .5;
    cursor: default;
}

.thank-you-shield {
    text-align: center;
}

.thankyou {
    font-size: 24px;
    color: #fff;
    display: block;
    padding: 20px 0 0 0;
}


/***********************/

#optionContainer label {
    color: #fff;
}

#optionContainer {
    float: left;
    width: 100%;
}

.clicknew {
    float: left;
    width: 100%;
}

.clicknew i {
    display: block;
    padding-bottom: 20px;
    padding-top: 30px
}

.scrtd {
    margin-top: 30px;
}

.start-test,
.submit {
    background-color: #e98300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
}

.start-test:hover,
.submit:hover {
    background-color: #BF6D05;
}

.assiclose {
    display: none;
    background-color: #e98300;
    border-radius: 50%;
    float: left;
    height: 35px;
    line-height: 30px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -17px;
    cursor: pointer;
    width: 35px;
}

.assiclose:hover {
    background-color: #bf6d05
}

.assiclose span {
    display: inline-block;
    width: 18px;
    height: 3px;
    background: #fff;
}

.assdivs {
    width: 100%;
    margin-bottom: 20px;
}

.assdivs #optionContainer {
    margin-left: 0;
}

.assdivs .option input[type=checkbox]:not(old),
.assdivs .option input[type=radio]:not(old),
.assdivs .optionsBG input[type=checkbox]:not(old),
.assdivs .optionsBG input[type=radio]:not(old) {
    width: 30px;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 30px;
    position: absolute;
    left: 0;
}

@media screen and (min-width: 1201px){
    .assdivs .option input[type=radio].disabled:hover + label,
    .assdivs .option input[type=radio].disabled + label:hover {
        background: url('../../content/images/pages/global/radio_noact.png') no-repeat 0 5px;
        background-size: 16px;
        color: #0066a1;
    }

    .assdivs .option input[type=checkbox]:checked:disabled:hover + label {
        background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
        background-size: 20px;
        color: #0066a1;
    }

    .assdivs .option input[type=radio]:checked:disabled:hover + label {
        background: url('../../content/images/pages/global/check_act.png') no-repeat 0 5px;
        background-size: 20px;
        /*color: #ED9C33;*/
    }
    .assdivs .optionsBG input[type="checkbox"]:not(old) + label:hover {
        background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
        background-size: 20px;
    }
    .assdivs .optionsBG input[type="radio"]:not(old) + label:hover {
        background: url('../../content/images/pages/global/radio_act.png') no-repeat 0 5px;
        background-size: 16px;
    }
    .assdivs .option input[type=checkbox]:disabled:hover + label,
    .assdivs .option input[type=checkbox]:disabled + label:hover {
        background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
        background-size: 20px;
        color: #0066a1;
    }

    .assdivs .option input[type=radio]:disabled:hover + label,
    .assdivs .option input[type=radio]:disabled + label:hover {
        background: url('../../content/images/pages/global/radio_noact.png') no-repeat 0 5px;
        background-size: 16px;
        color: #0066a1;
    }
    .assdivs .option input[type="radio"]:hover + label,
    .assdivs .optionsBG input[type="radio"]:hover + label,
    .assdivs .option input[type="radio"] + label:hover {
        background: url('../../content/images/pages/global/radio_act.png') no-repeat 0 5px;
        background-size: 16px;
        color: #0089c4;
    }

    .assdivs .option input[type="checkbox"]:hover + label,
    .assdivs .optionsBG input[type="checkbox"]:hover + label,
    .assdivs .option input[type="checkbox"] + label:hover {
        background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
        background-size: 20px;
        color: #0089c4;
    }
}

.assdivs .option input[type="checkbox"]:not(old) + label {
    background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
    background-size: 20px;
}

.assdivs .option input[type="radio"]:not(old) + label {
    background: url('../../content/images/pages/global/radio_act.png') no-repeat 0 5px;
    background-size: 16px;
}

.assdivs .option input[type=radio]:not(old) + label,
.assdivs .optionsBG input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: 0px;
    padding-left: 35px;
    background: url('../../content/images/pages/global/radio_noact.png') no-repeat 0 5px;
    background-size: 16px;
    /*line-height: 26px;*/
    min-height: 35px;
    color: #3c3c3c;
    padding-top: 3px;
}

.assdivs .option input[type="checkbox"]:not(old) + label,
.assdivs .optionsBG input[type="checkbox"]:not(old) + label {
    display: inline-block;
    margin-left: 0px;
    padding-left: 35px;
    background: url('../../content/images/pages/global/check_nonact.png') no-repeat 0 3px;
    background-size: 20px;
    /*line-height: 26px;*/
    min-height: 35px;
    color: #3c3c3c;
    padding-top: 3px;
}

.assdivs .option input[type=checkbox]:not(old):checked + label,
.assdivs .optionsBG input[type=checkbox]:not(old):checked + label {
    background: url('../../content/images/pages/global/check_act.png') no-repeat 0 3px;
    background-size: 20px;
    color: #0066a1;
}

.assdivs .option input[type=radio]:not(old):checked + label,
.assdivs .optionsBG input[type=radio]:not(old):checked + label {
    background: url('../../content/images/pages/global/radio_act.png') no-repeat 0 5px;
    background-size: 16px;
    color: #0066a1;
}


/*********/

.paget {
    float: left;
    font-size: 18px;
    width: 100%;
    color: #fff;
}

.selck {
    float: left;
    width: 100%;
    color: #fff;
}

.mmcqdivs {
    float: left;
    width: 100%;
    color: #fff;
}

.lpcover {
    float: left;
    padding: 36px 0 40px;
    width: 100%;
}

.loopmmcq {
    float: left;
    margin: 0 0 13px;
    width: 100%;
}

.csleft {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: left;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    margin: 0 3px 0 0;
    padding: 0 0 0 18px;
    width: 770px;
}

.csright {
    float: left;
    width: 250px;
}

.csright select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: url("../../content/images/pages/m1_t1_p1/down_d.png");
    background-position: right top;
    background-repeat: no-repeat;
    border: 0 none;
    float: left;
    font-size: 18px;
    height: 36px;
    padding: 0 34px 0 20px;
    width: 100%;
    cursor: pointer;
}

.csright select option {
    border: 0;
    color: #3c3c3c;
    padding: 10px;
}

.kchebtn {
    background: #e98300 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
}

.kcheMenubtn {
    background: #e98300 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
}

.feature_content.managepopup5 {
    color: #3c3c3c;
    height: auto;
    left: calc(50% - 219px);
    top: 145px;
    width: 500px;
}

.fetrdic2 {
    float: left;
    padding: 25px 25px 40px;
    width: 100%;
}

.tchead {
    color: #3c3c3c;
    float: left;
    font-size: 16px;
    padding: 0 0 10px;
    width: 100%;
}

.wrongass {
    float: left;
    width: 100%;
    display: block;
}

.rightass {
    float: left;
    width: 100%;
}

.rightass .both-buttons {
    float: left;
    width: 100%;
    margin: 20px 0 47px;
}

.rightass .both-buttons #Restart_btn {
    background: #e98300;
    border: 0;
    float: left;
    padding: 8px 14px;
    color: #fff;
}

.rightass .both-buttons #RetryAssessment_btn {
    background: #e98300;
    float: left;
    padding: 8px 14px;
    margin: 0 0 0 10px;
    float: left;
    border: 0;
    color: #fff;
}

.rightass .both-buttons #RetryAssessment_btn:hover {
    background: #bf6d05;
}

.rightass .both-buttons #Restart_btn:hover {
    background: #bf6d05;
}

.rightass .quesContent {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);*/
    border-bottom: 1px solid #b2cddc;
    border-left: 1px solid #b2cddc;
    border-right: 1px solid #b2cddc;
}

.rightass .quesHead {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);*/
    border-bottom: 1px solid #b2cddc;
    border-right: 1px solid #b2cddc;
    border-left: 1px solid #b2cddc;
}

.rightass .ansHead {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);*/
    border-bottom: 1px solid #b2cddc;
    border-right: 1px solid #b2cddc;
}

.rightass .tableStyle {
    position: relative;
    float: left;
    width: 100%;
    border: 0px;
    color: #005b8a;
}

.rightass .ansTick {
    border-bottom: 1px solid #b2cddc;
    border-right: 1px solid #b2cddc;
}

.rightass .tableStyle {
    border-bottom: 0px;
}

.tableStyle .cross {
    background: rgba(0, 0, 0, 0) url("../../content/images/pages/global/wrong_w.png") no-repeat scroll center center !important;
}

.tick {
    background: rgba(0, 0, 0, 0) url("../../content/images/pages/global/right.png") no-repeat scroll 0 0 !important;
    cursor: default;
    height: 35px;
    padding-left: 0;
}

.showcross {
    background: url("../../content/images/pages/global/wrong_w.png") no-repeat center center;
}

.showtick {
    background: url("../../content/images/pages/global/right_w.png") no-repeat center center;
}

.helpingpop {
    height: auto;
    width: 910px;
    left: calc(50% - 451px);
    color: #fff;
}

.helptop {
    float: left;
    width: 100%;
    background: #0189c5;
}

.herda {
    font-size: 24px;
    border-bottom: 1px solid #34a1d1;
    padding: 5px 0 5px 13px;
}

.hpcon {
    padding: 5px 0 5px 13px;
}

.fullaged {
    float: left;
    width: 100%;
    background: #fff;
}

.lefttrt {
    float: left;
    width: 190px;
    background: #0067a1;
}

.lefttrt ul {
    display: block;
}

.lefttrt ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #00629d;
    height: 60px;
}

.lefttrt ul li label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 190px;
    height: 60px;
}

.lefttrt ul li:last-child {
    border-bottom: 0px;
}

.righttrt {
    float: left;
    width: 720px;
}

.righttrt ul {
    padding: 0px;
    margin: 0px;
}

.righttrt ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #e5eaf1;
    height: 60px;
    color: #003478;
}

.righttrt ul li label {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 692px;
    height: 60px;
    padding: 0 0 0 28px;
}

.lefttrt ul {
    padding: 0px;
    display: block;
}

.lefttrt ul li {
    padding: 0px;
    display: block;
}

.awa {
    float: left;
    width: 100%;
    padding: 0 100px 0 0;
}

#section5_0,
#section5_1,
#section5_2,
#section5_3,
#section5_4,
#section5_5,
#section5_6,
#section5_7 {
    display: none;
}

.extfon {
    font-size: 18px;
    color: #fff;
}

.clts {
    color: #fff;
}

.kmore3 {
    background: #e98300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 5px 15px;
    cursor: default;
    opacity: 0.5;
    pointer-events: none;    
}

.kmore3:hover {
    background: #bf6d05;
}

.tyragn1 {
    background: #e98300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 5px 15px;
    margin-left: 10px;
    display: none;
}

.tyragn1:hover {
    background: #bf6d05;
}

.tyragn2 {
    background: #e98300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 5px 15px;
    margin-left: 10px;
}

.tyragn2:hover {
    background: #bf6d05;
}

.tyragn {
    background: #e98300;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 5px 15px;
    margin-left: 10px;
}

.tyragn:hover {
    background: #bf6d05;
}

.managepopup6 {
    color: #3c3c3c;
    height: auto;
    left: calc(50% - 219px);
    top: 145px;
    width: 500px;
}

.tdhead {
    display: block;
    font-size: 16px;
    padding: 0 0 10px;
}

.alted {
    display: block;
    padding: 26px;
}

.disableDiv {
    display: none!important;
}

.managepopup6 {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-top: 3px solid #5b8f22;
    height: 156px;
    margin: 20px 0 0 0;
    color: #fff;
}

.managepopup6 .alted {
    padding: 15px;
}

.checkincorrect,
.checkincorrect_2 {
    border-top: 3px solid #ce202a;
}

.feature_text.aks .feature_img {
    position: relative;
}

.feature_text.aks .feature_img:hover:after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #f5f1f5;
}

.evenDiv .result_table li:nth-child(odd) .quesContent {}

.evenDiv .result_table li:nth-child(even) .quesContent {}

.evenDiv .result_table li:nth-child(odd) .ansTick {}

.evenDiv .result_table li:nth-child(even) .ansTick {}


/***** margin and padding *****/

.marginNone {
    margin: 0;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.marginTop0 {
    margin-top: 0;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginBottom0 {
    margin-bottom: 0;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginLeft0 {
    margin-left: 0;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginRight0 {
    margin-right: 0;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight30 {
    margin-right: 30px;
}

.marginTopBottom10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.marginTopBottom15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.marginTopBottom20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.marginTopBottom30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.marginLeftRight10 {
    margin-left: 10px;
    margin-right: 10px;
}

.marginLeftRight15 {
    margin-left: 15px;
    margin-right: 15px;
}

.marginLeftRight20 {
    margin-left: 20px;
    margin-right: 20px;
}

.marginLeftRight30 {
    margin-left: 30px;
    margin-right: 30px;
}

.paddingNone {
    padding: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.paddingTop0 {
    padding-top: 0;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop30 {
    padding-top: 30px;
}

.paddingBottom0 {
    padding-bottom: 0;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.paddingLeft0 {
    padding-left: 0;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft30 {
    padding-left: 30px;
}

.paddingRight0 {
    padding-right: 0;
}

.paddingRight5 {
    padding-right: 5px;
}

.paddingRight10 {
    padding-right: 10px;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingRight20 {
    padding-right: 20px;
}

.paddingRight30 {
    padding-right: 30px;
}
.slide_22_name_1{
    position: absolute;
    left: 58px;
    top: 228px;
    color: #ffffff;
    width: 113px;
    text-align: left;
}
.slide_22_name_1 p{margin-left: -133px; width: 84px;}
.slide_22_name_1 .name1tip{
    height: 1px;
    width: 190px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    right: -31px;
}
.slide_22_name_1 .name1tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    right: 0;
}

.slide_22_name_2{
    position: absolute;
    left: -112px;
    top: 304px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_22_name_2 .name2tip{
    height: 1px;
    width: 87px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    right: -67px;
}
.slide_22_name_2 .name2tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    right: 0;
}

.slide_22_name_3{
    position: absolute;
    left: -112px;
    top: 359px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_22_name_3 .name3tip{
    height: 1px;
    width: 109px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    right: -91px;
}
.slide_22_name_3 .name3tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    right: 0;
}

.slide_22_name_4{
position: absolute;

left: 293px;

top: 220px;

color: #ffffff;

width: 113px;

text-align: left;
}
.slide_22_name_4 .name4tip{
height: 1px;

width: 59px;

background-color: #42145f;

position: absolute;

top: 15px;

left: -87px;
}
.slide_22_name_4 p{margin-left: -20px; width: 100px;}
.slide_22_name_4 .name4tip:before{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_22_name_5{
    position: absolute;
    left: 248px;
    top: 304px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_22_name_5 .name5tip{
height: 1px;

width: 87px;

background-color: #42145f;

position: absolute;

top: 12px;

left: -94px;
}
.slide_22_name_5 .name5tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_22_name_6{
    position: absolute;
    left: 238px;
    top: 359px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_22_name_6 .name6tip{
    height: 1px;
    width: 91px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -93px;
}
.slide_22_name_6 .name6tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}
.below_patch{
    color: #ffffff;
    padding: 10px 20px;
    background-color: rgba(5,49,109,0.5);
}
.below_patch .listUl4{
    margin-left: 10px;
}
.slide_29_name_1{
    position: absolute;
    left: 356px;
    top: 80px;
    color: #ffffff;
    width: 190px;
    text-align: left;
}
.slide_29_name_1 .name1tip{
    height: 1px;
    width: 46px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -55px;
}
.slide_29_name_1 .name1tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}
.slide_29_name_2{
    position: absolute;
    left: 325px;
    top: 162px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_29_name_2 .name2tip{
    height: 1px;
    width: 91px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -93px;
}
.slide_29_name_2 .name2tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_29_name_3{
    position: absolute;
    left: 370px;
    top: 281px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_29_name_3 .name3tip{
    height: 1px;
    width: 55px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -59px;
}
.slide_29_name_3 .name3tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_29_name_4{
    position: absolute;
    left: 14px;
    top: 361px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_29_name_4 .name4tip{
    height: 1px;
    width: 142px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left:134px;
}
.slide_29_name_4 .name4tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 136px;
}

.slide_210_name_1{
    position: absolute;
    left: 335px;
    top: 70px;
    color: #ffffff;
    width: 190px;
    text-align: left;
}
.slide_210_name_1 .name1tip{
    height: 1px;
    width: 46px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -55px;
}
.slide_210_name_1 .name1tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}
.slide_210_name_2{
    position: absolute;
    left: 311px;
    top: 149px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_210_name_2 .name2tip{
    height: 1px;
    width: 91px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -93px;
}
.slide_210_name_2 .name2tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_210_name_3{
    position: absolute;
    left: 370px;
    top: 252px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_210_name_3 .name3tip{
    height: 1px;
    width: 91px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -93px;
}
.slide_210_name_3 .name3tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

.slide_210_name_4{
    position: absolute;
    left: 362px;
    top: 334px;
    color: #ffffff;
    width: 169px;
    text-align: left;
}
.slide_210_name_4 .name4tip{
    height: 1px;
    width: 91px;
    background-color: #42145f;
    position: absolute;
    top: 12px;
    left: -93px;
}
.slide_210_name_4 .name4tip:after{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #42145f;
    position: absolute;
    top: -5px;
    left: 0;
}

#section1 .col-xs-8 img{margin-left: 116px;}

#sec3Child10 .img-list{margin: 0px 0 0 20px;}
#sec3Child10 .img-list span{margin-right: 10px;
float: left;
text-align: center;}
#sec3Child10 .note-txt{color: rgba(255, 255, 255, 1);margin: 20px 0 0 20px;float: left; }
#sec3Child10 .knowdiv{color: #fff;text-align: center;    margin-top: 20px;float: left;width: 100%;}
#sec3Child10 .img-list span img {display: block;}
#sec3Child10 .knowdiv p {
    margin-top: 10px;
}
#sec3Child10 .feature_text {
    width: 136px;
    height: 43px;
    float: none;
    display: block;
    margin: auto;
    line-height: 43px;
}
#sec3Child10 .feature_text a {
    text-decoration: none;
    color: #ffffff;
}
#sec3Child10 .feature_text a:hover{
    text-decoration: none;
}
#sec3Child10 .img-list span b {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}
#sec2Child12 .popTxt:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #cccccc;
}
#sec2Child12 .feature10_popup .popTxt:before{
    content: "";
    position: absolute;
    left: 56%;
    top: 20px;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #cccccc;

}#sec2Child12 .feature13_popup .long_image img{
    width: 300px;
    margin-bottom: 20px;
}
#sec2Child12 .popTxt .pop-img{
    border-left: 0px;
}
#sec2Child12 .feature11_popup .pop-img {
    margin-top: 2%;
    padding-left: 0;
}
#sec2Child12 .feature12_popup .pop-img {
    margin-top: 5%;
}
#sec2Child12 .feature13_popup .pop-img {
    padding-left: 0;text-align: center;
}
#sec2Child12 .feature3_popup .pop-img {
    padding-left: 23px;
}
#sec2Child12 .feature5_popup .pop-img {
    padding-left: 21px;
}
#sec2Child12 .feature10_popup .pop-img {
    padding-left: 48px;
    padding-top: 8%;
}
#sec2Child12 .feature13_popup .popTxt:before{left: 59%;}
/************** for devices media query ****************/