@import url(fonts.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html{font-size: 10px;}

*, *:focus{outline:none;}
a{text-decoration:none}
.trans{transition:200ms all ease-in-out;-webkit-transition:200ms all ease-in-out;}
button{background-color: transparent;}
button, input, select, textarea { resize: none; border: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none ;padding: 0}
input[type=submit], select { cursor: pointer }
img { max-width: 100%; vertical-align: middle; border-radius: 0 }
.absoLink, .absoImg{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index: 1}
.form-control::-webkit-input-placeholder, ::-webkit-input-placeholder{color:rgba(37,52,81,0.5);}
.form-control:-moz-placeholder, :-moz-placeholder{color:rgba(37,52,81,0.5);opacity:1;}
.form-control::-moz-placeholder, ::-moz-placeholder{color:rgba(37,52,81,0.5);opacity:1;}
.form-control:-ms-input-placeholder, :-ms-input-placeholder{color:rgba(37,52,81,0.5);}

body{font:400 1.6rem/1.42857 'Adagio_Sans';color: #2a3439;overflow-x: hidden;background-color: #F0F0F0}
#page{position: relative;overflow: hidden;padding: 0 0 0 95px;}
a{-webkit-transition: 300ms all;transition: 300ms all;color: #999999;}
p{font:400 1.6rem/1.6 'Adagio_Sans';color: #414141;letter-spacing: 0.56px;color: #000000}
p:not(:last-child){padding-bottom: 1.6rem;}
.pr{position: relative}
[data-img]{background-size: cover;background-position: center center;background-repeat: no-repeat}

b, strong{font-weight: 700}
.scrollTop{position:fixed;right:10px;bottom:70px;width:40px;height:40px;z-index:11;box-shadow:0 0 0 5px rgba(0,0,0,0.1);-o-transition: 300ms all;-moz-transition: 300ms all;transition:300ms all;-webkit-transition:300ms all;display:none;background: rgba(0,105,189,0.8) url(../images/scroll-arrow.png) no-repeat center center;z-index: 1111;-webkit-border-radius: 50%;border-radius: 50%;}
.allMiddle > *{display: inline-block;vertical-align: middle;}
button:focus {outline: none;}

/* Menu  icon css start */
.menuIcon{position:relative;float:right;background-color:transparent;width:30px;height:30px;overflow:hidden;border: 1px solid #231f20;padding: 0;-webkit-border-radius: 3px;border-radius: 3px;border: 0;display: none;}
.menuRight > .menuIcon{display: none;}
.menuIcon span{width:22px;height:2px;background:#425f75;position:absolute;transition:all 500ms;left: 0;right: 0;margin: auto;top: 8px;}
.menuIcon span.line2{top:14px;}
.menuIcon span.line3{top:20px;}
.menuIcon span.line4{top:32px;}
.menuSlide .menuIcon span.line4, .menuSlide .menuIcon span.line1{right:-50%;opacity:0;}
.menuSlide .menuIcon span.line2, .menuSlide .menuIcon span.line3{width:20px;top:50%;}
.menuSlide .menuIcon span.line2{transform:rotate(45deg);}
.menuSlide .menuIcon span.line3{transform:rotate(-45deg);}
/* Menu  icon css end */

.overLayer{position: fixed;left: 0;top: 0;background-color: #000000;z-index: 11;width: 100%;height: 100%;opacity: 0;visibility: hidden;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left: 15px;padding-right: 15px;}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-track{margin: auto;}
.slick-dots{text-align: center;height: 15px;position: absolute;left: 0;right: 0;bottom: 3rem}
.slick-dots li{display: inline-block;vertical-align: top;margin: 0 9px;}
.slick-dots li button{-webkit-border-radius: 50%;border-radius: 50%;width: 14px;height: 14px;background-color: transparent;display: block;font-size: 0;overflow: hidden;position: relative;-webkit-transition: 300ms all;-o-transition: 300ms all;transition: 300ms all;padding: 0;border: 2px solid #fff;opacity: 0.4}
/*.slick-dots li button:after{-webkit-border-radius: 50%;border-radius: 50%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background-color: #fff;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: 300ms all;-o-transition: 300ms all;transition: 300ms all;border: 0}
.slick-dots li.slick-active button:after{-webkit-transform: scale(1);transform: scale(1);}*/
.slick-dots li.slick-active button{background-color: #c3a258;border-radius: 50px;width: 28px;border-color: #c3a258;opacity: 1}

.slick-arrow{position: absolute;top: 0;bottom: 0;margin: auto;z-index: 11;font-size: 20px;transition: 300ms all;background-color: transparent;color: #ffffff;width: 5rem;height: 5rem;text-align: center;}
.slick-prev{left: 5rem}
.slick-next{right: 5rem}
/*.slick-arrow:after{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';width: 100%;height: 100%;}
.slick-prev:after{background: url(../images/nav-left.png) no-repeat center center / contain;}
.slick-next:after{background: url(../images/nav-right.png) no-repeat center center / contain;}*/

.menuBtn{position: absolute;top: calc(50% + 116px);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;margin: auto;width: 42px;z-index: 1;}
.menuBtn i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.menuBtn > *{display: block;position: relative;}
.menuBtn span,.menuBtn span:before, .menuBtn span:after{width: 42px;height: 3px;background-color: #252525;}
.menuBtn span:before{content: '';position: absolute;left: 0;top: -12px;}
.menuBtn span:after{content: '';position: absolute;left: 0;bottom: -12px;}
.menuBtn small{text-transform: uppercase;color: #252525;font-weight: 500;font-size: 15px;text-align: center;margin: 2.5rem 0 0}


.pr{position: relative;}
.bannerSec{position: relative;border-bottom: 5px solid #4F622A;margin: 0 -6rem 2rem;padding: 0 6rem;}

.bannerTxt{position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;z-index: 1;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.1);display: flex;flex-direction: column;padding: 2rem;}
.bannerSec h1{font-size: 5rem;text-transform: uppercase;font-weight: 700;color: #ffffff;letter-spacing: 0.5px;line-height: 1.2}
.bannerSec h1.elearningTitle{color : var(--elearning-name-color, #ffffff);}
.logo{padding: 2rem 0;text-align: center;position: relative;max-width: 1400px;margin: 0 auto;}
.logo a{display: inline-block;vertical-align: top;}
.logo img{max-width: 15rem;max-height: 10rem;}
.searchBox{width: 30rem;position: relative; /* background-color: #f9f9f9;padding: 1rem;box-shadow: 0 0 5px rgba(0,0,0,0.2);opacity: 0;visibility: hidden;transition: 300ms all;z-index: 9;position: absolute;right: 0;top: 0; */}

.searchBoxshow .searchBox{opacity: 1;visibility: visible;}
.searchBoxshow a.searchToggle > i{font-family: "Font Awesome 5 Pro";font-weight: 900;}
.searchBoxshow a.searchToggle > i:before{content: "\f00d";font-size: 2.5rem;margin-top: 1rem;display: inline-block;vertical-align: top;line-height: 1}
.searchBoxshow a.searchToggle #svgSearch{display: none;}

.searchBox .form-control{padding-right: 4.5rem;}
.searchSbmit{position: absolute;right: 0;width: 4rem;top: 0;height: 4rem;line-height: 1rem;}
.searchSbmit svg{fill: #A6B093;max-width: 50%;height: 2.2rem;}

.sDiv{height: 33rem;}

.scrollBtn{display: inline-block;vertical-align: top;text-transform: uppercase;-webkit-border-radius: 50px;border-radius: 50px;color: #000000;background-color: #ffffff;padding: 0 15rem;font:600 1.6rem/4rem 'Adagio_Sans';margin-top: 1rem;}

.welSec{text-align: center;/*margin-bottom: 2rem;margin-bottom: 4rem;*/}
/*.sTitle{font: 500 3rem/1.2 'Lora', serif;padding-bottom: 2rem;}*/

h2, .sTitle{font: italic 600 3.4rem/1.3 'Adagio_Sans';padding-bottom: 2rem;color: #000000;}

.welTxt{position: relative;z-index: 1;text-align: left;/*padding: 3rem;max-width: 1024px;max-width: 1600px;max-width: 1200px;*/ margin: 0 auto 4rem;padding: 4rem;max-width: 1200px;}
.welTxt p{/*font:500 2.8rem/5rem 'Adagio_Sans';*/ font-weight: 500}
.welbgColor{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;opacity: 0.2;}

.chapSec{border-top: 2px solid #00a2e5;border-bottom: 2px solid #00a2e5;position: relative;}

.chapSec{max-width: 1024px;margin: 0 auto 3rem;}
.fa, .fas{vertical-align: middle;}
.lesUl{list-style: none;padding: 0;}
.lesUl > li:not(:last-child){border-bottom: 2px solid #ffffff;}
.lesUl > li > a{display: table;padding: 2rem 10rem 2rem 2rem;color: #a4a6a7;width: 100%;font-weight: 500;}
.leftSide .lesUl > li > a{font-size: 1.4rem;}
.leftSide .lesUl > li > a > span{width: 3.5rem;}
.leftSide .lesUl > li > a > small{padding-right: 4rem;word-break: break-all;}
.lesUl > li > a:hover{background-color: #f9f9f9;}
.lesUl > li.active > a,
.lesUl > li.complete > a{color: #000000}
.lesUl > li.active > a span,
.lesUl > li.complete > a span{color: #5eb11b}

.lesUl > li > a > *{display: table-cell;vertical-align: middle;}
.lesUl > li > a > small{font-size: 100%;}
.lesUl > li > a > span{width: 4rem;color: #000000;font-size: 2rem;}
.lessionList{position: relative;}
.vProgress{position: absolute;right: 3rem;top: 2rem;bottom: 2rem;border-top: 2px solid #00a2e5;width: 4rem;z-index: 1}
.userImg{display: block;margin: 0 auto;width: 4rem;height: 4rem;-webkit-border-radius: 50%;border-radius: 50%;}
.proLinebg{position: absolute;left: 0;right: 0;top: 0;width: 2px;height: 100%;margin: auto;z-index: -2;opacity: 0.3}
.proLine{position: absolute;left: 0;right: 0;top: 0;width: 2px;height: 0;margin: auto;z-index: -1;}

.tooltip{font-size: 1.3rem}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[data-popper-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
  top: -1px;
  border-width: 0.6rem 0.6rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .arrow, .bs-tooltip-auto[data-popper-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .arrow, .bs-tooltip-auto[data-popper-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}


.lesInner{padding: 0 0 0 32rem;transition: 300ms all;}
/*.hideSidebar .lesInner{padding-left: 0}*/
.lesInner{min-height: 100vh;background-color:#fafafa;}
.leftSide{position: fixed;left: 0;top: 0;bottom: 0;overflow: auto;background-color: #ffffff;width: 32rem;display: flex;flex-direction: column;}
.listWrap{height: 100%;overflow: auto;}

.leftTop{padding: 2rem 15px;color: #ffffff;}
.sideTtle{font-size: 1.6rem;font-weight: 500;padding-bottom: 1.5rem;min-height: 8rem}


.leftSide .lesUl > li > a{padding-left: 15px;padding-right: 15px;}
.leftSide .vProgress{right: 2rem;}



.cmsCon{font: 400 1.6rem/1.2 'Adagio_Sans';}
.commonSec .container{margin: 0 auto;max-width: 920px;}
.secTitle{font: 600 4rem/1.2 'Adagio_Sans';}
.borderSpan{display: block;width: 16rem;height: 5px;margin: 2rem 0 0;}
.cmsCon h2{font: 700 3rem/1.2 'Adagio_Sans';padding-bottom: 10px;}
.titleBox{border-bottom: 1px solid #eaeaea;padding: 50px 0;border-top: 1px solid #eaeaea}
.commonSec{position: relative;}
.commonSec ~ .commonSec{margin-top: 50px;}
.txtWrapper{padding: 4rem 0 0;}
/*.txtWrapper ~ .txtWrapper{border-top: 1px solid #eaeaea;}*/
.borderNone > div{border: 0 !important;}
img{max-width: 100%;max-height: 100%;vertical-align: middle;border: 0;}
.videoCon, .imgBox + *{margin-top: 20px;}
.cmsCon img {
    width: auto !important;
    height: auto !important;
}
.audioBox audio{width: 100%;}
.videoBox video{width: 100%;height: auto;vertical-align: top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.docUl{list-style: none;padding: 0}
.docUl li ~ li{margin-top: 15px;}
.docUl i{vertical-align: inherit;}
.docUl a{color: #000000;}

.radioAnswer .txtWrapper + .txtWrapper{padding-top: 3rem;}

.aswerWrap{border: 1px solid #eaeaea;padding: 3rem;background-color: #ffffff;}
.radioAnswer{position: relative;/*padding: 0 0 0 4rem;*/ padding: 3rem 0 3rem 4rem}
.radioAnswer:last-child .txtWrapper{padding-bottom: 0}
.rachLabel{position: absolute;left: 0;top: 3.5rem;}
.rachLabel input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;margin: 0;opacity: 0}
.rachLabel > span{border: 1px solid #8a8c8d;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;width: 2rem;height: 2rem;position: relative;}
.rachLabel > span:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;content: '';-webkit-border-radius: 50%;border-radius: 50%;width: 0.6rem;height: 0.6rem;background-color: #e2a300;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: 300ms all;transition: 300ms all;}
.rachLabel input:checked ~ span:after{-webkit-transform: scale(1);transform: scale(1);}
.radioAnswer div:first-of-type{padding-top: 0}
/*.radioAnswer .txtWrapper ~ .txtWrapper{border-top: 0;padding-top: 0}*/
.radioAnswer:not(:last-child){border-bottom: 1px solid #dcdcdc;/*margin-bottom: 3rem;padding-bottom: 3rem;*/}

.absoRadio{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0;z-index: 2}
input.absoRadio:checked ~  .rachLabel span:after{-webkit-transform: scale(1);transform: scale(1);}


.chkBox > span{-webkit-border-radius: 0;border-radius: 0;}
.chkBox > span:after{-webkit-border-radius: 0;border-radius: 0;width: 10px;height: 10px;}
.aswerWrap:last-child{margin-bottom: 5rem;}

.btnDiv{text-align: center;;background-color: #f9f9f9;font-size: 1.3rem;position: absolute;left: 0;right: 0;bottom: 0;}
.btn{font: 600 1.6rem/4rem 'Adagio_Sans';padding: 0 4rem;display: inline-block;vertical-align: top;}
.btn-big{max-width: 40%;width: 100%;}
.btn-primary{background-color: #4f622a;color: #ffffff;border-color: #4f622a;}
.btn-secondary{background-color: #9a9a9a;color: #ffffff;}
.btn-h-40{line-height: 3.8rem}
.commonSec{height: 100vh;overflow: auto;padding-bottom: 50px;}

.prevDiv{text-align: center;background-color: #f9f9f9;font-size: 1.3rem;position: relative;}
.btnDiv a,
.prevDiv a{display: inline-block;vertical-align: top;color: #333333;padding: 10px;}
.btnDiv a > *,
.prevDiv a > *{display: block;}

.lesCount{font: 500 1.5rem/1.2 'Lora', serif;padding-bottom: 1rem;}

.rightDiv{position: relative;z-index: 1;background-color: #fafafa;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-transition: 300ms all;transition: 300ms all;}
/*.toggleSide{position: absolute;left: 2rem;top: 2rem;font-size: 2rem;}*/
div span.irs--big .irs-bar,
div span.irs--big .irs-from, div span.irs--big .irs-to, div span.irs--big .irs-single{background: #00a2e5}


.rangeBox:not(:last-child){border-bottom: 1px solid #dcdcdc;padding-bottom: 3rem;margin-bottom: 3rem;}
.rangeBox > label{margin-bottom: 1.5rem;}

.aswerWrap:first-child{margin-top: 4rem;}
.aswQuestion{margin-bottom: 4rem;}
.aswQuestion:last-child{border-bottom: 1px solid #dcdcdc;padding-bottom: 3rem;margin-bottom: 0;}
.centeBtn{text-align: center;margin-top: 2rem;}


.quizFeedback{background-color: #f8f8f8;padding:1.5rem 3rem;text-align: center;}
.quizIcon > *{display: block;}
.quizIcon > i{width: 5rem;height: 5rem;border: 2px solid #cacbcb;line-height: 4.6rem;text-align: center;color: #313537;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 auto 0.5rem;font-size: 2rem;}
.feedLabel{font-size: 1.2rem;color: #313537;font-weight: 500;}
.feedTxt{color: #707070;margin: 2rem 0 0;}


/*.quizBox{margin: 5rem 0 0;}*/
.tryAgain{text-align: center;margin: 1.5rem 0 0}
.tryBtn > *{display: block;text-align: center;text-transform: uppercase;color: #4b4f50}
.tryBtn > span{font-weight: 500;color: #313537;font-size: 1.2rem;padding-bottom: 5px;}

.loginMain{display: table;width: 100%;table-layout: fixed;height: 100vh;}
.loginMain > *{display: table-cell;vertical-align: middle;text-align: center;}

.loginRight{text-align: left;padding: 5rem;}
.loginFrm{max-width: 500px;margin: 0 auto;}

.loginLogo{margin-bottom: 5rem;}
.loginLogo img{max-width: 30rem;max-height: 15rem;}
.orgTxt{font-size: 1.4rem;font-weight: 500;margin-bottom: 3rem;}
.form-control{padding: 0 1.5rem;height: 4rem;box-shadow: none !important;outline: none;font-size: 1.4rem;color: #484848;background-color: #f9f9f9}
.form-group{margin-bottom: 2rem;}
.form-group > label{font-size: 1.4rem;font-weight: 500;padding-bottom: 0.5rem;}
.form-group > label > em{font-style: normal;color: #f00}

.subbtnDiv{display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}
.forgotLink{color: #000000;font-size: 1.4rem;text-decoration: underline;text-align: right;}

.wrapper:not(.noFram){position: relative;padding: 2rem;overflow: hidden;min-height: 100vh;}
.wrapper:not(.noFram):before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;background: transparent linear-gradient(180deg, #4F622A 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box;content: '';z-index: -2;height: 150vh;}
/*.wrapper:not(.noFram):after{position: absolute;left: 3rem;top: 3rem;right: 3rem;bottom: 3rem;pointer-events: none;background-color: #ffffff;content: '';z-index: -1}*/


.topSection{background-color: #ffffff;padding: 0 6rem 10rem;position: relative;}
.menuDiv{margin: auto;max-width: 1800px;border-bottom: 2px solid #BCBCBC;padding:1.5rem 0;max-width: 1400px;position: relative;z-index: 9}
.max1800{max-width: 1800px;margin: 0 auto;max-width: 1400px;}

.navigation{display: flex;justify-content: space-between;align-items: center;}
.navigation > ul{display: flex;align-items: center;}
.navigation > ul > li{text-align: center;}
.navigation > ul > li:not(:first-child){margin-left: 3.5rem;}
.navigation > ul > li > a{text-transform: uppercase;letter-spacing: 0.56px;font:600 1.6rem/1 'Adagio_Sans';color: #A6B093;display: inline-flex;justify-content: center;flex-direction: column;align-items: center;}
.navigation > ul > li > a > i{width: 20px;margin-bottom: 0.6rem;height: 20px;}
.navigation > ul > li > a > i svg{fill: #A6B093;max-width: 100%;width: auto;height: 20px;}
.navigation > ul > li > a.active{color: #E68072}
.navigation > ul > li > a.active > i svg{fill: #E68072}
.navigation > ul > li > a > *{display: inline-block;vertical-align: middle; position: relative;}
.countBadge{position: absolute;border-radius: 50%;background-color: #E68072;color: #ffffff;font:400 1.4rem/2rem 'Adagio_Sans';padding: 0 0.7rem;}
.navigation .countBadge{margin: -0.5rem 0 0 3rem;}

.navigation > ul > li.logoutLi > a > i svg{fill: #E68072}

#svgSearch, #svgLogout{max-height: 75%;}

.frontBanner .sDiv{position: relative;/*height: 60rem;*/}
.sDiv .bannerTxt{position: absolute;right: 5rem;bottom: 5rem;z-index: 1;padding: 2.5rem;max-width: 50rem;left: auto;top: auto;text-align: left;display: block;}
.sDiv .bgSpan{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.75;}
.sDiv .bannerTxt > p{font:500 2.2rem/1.4 'Adagio_Sans';letter-spacing: 0.8px;color: #ffffff;}
.sDiv .bannerTxt > p a{color: #ffffff;text-transform: uppercase;}

.frontLogo{padding: 2.5rem 0;}
.frontLogo img{max-width: 30rem;max-height: 10rem;}


.welQuote{text-align: center;color: #000000;max-width: 870px;margin: 0 auto;font:300 3.5rem/1.3 'Adagio_Sans';}
.tooltip.show{opacity: 1}
.tooltip-inner{background-color: #E68072;padding: 1rem;}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left,
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {padding: 0 .4rem;}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .arrow::before{border-top-color: #E68072;}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before{border-bottom-color: #E68072;}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {right: 0;border-width: .4rem .4rem .4rem 0;border-right-color: #E68072;}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {left: 0;width: .4rem;height: .8rem;}


/*.catSec{margin: 0 -6rem}*/
.sInner{max-width: 1940px;margin: 0 auto;max-width: 1400px;}
/* Category slider css start */
.slider-nav-holder {position: relative;}
.slider-nav {
    color: #FFF;
    width: 4.8rem;
    height: 4.8rem;
    font-size: 3rem;
    line-height: 4.8rem;
    border-radius: 50%;
    text-align: center;
    background: #4F622A;
    position: absolute;
    /*top: 55rem;*/
    top: 40rem;
    left: 0px;
    transition: background 0.2s;
    cursor: pointer;
    z-index: 100;
}
.slider-nav-prev {left: 0;}
.slider-nav-next {left: auto;right: 0;}
.slider {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.slider .slick-track{overflow: hidden;}
/*.slider-inner{width: 300%}*/
.slider-column {width: 10%;float: left;}
.slider-column-image {
    /*height: 55rem;*/
    height: 40rem;
    display: table;
    width: 100%;
}
.slider-column-image-row {
    display: table-row;
    height: 100%;
}
.slider-column-image-cell {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
    text-align: center;
}
.slider-column-image-cell img {
    max-width: 60%;
    margin-bottom: 4rem;
    transition: max-width 0.2s;
}
.slider-spacer {
    width: 1.25%;
    float: left;
    position: relative;
    z-index: 1;
}
.slider-column-bar {
    background: #4F622A33;
    height: 4.8rem;
    position: relative;
}
.slider-column-bar-number {
    height: 9rem;
    width: 9rem;
    background: #4F622A;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    margin-left: -4.5rem;
    left: 50%;
    top: -2.2rem;
    text-align: center;
    line-height: 8.6rem;
    font-size: 5rem;
    font-weight: 700;
    color: #FFF;
    transition: background 0.2s, width 0.2s, height 0.2s, top 0.2s, margin-left 0.2s, line-height 0.2s, font-size 0.2s;
}
.slider-spacer .slider-column-bar {
    background: #FFF;
}
.arrow-right {
    width: 0;
    height: 0;
    display: block;
    float: left;
    border-top: 2.4rem solid transparent;
    border-bottom: 2.4rem solid transparent;
    border-left: 2.4rem solid #4F622A33;
}
.arrow-right-container .arrow-right {
    border-left: 2.4rem solid #FFF;
}
.arrow-right-container {
    width: calc(100% - 2.4rem);
    float: right;
    background: #4F622A33;
}
.slider-column-tekst {
    padding: 5rem 0 0;
    text-align: center;
}
.slider-column-tekst .vertical-line {
    width: 3px;
    height: 4rem;
    background: #000;
    margin: auto;
    margin-top: -1rem;
    transition: margin-top 0.2s;
}
.slider-column-tekst h3 {
    font-size: 2.2rem;
    margin: 1.4rem 1rem 1rem;
    text-transform: uppercase;
    transition: font-size 0.2s;
}
.slider-column-tekst-content {
    width: 80%;
    margin-left: 10%;
    line-height: 2.8rem;
    opacity: 0;
    transition: opacity 0.2s;
}
.btn.btn-more-info {
    background: #E68072;
    border: 2px solid #E68072;
    color: #FFF;
    margin: 2rem 0;
}
.current .slider-column-image-cell img,
.mouseover .slider-column-image-cell img {
    max-width: 90%;
    margin-bottom: 7rem;
}
.current .slider-column-bar-number,
.mouseover .slider-column-bar-number {
    background: #E68072;
    height: 14rem;
    width: 14rem;
    font-size: 7rem;
    line-height: 13rem;
    margin-left: -7rem;
    top: -4.5rem;
}
.current .slider-column-tekst .vertical-line, .mouseover .slider-column-tekst .vertical-line {margin-top: 2rem;}
.current .slider-column-tekst h3, .mouseover .slider-column-tekst h3 {font-size: 3.6rem;}
.current .slider-column-tekst-content, .mouseover .slider-column-tekst-content {opacity: 1;}

.slider-nav i{vertical-align: inherit;}
.slider-nav i.fas.fa-chevron-left{margin-right: 0.5rem;}
.slider-nav i.fas.fa-chevron-right{margin-left: 0.5rem;}
.clearfix {
    float: none;
    clear: both;
}
/* Category slider css end */


.catWrapper{/*padding: 0 6rem;*/max-width: 1400px;margin: 0 auto}
.catImg{position: relative;padding-top: 100%;-webkit-transition: 300ms all;transition: 300ms all;}
.catInner{text-align: center;}
.catImg img{position: absolute;left: 0;bottom: 0;right: 0;margin: auto;max-width: 80%;transition: 300ms all;width: auto;height: auto;}
.catName{text-transform: uppercase;font-size: 1.8rem;padding-top: 1rem}
.catName a{color: #000000}
.catColumn{margin-bottom: 3rem;opacity: 0;visibility: hidden;-webkit-transform: translateY(10%);transform: translateY(10%);-webkit-transition: 300ms all;transition: 300ms all;}
.catColumn.divVisible{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
/*.catInner:hover .catImg img{max-width: 90%;}*/


.logo-container{width: 28rem;height: 28rem;margin: 0 auto;}
.logo-animated{width: 100%;height: 100%;position: relative;}
.circle-container {height: 20rem;width: 20rem;border-radius: 50%;position: absolute;}
.logo-circle-cyaan {background: #4F622A;-webkit-mix-blend-mode: multiply;mix-blend-mode: multiply;}
.logo-circle-magenta {background: #E68072;-webkit-mix-blend-mode: multiply; mix-blend-mode: multiply;}
.logo-circle-container {text-align: center;background: #FFF;top: 4rem;left: 4rem;-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);overflow: hidden;}
.logo-circle-container img{/*max-width: 80%;max-height: 80%;*/ position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;-webkit-border-radius: 100%;border-radius: 100%;}
.logo-circle-container .countBadge{right: 3rem;top: 0;font-size: 1.6rem;line-height: 3rem;padding: 0 1.146878rem}
#logo-circle-1 {-webkit-animation: position01 6s ease infinite;animation: position01 6s ease infinite;}
#logo-circle-2 {-webkit-animation: position02 8s ease infinite;animation: position02 8s ease infinite;}
#logo-circle-3 {-webkit-animation: position03 7s ease infinite;animation: position03 7s ease infinite;}
#logo-circle-4 {-webkit-animation: position04 9s ease infinite;animation: position04 9s ease infinite;}
@keyframes position01 {
  0% {
    top:4rem;
    right:2rem;
    animation-timing-function: ease;
  }
  33% {
    top:2rem;
    right:4rem;
    animation-timing-function: ease;
  }
  66% {
    top:6rem;
    right:5rem;
    animation-timing-function: ease;
  }
  100% {
    top:4rem;
    right:2rem;
    animation-timing-function: ease;
  }
}
@keyframes position02 {
  0% {
    top:6rem;
    right:5.5rem;
    animation-timing-function: ease;
  }
  33% {
    top:2rem;
    right:2.5rem;
    animation-timing-function: ease;
  }
  66% {
    top:6rem;
    right:2rem;
    animation-timing-function: ease;
  }
  100% {
    top:6rem;
    right:5.5rem;
    animation-timing-function: ease;
  }
}
@keyframes position03 {
  0% {
    top:3.5rem;
    right:2.5rem;
    animation-timing-function: ease;
  }
  33% {
    top:6rem;
    right:2.5rem;
    animation-timing-function: ease;
  }
  66% {
    top:2.5rem;
    right:5.5rem;
    animation-timing-function: ease;
  }
  100% {
    top:3.5rem;
    right:2.5rem;
    animation-timing-function: ease;
  }
}
@keyframes position04 {
  0% {
    top:5.5rem;
    right:6rem;
    animation-timing-function: ease;
  }
  33% {
    top:2.5rem;
    right:3rem;
    animation-timing-function: ease;
  }
  66% {
    top:5.5rem;
    right:3rem;
    animation-timing-function: ease;
  }
  100% {
    top:5.5rem;
    right:6rem;
    animation-timing-function: ease;
  }
}


.cloudMain{position: relative;margin: 5rem 0 0;}
.cloudDiv{position: absolute;left: -47rem;top: -11rem;right: 0;margin: auto; max-width: 24rem;}
.cloudDiv svg{fill:#a6b093;width: 100%;height: 100%;}
.cloudTxt{
    text-align: center;
    color: #ffffff;
    font: 700 1.6rem/1.4 'Adagio_Sans';
    position: absolute;
    left: 2rem;
    right: 4rem;
    top: 50%;
    text-transform: uppercase;
    -webkit-transform: translateY(-61%);
      transform: translateY(-61%);
    padding: 0 2rem;
}

.editBtn{-webkit-border-radius: 50%;border-radius: 50%;width: 4rem;height: 4rem;cursor: pointer;position: absolute;right: 5rem;top: 1rem;background-color: #E68072;text-align: center;line-height: 4rem;color: #ffffff;font-size: 1.6rem;}

.whiteMsgbox{position: absolute;left: 0;top: 0;right: -65rem;margin: auto; max-width: 30rem;/*-webkit-transform: translateX(-50%);transform: translateX(-50%);*/ background-color: #ffffff; font: 300 2.2rem/3rem 'Adagio_Sans';color: #000000;text-align: center;padding: 4rem 3rem}
.whiteMsgbox strong{font-weight: 600;font-style: italic;}
.whiteMsgbox .editBtn{left: 0;right: 0;top: 0;margin: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1430px;}

.tabMsg{text-align: center;font: italic 600 2rem/1.2 'Adagio_Sans';color: #000000;margin-bottom: 1rem;}

.nav-tabs{border-bottom: 1px solid #4F622A;justify-content: center;padding-bottom: 1rem;margin: 0 0 3rem;}
.nav-tabs .nav-link{margin: 0;display: inline-block;flex: none;color: #A6B093;font: 600 2rem/5rem 'Adagio_Sans';text-transform: uppercase;border: 0;padding: 0;}
.nav-tabs .nav-link:not(:last-child){margin-right: 5rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{font-size: 3rem;color: #E68072;background-color: transparent;border: 0;}


.tab-content>.tab-pane{position: relative;}
.timeRedtxt{position: absolute;left: 0;top: 18rem;color: #E68072;font: 300 2rem/1.5 'Adagio_Sans';max-width: 30%;z-index: 2;}
.timeRedtxt > p{font: inherit;color: #E68072;}
.timeRedtxt strong{font-weight: 600;font-style: italic;display: block;}

.tsliderBox{position: relative;z-index: 1;min-height: 30vh;padding: 10rem 0;margin: 6rem 0 2rem;}
.timeBorder{position: absolute;z-index: -1;margin: auto; left: 0;right: 0;top: 0;bottom: 0;width: 8rem;border-top: 5px solid #4F622A;}
.timeBorder:after{margin: auto; left: 0;right: 0;top: 0;bottom: 0;width: 5px;background-color: #4F622A;position: absolute;content: '';}
.timeBorder:before{width: 13rem;height: 3.2rem;-webkit-border-radius: 50%;border-radius: 50%;border: 5px solid #4F622A;position: absolute;left: 0;bottom: 0;background-color: #A6B093;-webkit-transform: translateX(-21%); transform: translateX(-21%);content: '';}

.timeBorder span{position: absolute;left: 50%;bottom: calc(100% + 2rem);text-align: center;-webkit-transform: translateX(-50%);transform: translateX(-50%);color: #000000;font: 600 5rem/1 'Adagio_Sans';white-space: nowrap;}
.timeBorder small{position: absolute;left: 50%;top: calc(100% + 2rem);text-align: center;-webkit-transform: translateX(-50%);transform: translateX(-50%);color: #E68072;font: 600 1.6rem/1 'Adagio_Sans';white-space: nowrap;text-transform: uppercase;}


.whiteBox{background-color: #ffffff;padding: 5rem 6rem;}
.whiteBox > .container{padding: 0}
.h3{font: italic 600 3.4rem/1.2 'Adagio_Sans';color: #000000;padding-bottom: 2rem;/*font-size: 4rem;*/ margin-bottom: 0;padding-left: 0.4rem;}

.toggleRow{border-top: 1px solid #E68072}
/*.toggleRow:not(:last-child){padding-bottom: 1.5rem;}*/
.tClick > *{display: block;}
.tClick small{color: #E68072;font: 600 1.5rem/1.2 'Adagio_Sans';}
.tClick span{color: #000000;font: italic 600 2.5rem/1.2 'Adagio_Sans';}
.tClick em{color: #000000;font: italic 600 1.5rem/1.2 'Adagio_Sans';padding: 0.2rem 0 0;}


.tClick{padding: 2rem 4.5rem 2rem 0;position: relative;cursor: pointer;}
.plusMinus{position: absolute;right: 1rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 3rem;height: 3rem;background-color: transparent;}
.plusMinus:after, .plusMinus:before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; content: '';background-color: #E68072;}
.plusMinus:after{height: 100%;width: 2px;}
.plusMinus:before{height: 2px;width: 100%;}
.open .plusMinus:after{opacity: 0}
.tconDivinner,
.tconDivinner > p{font-weight: 300;color: #000000}
.tconDivinner{padding: 0 0 2rem;}
.tconDiv{display: none;}

.timeConimg{max-width: 50%;padding-right: 15rem;width: 100%;}
.tDiv .tcImage img{mix-blend-mode: multiply;z-index: -1}
.tDiv .tcImage{width: 35%;position: relative;}
.timeConimg{display: flex;flex-direction: row-reverse;}
.tcContent{width: 65%;text-align: right;padding-right: 3rem;}
.tcContent h4{padding: 0 0 0.5rem;font: italic 600 2rem/1.2 'Adagio_Sans';color: #000000}
.tcContent, .tcContent p{font-weight: 300;color: #000000;line-height: 1.2;font-size: 1.4rem;}
.absoLink.showItemImageFile{cursor: pointer;}
#showItemImageFileModal .modal-dialog{max-width: 800px;}

.fullColumn .timeConimg{flex-direction: column;}
.fullColumn .tcImage{width: 50%}

.tDivright .timeConimg{float: right;padding: 0 0 0 15rem;}
.fullColumn .tcContent{padding: 1rem 0 0;text-align: left;}
.tDiv{clear: both;}

.leftImg .timeConimg{flex-direction: row;}
.leftImg .tcContent{padding: 0 0 0 3rem;text-align: left;}

.timeSliderwrap{display: flex;flex-direction: column;}
.tDiv .tcImage:before{content: attr(data-date);position: absolute;text-align: center;border-bottom: 3px solid #4F622A;width: 15rem;right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);top: 2rem;color: #000000;font: 600 1.6rem/1.2 'Adagio_Sans';padding: 0 0 0.5rem;}
#times2{display: none;}

.tDiv:nth-child(even) .tcImage:before{right: inherit;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.tabWrapper{margin-bottom: 10rem;}

.npbtns{position: absolute;right: 0;top: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.npbtns > *{display: block;width: 3rem;height: 3rem;color: #ffffff;background-color: #A6B093;color: #ffffff;line-height: 3rem;font-size: 1.6rem;-webkit-border-radius: 50%;border-radius: 50%;}
.nextBtns{margin-top: 1.5rem;}
.npbtns i{vertical-align: inherit;}
.npbtns .disabled{cursor: not-allowed;pointer-events: none;opacity: 0.5}
.fologo{text-align: center;margin: 5rem 0 2rem;}
.fologo img{mix-blend-mode: multiply;max-height: 9rem;max-width: 20rem;}


/*.onlySingle .timeConimg{flex-direction: row}*/
.onlySingle .timeConimg {float: right;padding: 0 0 0 15rem;}
.onlySingle .tcContent{padding: 0 0 0 3rem;text-align: left;}
.tDiv.onlySingle .tcImage:before{right: inherit;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}


.threeTdiv .timeConimg{float: right;flex-direction: row;padding: 0 0 0 15rem}
.threeTdiv .tcImage:before{right: auto;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.threeTdiv .tcContent{padding: 0 0 0 3rem;text-align: left;}

.threeTdiv .tDivright .timeConimg{float: left;padding: 0 15rem 0 0;flex-direction: row-reverse;}
.threeTdiv .tDiv:nth-child(even) .tcImage:before{right: 0;left: auto;-webkit-transform: translateX(100%); transform: translateX(100%);}
.threeTdiv .leftImg .tcContent{padding: 0 3rem 0 0;text-align: right;}
.threeTdiv .fullColumn .timeConimg{flex-direction: row-reverse;flex-wrap: wrap;}
.threeTdiv .fullColumn .tcContent{padding: 1rem 0 0;text-align: right;}

.slider-column{position: relative;width: 33.3333%;}
.slider-nav{bottom: auto;margin: 0;}
.slider-spacer{width: auto;position: absolute;right: 0;top: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}
.slider-column-image-cell{position: relative;}
.slider-column-image-cell img{margin: 0 auto 4rem;position: absolute;left: 0;right: 0;bottom: 0;max-height: calc(100% - 10rem);}
.current .slider-column-image-cell img, .mouseover .slider-column-image-cell img {max-width: 80%}

.slider-nav{background-color: transparent;}
.slider-nav:before{background-color: #ffffff;width: 100%;height: 110%;content: '';position: absolute;top: -5%;z-index: -2}
.slider-nav:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background-color: #4F622A;z-index: -1;-webkit-border-radius: 50%;border-radius: 50%;}
.slider-nav-prev:before{left: 0;transform: translateX(-50%);}
.slider-nav-next:before{right: 0;transform: translateX(50%);}



.tDiv .tcImage{width: 100%;}
.tDiv .tcImage img{max-width: 35%;float: left;}
.tcContent{overflow: hidden;width: auto;}
.tDiv:nth-child(odd) .tcImage img{float: right;}
.fullColumn .tcContent{clear: both;max-width: 70%;}
.fullColumn .tcImage{width: 100%;}
.fullColumn .tcImage img{max-width: 50%;}

.threeTdiv .tDivright .timeConimg .tcImage img{float: right;}
.threeTdiv .tDivright .tcContent{text-align: right;padding: 0 3rem 0 0}
.threeTdiv .fullColumn .tcContent{float: right;max-width: 60%;padding: 1rem 0 0}
.threeTdiv .fullColumn .tcImage img{float: right;}
.threeTdiv .tDiv:nth-child(odd) .tcImage img{float: left;}
.tDiv.onlySingle .tcImage img{float: left;}

.logo > .searchToggle{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 4rem;height: 4rem;text-align: left;display: none;}
.searchBoxshow .logo > .searchToggle{font-family: "Font Awesome 5 Pro";font-weight: 900;}
.searchBoxshow .logo > .searchToggle:before{content: "\f00d";font-size: 2.5rem;margin-top: 1rem;display: inline-block;vertical-align: top;line-height: 1}
.searchBoxshow .logo > .searchToggle svg{display: none;}
.logo > .searchToggle #svgSearch{fill: #A6B093;height: 3rem;width: 3rem;}

.max1230{max-width: 1230px;}
.tabConmain{border:1px solid #E68072;padding: 5rem 6rem}
.clistUl{padding-top: 1rem;}
.clistUl > li{padding: 1.5rem 1rem 1.5rem 1rem;position: relative;}
.clistUl > li span{font-weight: 600;position: absolute;right: 1rem;top: 1.5rem;}
.clistUl > li ~ li{border-top:1px solid #E68072;}

.max1400{max-width: 1400px;margin: 0 auto;}

.chapLeft{/*float: left;*/width: 30rem;position: absolute;left: 0;top: 0;-webkit-transition: 300ms all;transition: 300ms all;}
.chlTop{background-color: #4F622A;text-align: center;color: #ffffff;padding: 3rem;position: relative;}
.homeIcon{position: absolute;right: 3rem;bottom: 3.1rem;}
.homeIcon a{color: #ffffff;}
.chlTop h4{padding: 0 0 1rem;font: italic 600 1.6rem/1.4 'Adagio_Sans';word-break: break-word;}
.chpPro{font: italic 300 1.4rem/1.4 'Adagio_Sans';}
.chpUl > li > a{font: 600 1.6rem/1.4 'Adagio_Sans';color: #000000;padding: 1rem 2rem;display: block;position: relative;}
.clickNone{pointer-events: none;}
.chpUl{background-color: #FDE6E2;border-radius:  0 0 1rem 1rem;}
.chpUl > li > a span{position: absolute;right: 1.5rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.chpUl > li > a:not(.completed) span{display: none;}
.chpUl > li > a.completed,
.chpUl > li > a.active{background-color: #E68072;color: #ffffff;}
.chpUl > li ~ li{border-top: 1px solid #E68072}

.chapRight{overflow: hidden;position: relative;background-color: #ffffff;z-index: 1;-webkit-transition: 300ms all;transition: 300ms all;}
/*.chadSec{height: 100%;overflow: auto;padding:0;position: relative;}*/
.chadSec{height: 100%;overflow-x: hidden;padding:0;position: relative;}

.chapInner{transition: 600ms all;position: absolute;top: 0;left: 0;width: 100%;}


.subTitle{color: #E68072;font: italic 400 2rem/1.4 'Adagio_Sans';padding: 0}
.introDiv .h3{padding-bottom: 0}
.chadSec p{color: #000000}
.introTxt{padding: 2rem 0 0;}
.introDiv{border-bottom: 1px solid #E68072;padding: 4rem 4rem 4rem 0;}
.dynamicCon{margin-top: 4rem;position: relative;overflow: hidden;}

/* Css added by chetan on 10-01-2021 to make chapter detail sidebar on scroll sticky */
.divForLoadMore{position: relative;padding-top: 4rem;}
.divForLoadMore .dynamicCon{margin-top: 0}
.divForLoadMore .dynamicCon ~ .dynamicCon{margin-top: 4rem}
.divForLoadMore .dynamicCon .txtWrapper:first-child{padding-top: 0}


.setminHeight{min-height: 20rem;}

.chpInntitle{font: italic 600 2.5rem/1.2 'Adagio_Sans';color: #000000;text-indent: 5px;}
.dynamicCon, .dynamicCon p{font-weight: 300;}

.asideInner{display: flex;flex-direction: column;height: 100%;}
.chpUl{max-height: 100%;overflow: auto;}

.chapDetail .max1400{padding-left: 34rem;transition: 300ms all;}
.hideSidebar .chapDetail .max1400{padding-left: 0}
.toggleSide{float: left;}
.menuDiv .searchBox{top: 100%;}

.showItemInBlockInFront.twocWrapper > div,
.showItemInBlockInFrontFlag.twocWrapper > div{width: calc(50% - 15px) !important;}
.showItemInBlockInFront.threecWrapper > div,
.showItemInBlockInFrontFlag.threecWrapper > div{width: calc(33.3333% - 15px) !important;}
.chpInntitle + .txtWrapper{padding-top: 1rem;}
.chpInntitle + .aswerWrap{margin-top: 1rem;}
/*.onecWrapper.showItemInBlockInFront,
.onecWrapper.showItemInBlockInFrontFlag{border: 1px solid #E68072;}*/
.onecWrapper.showItemInBlockInFront,
.showItemInBlockInFront.threecWrapper > div,
.showItemInBlockInFront.twocWrapper > div,
.showItemInBlockInFrontFlag.twocWrapper > div{padding: 2rem;}

.tclv > div:first-child,
.tcrv > div:last-child,
.tcri > div:last-child,
.tcli > div:first-child{width: 60% !important;text-align: center;}

.tcrv > div:first-child,
.tclv > div:last-child,
.tcri > div:first-child,
.tcli > div:last-child{width: 40% !important;/*padding: 2rem;*/}

.tcri > div:first-child, .tcrv > div:first-child{padding-right: 2rem;padding-bottom: 2rem;}
.tcli > div:last-child, .tclv > div:last-child{padding-left: 2rem;padding-bottom: 2rem;}

.showItemInBlockInFront.tclv > .mCustomScrollbar,
.showItemInBlockInFront.tcli > .mCustomScrollbar,
.tcri > .mCustomScrollbar, .tcrv > .mCustomScrollbar{padding-right: 0 !important;}
.tcli > .mCustomScrollbar, .tclv > .mCustomScrollbar{padding-left: 0 !important;}

.tcri > .mCustomScrollbar .mCustomScrollBox, .tcrv > .mCustomScrollbar .mCustomScrollBox{padding-right: 2rem;}
.tcli > .mCustomScrollbar .mCustomScrollBox, .tclv > .mCustomScrollbar .mCustomScrollBox{padding-left: 2rem;padding-right: 2rem;}

.showItemInBlockInFront.tclv > div:last-child,
.showItemInBlockInFront.tcrv > div:first-child,
.showItemInBlockInFront.tcli > div:last-child,
.showItemInBlockInFront.tcri > div:first-child{padding: 2rem;}


.dynamicCon .imgBox img,
.txtWrapper .imgBox img,
.singleImg .imgBox img,
.tcImage img{/*width: auto !important;height: auto !important;*/}

.tcVideo,
.dynamicCon .tcImage{align-items: flex-start !important;background-color: transparent;}
.dynamicCon .tcImage{z-index: auto;}
.dynamicCon .tcImage:before{display: none;}
.dynamicCon .tcImage img{float: none !important;max-width: 100%;mix-blend-mode: inherit;}


.chadInner{padding-bottom: 10rem;position: relative;min-height: 100%;}
.rightPadd .chadInner{padding-right: 1.5rem;}
.dynamicCon .txtWrapper + .aswerWrap{margin-top: 3rem;}


.multiWrap > .txtWrapper:first-child{padding-top: 0}
.multiWrap > .txtWrapper + .radioAnswer{margin-top: 4rem;}

/*.finishBtn{text-align: center;position: absolute;left: 0;right: 0;bottom: 2rem}*/ /** written by chetan */
.finishBtn{text-align: left;position: absolute;left: 0;right: 0;bottom: 2rem} /* changed by Jayesh */


.innerBanner{border-bottom: 0;/*margin-bottom: 3%;*/}

.circLogo{position: absolute;bottom: 0; left: 0;right: 0;margin: auto;-webkit-transform: translateY(50%);transform: translateY(50%);background-color: #ffffff;-webkit-border-radius: 50%;border-radius: 50%;width: 18rem;height: 18rem;overflow: hidden;z-index: 1;border: 5px solid #efefef;}
.circLogo img{object-fit: cover;height: 100% !important;width: 100% !important;}

.circLogo ~ .banner{margin-bottom: 60px;}

.loadDiv{text-align: center;margin: 3rem 0 -10rem}

/*.finishBtn > .btn, .loadDiv > .btn{width: 100%;max-width: 74.5rem;line-height: 5.5rem;} */ /** written by chetan */
.finishBtn > .btn, .loadDiv > .btn{width: 98%;max-width: 100%;line-height: 5.5rem;} /* changed by Jayesh */

.breadDiv{margin-bottom: 3rem;}

.breadDiv ul{display: flex;justify-content: flex-end;margin: 0 0 3rem;position: relative;z-index: 1;border: 0 !important;background-color: transparent !important;}
.breadDiv ul > li{color: #E68072;font:italic 300 1.6rem/1.4 'Adagio_Sans';display: flex;align-items: center;}
.breadDiv ul > li a{color: #E68072;display: inline-block;vertical-align: middle;line-height: 1}
.breadDiv ul > li:not(:last-child):after{content: '>';display: inline-block;vertical-align: middle;color: #000000;line-height: 1;margin: 0 1rem;}



/*.breadDiv > ul{display: inline-block;vertical-align: top;background-color: #3f511f}
.breadDiv > ul a{color: #ffffff;display: block;padding: 0 2rem 0 1rem;}
.breadDiv > ul a i{vertical-align: inherit;}
.breadDiv > ul > li{float: left;font-size: 1.6rem;line-height: 4rem;}
.breadDiv > ul > li:first-child a{padding: 0 1rem;}
.breadDiv > ul > li:last-child{padding: 0 2rem 0 3rem;background-color: #96a181;color: #3f511f;position: relative;}
.breadDiv > ul > li:last-child:before{position: absolute;left: 0;top: 0;border-top: 2rem solid transparent; border-bottom: 2rem solid transparent;border-left: 1rem solid #3f511f;content: '';}*/

.borCentext{text-align: center;border-bottom: 1px solid #e6e5e5;margin-bottom: 3rem;}
.borCentext h3{padding-bottom: 2rem;}


.coListinner{background-color: #ececec;-webkit-border-radius: 1rem;border-radius: 1rem;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);overflow: hidden;height: 100%;}
.cliImg{position: relative;padding-top: 70%;background-color: #ffffff;}

.cliCon{text-align: center;padding: 2rem 3rem;position: relative;}
.cliCon h5{color: #000000;font-size: 2rem;font-weight: 600;padding-bottom: 1rem;line-height: 1.3;}
.cliCon p{font-size: 1.6rem;}

.meerInfo{position: absolute;right: 0;top: 5rem;color: #ffffff;background-color: #df6a60;padding: 0.5rem 1.5rem;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);z-index: 1;-webkit-border-radius: 0.5rem 0 0 0.5rem;border-radius: 0.5rem 0 0 0.5rem;}

.cliDate{position: absolute;top: 3.5rem;left: 2rem;z-index: 1;background-color: #ffffff;border: 2px solid #df6a60;color: #ffffff;text-align: center;}
.cliDate > *{display: block;}
.cliDate > span{color: #000000;font-size: 4rem;line-height: 1;font-weight: 700;padding: 1px 0 3px}
.cliDate > small{text-transform: uppercase;font-size: 1.2rem;line-height: 1.2;background-color: #df6a60;padding: 0 3px;}

.row15{margin: 0 -1.5rem;}
.row15 > div[class^="col-"]{padding-left: 1.5rem;padding-right: 1.5rem;}
.coList{padding: 0 1.5rem 3rem;}

.borderHide{border-bottom: 0}

.deTitle h4{font-size: 3rem;text-transform: uppercase;font-weight: 600;color: #3f511f;padding: 0 0 2rem;}
.deTitle h5{font-size: 2.2rem;font-weight: 600;color: #000000;padding: 0 0 2rem;}

.tcolInner{border-top: 2px solid #3f511f;padding: 1rem 0 0}
.toMain:not(:last-child) .tcolInner{border-bottom: 2px solid #3f511f;padding-bottom: 2rem}
.btgrid ol,
.tcolInner ol{list-style: decimal;padding: 0 0 0 2rem;}
.btgrid ul,
.tcolInner ul{list-style: disc;padding: 0 0 0 2rem;}

.innerTab{border: 0;text-align: right;display: block;margin: 0; padding: 0}
.innerTab .nav-link{color: #3f511f;text-transform: uppercase;line-height: 2;padding: 0.5rem 0;position: relative;}
.innerTab .nav-item.show .nav-link,
.innerTab .nav-link.active{font-size: 1.8rem;color: #3f511f;}
.nav-tabs .nav-link:not(:last-child){margin-right: 3rem;}
.innerTab .nav-link.active:after{height: 2px;background-color: #000000;position: absolute;left: 0;right: 0;bottom: -4px;content: '';}

.dateBox{background-color: #3f511f;border: 1px solid #a5ae96;padding: 2rem 3rem;/*margin-bottom: 0.5rem;*/ margin-bottom: 3rem;}

.dateBox h4{text-transform: uppercase;color: #ffffff;font-weight: 600;font-size: 2.2rem;}

.trainerDiv > ul,
.gropen .groUl,
.dateBox > ul{list-style-type: none;padding: 0}
.dateBox > ul > li{color: #ffffff;font-size: 1.6rem;font-weight: 400;}
.dateBox > ul > li ~ li{margin-top: 0.5rem;}
.dateBox > ul > li > *{display: inline-block;vertical-align: top;line-height: 1.8}
.dateBox > ul > li > i{width: 2.5rem;color: #96a181}
.dateBox > ul > li strong{font-weight: 600}
.dateBox > ul > li > span{max-width: calc(100% - 3rem);}

.gropen{background-color: #ececec;margin-bottom: 3rem;}

/* mcustome scrollbar css start */
.mCustomScrollbar{max-height:250px;overflow:auto;}
.mCustomScrollBox{position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{height:auto;overflow:hidden;width:auto;}
.mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;z-index: 1;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;height:50px;width:100%;z-index:1;}
.mCSB_dragger_bar{background-color:#626262;height:100%;margin:0 auto;border-radius:16px;-webkit-border-radius:16px;width:4px;text-align:center;position:relative;width:4px;}
.mCSB_draggerRail{border-radius:16px;-webkit-border-radius:16px;width:2px;height:100%;margin:0 auto;}
/* mcustome scrollbar css end */

.tcolInner, .tcolInner p{font: 300 1.6rem/1.6 'Adagio_Sans'}
.tcolInner h4{text-transform: uppercase;font-size: 2rem;padding: 0 0 1rem;font-weight: 600}

.upArrow + .groToggle{display: block;}
.groToggle{display: none;}
.groToggle .mCustomScrollbar{max-height: 330px;}
.groToggle .mCSB_scrollTools .mCSB_draggerContainer{top: 3rem;bottom: 3rem;background-color: #bfbfbf;border-radius:16px;-webkit-border-radius:16px;width: 50%;}
.groToggle .mCSB_dragger_bar{width: 100%;}
.gropen > h4{color: #ffffff;background-color: #96a181;line-height: 6rem;padding: 0 3rem;cursor: pointer;position: relative;}
.gropen > h4:after{position: absolute;right: 3rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-family: "Font Awesome 5 Pro";font-weight: 900;content: "\f078";}
.gropen > h4.upArrow:after{content: "\f077";}
.groUl > li{position: relative;padding: 0.85rem 3rem;}
.groUl > li:before{position: absolute;left: 0;top: 0;bottom: 0;width: 0rem;background-color: #253407;content: '';}
.groUl > li.active:before{width: 0.5rem;}
.groUl > li ~ li{border-top: 1px solid #bfbfbf}
.groUl > li > *{display: block;}
.groUl > li span{color: #3f511f;font-weight: 700;}
.groUl > li small{color: #000;font-size: 1.2rem;font-weight: 500}
.groUl > li em{color: #3f511f;font-size: 1.5rem;}


.selbox{background-color: #ececec;padding: 2rem 3rem 2.5rem; /*margin-top: 5px;*/ margin-bottom: 3rem;}
.selbox .btn{padding-left: 1rem;padding-right: 1rem;}
.selbox h4{color: #3f511f;padding-bottom: 1rem;}
select.form-control{-webkit-appearance: menulist;appearance: menulist;}
.selbox .form-control{border: 1px solid #96a181;}
.waiting-list-box{margin-top: 10rem;}

.btn-block{width: 100%;}
.btn-large{font-size: 1.8rem;line-height: 5rem;}
.btn-secondary{background-color: #df6a60;border-color: #df6a60}
.selbox .form-group{margin-bottom: 1.5rem;}

.trainerDiv{padding-left: 3rem;}
.triImg img{/*max-height: 20rem;max-width: 20rem;*/ height: 20rem;width: 20rem; -webkit-border-radius: 50%;border-radius: 50%;margin: 0 auto 2rem;}
.trainerDiv > ul > li{font-weight: 300;line-height: 1.2;color: #000000}
.trainerDiv > ul > li a{color: #000000}
.trainerDiv > ul > li:not(:last-child){margin-bottom: 2rem;}
.trainerDiv > ul > li > span{display: block;font-weight: 600;padding-bottom: 0.3rem;}


.regiTop{display: flex;align-items: center;justify-content: space-between;margin: 0 0 5rem;}

.regiLeft{display: flex;align-items: center;width: calc(100% - 35rem);flex-wrap: wrap;}
.regiLeft .logo-container{margin: 0 0 0 -3rem;}

.profDetail{padding: 0 0 0 3rem;position: relative;width: calc(100% - 30rem)}
.pro1{text-transform: uppercase;font: 600 2.5rem/1 'Adagio_Sans';color: #000000;padding-bottom: 0.5rem;}
.pro2{text-transform: uppercase;font: 600 4.5rem/1 'Adagio_Sans';color: #000000;padding-bottom: 1rem;}
.pro3{font:italic 400 2.2rem/1.2 'Adagio_Sans';color: #E68072;}
.regiRight{max-width: 30rem;text-align: right;color: #414141;font: italic 300 2rem/1.4 'Adagio_Sans';position: relative;z-index: 1;min-width: 20rem;}
.regiRight:before{font-family: "Font Awesome 5 Pro";font-weight: 900;content: "\f10d";position: absolute;right: calc(100% - 13rem);top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #FDE6E2;z-index: -1;font-size: 15rem;line-height: 1;font-style: normal;}

.profDetail .simpleTab{/*position: absolute;top: 120%;*/ margin: 4rem 0 0;}
.simpleTab{border: 0;padding: 0;display: block;}
.simpleTab .nav-link,
.simpleTab .nav-item.show .nav-link, .simpleTab .nav-link.active{font-size: 1.6rem;line-height: 1;color: #A6B093}
.simpleTab .nav-link:not(:last-child){margin-right: 2rem;}


.h3Small{font-size: 2.5rem;margin: 0;padding: 0 0 1.5rem;}
.dsInner .h3Small{padding: 1rem 1rem !important;background-color: rgba(0,0,0,0.5);color: #ffffff;}
.mijInner{-webkit-border-radius: 1rem;border-radius: 1rem;background-color: #4F622A;text-align: center;height: 100%;padding: 1rem}
.mijInner > i{position: relative;height: 12rem;display: block;}
.mijInner > i img{max-height: calc(100% - 2rem);}
.mijInner > span{color: #ffffff;font: italic 600 2rem/1.4 'Adagio_Sans';}
.meerTools{background-color: #A6B093}
.mijCol{padding-bottom: 3rem;}

.flexDiv .cmnCon p:empty{display: none;}
.flexDiv .cmnCon{padding: 2rem 0 1rem;}

.cmnBox{-webkit-border-radius: 1rem;border-radius: 1rem;overflow: hidden;background-color: #F0F0F0}
.cmnImg{padding-top: 50%;position: relative;}
.startSpan{position: absolute;right: 0;top: 2rem;color: #ffffff;background-color: #E68072;font: 600 1.4rem/2 'Adagio_Sans';padding: 0 2.5rem;text-transform: uppercase;}

.switch{text-align: center;position: absolute;left: 0;right: 0;bottom: 0;-webkit-transform: translateY(50%);transform: translateY(50%);}
.cmnCon{text-align: center;padding: 4rem 0 0}
.pinkSpan{color: #E68072;font: italic 600 1.8rem/1.4 'Adagio_Sans';display: block;}
.pinkSpan small{color: #000000;font-size: 100%;}
.cmnTitle{color: #000000;font: italic 600 2.2rem/1.4 'Adagio_Sans';padding: 0 2rem 1rem;/* overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}

.btn-toggle {
  box-shadow: none !important;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}

/*.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle:before {
  content: 'Off';
  left: -4rem;
}
.btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}*/
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
.btn-toggle.active {
  background-color: #E68072;
}
.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 3.5rem;
  width: 8rem;
  border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
/*.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}
.btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: 0.5;
}*/
.btn-toggle.btn-lg > .handle {
  position: absolute;
/*  top: 0.3125rem;
  left: 0.3125rem;*/
  top: 0.3125rem;
  left: 0.5rem;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
  left: 4.5rem;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2rem;
  width: 4rem;
  border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 2.3rem;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
  display: none;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: 0.5;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}

.doLeerow,
.chelActrow{margin-bottom: 6rem;}
/*.chelActrow > .row{align-items: flex-end;}*/
.countDown{background-color: #000000;color: #ffffff;display: flex;justify-content: space-around;text-align: center;text-transform: uppercase;font: 600 1rem/1 'Adagio_Sans';padding: 2rem 1rem;margin: 1rem 0 0;}
.dateDiv > span{display: block;font: 600 4rem/1 'Adagio_Sans';padding: 0 0 0.5rem;}
.cmnCon p{font: 300 1.4rem/1.2 'Adagio_Sans';max-width: 70%;margin: 0 auto;color: #000000;min-height: 5.5rem;}
.flexDiv .cmnCon p{min-height: 1px;}

.cmnBtm{display: flex;justify-content: space-between;color: #ffffff;line-height: 1;align-items: center;padding: 1rem 2rem}
.voted > *{display: inline-block;vertical-align: middle;}
.voted > i{/*-webkit-border-radius: 50%;border-radius: 50%;background-color: #ffffff;*/width: 2.5rem;height: 2.5rem;}
.voted > i svg{width: 100%;height: 100%;vertical-align: top;}
.voted > small{font: italic 300 1.2rem/1.2 'Adagio_Sans';padding-left: 0.5rem;}
.strTitle{text-transform: uppercase;font: 600 1.8rem/1 'Adagio_Sans';}

.mijnDiv,
.leepDiv{display: flex;flex-direction: column;}
.mijnDiv .cmnBox,
.ldBtm{height: 100%;}

.ldBtm > ul{height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ldBtm > ul > li{width: calc(50% - 1rem);height: calc(50% - 1rem);border-radius: 1rem;background-color: #FDE6E2;text-align: center;display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;min-height: 142px;}
.ldBtm > ul > li > i{height: 8rem;position: relative;width: 100%;/*margin: 1rem 0 0rem;*/}
.ldBtm > ul > li > span{color: #000000;font: italic 600 2rem/1.2 'Adagio_Sans';}
.ldBtm > ul > li > small{color: #E68072;text-transform: uppercase;position: absolute;right: 1rem;top: 1rem;font: 600 1.4rem/1 'Adagio_Sans';}
.ldBtm > ul > li > i img, .ldBtm > ul > li > i svg{max-width: 70%;max-height: 75%;}
.ldBtm > ul > li + li + li{margin-top: 2rem;}

.mijnDiv .cliDate{border: 0;top: 1.5rem;left: 1.5rem;}
.mijnDiv .cliDate > small{padding: 0.5rem 1rem;font-size: 1rem;}

.mijnBtn{background-color: #ffffff;padding-top: 1.5rem;}
.mijnTop{padding: 0 0 0 0;}
.mijnDiv .cmnCon{padding: 2rem 0}
/*.mijnDiv .cmnImg{padding-top: 35%;}*/


/*.leepDiv{display: block;}
.ldBtm ul li{width: 100%;}
.ldBtm ul li i{position: relative;height: 10rem;display: block;}
.ldBtm{height: 45rem;}*/
/*.ldBtm .slick-track{display: flex;flex-direction: column-reverse;}*/


.doTxt{perspective: 800px;}
.doTxtinner{background-color: #FDE6E2; border-radius: 1rem;padding: 1rem 4rem;color: #ffffff;font: 300 1.6rem/1.2 'Adagio_Sans';height: 13.5rem;display: flex;justify-content: center;flex-direction: column;}
.doTxtinner strong{display: block;font-size: 2rem;padding: 0 0 0.5rem;}

.dti{color: #E68072;opacity: 0.3}

.doTxt.slick-current .doTxtinner{}
.doTxt.slick-current .doTxtinner{background-color: #E68072;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.doTxt.slick-current .dti{color: #ffffff;opacity: 1}


.slick-active:not(.slick-current) .doTxtinner{-webkit-transform: rotateX(-30deg) scaleX(0.9);transform: rotateX(-30deg) scaleX(0.9);}
.slick-current + .slick-active .doTxtinner{-webkit-transform: rotateX(30deg) scaleX(0.9);transform: rotateX(30deg) scaleX(0.9);}
/*.dolSlider{-webkit-perspective: 1200px;perspective: 1200px;}
.doTxt:not(.slick-current){transform: translate3d(0px, 0px, -100.24px) rotateX(-50.1202deg) rotateY(0deg)}*/

.onlyMobile{padding: 0}

.regimTab.tab-content>.tab-pane{display: block;position: absolute;left: 0;right: 0;top: 0;opacity: 0;visibility: hidden;pointer-events: none;}
.regimTab.tab-content>.tab-pane.active.show{position: relative;left: auto;right: auto;top: auto;opacity: 1;visibility: visible;pointer-events: inherit;}


.qaSlider .slick-list,
.qaSlider{height: 100%;}
.slick-vertical .slick-slide.qasSlide,
.qasSlide{/*display: flex;justify-content: center;flex-direction: column;*/ height: 100%;overflow: auto;padding: 2rem 0 1rem;/*min-width: 100%;*/ max-width: 100%;}
.qasSlide .dynamicCon{}
.startBtn{font-size: 1.4rem;text-transform: uppercase;color: #e68072;margin-top: 2rem;}
.startBtn i{vertical-align: inherit;padding-left: 0.5rem}

.qzTop{padding-bottom: 2rem;}
.qzTop > *{display: block;}
.qzTop > small{font: italic 600 1.4rem/1.2 'Adagio_Sans';color: #000000;}
.qzTop > span{font: 700 3rem/1.2 'Adagio_Sans';color: #e68072;}


.barOverflow{position: relative;overflow: hidden;width: 50rem;height: 25rem;margin: 0 auto;}
.bar{position: absolute;left: 0.5rem;top: 0.5rem;right: 0;margin: auto; width: 49rem;height: 49rem;-webkit-border-radius: 50%;border-radius: 50%;border: 0.5rem solid #ccc;/*border-bottom-color: transparent;border-right-color: transparent;*/}
.bar > i{position: absolute;top: -0.8rem;right: -0.8rem;bottom: -0.8rem;left: -0.8rem;border: 1rem solid transparent;border-bottom-color: #0bf;border-right-color: #0bf;-webkit-border-radius: 50%;border-radius: 50%;}

.barOverflow > span{position: absolute;left: 0;right: 0;bottom: 0rem; text-align: center;color: #313537}
.barOverflow > span > small{display: block;font-size: 12rem;line-height: 0.01; vertical-align: top;}


.centerCon{text-align: center;max-width: 80%;margin: 0 auto 5rem;}
.borCentext + .centerCon{margin-top: -1rem;}

.max1140{max-width: 1140px;margin-left: auto;margin-right: auto}
.catList{background-color: #f6f6f6;-webkit-border-radius: 0.5rem;border-radius: 0.5rem;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);position: relative;display: flex;align-items: center;padding: 2rem 0;flex-wrap: wrap;}
.catList:not(:last-child){margin-bottom: 3rem}

.mediaLeft{width: 20rem;height: 18rem;position: relative;border-right: 0.3rem solid #3f511f}
.mediaRight{padding: 0 0 0 3rem;width: calc(100% - 20rem);}
.mediaRight h4{text-transform: uppercase;color: #000000;font: 600 2.2rem/1.2 'Adagio_Sans';padding: 0 0 0.5rem;}
.mediaRight h4 a,.mediaRight p a{color: #000000}
.mediaRight p{font: 300 1.6rem/1.6 'Adagio_Sans';}

.marB30{margin-bottom: 3rem;}
.marB10{margin-bottom: 1rem;}
.marB20{margin-bottom: 2rem;}
.leftTab{text-align: left;border-bottom: 1px solid #e9ecf3}
.leftTab .nav-link.active:after{bottom: -2px;}
.plr15{padding: 0 1.5rem}

.btn-small{padding: 0 1.5rem;font-size: 1.4rem;line-height: 3rem;}
.btn-has-icon > i{margin-right: 0.5rem;}

.table td, .table th{border: 1px solid #dee2e6}
.table thead th {border-bottom: 2px solid #dee2e6;background-color: #4f622a;color: #ffffff;border-color: #4f622a}
.table>:not(caption)>*>*{padding: 1rem}
.noWrap{white-space: nowrap}
.table td{font-weight: 300;}
.table td .btn{margin-bottom: 0.5rem;margin-top: 0.5rem;}

.tableTitle{color: #000000;font: 600 2rem/1.2 'Adagio_Sans';padding-bottom: 1rem;}
.btn-primary-trans{background-color: #ffffff;color: #4f622a;border-color: #4f622a}

.tableWtitle ~ .tableWtitle{margin-top: 3rem;}

.clickableRow{cursor: pointer;}

.borderTitle{color: #000000}
.borderTitle span{display: inline-block;vertical-align: top;}

.file-section{position: relative;}
.file-section > label{position: absolute;left: 1.5rem;line-height: 4rem;font-weight: 400;font-size: 1.4rem;}
.file-section label + .fileinput .form-control,
.file-section label + .form-control{padding-left: 15rem;}
.file-section .form-control{padding-top: 0.85rem}

.fileinput-preview img, #image_div img{max-width: 25rem;max-height: 15rem;}
.fileinput-preview img{margin-top: 1rem;}
#image_div a{display: inline-block;vertical-align: middle;margin-left: 1rem;color: #3f511f}



.verSlider .introDiv{
    border: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.verSlider .introDiv .toggleSide{
    line-height: 4rem;
    padding-bottom: 1rem;
    width: 5rem;
}
.verSlider .chadInner{padding: 0;height: 100%;overflow: hidden;}


.profRight{padding-left: 5rem;}

.summaryDiv{background-color: #f5f5f5;border-radius: 5px;padding: 5rem;}
.sumTitle{text-transform: uppercase;font: 600 2.5rem/1.2 'Adagio_Sans';color: #18933c;margin: 0 0 3rem;}
.sumTitle span{display: inline-block;max-width: calc(100% - 10rem);}
.sumTitle .btn{float: right;}


.scoreBox{text-align: center;border: 1px solid #dfdfdf;background-color: #ffffff;padding: 2rem 1rem;margin: 0 0 3rem;}
.scoreBox span{vertical-align: middle;margin: 0 1rem 0 0;}

.quaUl{list-style: none;padding: 0}

.spanQua{display: block;font: 300 1.6rem/1.6 'Adagio_Sans';}
.quaUl > li > ul{list-style: none;padding: 1rem 0 0 4rem;}
.quaUl > li:not(:last-child){margin-bottom: 3rem;}
.quaUl > li{margin-left: 3rem;}

.ansResult > li{display: flex;align-items: flex-start;line-height: 1.4}
.ansResult > li:not(:last-child){margin-bottom: 1rem;}
.ansResult > li > i{font-size: 2.2rem;line-height: 1}
.ansResult > li > span{font-size: 1.5rem;line-height: 1.4;font-weight: 300;padding: 0 0 0 1rem;width: 50%;}
.ansResult > li.feedLi{padding-top: 1rem}
.ansResult > li.feedLi,
.ansResult > li.feedLi > span{font-size: 1.6rem;}

.dynamicCon ol{list-style: decimal;padding: 0 0 1rem 3rem;}
.dynamicCon ul{list-style: disc;padding: 0 0 1rem 3rem;}

.welTxt ol{list-style: decimal;padding: 0 0 1rem 3rem;}
.welTxt ul{list-style: disc;padding: 0 0 1rem 3rem;}

.btgrid > .row{margin: 0 -1.5rem;}
.btgrid > .row > .col{padding: 0 1.5rem;}
.btgrid > .row > .col > .content{padding: 1rem 0;border-top: 2px solid #3f511f;border-bottom: 2px solid #3f511f;font: 300 1.6rem/1.6 'Adagio_Sans';}
.btgrid > .row > .col > .content p{font: 300 1.6rem/1.6 'Adagio_Sans';}


.menuDiv > .logo{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;padding: 0;}
.menuDiv > .logo img{max-height: 9rem;}

.dynamicHeight{display: none;}
.fixedHeader .dynamicHeight{display: block;}
.fixedHeader .menuDiv{
  position: fixed;left: 0;right: 0;top: 0;z-index: 999;background-color: #ffffff;max-width: 1400px;border: 0;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}

.fixedHeader .menuDiv:before{position: absolute;left: -1000%;right: -1000%;top: 0;bottom: 0;z-index: -1;content: '';background-color: #ffffff;border-bottom: 2px solid #BCBCBC;}

.marTop10{margin-top: 1rem;}

.fedhasTable .tcImage{margin-bottom: 3rem;}

.marT10{margin-top: 1rem;}
.cmsConnew,
.cmsConnew p{font: 300 1.6rem/1.6 'Adagio_Sans';}
.cmsConnew ol{list-style: decimal;padding: 0 0 1rem 3rem;}
.cmsConnew ul{list-style: disc;padding: 0 0 1rem 3rem;}

.perSpan > *{vertical-align: middle;}
textarea.form-control{min-height: 10rem;padding: 1.5rem;}



.welTxt .tcImage:before{display: none !important;}
.min-w-80px{min-width: 80px;}
.min-w-135px{min-width: 135px;}
.table .btn:last-child{margin-bottom: 0;}

table.dataTable.tableNew thead .sorting:before,
table.dataTable.tableNew thead .sorting:after,
table.dataTable.tableNew thead .sorting_asc:before,
table.dataTable.tableNew thead .sorting_asc:after,
table.dataTable.tableNew thead .sorting_desc:before,
table.dataTable.tableNew thead .sorting_desc:after,
table.dataTable.tableNew thead .sorting_asc_disabled:before,
table.dataTable.tableNew thead .sorting_asc_disabled:after,
table.dataTable.tableNew thead .sorting_desc_disabled:before,
table.dataTable.tableNew thead .sorting_desc_disabled:after{bottom: auto;top: 0;}


/* Regimaker new tab css start */
.nav.tabStylenew{margin-bottom: -1rem;}
.tabStylenew .nav-link, .tabStylenew .nav-item.show .nav-link, .tabStylenew .nav-link.active{color: #000000;font-size: 2.2rem;font-style: italic;color: #000000;text-transform: inherit;padding: 1.5rem 3rem 2.5rem;-webkit-border-radius: 1rem 1rem 0 0;border-radius: 1rem 1rem 0 0;}
.tabStylenew .nav-link:not(:last-child){margin-right: 1rem;}
.tabStylenew .nav-link, .tabStylenew .nav-item.show .nav-link{background-color: #E68072;}
.tabStylenew .nav-link.active{background-color: #F0F0F0;}

.innerdashTab{position: relative;z-index: 1;background-color: #F0F0F0;-webkit-border-radius: 1rem;border-radius: 1rem;padding: 2rem 3rem;}
.tableNew thead th{background-color: transparent !important;color: #000000;font: 600 1.6rem/1.2 'Adagio_Sans';border: 0 !important;padding: 0.5rem 1rem 2rem}
.tableNew tbody tr:not(.spaceTr){background-color: #ffffff;}
.tableNew tbody td{border: 0;padding: 1rem 1rem;font: 500 1.6rem/1.2 'Adagio_Sans';vertical-align: middle;position: relative;}
.tableNew tbody tr:not(.toggleTr) td:first-child{border-radius: 0.5rem 0 0 0.5rem;}
.tableNew tbody tr:not(.toggleTr) td:last-child{border-radius: 0 0.5rem 0.5rem 0;}
.tableNew tbody tr:not(.spaceTr):hover{background-color: #00a1de14;}
td > .voted{color: #E68072;}
td > .voted > small{font-size: inherit;}
.smalltxtBox{padding: 0;text-align: center;width: 5rem;}
td .smalltxtBox{color: #E68072 !important;background-color: transparent;}

.toggleTr td:before{z-index: 1;height: 2px;background-color:#ffffff;position: absolute;left: 0;bottom: 100%;right: 0;content: '';pointer-events: none;}

.spaceTr:last-child{display: none !important;}
.spaceTr td{padding: 0 !important;height: 0.2rem;line-height: 0}
th[align="center"]{text-align: center;}
th[align="right"]{text-align: right;}
th[align="left"]{text-align: left;}
.table td .btn.btn-toggle{margin: 0;}

.alert{color: #000000;padding: 2rem;}
/*.alert p{font: inherit;color: inherit;padding: 0;}*/
.alert-primary{border-color: #E68072;background-color: #FDE6E2}

.hasIcon{display: flex;align-items: center;justify-content: space-between;}
.hasIcon p{max-width: 95%;}
.alert-primary i{color: #E68072;font-size: 2.5rem;}

/*.onlImg{padding: 0 2rem;}*/
.tabStylenew2{margin: 0;}


.tabStylenew2 .nav-link,
.tabStylenew2 .nav-item.show .nav-link,
.tabStylenew2 .nav-link.active{color: #E68072;font-size: 2.2rem;font-style: italic;padding: 0.5rem 1rem 0.8rem;-webkit-border-radius: 0.5rem;border-radius: 0.5rem;background-color: transparent;}
.tabStylenew2 .nav-link:not(:last-child){margin-right: 2rem;}
.tabStylenew2 .nav-link.active{background-color: #ffffff;color: #000000}
.marTop20{margin-top: 2rem;}

.rightBread{display: flex;align-items: center;float: right;margin: 1.5rem 2rem 0 0;}
.rightBread > li{color: #E68072;font:italic 300 1.6rem/1.4 'Adagio_Sans';display: flex;align-items: center;}
.rightBread > li a{color: #E68072;display: inline-block;vertical-align: middle;line-height: 1}
.rightBread > li:not(:last-child):after{content: '>';display: inline-block;vertical-align: middle;color: #000000;line-height: 1;margin: 0 1rem;}
/* Regimaker new tab css end */


/* Profile page second tab css start */
.pwTopbg { background: #566525; height: 500px; }
.pwMainpart { width: 100%; display: table; background: #fff; position: relative; }
.pwUserdetail { float: left; background-color: #f4c2bd; padding: 0px 40px 30px; }
.pwWorkdetail { width: 72%; float: left; padding: 0px 80px 30px; }
.pwMainpart:before { position: absolute; content: ""; height: 100%; top: 0px; left: 0px; bottom: 0px; background: #f4c2bd; }
.pwMainpart:before, .pwUserdetail { width: 28%; }
.pwUserdetail, .pwWorkdetail { margin-top: -250px; position: relative; z-index: 1111; }
.pwUsername, .proPic { margin-top: -70px; }
.proPic { position: relative; width: 100%; padding-bottom: 100%; border: 15px solid #fff; }
.proPicbox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.pwUserdBox h3 { text-transform: uppercase; font-weight: bold; letter-spacing: 3px; color: #695151; font-size: 2rem; margin-bottom: 15px; }
.pwUserdetailContent { margin-top: 50px; }
.pwUserdBox { margin-bottom: 60px; }
.pwUserdBox p, .pwUserdBox li, .pwUserdBox a { color: #fff; font-weight: 200 !important; line-height: normal; font-size: 1.6rem; position: relative; }
.pwUserContact p, .pwUserdBox li { margin-bottom: 5px; padding: 0px; }
.pwUserdBox li:before, .pwWorkbox li:before { position: absolute; content: ""; height: 3px; width: 3px; border-radius: 100%; left: 0px; top: 9px; background-color: #fff; }
.pwUserdBox li { padding-left: 8px; }
.pwUsername h1 { font-weight: bold; font-size: 12rem; text-transform: uppercase; line-height: 1em; color: #fff; letter-spacing: 4px; left: -5px; position: relative; display: inline-block; margin-top: -30px; }
.pwUsername p { color: #fff; font-weight: 200; font-style: italic; letter-spacing: 2px; margin-top: 20px; font-size: 2rem; }
.pwWorkContent { margin-top: 90px; }
.pwWorkbox { margin-bottom: 60px; }
.pwWorkbox:last-child { margin-bottom: 0px; }
.pwWorkbox h2 { color: #6e5656; background-color: #f4c2bd; display: block; }
.pwWorkbox h2 { color: #6e5656; background-color: #f4c2bd; padding: 12px 20px; font-style: normal; font-size: 2.8rem; font-weight: 600; letter-spacing: 3px; display: block; margin-bottom: 20px; }
.pwWorkbox h3 { font-weight: bold; color: #624a4a; }
.pwWorkbox h3 { font-weight: bold; color: #624a4a; font-size: 2rem; margin-bottom: 5px; }
.pwWorkbox p, .pwWorkbox li { font-weight: 200; color: #877474; margin-bottom: 5px; padding: 0px; position: relative; }
.pwWorkbox p { font-size: 1.6rem; }
.pwWorkbox li { font-size: 1.6rem; line-height: normal; padding-left: 8px; }
.pwWorkbox li:before { background-color: #877474; top: 9px; }
.pwProLogo { text-align: right; }
.pwProLogo img { max-width: 200px; }
.pwUsername.mbl { display: none; }


.empty_timeline{max-width: 100%;position: relative;top: auto;}

body .swal2-title{color: #000; font-style: normal;font-size: 3.5rem;}
body #swal2-content{font-size: 1.5rem;}
body .swal2-cancel.swal2-styled,
body .swal2-confirm.swal2-styled{font: 600 1.6rem/4rem 'Adagio_Sans';padding: 0 3rem;}

/*body .dashboard-container,
.fullWidth{width: 100%;max-width: 100%}
*/

.chadInner .tcri .imgBox{text-align: right;}
.chadInner .tcli .imgBox{text-align: left;}


.imgwSpan{position: relative;padding-top: 100%;display: block;}
.imgwSpan img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.imageWithPlusContainer{opacity: 0;visibility: hidden;}
.impInner:hover .imageWithPlusContainer{opacity: 1;visibility: visible;}

/* New design css changes start */
.menuDiv .logo{display: none;}
.welTop{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem}
.welTop{border-bottom: 1px solid #9D9D9D;padding: 0 2rem 1rem 3rem}
.welTop .logo{padding: 0;max-width: 100%;margin: 0}
.welTop .sTitle{padding: 0}
.topconSec{max-width: 1400px;margin: 2rem auto}
.bannerOverTxt{position: absolute;left: 0;right: 0;top: -2px;padding: 2rem 3rem 2rem 2rem;background-color: #fde6e1;border: 1px solid #000000;z-index: 1;}
.botClose{position: absolute;right: 2rem;top: 1rem;line-height: 1}
.botClose svg{width: 2rem;height: 2rem;vertical-align: top;}
.welTxt{/*text-align: center;*/padding: 0;margin-bottom: 4rem;}
.subTxt,
.subTxt p,
.welTxt,
.welTxt p{font-weight: 300;font-size: 1.8rem;}
.catRow{margin-left: -2rem;margin-right: -2rem;margin-bottom: -5rem;}
.catSec .catRow > div{width: 16.6666666667%;}
.catColumn{padding-left: 2rem;padding-right: 2rem;margin-bottom: 3rem}
.catImg{padding-top: 78%;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;overflow: hidden;}
.catImg img{/*max-width: 100%;*/ width: 100%;height: 100%;object-fit: cover;max-width: 95%; max-height: 95%;}
.catDesk{font-size: 1.6rem;padding: 1rem 3rem 0;}
.catDesk:empty{display: none;}
.subTxt p,
.catDesk p{font-size: inherit;font-weight: 300}
.catName{padding-top: 1.5rem;line-height: 1.3}
.max650{max-width: 650px;margin-left: auto;margin-right: auto;}
.agendaBox{margin: 4rem 0 0}
.agendaBox .agdateDiv{position: absolute;right: 0;top: 0;margin: 0}
.agdRows{margin-bottom: -1.5rem;margin-top: 3rem;}
.agdColumn{padding-bottom: 1.5rem;}
.agdInner{position: relative;height: 100%;padding-bottom: 0;background-color: #ffffff;-webkit-border-radius: 10px;border-radius: 10px;}
.agdText{padding: 0 1.5rem}
.agdInner .agdImg{width: 35%;padding-top: 35%;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;}
.agdRight{width: 65%;padding: 1rem 0 0;position: relative;display: flex;height: 100%;align-items: center;text-align: center;}
.agdImg{padding-top: 100%;position: relative;/*-webkit-border-radius: 10px 10px 0 0;border-radius: 10px;*/ overflow: hidden;}
.agdImg img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0}
.adgTitle{font: 600 2rem/1.3 'Adagio_Sans';color: #000000;padding-bottom: 1.5rem;}
.adgDesc{font: 300 1.6rem/1.4 'Adagio_Sans';}
.adgCon{padding: 0;width: 100%;}
.meerBtn{/*position: absolute;left: 0;right: 0;bottom: 0;*/}
.meerBtn a{line-height: 4.7rem;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.meerLink{font-style: italic;font-size: 1.6rem;}
.agdImg .badgeDrop{right: 1rem;top: 1rem;}
.agdImg .badgeDrop > span{font-size: 1rem;}

/* Column css start */
.agdInner{flex-direction: column;}
.agdInner .agdRight{width: 100%}
.agdInner .agdImg{width: 100%;padding-top: 50%}
.agdRows{--bs-gutter-x: 15px}
.agdInner .agdImg{border-radius: 10px 10px 0 0}
.agdRight .meerLink{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.agdRows .agdColumn{width: 25%}
.agdInner .agdImg{width: 100%;padding-top: 55%}

/* Column css end */


.agdRight .meerLink{font-size: 1.4rem;line-height: 3rem; /* position: absolute;left: 0;right: 0;bottom: 0; */}
.agdDrop{position: relative;width: 85%;margin: 10px auto;}
.agdDrop ul{list-style: none;padding: 0;margin: 0;background-color: #F0F0F0;-webkit-border-radius: 5px;border-radius: 5px;position: relative;z-index: 2}
.agdDrop ul li{display: flex;align-items: center;padding: 0 1.5rem;color: #000000;font: 600 1.4rem/3rem 'Adagio_Sans';text-align: left;cursor: pointer;}
.agdDrop ul:not(.noDrop) li{padding-right: 4rem}

.shiftUl ul li:hover{background-color: #ffffff;}
.agdDrop ul li span{color: #E68072;min-width: 5.5rem;padding-right: 0.2rem}
.agdDrop ul li small{font-style: italic;font-size: 100%;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-indent: 2px;}
.shiftUl > li{position: relative;}
.shiftUl > li:after{font-family: "Font Awesome 5 Pro";content: "\f107";font-weight: 400;position: absolute;right: 2rem;top: 50%;-webkit-transform: translateY(-40%);transform: translateY(-40%);line-height: 1}
.noDrop > li{cursor: default;}
.noDrop > li:after{display: none;}
.agdDrop .shiftUl{z-index: 111;}
.opneDrop .shiftUl > li:after{content: "\f106";}
.agdDrop ul.cloneUl{position: absolute;left: 0;right: 0;top: 0;padding-top: 3rem;z-index: 11;-webkit-box-shadow: 0px 3px 6px #00000029;box-shadow: 0px 3px 6px #00000029;display: none;}
.opneDrop ul.cloneUl{display: block;}
.cloneUl li{cursor: default;}
.cloneUl li.active{display: none;}
.cloneUl li:hover{background-color: #ffffff;}


.meerLa{text-align: center;margin: 4rem 0 0}
.meerLa > *{color: #BCBCBC;font: italic 300 4.5rem/1.4 'Adagio_Sans';}

.tDiv .tcImage img{float: none;max-width: 100%;-webkit-border-radius: 2rem;border-radius: 2rem;}
.tDivright .timeConimg{padding-left: 12.5rem;/*max-width: 53rem*/ max-width: 45rem}
.timeConimg{/*max-width: 53rem;*/ max-width: 45rem;padding-right: 12.5rem;}
.coudSec{margin: 0 -3rem;}
.cloudDiv {max-width: 30rem;left: -68rem}
.cloudDiv .cloudTxt{max-width: 30rem;color: #ffffff;font: 600 2rem/1.4 'Adagio_Sans';letter-spacing: 0;}
.cloudDiv .cloudTxt p{color: inherit;font: inherit;letter-spacing: 0;}

@keyframes position010 {
  0% {
    top:2rem;
    right:1rem;
    animation-timing-function: ease;
  }
  33% {
    top:1rem;
    right:2rem;
    animation-timing-function: ease;
  }
  66% {
    top:3rem;
    right:3rem;
    animation-timing-function: ease;
  }
  100% {
    top:2rem;
    right:1rem;
    animation-timing-function: ease;
  }
}
@keyframes position020 {
  0% {
    top:4rem;
    right:3.5rem;
    animation-timing-function: ease;
  }
  33% {
    top:1rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
  66% {
    top:4rem;
    right:1rem;
    animation-timing-function: ease;
  }
  100% {
    top:4rem;
    right:3.5rem;
    animation-timing-function: ease;
  }
}
@keyframes position030 {
  0% {
    top:1.5rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
  33% {
    top:4rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
  66% {
    top:1.5rem;
    right:3.5rem;
    animation-timing-function: ease;
  }
  100% {
    top:1.5rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
}
@keyframes position040 {
  0% {
    top:3.5rem;
    right:4rem;
    animation-timing-function: ease;
  }
  33% {
    top:1.5rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
  66% {
    top:3.5rem;
    right:1.5rem;
    animation-timing-function: ease;
  }
  100% {
    top:3.5rem;
    right:4rem;
    animation-timing-function: ease;
  }
}


.tcContent{width: auto;overflow: inherit;}
.leftImg .tcContent{padding: 1.5rem 0 0;}

.cldWrapper {border-bottom: 1px solid #4F622A;padding-bottom: 2.5rem}
.cldWrapper .nav-tabs{border-bottom: 0;padding: 0;margin: 0}
.cldWrapper h2{font-style: italic;font-weight: 300;padding: 0}
.cldWrapper .nav-tabs .nav-link{line-height: 1;cursor: inherit;}
.tDiv .tcImage:before{top: inherit;bottom: 2rem;border-bottom-width: 0.4rem;}

.tcContent{padding: 1.5rem 0 0;max-width: 100% !important;}
.tsliderBox .tDiv .tcImage:before{display: none;}
.tcImagewrp{position: relative;display: inline-block;vertical-align: top;width: 100%;}
.tcImagewrp:before{content: attr(data-date);position: absolute;text-align: center;border-bottom: 0.6rem solid #4F622A;width: 12.8rem;right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);bottom: 2rem;color: #000000;font: 600 1.6rem/1.2 'Adagio_Sans';padding: 0 0 1.5rem;}
.tDiv:nth-child(odd) .tcImagewrp:before{right: inherit;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.tDiv:not(:first-child){margin-top: -12rem;}
.tcContent h4{font-size: 2.2rem;}
.tcContent, .tcContent p{font-size: 1.6rem;line-height: 1.4}
.homeClude{margin:  auto;max-width: 91rem;}

.timeRedtxt{background-color: #FDE6E2;-webkit-border-radius: 20px;border-radius: 20px;max-width: 100%;width: 40rem;padding: 3rem 4rem;-webkit-transform: rotate(-5deg);transform: rotate(-5deg);left: -14.5rem;top: -8rem}
.birdShape{width: 19rem;position: absolute;top: 85%;right: -4rem;}
.birdShape svg{width: 100%;height: auto;}
.timeBorder span{font-size: 5rem;}
.timeBorder:after{width: 0.6rem;}
.timeBorder{border-top-width: 0.6rem;width: 5.8rem;}
.tsliderBox{margin-top: 13rem;padding-top: 5rem;}
.coudSec .cloudMain{margin: 0 0 6rem}
.timeBorder:before{height: 3.8rem;width: 15rem;background-color: #ffffff;border-width: 0.6rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%}

.timeMeer{position: absolute;top: calc(100% + 1rem);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); color: #4F622A;text-transform: uppercase;font: 600 3.5rem/1.2 'Adagio_Sans';white-space: nowrap;}
.timeMeer > *{display: inline-block;vertical-align: middle;font-style: normal !important;line-height: 1}
.timeMeer > i{font-size: 2.5rem;margin: 0.4rem 0 0 0.2rem;}

.agdImg .badge{position: absolute;color: #ffffff;text-transform: uppercase;font: 600 1.2rem/2.2rem 'Adagio_Sans';padding: 0 1rem;z-index: 11;-webkit-border-radius: 0;border-radius: 0;letter-spacing: 1px;}

.badgeLeft{bottom: 2rem;left: 2rem;}
.minfoCircle{background-color: #ffffff;width: 10rem;height: 10rem;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;display: flex;align-items: center;color: #E68072;font: 600 1.4rem/1.2 'Adagio_Sans';padding: 1rem;z-index: 1;-webkit-transform: scale(0.5);transform: scale(0.5);opacity: 0;}
.minfoCircle:before{content: "\f040";font-weight: 900;font-family: "Font Awesome 5 Pro";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #FDE6E2;font-size: 3rem;z-index: -1}
.agdInner:hover .minfoCircle{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


.badgeDrop{top: 2rem;right: 2rem;position: absolute;line-height: 1;z-index: 1}
.badgeDrop > .badge{position: relative;top: auto;left: auto;right: auto;vertical-align: top;cursor: pointer;}
.badgeDrop > ul{position: absolute;right: 0;top: 100%;background-color: #ffffff;z-index: 1;text-align: left;padding: 0.5rem 0;display: none;}
.showCate > ul{display: block;}
.badgeDrop > ul > li{white-space: nowrap;font-size: 1.2rem;padding: 0.5rem 2rem;color: #000000;}
.badgeDrop > ul > li > *{font: inherit;color: inherit;}
.hiddenSmall{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1}
.hiddenagSmall{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1}
.slider-column-image-cell img{max-height: 100%;max-width: 100%;height: calc(100% - 5rem); width: calc(100% - 5rem);object-fit: cover;}
.current .slider-column-image-cell img, .mouseover .slider-column-image-cell img{margin-bottom: 5rem;max-width: 100%;}


.eyeDrop{text-align: right;margin-bottom: 10px;}
.clickEye, .cloneValue{display: inline-block;vertical-align: middle;z-index: 2;position: relative;}
.eyeDropinner{display: inline-block;vertical-align: middle;position: relative;min-width: 20rem;padding: 0.2rem 1rem;border: 1px solid transparent}
.opneEydrop{border-color: #dfdfdf;}
.opneEydrop .eyeUl{display: block;}
.clickEye i{vertical-align: top;}
.clickEye{cursor: pointer;line-height: 1;font-size: 2.5rem;}
.cloneValue{padding: 0 0 8px 0;}
.cloneValue:empty{display: none;}
.cloneValue:before{content: '>';display: inline-block;vertical-align: middle;line-height: 1;margin: 0 1rem 0 0;}
.cloneValue small{display: inline-block;vertical-align: middle;line-height: 1;font-size: 100%;}
.eyeUl{position: absolute;right: 0;top: 100%;text-align: left;z-index: 9;background-color: #ffffff;min-width: 100%;font-size: 1.6rem;padding: 0.5rem 0;cursor: default;display: none;max-height: 200px;overflow-y: auto;border: 1px solid #dfdfdf;}
/*.eyeUl:before{z-index: -1;position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;content: '';background-color: #ffffff;border: 1px solid #dfdfdf;}*/
.eyeUl li{padding: 0.5rem 1.5rem;}
.hiddeneySmall{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1}
.welTxt + .eyeDrop{margin-top: -7rem;margin-bottom: 5rem;}
/* New design css changes end */

/* Category slider section css start */
.slider-column-image{height: 24rem;}
.slider-column-image-cell{}
.slider-column-image-cell img{max-width: 90%;max-height: 90%;-webkit-border-radius: 100%;border-radius: 100%;}
.slider-nav{top: 24rem;width: 4rem;height: 4rem;line-height: 4rem;font-size: 2.5rem;}
.slider-column-bar-number{width: 8rem;height: 8rem;line-height: 7.6rem;font-size: 4rem;}

.slider-column-bar{height: 4rem;}
.arrow-right{border-top-width: 2rem;border-bottom-width: 2rem;border-left-width: 2rem;}
.arrow-right-container{width: calc(100% - 2rem)}
.slider-column-tekst-content .absoLink{opacity: 0;font-size: 0;}
.slider-column-tekst-content,
.slider-column-tekst-content p{font-weight: 300}
/* Category slider section css end */

.loginTypes{margin-bottom: 5rem;}
.loginTypes > li{display: flex;align-items: center;position: relative;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);padding: 1.5rem 2rem;-webkit-border-radius: 0.5rem;border-radius: 0.5rem;font-weight: 600}
.loginTypes > li + li{margin-top: 2rem;}
.loginTypes > li > i{width: 3rem;height: 3rem;font-size: 2.8rem;text-align: center;color: #333333}
.iconGoogle{background: url(../images/google.svg) no-repeat left center / cover;}
.iconMicro{background: url(../images/microsoft.svg) no-repeat left center / cover;}
.loginTypes > li > span{padding-left: 1rem;}

.connected{margin-bottom: 2rem;}
.conneBtm{display: flex;align-items: center;padding-top: 1rem;}
.conneBtm > i{font-size: 2.8rem;color: #333333}
.conneBtm > span{font-style: italic;padding:0 1.5rem 0 1rem;}
#calenderPopup{font-size: 2rem;color: #333333;}
.remCal{-webkit-border-radius: 100%;border-radius: 100%;width: 4.5rem;height: 4.5rem;text-align: center;color: #333333;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.remCal i{vertical-align: top;width: 100%;height: 100%;line-height: 4.5rem;font-size: 2rem;}
.tiSpan{display: block;padding-bottom: 0.5rem;}
.doodBtm > span{font-style: italic;font-size: 1.6rem;}
.doodlePopupmodel{max-width: 40rem;margin: 0 auto;}
#calenderPopup .modal-body{padding-top: 5rem;padding-bottom: 5rem;}
.doodTxt .form-control{height: 6rem;background-color: #ffffff;color: #000000;font-size: 2rem;}

/* Personal page css start */
.regiLeft, .regiLeft .logo-container{position: relative;}
.logo-container .editBtn{top: 4.5rem;right: 2.5rem;}
.regiLeft .mijDash{position: absolute;bottom: 0;width: 100%;text-align: center;display: flex;justify-content: center;-webkit-transform: translateY(50%);transform: translateY(50%);}
.regiLeft .mijDash li{width: 30%;padding: 30% 0 0;position: relative;font-size: 1.2rem;}
.regiLeft .mijDash li:first-child{z-index: 1;}
.regiLeft .mijDash li + li{margin-left: -1rem;}
.regiLeft .mijDash a{display: block;-webkit-border-radius: 100%;border-radius: 100%;width: 100%;height: 100%;text-align: center;color: #ffffff;text-transform: uppercase;display: flex;align-items: center;justify-content: center;line-height: 1;padding: 0 2rem;position: absolute;left: 0;top: 0}
.regiRight{min-width: 1%;max-width: 100%;width: calc(33.333% - 1.5rem);text-align: left;}
.regiRight p{font: inherit;color: inherit;text-align: left;}
/* .ldBtm > ul > li{min-height: 20rem;} */
.visible-hidden{visibility: hidden;}

.aloneDiv{padding: 79.26% 0 0}
.stoneDiv{position: absolute;left: 2rem;top: 2rem;bottom: 2rem;right: 2rem;}
.stDiv{height: 100%;width: 100%;position: absolute;left: 0;top: 0;transition: 3s all;overflow: hidden;max-width: 0%;}
.stDiv svg,
.stDiv img{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width: initial;}
.stonColor{z-index: 1}
.animStart .stDiv{max-width: 100%}
.stonColor{transition-delay: 2s;}

.mijnBtn .btn{border-radius: 1rem;line-height: 4.6rem;}
.regimTab .startSpan{line-height: 2;padding: 0 1rem;text-align: center;top: 2.5rem;font-size: 1.2rem; /*min-width: 10rem;*/}
.regimTab .cliDate > span{padding: 0.6rem 0 0.8rem;font-size: 2.2rem;}
.regimTab .cmnBox{border-radius: 1rem 1rem 0 0;}
.mijnDiv .cmnBox{border-radius: 1rem;}
.cmnBox:has(.cmnImgDefault){padding-top: 50%;}
.regimTab .countDown,
.regimTab .cmnBtm{border-radius: 0 0 1rem 1rem;}

.mijnDiv .cmnImg .btn{position: absolute;left: 50%;transform: translateX(-50%);top: 1.5rem;padding: 0 1rem;}

.flexDiv{display: flex;flex-direction: column;}
.flexDiv .cmnBox{height: 100%}

.regiTop .circle-container{width: 100%;height: 100%;/*left: 0;right: 0;top: 0;bottom: 0;*/margin: auto;}
.regiTop .circle-container:not(.logo-circle-container){-webkit-transform: translate(13%,-13%);transform: translate(13%,-13%);}
.regiTop .logo-circle-container{left: 0;top: 0}
.regiLeft .logo-container{margin: 0 0 0 2.14%;position: relative;width: 23.603%;height: auto;padding: 23.603% 0 0;}
.regiLeft .logo-container .logo-animated{position: absolute;left: 0;top: 0}
.regiTop{margin: 5rem 0 8rem;}
.regiTop .profDetail{padding: 0 0 0 5%;width: 60%;}
.regiTop .editBtn{/*width: 5rem;height: 5rem;font-size: 2rem;*/ width: 14.85%;height: 14.85%;right: 0;top: 15%;font-size: 100%;line-height: 100%;}

.chelActrow .countDown{margin-top: 0}



.regiTop #logo-circle-1 {-webkit-animation: position001 6s ease infinite;animation: position001 6s ease infinite;}
.regiTop #logo-circle-2 {-webkit-animation: position002 8s ease infinite;animation: position002 8s ease infinite;}
.regiTop #logo-circle-3 {-webkit-animation: position003 7s ease infinite;animation: position003 7s ease infinite;}
.regiTop #logo-circle-4 {-webkit-animation: position004 9s ease infinite;animation: position004 9s ease infinite;}
@keyframes position001 {
  0% {
    top:14.28%;
    right:7.14%;
    animation-timing-function: ease;
  }
  33% {
    top:7.14%;
    right:14.28%;
    animation-timing-function: ease;
  }
  66% {
    top:21.42%;
    right:17.85%;
    animation-timing-function: ease;
  }
  100% {
    top:14.28%;
    right:7.14%;
    animation-timing-function: ease;
  }
}
@keyframes position002 {
  0% {
    top:21.42%;
    right:19.64%;
    animation-timing-function: ease;
  }
  33% {
    top:7.14%;
    right:8.92%;
    animation-timing-function: ease;
  }
  66% {
    top:21.42%;
    right:7.14%;
    animation-timing-function: ease;
  }
  100% {
    top:21.42%;
    right:19.64%;
    animation-timing-function: ease;
  }
}
@keyframes position003 {
  0% {
    top:12.5%;
    right:8.92%;
    animation-timing-function: ease;
  }
  33% {
    top:21.42%;
    right:8.92%;
    animation-timing-function: ease;
  }
  66% {
    top:8.92%;
    right:19.64%;
    animation-timing-function: ease;
  }
  100% {
    top:12.5%;
    right:8.92%;
    animation-timing-function: ease;
  }
}
@keyframes position004 {
  0% {
    top:19.64%;
    right:21.42%;
    animation-timing-function: ease;
  }
  33% {
    top:8.92%;
    right:10.71%;
    animation-timing-function: ease;
  }
  66% {
    top:19.64%;
    right:10.71%;
    animation-timing-function: ease;
  }
  100% {
    top:19.64%;
    right:21.42%;
    animation-timing-function: ease;
  }
}


.sectionTitle.sectNew{
  font-weight: 600;
  padding-bottom: 15px;
}
.quaUl .sectNew ~ .sectNew{
  padding-top: 15px;
}
/*.regiTop .logo-circle-container{left:0;}*/

/*.regimTab .cmnImg{padding-top: 45%}*/

.compStone{
  position: absolute;
  left: 50%;
  /*top: calc(50% - 2rem);*/
  top: 50%;
  /*transform: translate(-50%, -50%);*/
  z-index: 2;
  font-size: 10rem;
  /*background: rgba(255,255,255,0.5);
  padding: 2rem;*/
  color: #53662f;


  left: 0;
  bottom: 2rem;
  right: 0;
  top: 0;

  background-color: green;
  -webkit-mask-image: url(../images/check_complete.svg);
  mask-image: url(../images/check_complete.svg);
  -webkit-mask-size: 70% auto;
  mask-size: 70% auto;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;


  }
  .compStone i{opacity: 0;}

/* resume page css start */
.pinkBox{background-color: var(--light-variant-spot-color);-webkit-border-radius: 1.5rem;border-radius: 1.5rem;padding: 5rem;}
.circleBtn{-webkit-border-radius: 50%;border-radius: 50%;width: 4rem;height: 4rem;cursor: pointer;background-color: var(--spot-color);text-align: center;line-height: 4rem;color: #ffffff;font-size: 1.6rem;}
.circleBtn.font2x{font-size: 2rem;}
.titleDiv{padding-bottom: 2rem;flex-wrap: wrap;}
.titleDiv h3{padding-bottom: 0;max-width: calc(100% - 5.5rem);}
.newform .form-group{margin-bottom: 1.5rem;}
.newform .form-control{background-color: #ffffff;border: 0;height: 4rem;-webkit-border-radius: 1.5rem;border-radius: 1rem;font: italic 300 1.6rem/2.5 'Adagio_Sans';padding: 0 2rem;text-indent: 0.3rem;}
.newform textarea.form-control{height: 12rem;padding: 1rem 2rem;line-height: 1.5}
.newform .form-group > label{color: #000000;font: 600 1.6rem/1.4 'Adagio_Sans';padding: 0 0 5px 1rem;}

.hrCol hr{background-color: #E68072;height: 1px;margin: 0 0 5.5rem;opacity: 1}
.formWrapper + .formWrapper{margin-top: 3rem;}
.uploadDiv{background-color: #ffffff;height: 4rem;-webkit-border-radius: 1rem;border-radius: 1rem;padding: 0 2rem;position: relative;}
.uploadDiv > span{color: #E68072;font: italic 300 1.6rem/1.2 'Adagio_Sans';max-width: calc(100% - 6rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.upRight button{position: relative;}
.upRight input{cursor: pointer; position: absolute;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer;}
.upRight, .upRight *{line-height: 1}
.upRight i{vertical-align: top;}
.upRight > *{color: #E68072}
.upRight > * + *{margin-left: 1rem}

.commonRow:not(:last-child){margin-bottom: 5rem;}
.recoText{font: italic 300 2rem/1.6 'Adagio_Sans';}
.recoText p{padding: 0;margin: 0;font: inherit;}
.recoUser{margin-top: 1rem;position: relative;}
.recoUser .actBtns{position: relative;left: auto;top: auto;}
.recoUser .actBtns .circleBtn{display: inline-block;margin: 0}
.recoUser > .d-flex{max-width: calc(100% - 8.5rem);}
.recoUser > div > img{max-width: 6rem;-webkit-box-shadow: 0px 0.5rem 0.5rem #00000029;box-shadow: 0px 0.5rem 0.5rem #00000029;-webkit-border-radius: 50%;border-radius: 50%;}
.recoUser > div > span{font: 600 1.6rem/1.4 'Adagio_Sans';padding-left: 1rem;}
.recoUser > div > span small{display: block;font-weight: 300;font-style: italic;}
.recoRow{margin-bottom: 3.5rem;}
.recoRow + .recoRow{border-top: 1px solid #E68072;padding-top: 3rem;}
.btn-radius{-webkit-border-radius: 1.5rem;border-radius: 1.5rem;}
.skDiv:not(:last-child){margin-bottom: 2rem;}
.skLeft > *{display: block;}
.skLeft small{display: flex;align-items: center;padding-top: 0.5rem;}
.skLeft small i{color: #E68072}
.skLeft small i:not(:last-child){margin-right: 0.5rem;}
.skillsDiv, .personalDiv{margin-bottom: 4rem;}

.skLeft{max-width: calc(100% - 8rem);}
.skDiv .actBtns .circleBtn{display: inline-block;margin: 0}
.skDiv + .skDiv{border-top: 1px solid rgba(230,128,114,0.2);padding-top: 1.5rem;}

.formWrapper{position: relative;}
.formWrapper .actBtns{position: absolute;left: calc(100% + 1rem);top: 3rem;}
.repeaterWrap{position: relative;}
.actBtns .circleBtn{width: 3.5rem;height: 3.5rem;font-size: 1.4rem;line-height: 3.5rem;display: block;margin-bottom: 1rem;}

.resumePheader{padding: 2rem 3rem;}
.resumePbody{padding: 2rem 3rem;}
.extraRows{padding-top: 1rem;}

.fileInputWrap{display: flex;justify-content: space-between;}
.fileInputWrap .form-control[type=file]{padding-top: 0.8rem;width: 60%;}
.savedRecommendationImage{background: #f9f9f9;border: 1px solid #ced4da;position: relative;}
.savedRecommendationImage button{position: absolute;line-height: 1;right: 0;top: 0;padding: 0.5rem;background: #f1f1f1;font-size: 1.2rem;border: 1px solid #ced4da;border-top: 0;border-right: 0}
.savedRecommendationImage img{max-width: 100px;max-height: 100px;}

/* resume page css end */

/* News paper page css start  */
.newsToptitle h2{font-family: 'PD';font-weight: 900;color: #000000;font-style: normal;font-size: 4.5rem;line-height: 1;padding-bottom: 0}
.newsToptitle h2 span{color: #E68072;display: block;font-weight: 400;font-style: italic;font-size: 3.5rem;line-height: 1;margin-bottom: -0.5rem;}
.newsMain{background-color: #f0f0f0;}
.newsMain .regiTop{position: relative;z-index: 1;flex-wrap: wrap;border-bottom: 0.4rem solid #000000;margin: 0;padding: 3rem 0 6rem;margin-bottom: 2rem;}
.newsMain .regiTop:before{position: absolute;left: -1000%;right: -1000%;top: 0;bottom: 0;content: '';background: transparent -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#F0F0F0)) 0% 0% no-repeat padding-box;background: transparent -o-linear-gradient(top, #E2E2E2 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(180deg, #E2E2E2 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box;z-index: -1}
.newsMain .regiTop .newsToptitle{max-width: 66.6666%}
.newsMain .regiTop .regiLeft{width: 33.33333%;justify-content: center;}
.newsMain .regiTop .regiLeft .logo-container{width: 45%;margin: 0;padding: 45% 0 0}
.newsMain .regiLeft .mijDash li + li{margin-left: -1rem;}
.newsMain .regiLeft .mijDash a{font-size: 1.5rem;}
.postImg{-webkit-border-radius: 1.5rem;border-radius: 1.5rem;position: relative;padding-top: 62%;}
.tagsDiv{position: absolute;bottom: 2rem;left: 1.5rem;right: 2rem;z-index: 1;line-height: 1;display: flex;}
.pollDiv .tagsDiv{bottom: 3rem;}
.tags{text-transform: uppercase;color: #ffffff;padding: 0.5rem 1rem;font-size: 12px;display: inline-block;vertical-align: top;}
.tags:not(:last-child){margin-right: 0.5rem;}
.tagsPrimary{background-color: #E68072}
.tagsBlack{background-color: #000000}
.tagsRight{margin-left: auto;}
.dateSpan{color: #E68072;text-transform: uppercase;font: 400 1.2rem/1.1 'Adagio_Sans';}
.postcontent{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding-top: 1rem;}
.postcontent h3{padding-bottom: 1rem;}
.postcontent p{font: 300 1.6rem/1.5 'Adagio_Sans';}

.postWrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.newsTopcol{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;display: flex;padding-bottom: 2.5rem;}
.newsTopcol h3{padding-bottom: 0}
.newsTopcol h4{}
.pollDiv .postcontent{position: relative;z-index: 1;padding: 1.5rem 2.5rem 2.5rem;}
.pollDiv .postcontent:before{position: absolute;left: 0;top: -1.5rem;width: 100%;bottom: 0;z-index: -1;content: '';background-color: #ffffff;-webkit-border-radius: 1.5rem;border-radius: 1.5rem;padding: 2.5rem;}
.pollDiv .rachLabel{top: 0;right: 0;bottom: 0;transform: none;}
.pollDiv .radioAnswer{padding: 0 0 0 3rem;border: 0 !important;margin-bottom: 2rem;}
.pollDiv .rachLabel > span{margin-top: 0.3rem;}
.pollDiv .postcontent h3{padding-bottom: 2rem;}
.titleWithdiv{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.titleWithdiv .postWrapper{-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.newsMain h4.h3Small{font: italic 500 2.2rem/1.2 'Adagio_Sans';padding-bottom: 2.961rem}
.newsMain .row15{margin: 0 -2rem;}
.newsMain .row15 > div[class^="col-"]{margin-bottom: 5rem;padding: 0 2rem;}
.masonoryDivs{margin-bottom: 0 !important;}
.newsMain hr{height: 0.4rem;background-color: #000000;opacity: 1;margin: 0}
.h3newTitle span{color: #E68072}
.h3newTitle{line-height: 1;font-style: italic;font-weight: 300;color: #000000;/*font-size: 6rem;*/}
.masonoryDivs .postcontent h3{font-size: 2rem;}
.pollResult h4.h3Small{margin-top: 3.4rem}
.pollResult .postcontent{flex: none;}
.tagsGreen{background-color: #4F622A;-webkit-border-radius: 1rem;border-radius: 1rem;}

#newsPopup{top: 14rem;height: calc(100% - 14rem);overflow-y: auto;width: auto;left: 3rem;right: 3rem;}
#newsPopup .modal-dialog{max-width: 100%;margin: 0;}
#newsPopup .modal-content{background-color: #f0f0f0;position: relative;z-index: 1;padding: 0 3rem;border: 0;}
#newsPopup .modal-content:before{left: -1%;right: -1%;top: 0;bottom: 0;content: '';background-color: #f0f0f0;position: absolute;z-index: -1}

#newsPopup .btn-close{position: absolute;right: 1.5rem;top: 1.5rem;z-index: 11;width: 3rem;height: 3rem;background-size: 40% auto;outline: none !important;box-shadow: none !important;background-color: #ffffff;-webkit-border-radius: 50%;border-radius: 50%;opacity: 1}

.loadMore{font: italic 400 3rem/1.2 'PD';text-align: center;border-bottom: 0.4rem solid #000000;padding:1rem 0 2rem;}
.loadMore a{color: #000000}
/* News paper page css end */


.googleBtn{
    background-color: #4285F4;
    color: #ffffff;
    width: auto;
    font: 500 14px/1.2 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
.googleBtn:hover{
    color: #ffffff !important;
    box-shadow: 0 0 3px 3px rgb(66,133,244,0.3);
}
.googleBtn span{
    display: flex;
    align-items: center;
    padding: 1px 11px 1px 1px;
}
.googleBtn small{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 11px 0 0;
}


/* New course listing design 29-11-2022 */
.coListnew .coListinner{display: flex;align-items: center;flex-wrap: wrap;}
.coListnew .coList{width:  33.3333%;}
.coListnew .cliImg{width: 150px;padding: 30% 0 0;min-height: 100%;}
.coListnew .cliCon{width: calc(100% - 150px);text-align: left;padding: 1rem 2rem}
.coListnew .cliCon p{font-size: 1.4rem;padding: 0}
.coListnew .cliCon h5{font-size: 1.6rem;padding-bottom: 0.3rem;/*white-space: nowrap;*/text-overflow: ellipsis;overflow: hidden;}
.coListnew .meerInfo{position: relative;top: auto;right: auto;padding: 0.5rem 1rem;font-size: 1.4rem;border-radius: 0.5rem;margin-top: 0.5rem;display: inline-block;vertical-align: top;}
.coListnew .cliDate{left: 0;top: 0;border-radius: 1rem 0 0 0}
.coListnew .cliDate > span{font-size: 1.5rem;padding: 0.3rem 0}
.coListnew .cliDate > small{font-size: 1rem;}

.coListinner{position: relative;}
.coListColumn .cliCon{position: static;}

.listGridbx{text-align: right;padding-bottom: 2rem;}
.listGridbx a + a{margin-left: 1rem;}
.listGridbx a:hover:not(.active){color: #999999}
#gridListview .meerInfo{transition: none;}
/* New course listing design 29-11-2022 */

.transform-none{transform: none;}

table.dataTable{border: 1px solid #dee2e6;}
table.dataTable th{border-bottom: 0;}
.dataTables_length label > select{border: 1px solid #dee2e6;-webkit-appearance: auto;appearance: auto;}
.dataTables_filter input[type="search"]{border: 1px solid #dee2e6;height: 30px;padding: 0 15px;}
.dataTables_length + .dataTables_filter{margin-top: -24px;}
div div.dataTables_wrapper div.dataTables_info{float: left;padding: 6px 0 0;}
.dataTables_paginate{float: right;}
.dataTables_paginate{display: flex;}
.dataTables_paginate a{border: 1px solid #dee2e6;padding: 5px 10px;color: #000000;margin-left: 4px;align-items: center;cursor: pointer;}
.dataTables_paginate > span{display: flex;align-items: center;}
.dataTables_paginate a.current{color: #ffffff;background-color: #e68072;border-color: #e68072;cursor: default;}
.dataTables_paginate a:not(.current):hover{background-color: #4f622a;border-color: #4f622a;color: #ffffff;}
table.dataTable td{vertical-align: middle;}
div div.dataTables_wrapper div.dataTables_processing{margin-left: 0;}

.form-control.select2-hidden-accessible+.select2-container .select2-selection.select2-selection--multiple {
    min-height: 40px;
}

.form-control.select2-hidden-accessible+.select2-container .select2-search__field {
    height: 25px;
    padding-top: 3px;
}

#ui-datepicker-div{z-index:9999 !important;}

.wh-20px{width: 2rem;height: 2rem;}
.notification{position: relative;margin: 0 2rem 0 0; transform: translateY(0.5rem);}
.notification .svg-inline{max-height: 100%;max-width: 100%;}
.badge-new{-webkit-border-radius: 50%;border-radius: 50%;font-size: 1.2rem;line-height: 1.5;padding: 0 0.5rem;min-width: 1.8rem;text-align: center;margin: 0;}
.badge-danger{background-color: #E03E3D;color: #ffffff;}
.notification .badge-new{position: absolute;top: 0;-webkit-transform: translate(0.5rem,-0.8rem);transform: translate(0.5rem,-0.8rem);}

.menu {
    position: absolute;
    top: 100%;
    padding: 1.3rem 0;
    right: 0;
    border-radius: 0.475rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    z-index: 107;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: 300ms opacity, 300ms transform;
    transition: 300ms opacity, 300ms transform;
    min-width: 20rem;
}

.w-350px{width: 35rem;}
.w-275px{width: 27.5rem;}
.w-640px{width: 40rem;}

.separator{display: block;height: 0;border-bottom: 1px solid #F1F1F4;margin: 1rem 0;}

.menu-item {
    position: relative;
}
.menu-item .subMenu {
  right: auto;
  left: calc(100% - 1rem);
  top: 0;
}

.menu-item .subMenu[data-direction="left"] {
  right: calc(100% - 1rem);
  left: auto;
}

.menu-item .menu-link {
  cursor: pointer;
  padding: 0;  
  display: flex;
  justify-content: space-between;
  padding: 1.11rem 1.6rem;
  border-radius: 0.475rem;
  color: var(--bs-dark);
  transition: none;
  outline: none !important;
  text-decoration: none;
  -webkit-transition: 300ms all;
  transition: 300ms all;
}
.menu-item .menu-link small{
  margin-left: 1rem;
  white-space: nowrap;
}

.openMenu .menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.app-navbar-item:hover > .menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.menu-item:hover .subMenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.logo.frontLogo .notification{
  position: absolute;
  right: 30px;
  top: 52%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 1399.95px){
.coListnew .coList{width: 50%}
}

@media only screen and (max-width: 767px){
.coListnew .coList{width: 100%;}

}

@media only screen and (min-width: 768px){
.coudSec .circle-container{width: 24rem;height: 24rem;}
#logo-circle-1 {-webkit-animation: position010 6s ease infinite;animation: position010 6s ease infinite;}
#logo-circle-2 {-webkit-animation: position020 8s ease infinite;animation: position020 8s ease infinite;}
#logo-circle-3 {-webkit-animation: position030 7s ease infinite;animation: position030 7s ease infinite;}
#logo-circle-4 {-webkit-animation: position040 9s ease infinite;animation: position040 9s ease infinite;}
.logo-circle-container{top: 2rem;left: 2rem;width: 23rem;height: 23rem;}
}


@media only screen and (max-width:1201px) {
  .pwMainpart:before, .pwUserdetail { width: 35%; }
  .pwWorkdetail { width: 65%; float: left; padding: 0px 60px 30px; }
  .pwUserdetail, .pwWorkdetail { margin-top: -190px; }
  .pwTopbg { height: 390px; }
}
@media only screen and (max-width:1024px) {
  .pwUserdetail { padding: 0px 30px 30px; }

  /* News paper page css start  */
  .newsMain .row15{margin: 0 -1.5rem;}
  .newsMain .row15 > div[class^="col-"]{padding: 0 1.5rem;}

  .h3newTitle,
  .newsToptitle h2{font-size: 4rem;}
  .newsToptitle h2 span{font-size: 3rem;}
  .postcontent h3{font-size: 2rem;}
  .tags{font-size: 10px;}
  .pollResult h4.h3Small{margin-top: 11.2px;}
  /* News paper page css start  */

}
@media only screen and (max-width:979px) {
  .pwUsername h1 { font-size: 9rem; }
  .pwWorkdetail { padding: 0px 40px 30px; width: 62%; }
  .pwUserdetail, .pwWorkdetail { margin-top: -140px; }
  .pwTopbg { height: 300px; }
  .pwMainpart:before, .pwUserdetail { width: 38%; }
  .pwWorkbox h2 { font-size: 2.4rem; }
  .pwWorkbox { margin-bottom: 40px; }
}
@media only screen and (max-width:767px) {
  .pwMainpart:before, .pwUserdetail { width: 100%; }
  .pwUserdBox { margin-bottom: 30px; }
  .pwWorkdetail { margin-top: 30px; width: 100%; padding: 0px 30px 30px; }
  .pwUsername, .pwUsername h1 { width: 100%; margin-top: 0px; }
  .pwUsername h1, .pwUsername p { color: #6e5656; }
  .pwMainpart:before { display: none; }
  .pwWorkContent { margin-top: 0px; }
  .pwUsername h1 { font-size: 6rem; margin: 0px; }
  .pwUsername.dsktop { display: none; }
  .pwUsername.mbl { display: block; margin-top: 20px; }
  .pwUserdetailContent { margin-top: 30px; }
  .pwUserdBox h3 { margin-bottom: 10px; }
  .profileWrap { word-break: break-word; }
  .pwTopbg { height: 230px; }
  .pwUsername p { margin-top: 10px; }
}
  @media only screen and (max-width:480px) {
    .pwWorkdetail { padding: 0px 20px 20px; }
    .pwWorkbox h2 { font-size: 2rem; letter-spacing: 1px; padding: 10px; margin-bottom: 10px; }
    .pwUsername h1 { font-size: 4rem; margin: 0px; letter-spacing: 1px; }
    .pwUserdBox { margin-bottom: 20px; }
    .pwUserdBox:last-child { margin-bottom: 0px; }
    .pwUserdetail { padding: 0px 20px 20px; }
  }
/* Profile page second tab css end */

.agdateDiv{float: right;margin: 4rem 0.5rem 0 0}
.numbersDiv{padding: 0 2rem;}
.fedUl{margin: 0 -0.5rem 0;padding: 0 14rem 0 0;position: relative;}
.marB40{margin-bottom: 4rem;}
.fedUl > li{float: left;width: 20%;padding: 0 0.5rem 2rem;position: relative;}
.fedUl > li .absoLink{z-index: 2;bottom: 2rem;left: 0.5rem;right: 0.5rem;}
.liInner{position: relative;}
.liInner > small{position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-55%);transform: translateY(-55%);text-align: center;color: #fde6e2;font:italic 600 14rem/1 'Adagio_Sans';}
.blcTitle{position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;color: #000000;font: 600 2.2rem/1.2 'Adagio_Sans';padding: 0 3rem;z-index: 1}
.blcTitle span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.fedUl > li.verLi{position: absolute;right: 0;top: 0;width: 14rem;}
.verTxt{text-transform: uppercase;font: 600 2.2rem/1 'Adagio_Sans';text-align: center;color: #e68072;margin: 1.5rem 0 0}

.toolTipbox{position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #E68072;width: 150%;-webkit-border-radius: 1rem;border-radius: 1rem;z-index: 1;opacity: 0;visibility: hidden;transition: 300ms all;min-width: 31rem;height: 0;overflow: hidden;}
.fedUl > li:not(.verLi):hover{position: relative;z-index: 9}
.liInner:hover .toolTipbox{top: calc(100% + 1rem);opacity: 1;visibility: visible;height: auto;overflow: visible;}
.toolTipbox:before{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 100%;content: '';border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-bottom: 1rem solid #E68072;}
.toolTipbox .cmnBtm{-webkit-border-radius: 0 0 1rem 1rem;border-radius: 0 0 1rem 1rem;display: block;}
.cbtmRow{display: flex;align-items: center;justify-content: space-between;}
.cbtmRow ~ .cbtmRow{padding-top: 10px;}
.cbtmRow .voted > small{max-width: 115px;text-align: left;}
.toolTipbox .strTitle{font-size: 1.4rem;}
.tTop{color: #ffffff;font-size: 1.6rem;text-align: left;padding: 2rem;}
.tTop p{color: inherit;font-size: inherit;}

.fedUl > li:first-child .toolTipbox{left: 0;transform: none;}
.fedUl > li:first-child .toolTipbox:before{left: 32%;transform: none;}

.dsInner{/*padding-top: 50%;*/position: relative;}
.dsImginner{height: 50rem;}
.dsCon{position: absolute;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.5);padding: 2rem;color: #ffffff;opacity: 0}
.dsCon *{color: #FFFFFF !important;}
.dsCon em, .dsCon i{font-style: italic;}
.dsInner:hover .dsCon{opacity: 1}
.dsCon *{color: inherit;}
/*.slick-arrow + .slick-list .dsInner{padding-top: 25%;}*/
.dsTitle{font-weight: 600;padding: 0 0 0.5rem;}

.chpInntitle + .detSlider{margin-top: 2rem;}
.detSlider .slick-arrow{width: 4rem;height: 4rem;background-color: rgba(0,0,0,0.5);text-align: center;line-height: 3rem;padding: 0}
.detSlider .slick-arrow i{vertical-align: inherit;}
.detSlider .slick-prev{left: 1.5rem;}
.detSlider .slick-next{right: 1.5rem;}
.detSlider{margin:0 0 3rem}
.txtWrapper + .detSlider{margin-top: 3rem}

.detSlider .slick-dots{position: relative;left: auto;right: auto;bottom: auto;margin: 1rem 0 0;height: 14px;padding: 0}
.detSlider .slick-dots li{margin: 0 4px;}
.detSlider .slick-dots li button{border-color: #cccccc;}
.detSlider .slick-dots li.slick-active button{width: 14px;border-color: #cccccc;background-color: #cccccc;}

/*.impSpan{height: 20rem;display: block;}*/

/* Right side bar css start */
.asideRight{position: absolute;right: 0;top: 1%;-webkit-transform: translate(100%,0);transform: translate(100%,0); z-index: 11;-webkit-transition: 300ms all;transition: 300ms transform;}
.sidebarOpen{-webkit-transform: translate(0%,0);transform: translate(0%,0);right: 0;}
.sideWrapper{background-color: #ffffff;padding: 1.5rem;width: 27rem;min-height: 20rem;}
.sidebarOpen .sideWrapper{-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.sideTitle{font-weight: 600;padding: 0;font-size: 1.6rem;color: #000;}
.asideRight .section-content .link-list{ margin-top: 0;font-size: 1.6rem;color: #000000;/*list-style-position: inside;padding-left: 10px;*/ list-style-type: none;padding: 0;}
.asideRight .section-content .link-list li{
  display: block;
  margin-bottom: 7px;
  line-height: 1.3
}
.asideRight .section-content .link-list li > a{
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
    font-size: 1.4rem;
    color: #FFF;
  /*    color: #d38335;*/
    text-decoration: none;
    background: #f0e5c6;
    transition:300ms all;
    word-break: break-word;
}
/* .asideRight .section-content .link-list li > a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 5px;display: inline-block;vertical-align: top;max-width: 100%;} */
/*.asideRight .section-content .link-list li::marker {margin: 0}*/
.sideBox ~ .sideBox{margin-top: 1rem;}
.sideClick{position: absolute;background-color: #4F622A;color: #ffffff;font: 600 1.6rem/1 'Adagio_Sans';padding: 10px;-webkit-transform-origin: left 100%;transform-origin: left 100%;-webkit-transform: rotate(-90deg) translateX(-50%);transform: rotate(-90deg) translateX(-50%);cursor: pointer;bottom: 50%;letter-spacing: 0.5px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.sideBoxclose{position: absolute;right: 5px;top: 0;padding: 5px;color: #f00;cursor: pointer;}
.section-content.maxh150{max-height: 150px;overflow: auto;}
.section-content.maxh110{max-height: 110px;overflow: auto;}
.btnmarB5 .btn{margin-bottom: 5px;}
/* Right side bar css end */

.materDiv .tableTitle{padding-bottom: 0.5rem;}
.materDiv .tableTitle:not(:first-child){margin-top: 2rem;}

/* Trainer login css start */
.modal-dialog{max-width: 650px;}
.modal-header{align-items: flex-start;}
.modal-header .close{font-size: 2.5rem;opacity: 0.5;line-height: 1}
.modal-header .close:hover{opacity: 1}
.modal-header h4{padding-right: 1rem;font-weight: 600;color: #000000}
.modal-footer{margin-top: 1rem;padding: 1rem;}

.tralogUl{font-weight: 300;font-size: 1.5rem;}
.tralogUl:before{content: attr(data-ul-title);display: block;font-weight: 600;padding-bottom: 0.5rem;}
.tralogUl li{line-height: 1.5}
.tralogUl li + li{border-top: 1px solid #dfdfdf;margin-top: 1.5rem;padding-top: 1.5rem;}
.tralogUl strong{font-weight: 600}

.flexfGroup > .form-group{display: flex;flex-wrap: wrap;}
.flexfGroup > .form-group > label{line-height: 4rem;padding: 0 1rem 0 0;min-width: 10rem;}
.txtInput{width: 50%;}

.toggle{position: relative;overflow: hidden;height: 4rem;border: 1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius: 0.25rem;border-radius: 0.25rem;}
.toggle > input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;cursor: pointer;margin: 0;opacity: 0}
.minW500{min-width: 500px;max-width: 100%;}
.w100{width: 10rem;}
.w150{width: 15rem;}
.toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: -100%;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.toggle-group > label.btn{float: left;width: 50%;line-height: 4rem;text-align: center;padding: 0;border: 0;font-weight: 500}
.toggle-group > label.btn-light{background-color: #efefef}
.toggle-group > .toggle-handle {
  position: absolute;
  top: 1px;
  right: calc(50% - 2px);
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transform: translateX(100%);
    transform: translateX(100%);
  padding: 00;
  border-color: #f8f9fa;
  height: calc(100% - 2px);
  width: 1.3rem;
  border-width: 0 1px;
  background-color: #fff;
}
.toggle-group > label.btn.toggle-on{padding-right: 1.3rem;}
.toggle-group > label.btn.toggle-off{padding-left: 1.3rem;}

.toggle > input:checked ~ .toggle-group{left: 0}
.toggle > input:checked ~ .toggle-group > .toggle-handle{left: auto;right: 50%;-webkit-transform: translateX(-1px);transform: translateX(-1px);}


.tableTitlebig{font-size: 3rem}
.smallSpan{display: block;text-transform: none;font-weight: 300;font-size: 1.6rem;}
/* Trainer login css end */

.chapDetail .max1400.nochapLeft{padding-left: 0}
.chapDetail .max1400.nochapLeft .toggleSide{display: none;}
.toggleTr{display: none;}
.hasClick{cursor: pointer;}

.alert > .txtWrapper:first-child{padding-top: 0}

.commonInputlabel{position: relative;left: auto;top: auto;line-height: 1;}
.commonInputlabel > *{vertical-align: top;}
.commonInputlabel > span{width: 1.6rem;height: 1.6rem;}
.commonInputlabel > span + i{max-width: calc(100% - 2rem);}


.showNext .verLi > img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.hasLi6 > li:nth-child(5) ~ li:not(.verLi),
.hasLi7 > li:nth-child(5) ~ li:not(.verLi),
.hasLi8 > li:nth-child(5) ~ li:not(.verLi),
.hasLi9 > li:nth-child(5) ~ li:not(.verLi),
.hasLi10 > li:nth-child(5) ~ li:not(.verLi){position: absolute;opacity: 0;visibility: hidden;}

.hasLi6.showNext > li:nth-child(5) ~ li:not(.verLi),
.hasLi7.showNext > li:nth-child(5) ~ li:not(.verLi),
.hasLi8.showNext > li:nth-child(5) ~ li:not(.verLi),
.hasLi9.showNext > li:nth-child(5) ~ li:not(.verLi),
.hasLi10.showNext > li:nth-child(5) ~ li:not(.verLi){position: relative;opacity: 1;visibility: visible;}

.hasLi6.showNext > li:first-child,
.hasLi7.showNext > li:first-child,
.hasLi7.showNext > li:nth-child(2),
.hasLi8.showNext > li:first-child,
.hasLi8.showNext > li:nth-child(2),
.hasLi8.showNext > li:nth-child(3),
.hasLi9.showNext > li:first-child,
.hasLi9.showNext > li:nth-child(2),
.hasLi9.showNext > li:nth-child(3),
.hasLi9.showNext > li:nth-child(4),
.hasLi10.showNext > li:first-child,
.hasLi10.showNext > li:nth-child(2),
.hasLi10.showNext > li:nth-child(3),
.hasLi10.showNext > li:nth-child(4),
.hasLi10.showNext > li:nth-child(5){position: absolute;opacity: 0;visibility: hidden;}


.commonInputlabel{position: relative;left: auto;top: auto;line-height: 1;}
.commonInputlabel > *{vertical-align: top;}
.commonInputlabel > span{width: 1.6rem;height: 1.6rem;}
.commonInputlabel > span + i{max-width: calc(100% - 2rem);}

.modal .table{font-size: 1.6rem;}
.maxH420{max-height: 42rem;overflow: auto;}

.modal .table{font-size: 1.6rem;}
.maxH420{max-height: 42rem;overflow: auto;}

.loadDivhidden{/*position: absolute;left: 0;right: 0;top: 0;opacity: 0;visibility: hidden;*/ display: none;}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
.liInner > small{font-size: 10rem;}
.fedUl > li.verLi{width: 10rem;}
}

.agdateDiv{float: right;margin: 4rem 0.5rem 0 0}


body .fc-scrollgrid-sync-table{font-size: 1.6rem !important;color: #000;font-weight: 400;}
body .fc-scrollgrid-sync-table td{font-weight: 300;}
.fc .fc-col-header-cell-cushion,
body .fc-scrollgrid-sync-table a{color: #000;font-size: 1.6rem;}
#course_calendar_popup .close{padding: 1.25rem;margin: -1rem -1rem -1rem auto;}
#course_calendar_popup .close:after{content: "\f00d";font-weight: 400;font-family: "Font Awesome 5 Pro";color: #74788d;}


.agdateDiv{float: right;margin: 4rem 0.5rem 0 0}


body .fc-scrollgrid-sync-table{font-size: 1.6rem !important;color: #000;font-weight: 400;}
body .fc-scrollgrid-sync-table td{font-weight: 300;}
.fc .fc-col-header-cell-cushion,
body .fc-scrollgrid-sync-table a{color: #000;font-size: 1.6rem;}
#course_calendar_popup .close{padding: 1.25rem;margin: -1rem -1rem -1rem auto;}
#course_calendar_popup .close:after{content: "\f00d";font-weight: 400;font-family: "Font Awesome 5 Pro";color: #74788d;}

.quansMain .quaUl div.borderNone,
.quansMain .quaUl .singleImg,
.fedhasTable .tcImage{margin-bottom: 4rem;}

.imgwPluse{margin: 3rem -1.5rem 0;padding-right: 2rem;align-items: end;}
.impInner{width: 25%;padding: 0 1.5rem 3rem;}
.impsubInner{position: relative;cursor: pointer;}
.impsubInner > img{width: 100%;}
/*.impToll{position: absolute;left: 101% !important;top: -3rem !important;-webkit-border-radius: 4px;border-radius: 4px; background-color: #e0e0e0;padding: 2rem 2rem 2rem 3rem;z-index: 1;min-width: 24rem;font-size: 1.6rem;margin: 0;border: 0;transform: none !important;overflow: auto;max-height: 200px;}
*/
.impToll {
  position: absolute;
  left: 101% !important;
  top: auto !important;
  bottom: -4rem !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  padding: 2rem 2rem 2rem 3rem;
  z-index: 1;
  min-width:24rem;
  font-size: 1.6rem;
  margin: 0;
  border: 0;
  transform: none !important;
  max-height: 500px;
  height: auto;
  overflow: auto;
  max-height: 350px;
}
/*.impsubInner .dropdown-toggle{position: absolute;right: 0;top: 0;width: 4rem;height: 4rem;background-color: #E68072;color: #ffffff;text-align: center;line-height: 4rem;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);-webkit-border-radius: 50%;border-radius: 50%;z-index: 2}*/
.impsubInner .dropdown-toggle{position: absolute;right: 0;top: 0;width: 5.5rem;height: 5.5rem;background-color: #E68072;color: #ffffff;text-align: center;line-height: 4rem;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);-webkit-border-radius: 50%;border-radius: 50%;z-index: 2;font-size: 2.4rem;}
.impsubInner.show{z-index: 5}
.impsubInner .dropdown-toggle i{vertical-align: inherit;}
.impsubInner .dropdown-toggle::after{display: none;}

.impInner:nth-child(4n) .impToll{left: auto !important;right: 0 !important;padding: 2rem 3rem 2rem 2rem}
.contToggle{height: 60px;overflow: hidden;}
.expandTxt .contToggle{height: auto;}
.cTogglebtn{margin: 0.5rem 0 0;cursor: pointer;}

.videoDiv{position: relative;padding-top: 62%;margin: 1.5rem 0 0}
.videoDiv iframe{vertical-align: top;width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.vidWrapper ~ .vidWrapper{margin-top: 3rem;}



.uploadWrapper{position: relative;}
.txtWrapper .uploadArea{position: absolute;right: 0;top: 4rem}
.uploadWrapper textarea.form-control{margin-right: 4rem}
.pluseUploader{display: flex;}
.circlePluse{min-width: 3.5rem;min-height: 3.5rem;width: 3.5rem;height: 3.5rem;background-color: var(--spot-color);color: #ffffff;text-align: center;line-height: 4rem;-webkit-border-radius: 50%;border-radius: 50%;z-index: 2;font-size: 2.4rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.pluseUploader .circlePluse{margin-left: 1rem;position: relative;}
.uploadArea .circlePluse .file-input{position: absolute;inset: 0;opacity: 0;width: 100%;height: 100%;z-index: -1}
.uploadArea .circlePluse{display: flex;}

@media only screen and (min-width: 1301px) and (max-width: 1400px){
  .verTxt, .blcTitle{font-size: 1.6rem;}
}
.fedBack{margin: 1.5rem -3rem -3rem;padding: 3rem;background-color: #f8f8f8;}
.fedBack + .tryAgain{margin-top: 5.5rem;}
.fedBack .aswQuestion:last-child{margin-bottom: 0;padding-bottom: 0;border: 0;}


@media only screen and (min-width: 992px){

}

@media only screen and (min-width: 1200px){
  .catInner:hover .catImg{-webkit-transform: scale(1.05);transform: scale(1.05);}
}

@media only screen and (max-width: 1200px){
html{font-size: 8px;}
.btn.btn-more-info{padding: 0 2rem;}

.wrapper:not(.noFram):before{height: 50vh;}
.slider-nav-prev:before,
.slider-nav-next:before{width: 50%;transform: none;}
.tabcon > .container{padding: 0}

.chapDetail .max1400{padding-left: 0}
.hideSidebar .chapDetail .chapRight{-webkit-transform: translateX(34rem);transform: translateX(34rem);}
.rightPadd .chadInner{padding-right: 0}
.dsCon{opacity: 1;}
.compStone{font-size: 6rem;}

}

@media only screen and (max-width: 991px){
.topSection{padding: 0 3rem 3rem;}
.bannerSec{padding: 0 3rem;margin:0 -3rem 5rem;}
.catSec{margin: 0 -3rem;}
.catWrapper{padding: 0}


.menuDiv:not(.notResponsive){padding: 1rem 0;}
.menuDiv .navigation{background-color: #ffffff;padding: 0;position: absolute;left: 0;right: 0;z-index: 9;border: 0;display: none;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);top: 100%;}
.navigation > ul{flex-direction: column;align-items: flex-start;}
.menuDiv .navigation .leftMenu{padding: 30px 20px 0;}
.menuDiv .navigation .rightMenu{padding: 0 20px 30px;}
.menuDiv > .logo{position: relative;left: auto;top: auto;-webkit-transform: none;transform: none;}


.navigation > ul > li{float: none;text-align: left;}
.navigation > ul > li > a{display: flex;align-items: center;flex-direction: row;}
.navigation > ul > li:not(:first-child){margin: 2rem 0 0;}
.navigation > ul > li > a > i{margin: 0 2rem 0 0;text-align: center;}
.navigation > ul > li > a > i svg{vertical-align: inherit;}
.navigation .countBadge{margin-left: 2rem;}

.menuIcon{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.searchLi{display: none}
.logo > .searchToggle{display: block;}
.searchBox{position: absolute;right: 0;top: 0;width: 100%;background-color: #f9f9f9;padding: 1rem;box-shadow: 0 0 5px rgba(0,0,0,0.2);opacity: 0;visibility: hidden;transition: 300ms all;z-index: 9;top: 100%;left: 0;}
.searchSbmit{right: 1rem;top: 1rem;}
.navigation ul + ul{margin: 2rem 0 0;}

/* New design css changes start */
.menuDiv .logo{display: block;}
.welTop .logo{display: none;}
.welTop{justify-content: center;}
.adgCon{padding: 2rem;}
.agdDrop{position: relative;left: auto;right: auto;bottom: auto;margin-top: 2rem;}
.meerBtn{position: relative;}
.agdInner{height: auto;padding-bottom: 0}
/* New design css changes end */
.navigation .searchBox{display: none;}



}

@media only screen and (max-width: 767px){
.vProgress{right: 15px;width: 3.5rem;}
.userImg{width: 3.5rem;height: 3.5rem;}
.lesUl > li > a{padding-right: 6.5rem;}
.sDiv{height: 35rem;}
.bannerSec h1{font-size: 4rem;}

.lesInner{padding-left: 0}
/*.hideSidebar .rightDiv{-webkit-transform: translateX(32rem);transform: translateX(32rem);}*/

.aswerWrap{padding: 1rem;}

.loginMain{display: block;}
.loginMain > *{display: block;}
.loginLeft{height: 200px}
.loginRight{padding: 30px}
.loginLogo{margin-bottom: 3rem;}


/*.navigation > ul > li{float: none;text-align: left;}
.navigation > ul > li > a{display: flex;align-items: center;}
.navigation > ul > li:not(:first-child){margin: 2rem 0 0;}
.navigation > ul > li > a > i{margin: 0 2rem 0 0;width: 4rem;height: 4rem;line-height: 4rem;}
.navigation > ul > li > a > i svg{vertical-align: inherit;}
.navigation .countBadge{margin-left: 2rem;}
*/

/*.wrapper:not(.noFram){padding: 15px;}*/
.bannerSec{border-bottom-width: 0.5rem;margin-bottom: 20px;}
.frontBanner .sDiv{height: auto;}
.innerBanner .frontBanner .sDiv{height: 22rem;}
.sDiv .bannerTxt{padding: 10px;right: auto;bottom: auto;position: relative;margin: 80px 15px 15px;max-width: 60%;float: right;font-size: 0.8rem;}
.sDiv .bannerTxt > p{font-size: 0.8rem;}

/* .menuDiv:not(.notResponsive){position: absolute;left: 0;right: 0;z-index: 9;border: 0;display: none;padding: 0;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.menuDiv .navigation{background-color: #ffffff;padding: 30px 20px;} */

/*.menuDiv:not(.notResponsive){padding: 1rem 0;}
.menuDiv .navigation{background-color: #ffffff;padding: 0;position: absolute;left: 0;right: 0;z-index: 9;border: 0;display: none;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);box-shadow: 0 0 5px rgba(0,0,0,0.3);top: 100%;}
.menuDiv .navigation .leftMenu{padding: 30px 20px 0;}
.menuDiv .navigation .rightMenu{padding: 0 20px 30px;}
.menuDiv > .logo{position: relative;left: auto;top: auto;-webkit-transform: none;transform: none;}*/


h2, .sTitle{font-size: 2.5rem;line-height: 1.2;padding-bottom: 2rem;}
.welTxt{padding: 10px;margin-bottom: 15px;}
.docUl, p, .welTxt p{font-size: 1.2rem;}
p:not(:last-child){padding-bottom: 1rem;}
.welQuote{margin: 0;font-size: 1.5rem;line-height: 1.4}
.catImg{padding-top: 60%}
.catColumn{width: 33.3333%;}
.catImg img{max-width: 60%;}

.whiteBox{padding: 15px;}
.timeRedtxt{position: relative;top: auto;max-width: 60%;font-size: 1.2rem;text-align: center;margin: 0 auto;}
.tabWrapper > .container{padding: 0}
.timeBorder{right: auto;border-top-width: 2px !important;width: 5rem;}
.timeConimg{max-width: 100%;padding: 0 0 0 10rem !important;flex-direction: row !important;}

.leftImg .tcContent,
.tcContent{text-align: left !important;padding: 0 0 0 1.5rem !important;}
.threeTdiv .fullColumn .tcContent{padding: 1.5rem 0 0 0 !important;}
.tDiv .tcImage:before{width: 7.5rem !important;right: inherit !important;left: 0 !important;-webkit-transform: translateX(-100%) !important;transform: translateX(-100%) !important;border-bottom-width: 2px !important;font-size: 1.2rem;top: 1rem !important;}
/* .tDiv ~ .tDiv{margin-bottom: 3rem;} */
.tsliderBox{padding: 5rem 0;margin: 40px 0 30px;}
.timeBorder small{left: 0;transform: none;top: calc(100% + 1rem);font-size: 1.2rem;}
.timeBorder:before{-webkit-transform: translateX(-8%);transform: translateX(-8%);width: 10rem;border-width: 2px !important;width: 120%;height: 2rem;}
.catName{font-size: 1.4rem;}
.npbtns{-webkit-transform: translateY(-55%);transform: translateY(-55%);}
.timeBorder:after{width: 2px;}
.tClick span{font-size: 1.6rem;}
.tClick em{font-size: 1.2rem;}
.tClick small{font-size: 1rem;}
.plusMinus{right: 0;width: 1.5rem;height: 1.5rem;}
.borCentext h3,
.h3{font-size: 2.2rem;padding-bottom: 1rem;}

.current .slider-column-image-cell img, .mouseover .slider-column-image-cell img,
.slider-column-image-cell img{width: auto;margin-bottom: 3rem;max-height: calc(100% - 3rem);max-width: 40%;}

.current .slider-column-tekst h3, .mouseover .slider-column-tekst h3, .slider-column-tekst h3{font-size: 1.6rem;margin:0.5rem 0 0}
.slider-column-tekst-content{opacity: 1}
.slider-column-bar-number,
.current .slider-column-bar-number, .mouseover .slider-column-bar-number{width: 7rem;height: 7rem;top: 0;margin-left: 0;line-height: 7rem;font-size: 3rem;transform: translate(-50%,-25%);}
.slider-column-tekst .vertical-line, .current .slider-column-tekst .vertical-line, .mouseover .slider-column-tekst .vertical-line{margin-top: 0;height: 2rem;width: 2px;}
.btn.btn-more-info{margin-top: 0;line-height: 1;padding: 5px;font-size: 1.2rem;}
.slider-column-image{height: 20rem;}
.slider-nav{top: 20rem;width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.5rem}
.slider-column{width: 100%;}
.slider-column-tekst{padding-top: 3rem;}
.slider-column-bar{height: 3rem;}

.arrow-right-container .arrow-right{border-left-width: 19px;}
.arrow-right{border-top-width: 12px;border-bottom-width: 12px;border-left-width: 19px;}
.arrow-right-container{width: calc(100% - 19px)}

.tcImage img{float: left !important;}
.fullColumn .tcImage img{max-width: 50% !important;}
.fullColumn .tcContent{padding: 1rem 0 0 !important;max-width: 100% !important;}

.tabConmain{padding: 3rem;}
.wrapper:not(.noFram){padding: 1rem}
.frontLogo{padding: 1rem 0;}
.frontLogo img{max-height: 5rem;}
.logo > .searchToggle #svgSearch{width: 2rem;height: 2rem;vertical-align: top;margin-top: 2px;}
.searchBoxshow .logo > .searchToggle:before{font-size: 2rem;margin-top: 2px;}
.menuIcon span{width: 18px;}

/*.chapLeft{position: fixed;left: 0;top: 0;min-height: 100vh;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.hideSidebar .chapLeft{-webkit-transform: translateX(0);transform: translateX(0);}
.hideSidebar .topSection{-webkit-transform: translateX(30rem);transform: translateX(30rem);}*/

.notResponsive .navigation{padding: 0;display: flex;}
.notResponsive .navigation > ul > li{float: left;}
.notResponsive .navigation > ul > li:not(:first-child){margin:0 0 0 3rem;}
.notResponsive .navigation > ul > li > a{display: block;text-align: center;}
.notResponsive .navigation > ul > li > a > i{margin:0 auto 1rem;}
.notResponsive .navigation > ul > li > a > i svg{vertical-align: middle;}
.notResponsive .navigation ul + ul{margin: 0;}
.notResponsive .searchLi{display: block;}
.chapDetail .max1400{padding-left: 0}

.hideSidebar .chapDetail .chapRight{-webkit-transform: translateX(32rem);transform: translateX(32rem);}
.notResponsive{padding: 2rem 0}
.notResponsive .navigation > ul > li > a > i{height: 3rem;line-height: 3rem;}
.asideInner{display: block;overflow: auto;}
.chpUl{height: auto;overflow: inherit;}
.cloudTxt{font-size: 0.8rem;padding: 0;left: 2rem;right: 3rem;}
.cloudDiv{max-width: 12rem;left: 50%;top: -12%;-webkit-transform: translateX(-150%);transform: translateX(-150%);margin: 0;}
.editBtn{width: 2rem;height: 2rem;font-size: 0.8rem;line-height: 2rem;right: 2rem;}
.cloudMain{margin: 0;}

.whiteMsgbox{font-size: 1.5rem;padding: 15px 10px 10px;line-height: 1.2}
.tabMsg{font-size: 1.3rem;}
.nav-tabs .nav-link{font-size: 1.3rem;line-height: 1}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{font-size: 1.6rem;}
.simpleTab .nav-link, .simpleTab .nav-item.show .nav-link, .simpleTab .nav-link.active{font-size: 1rem;}

.timeBorder span{font-size: 2rem;bottom: calc(100% + 0.5rem)}
.tcContent h4{font-size: 1.6rem;}
.tcContent, .tcContent p{font-size: 1.2rem;}
.tabWrapper{margin-bottom: 5rem;}

.logo-container{width: 20rem;height: 20rem;}
.circle-container{width: 12rem;height: 12rem;margin-left: 1rem;}
.circle-container:not(:last-child){width: 10rem;height: 10rem;margin: 0;}
.nav-tabs .nav-link:not(:last-child){margin-right: 2rem}

.simpleTab .nav-link:not(:last-child){margin-right: 0.5rem;}

.nav-tabs{margin-bottom: 1rem;}
.tab-pane h2{font-size: 2rem;}
.tClick{padding: 1rem 2rem 1rem 0}

.navigation{display: block;}
.txtWrapper{padding: 2rem 0 0}

.tcrv > div:first-child,
.tcri > div:first-child{padding-right: 1rem;padding-bottom: 0;}
.tclv > div:last-child,
.tcli > div:last-child{padding-left: 1rem;padding-bottom: 0;}

div.showItemInBlockInFront.tclv > div:last-child,
div.showItemInBlockInFront.tcrv > div:first-child,
div.showItemInBlockInFront.tcli > div:last-child,
div.showItemInBlockInFront.tcri > div:first-child,
div.onecWrapper.showItemInBlockInFront,
div.showItemInBlockInFront.threecWrapper > div,
div.showItemInBlockInFront.twocWrapper > div{padding: 1rem;}

.dynamicCon{margin-top: 2rem;}
.rachLabel{top: 1.4rem;-webkit-transform: scale(0.7);transform: scale(0.7);}
.radioAnswer .txtWrapper + .txtWrapper{padding-top: 1.5rem;}
.aswQuestion{margin-bottom: 2rem;}
.aswQuestion:last-child{padding-bottom: 2rem;}
.centeBtn,
.quizBox{margin-top: 2rem;}
.multiWrap > .txtWrapper + .radioAnswer,
.dynamicCon .txtWrapper + .aswerWrap{margin-top: 2rem;}
.aswerWrap:last-child{margin-bottom: 3rem;}
.finishBtn > .btn, .loadDiv > .btn{line-height: 4rem;}

.radioAnswer{padding: 1.5rem 0 1.5rem 3rem}


.innerBanner .sDiv{height: 18rem;}
.circLogo{width: 12rem;height: 12rem;}
.bannerSec.innerBanner{margin-bottom: 20px}
/*.breadDiv > ul a{padding: 0 1rem}
.breadDiv > ul > li{font-size: 1.2rem;line-height: 3rem;}
.breadDiv > ul > li:last-child:before{border-bottom-width: 12px;border-top-width: 12px;}
.breadDiv > ul > li:last-child{padding: 0 1rem 0 2rem}*/
.cliImg{padding-top: 50%}
.cliDate > span{font-size: 2.5rem;}
.cliDate > small{padding: 0 1px;}
.meerInfo{font-size: 1.2rem;padding: 3px 8px}
.cliCon{padding: 1rem 20%;}
.cliCon h5{font-size: 1.5rem;}
.cliCon p{font-size: 1.2rem;}
.borCentext{margin-bottom: 1rem;}
.btgrid > .row,
.row15{margin: 0 -1rem;}
.btgrid > .row > .col,
.row15 > div[class^="col-"]{padding-left: 1rem;padding-right: 1rem;}
.coList{padding: 0 1rem 2rem;}
.deTitle h4{font-size: 1.6rem;padding: 0 0 1rem;}
.deTitle h5{font-size: 1.2rem;}
/* .breadDiv > ul > li:last-child:before{display: none;} */
.alert{font-size: 1.2rem;}
.innerTab{margin-bottom: 0}
.innerTab .nav-item.show .nav-link, .innerTab .nav-link.active{font-size: 1.3rem;}
.leftTab .nav-link:not(:last-child){margin-right: 1rem;}
.tcolInner{font-size: 1.4rem;}
.selbox,
.dateBox{padding: 1rem;margin-bottom: 1rem;}
.gropen{margin-bottom: 1rem;}
.tcolInner h4{font-size: 1.6rem;}
.dateBox > ul > li{font-size: 1.4rem;}
.tcolInner h4{padding-left: 1rem;padding-right: 1rem;}
.selbox h4{padding-left: 0rem;padding-right: 0rem;}
.gropen > h4:after{right: 1rem;}
.btn-large{font-size: 1.4rem;line-height: 4rem;}
.groToggle .mCSB_scrollTools .mCSB_draggerContainer{width: 30%}
.groUl > li{padding-left: 2rem;}
.gropen > h4{line-height: 4.5rem;}
.circLogo ~ .banner{margin-bottom: 50px;}


.mijCol{width: 50%;padding-bottom: 2rem;}
.mijInner > i{height: 8rem;}
.mijInner > i img{max-width: 50%;}
.strTitle,
.pinkSpan,
.mijInner > span{font-size: 1.5rem;}
.cmnTitle{font-size: 2rem;}
.btn-toggle.btn-lg{width: 6rem;height: 2.5rem}
.btn-toggle.btn-lg.active > .handle{left: 3.5rem;}
.btn-toggle.btn-lg > .handle{width: 1.875rem;height: 1.875rem;}
.cmnCon{padding: 2rem 0 0}
.dateDiv > span{font-size: 2rem;}
.countDown{padding: 1rem 0;margin: 0;}
.chelActrow .col-md-4 ~ .col-md-4{margin-top: 3rem;}
.adobeDiv .cmnBox{margin: 0;}
.cmnBtm{padding: 1rem;}
.cmnCon p{padding-bottom: 2rem;max-width: 80%;min-height: 1px;}

.leepDiv, .mijnDiv, .adobeDiv:not(:last-child), .doLeerow, .chelActrow{margin-bottom: 4rem;}
.regiLeft .logo-container{/*margin: 0 0 0 -5rem;*/ width: 35%;padding: 35% 0 0;margin: 0}

.regiLeft{width: 100%;}
.profDetail{width: calc(100% - 15rem);padding: 0}
.pro1{font-size: 1.5rem;}
.pro2{font-size: 3rem;}
.pro3{font-size: 1.5rem;}
.profDetail .simpleTab{margin: 1rem 0 0;}

.regiRight{max-width: 100%;margin-top: 1rem;font-size: 1.5rem;min-width: 12rem;}
.regiRight:before{font-size: 6rem;right: calc(100% - 70px);}

.chelActrow .col-lg-4:not(:last-child),
.doLeerow .col-lg-4:not(:last-child){margin-bottom: 3rem;}

.ldBtm > ul > li > i{height: 80px;}
.ldBtm > ul > li > i img, .ldBtm > ul > li > i svg{max-width: 50%;max-height: 50%;top: 2rem;}
.ldBtm > ul > li > span{font-size: 1.5rem;margin: -1rem 0 2rem;display: block;}
.mijnDiv .cmnCon{padding: 2rem 0}

.onlyMobile{padding: 2rem 0;}

.qzTop > span{font-size: 2rem;}
.qzTop > small{font-size: 1.2rem;}
.btn{padding: 1rem;font-size: 1.2rem;line-height: 1;}

.barOverflow{width: 30rem;height: 15rem;}
.bar{width: 29rem;height: 29rem;}
.barOverflow > span{font-size: 1.4rem}
.barOverflow > span > small{font-size: 3rem;}

.centerCon{max-width: 100%;margin: 0 0 2rem;}
.borCentext + .centerCon{margin-top: 0;}
.mediaRight h4{font-size: 1.6rem;}
.mediaRight{padding: 0 1rem;}
.mediaRight p{font-size: 1.2rem;}
.catList:not(:last-child) {margin-bottom: 2rem;}
.leftTab.marB30{margin-bottom: 1rem;}
.marB20 {margin-bottom: 1rem;}
.table>:not(caption)>*>*{padding: 0.5rem 1rem;}
.tableWrapper{border: 1px solid #dee2e6;}
.tableWrapper .table{margin-bottom: 0}
.table td, .table th{border-right: 0;font-size: 1.3rem;}
.table .btn{font-size: 1rem;padding: 0.5rem;}
.table td:first-child, .table th:first-child{border-left: 0}
.table > tbody > tr:last-child td{border-bottom: 0}
.tableTitle{font-size: 1.5rem;padding: 0 0 0.5rem;}
.tableWtitle ~ .tableWtitle{margin-top: 2rem;}
.verSlider .introDiv .toggleSide{line-height: 4.5rem;}
.introDiv{padding: 1.5rem 0;}

.topSection{padding: 0 15px 15px;}
.bannerSec{padding: 0 15px;margin:0 -15px 3rem;}
.catSec{margin: 0 -15px;}

.scoreBox{margin:0 0 2rem;padding: 1rem;}
.summaryDiv{padding: 0;}
.sumTitle{font-size: 1.6rem;margin: 0 0 2rem;}
.scoreBox span{font-size: 1.4rem;}
.quaUl > li > ul{padding-left: 1rem;}
.ansResult > li.feedLi{padding: 0}
.quaUl > li:not(:last-child){margin-bottom: 2rem}

/* .toMain ~ .toMain{margin-top: 2rem;} */
.agdateDiv{margin: 1rem 0.5rem 0 0;font-size: 1.2rem;}

/* Regimaker new tab css start */
.innerdashTab{padding: 1rem}
.innerdashTab .tableWrapper{border: 0;}
.rightBread{float: none;margin: 0 0 1rem;}
.tableNew thead th,
.tableNew tbody td{font-size: 1.2rem;}
/* Regimaker new tab css end */
.agdateDiv{margin: 1rem 0.5rem 0 0;font-size: 1.2rem;}

.numbersDiv{padding: 0}
.fedUl > li{width: 33.3333%;padding-bottom: 1rem;}
.blcTitle{font-size: 1.2rem;padding: 0 1rem;}
.fedUl{padding-right: 0;margin-top: 2rem}
.liInner > small{font-size: 9rem;}
.fedUl > li.verLi{position: relative;width: 33.3333%;}
.verLi img{max-width: 70px;display: block;margin: 0 auto;}
.verTxt{font-size: 1.6rem;margin-top: 1rem;}
.fedhasTable table,.fedhasTable tbody, .fedhasTable tr, .fedhasTable td{display: block;}
.fedhasTable td + td{padding-top: 1rem;}

.quansMain .quaUl div.borderNone,
.quansMain .quaUl .singleImg,
.fedhasTable .tcImage{margin-bottom: 2rem;}

.imgwPluse{margin: 2rem -0.5rem 0;padding-right: 0.5rem;}
.impInner{width: 50%;padding: 0 0.5rem 2rem}
.impInner:nth-child(2n) .impToll{left: auto !important;right: 0 !important;padding: 1rem 2.5rem 1rem 1rem;}
.impToll{min-width: 100%;top: -0.5rem;font-size: 11px;padding: 1rem;}
.impsubInner .dropdown-toggle{width: 2.5rem;height: 2.5rem;line-height: 2.5rem;font-size: 1.2rem;transform: none;right: -0.5rem;top: -1rem !important;}
.dsInner{height: 30rem}
.txtInput{min-width: calc(100% - 10rem);}


/* New design css changes start */
.bannerOverTxt{top: auto;position: relative;padding: 2rem 1rem;font-size: 1.2rem;}
.botClose{right: 1rem;}
.welTop{margin: 0 0 1rem;padding: 0 0 1.5rem;}
.catSec .catRow > div,
.catColumn{width: 50%;margin-bottom: 3rem;}
.catDesk{padding-left: 0;padding-right: 0;font-size: 1.1rem;}
.catRow{margin: 0}
.agendaBox{margin: 4rem 0 0}
.subTxt, .subTxt p, .welTxt, .welTxt p{font-size: 1.2rem;}
.agdRows .agdColumn,
.agdColumn{width: 100%;padding: 0 1rem 2rem}
.adgTitle{font-size: 2rem;padding-bottom: 0;}
.meerBtn a{line-height: 1.2}
.adgDesc{font-size: 1.4rem;}
.cloudDiv .cloudTxt{font-size: 1.2rem;}
.cloudDiv{max-width: 15rem;}

.agdInner{flex-direction: column;}
.agdInner .agdImg{width: 100%;}
.agdRight{width: 100%;}
.adgTitle{margin-bottom: 0;}
.agdRight .meerLink{font-size: 1.2rem;line-height: 1;}
.adgCon{padding: 0 0 2rem;}

.coudSec .cloudMain{margin: 0}
.timeRedtxt{transform: none;left: auto;margin-top: 2rem;max-width: 80%;padding: 2rem;}
.tDiv:not(:first-child){margin-top:  3rem !important;}
.coudSec{margin: 0 -1rem;}
.tcImagewrp img{max-width: 50% !important;}
.tcImagewrp:before{border-bottom-width: 2px;width: 60px;}
.tDiv:nth-child(even) .tcImagewrp:before,
.tDiv:nth-child(odd) .tcImagewrp:before{right: inherit;left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.homeClude .tcContent{padding: 1rem 0 0 !important;}
.birdShape{width: 6rem;}
.timeBorder:before{-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.timeMeer{left: 0;-webkit-transform: none;transform: none;top: 100%;font-size: 2rem;}
.timeMeer > i{font-size: 1.5rem;}
.tsliderBox{padding: 2rem 0}
.meerLa > *{font-size: 3rem;}
body .agendaBox{padding-bottom: 4rem;}
.tcImagewrp:before{font-size: 1.2rem;padding: 0 0 0.5rem}
.tDivright .timeConimg{max-width: 100%;}
.welTxt + .eyeDrop{margin-top: -2rem;margin-bottom: 3rem;}
.catImg img{max-width: 100%;object-fit: contain; max-height: 100%;}
.eyeDropinner{font-size: 1.4rem;}
.eyeUl{font-size: 1.3rem;}
.clickEye{font-size: 2rem;}
.cloneValue{padding-top: 4px;}
/* New design css changes end */



.visible-hidden{display: none;}
.regiRight{width: auto;margin-top: 6rem;}
.regiLeft .mijDash a{font-size: 60% !important;}
.regiLeft .mijDash li + li{margin-left: -1rem;}
.mijnBtn .btn{line-height: 1}
.mijnBtn{padding-top: 1rem;}
.ldBtm > ul > li{min-height: 1px;}
.regiLeft .circle-container:not(:last-child){width: 100%;height: 100%;}
.regiTop .editBtn{font-size: 50%;}
/*.regiLeft .mijDash{width: 22.5rem;}
.regiLeft .mijDash a{width: 5rem;height: 5rem;font-size: 1rem;padding: 0 1rem;}*/


#calenderPopup .modal-body{padding: 3rem;}

/* resume page css start */
.pinkBox{padding: 2rem;}
.actBtns .circleBtn,
.circleBtn{width: 2.5rem;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;}
.actBtns .circleBtn{display: inline-block;margin-bottom: 0}
.formWrapper .actBtns{left: auto;right: 0;top: 0}
.actBtns + .form-group{padding-top: 1rem;}
.titleDiv h3{max-width: calc(100% - 3rem);font-size: 2rem;}
.circleBtn.font2x{font-size: 1.2rem;}
.hrCol hr{margin: 0 0 3.5rem}
.upRight > *,.uploadDiv > span, .newform .form-control{font-size: 1.6rem;}
.skillsDiv, .personalDiv{margin-bottom: 3rem;}
.recoUser > span, .recoText{font-size: 1.2rem;}
.recoUser > img{max-width: 4rem;}
.recoUser > .d-flex{max-width: calc(100% - 50px);}
/* resume page css end */

/* News paper page css start  */
.newsMain h4.h3Small{font-size: 2.2rem;padding-bottom: 1rem;}
.newsMain .row15 > div[class^="col-"]{margin-bottom: 4rem;}
#newsPopup{top: 5.5rem;height: calc(100% - 5.5rem);left: 1rem;right: 1rem;}
#newsPopup .modal-content{padding: 0 2rem;}
.tags:not(:last-child){margin-right: 0}
/* News paper page css end  */


}

@media only screen and (max-width: 600px){
}

@media only screen and (max-width: 374px){
.leftTab .nav-item.show .nav-link, .leftTab .nav-link.active{font-size: 1.2rem;}
.cloudDiv{-webkit-transform: translateX(-130%);transform: translateX(-130%);}
}

@media only screen and (min-width: 360px) and (max-width: 767px){
}

@media only screen and (min-width: 400px) and (max-width: 767px){
}


@media only screen and (max-width: 567px){
/*.cloudDiv,
.whiteMsgbox{position: relative;right: auto;left: auto;top: auto;}*/
.whiteMsgbox{margin-top: 2rem;margin-bottom: 4rem}
/*.nav-tabs{justify-content: space-between;}*/

/*.showItemInBlockInFront.threecWrapper,
.showItemInBlockInFront.twocWrapper{flex-direction: column;}
div.showItemInBlockInFront.threecWrapper > div,
div.showItemInBlockInFront.twocWrapper > div{width: 100% !important;}
.showItemInBlockInFront.threecWrapper > div + div,
.showItemInBlockInFront.twocWrapper > div + div{margin-top: 1.5rem;}*/

.quaUl .tcImage,
.tcVideo,
.dynamicCon .tcImage,
.dynamicCon .threecWrapper, .dynamicCon .twocWrapper{flex-direction: column;}
.quaUl .borderNone > div,
.tclv > div:first-child,
.tclv > div:last-child,
.tcrv > div:first-child,
.tcrv > div:last-child,
.dynamicCon .tcImage > div,
.dynamicCon div.threecWrapper > div,
.dynamicCon div.twocWrapper > div{width: 100% !important;}
.dynamicCon div.threecWrapper > div + div,
.dynamicCon div.twocWrapper > div + div{margin-top: 1.5rem;}
.quaUl .tcImage{margin-bottom: 1.5rem;}

.tcrv > div:first-child,
.tcri > div:first-child{order: 2}
.tcrv > div:last-child,
.tcri > div:last-child{order: 1}


.quaUl .tcrv > div:first-child,
.quaUl .tclv > div:last-child,
.quaUl .tcri > div:first-child,
.quaUl .tcli > div:last-child,
.tcrv > div:first-child,
.tclv > div:last-child,
.tcri > div:first-child,
.tcli > div:last-child{padding: 1rem 0;}

.trainerDiv{padding: 2rem 0 0;}
.regiTop{flex-direction: column;margin-bottom: 5rem;}

.profRight{padding: 3rem calc(var(--bs-gutter-x)/ 2) 0}
.form-group{margin-bottom: 1.5rem;}
.sumTitle span{max-width: 100%;display: block;}
.sumTitle .btn{float: none;margin: 1rem 0 0}
.btgrid > .row > .col + .col > .content,
.toMain + .toMain .tcolInner{border-top: 0;}

.toolTipbox{left: 0;transform: none;min-width: 1px;}
.toolTipbox:before{left: 26%;transform: none;}
.fedUl > li:nth-child(3n) .toolTipbox{left: auto;right: 0}
.fedUl > li:nth-child(3n) .toolTipbox:before{left: auto;right: 26%;}

/*.dsInner{padding-top: 100%}
.slick-dotted .dsInner{padding-top: 50%}*/
.minW500{min-width: 100%;}

.tcli > .mCustomScrollbar .mCustomScrollBox, .tclv > .mCustomScrollbar .mCustomScrollBox{padding-left: 0;}
.regiLeft .mijDash li{width: 40%;padding: 40% 0 0}
.regiLeft .mijDash a{font-size: 1rem !important;}

/* News paper page css start  */
.newsToptitle{text-align: center;margin-bottom: 3rem;}
.newsToptitle h2{font-size: 3rem;}
.newsMain .regiTop .regiLeft{width: 100%;}
/* News paper page css end  */

}

@media only screen and (max-width: 479px){
.subbtnDiv{display: block;}
.subbtnDiv .btn{float: left;}
.forgotLink{float: left;clear: both;margin-top: 1.5rem;}

.fullColumn .tcContent,
.fullColumn .tcImage{width: 100%}
.btn-big{max-width: 100%;}

.catList{flex-wrap: wrap;padding: 0}
.mediaLeft{width: 100%;border-right: 0;border-bottom: 0.3rem solid #3f511f;height: 12rem;}
.mediaRight{padding: 1.5rem 2rem;width: 100%;}
.scoreBox span{margin: 0 0 0.5rem;display: block;}

.fileInputWrap{flex-wrap: wrap;}
.savedRecommendationImage{margin-top: 1rem;}
.fileInputWrap .form-control[type=file]{width: 100%;}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
.mediaLeft{width: 13rem;height: 13rem;}
.mediaRight{width: calc(100% - 13rem);}
}

@media only screen and (min-width: 568px) and (max-width: 767px){
/*.whiteMsgbox{right: 0;left: auto;}
.logo-container{transform: translateX(-5%);}*/
.whiteMsgbox{right: -43rem;max-width: 22rem;padding: 20px;font-size: 2rem;line-height: 1.4}
.logo-container{width: 23rem;height: 23rem;}
.circle-container{width: 15rem;height: 15rem;}
.circle-container:not(:last-child){width: 13rem;height: 13rem;}

.showItemInBlockInFront.twocWrapper > div{width: calc(50% - 0.8rem) !important;}
.showItemInBlockInFront.threecWrapper > div{width: calc(33.3333% - 0.8rem) !important;}
.coList{width: 50%}
.toMain{width: 33.3333%;}
.tcolInner img{height: auto !important;}

#nav-trainer .col-md-8.toMain{width: 66.6666666667%}
#nav-trainer .col-md-4.toMain{width: 33.3333333333%}
.trainerDiv{padding: 0;}
.triImg img{max-width: 15rem;max-height: 15rem;}
.mijCol{width: 25%;}

.doLeerow > .row,
.chelActrow > .row{flex-direction: column;}
.chelActrow .col-md-6,
.doLeerow .col-md-6{max-width: 350px;margin-left: auto;margin-right: auto;}
.regiRight{max-width: 200px;margin: 0;}
.regiRight:before{right: calc(100% - 3rem);}
/*.regiTop{margin-bottom: 0}*/

.profLeft{width: 60%;}
.profRight{width: 40%;padding-left: 15px;}

.thColumn .col-md-8.toMain{width: 66.6666666667%}
.thColumn .col-md-4.toMain{width: 33.3333333333%}
.btgrid > .row > .col{width: 50%;}
.fedUl > li.verLi, .fedUl > li{width: 16.666666%;}
.liInner > small{font-size: 6rem;}
.verLi img{max-width: 50px;}

.fedUl > li:first-child .toolTipbox{left: 0;transform: none;}
.fedUl > li:first-child .toolTipbox:before{left: 12.666666%;transform: none;}
/*.fedUl > li:last-child .toolTipbox{right: 0;left: auto; transform: none;}
.fedUl > li:last-child .toolTipbox:before{left: auto;right: 12.666666%;}*/

/* New design css changes start */
.catColumn{width: 33.3333%;}
.agdRows .agdColumn, .agdColumn,
.agdColumn{width: 50%;}
.agdRows .agdColumn .agdInner{height: 100%}
.regiTop .editBtn{font-size: 80%;}
/* New design css changes end */


.newsMain .col-sm-7 {flex: 0 0 auto;width: 58.3333333333%;}
.newsMain .col-sm-5 {flex: 0 0 auto;width: 41.6666666667%;}
.newsMain .col-sm-4 {flex: 0 0 auto;width: 33.3333333333%;}
.newsMain .regiTop .regiLeft{width: 40%;}
.pollResult h4.h3Small{margin-top: -0.2rem;}


}

@media only screen and (min-width: 577px) and (max-width: 767px){
.pollResult h4.h3Small{margin-top: 0}
}


@media only screen and (min-width: 768px) and (max-width: 1199px){
.commonSec .container{max-width: 100%;padding: 0 5rem;}
.toggleSide{left: 5rem;}
.menuDiv{border-bottom-width: 2px;}
.sDiv .bannerTxt{right: 4rem;bottom: 4rem;}
/* .frontBanner .sDiv{height: 50rem;} */
.whiteMsgbox{right: -58rem;}
/* h2, .sTitle{font-size: 5rem;} */
.whiteBox{padding: 4rem;}
.mijInner > i img {max-height: 70%;max-width: 60%;}
.mijInner > span{font-size: 1.6rem;}

.doLeerow, .chelActrow{margin-bottom: 8rem;}

.bannerSec.innerBanner{margin-bottom: 0}
.innerBanner .banner{margin-bottom: 5rem;}
.circLogo ~ .banner{margin-bottom: 90px;}
.numbersDiv{padding: 0}

.catImg img{object-fit: contain;}
.regiLeft .logo-container{width: 33%;padding: 33% 0 0}

/* resume page css start */
.titleDiv h3{font-size: 2.5rem;}
/* resume page css end */


}

@media only screen and (min-width: 768px) and (max-width: 991px){
.lesInner{padding-left: 0}
/*.hideSidebar .lesInner{padding-left: 32rem;}*/

.subbtnDiv{display: block;}
.subbtnDiv .btn{float: left;}
.forgotLink{float: left;clear: both;margin-top: 1.5rem;}
.slider-column-image{height: 35rem;}
.slider-nav{top: 35rem;}
/*.navigation > ul > li:not(:first-child){margin-left: 3rem;}*/
.timeRedtxt{max-width: 40%;font-size: 2rem;}
.tcContent{padding-right: 1.5rem;}
.leftImg .tcContent{padding-left: 1.5rem;}
.coList{width: 50%;}

.pro1{font-size: 1.6rem;}
.pro2{font-size: 3rem;}
.profDetail{padding-left: 0;width: calc(100% - 25rem)}
.pro3{font-size: 1.4rem;}
.regiRight{font-size: 1.6rem;max-width: 22rem;}
.regiRight:before{font-size: 10rem;right: calc(100% - 7rem)}
.simpleTab .nav-link:not(:last-child){margin-right: 1rem;}
.profDetail .simpleTab{margin-top: 3rem;}
.dateDiv > span{font-size: 3rem;}
.cmnBtm{padding: 1rem;}
.cmnTitle{font-size: 2.5rem;}
.strTitle{font-size: 1.5rem;}
.countDown{margin: 2rem 0 0;}
.regiLeft{width: 65%;}

.mijnDiv{margin-top: 5rem;}
.ldBtm > ul > li > i img, .ldBtm > ul > li > i svg{max-width: 60%;max-height: 70%;}

/* Regimaker new tab css start */
.tableNew thead th.noWrap{width: auto;}
/* Regimaker new tab css end */

.liInner > small{font-size: 8rem;}
.blcTitle{font-size: 1.4rem;padding: 0 1rem;}
.fedUl{padding-right: 10rem;}
.fedUl > li.verLi{width: 10rem;}
.verTxt{font-size: 1.4rem;margin: 0.5rem 0 0;}
.fedUl > li:first-child .toolTipbox:before{left: 18%;}

/* New design css changes start */
.catRow{margin-left: 0;margin-right: 0}
.catColumn{width: 33.3333%;}
.meerLink{padding: 0 1rem;font-size: 1.6rem;}
.cloudDiv{max-width: 30rem;left: -60rem;}
.tcImagewrp:before{width: 9.8rem;}
.birdShape{width: 14rem;}
.timeRedtxt{left: -4.5rem;}
.tDiv:not(:last-child){margin-top: -14rem;}
.slider-column-image{height: 28rem;}
.slider-nav{top: 28rem;}
/* New design css changes end */

/* New Personal page css start */
.regiRight{width: 100%;max-width: 40%;}
.mijnDiv{margin-top: 0}
.regiLeft .mijDash a{font-size: 1.5rem;}
.regiLeft .mijDash li{width: 40%;padding: 40% 0 0;}
.regiLeft .mijDash li + li{margin-left: -1rem;}
.regiTop .editBtn{font-size: 60%;}
/* New Personal page css end */

/* resume page css start */
.pinkBox{padding: 3rem 4rem;}
.actBtns .circleBtn,
.circleBtn{width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;}
.titleDiv h3{max-width: calc(100% - 3.5rem);}
.newform .form-group > label, .circleBtn.font2x{font-size: 1.6rem;}
.titleDiv h3{font-size: 2.2rem;}
.recommendDiv .btn{padding: 0}
.recoUser > .d-flex{max-width: 100%;width: 100%}
.recoUser .actBtns{margin-top: 2rem;}
/* resume page css end */


/* News paper page css start  */
.newsMain .regiLeft .mijDash a{font-size: 60%;}
#newsPopup{top: 10rem;}
/* News paper page css end  */


.agdRows .agdColumn{width: 33.333333%;}
.agdRows .agdColumn .agdInner{height: 100%}

}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.welQuote{max-width: 750px;}
.slider-column-image{height: 40rem;}
.slider-nav{top: 40rem;}
.current .slider-column-image-cell img, .mouseover .slider-column-image-cell img{width: 80%}
.profDetail{padding-left: 0;width: calc(100% - 25rem)}
.pro1{font-size: 3rem;}
.pro2{font-size: 5rem;}

.ldBtm > ul > li > i img, .ldBtm > ul > li > i svg {max-width: 65%;max-height: 70%;}
.menuDiv .navigation{display: flex !important;}
.liInner > small{font-size: 11rem;}
.blcTitle{font-size: 2rem;}
.fedUl > li:first-child .toolTipbox:before{left: 26%;}


/* New design css changes start */
.timeRedtxt{left: -11.5rem;}
/* New design css changes end */
.regiLeft .mijDash a{font-size: 1.6rem;}
.regiLeft .mijDash li + li{margin-left: -1.5rem;}

}
.disabled-cursor{
  cursor: not-allowed !important;
}
.disabledTiles {
  /*background-color: #A6B093;*/
  pointer-events:none;
  /*opacity:0.6;*/
}
em {
    font-style: italic !important;
}

/******** css written by Jayesh ******************/
.overflowVisible{overflow: visible !important;}

@media only screen and (max-width: 1500px){
  .impInner {
    width: 33.33%;
  }
  .impInner:nth-child(3n) .dropdown-menu.impToll {
    left: auto !important;
    right: 0 !important;
  }
  .regiLeft .mijDash a{font-size: 100%;}
}

@media only screen and (max-width: 1300px){
  .impInner {
    width:50%;
  }
  .impInner:nth-child(2n) .dropdown-menu.impToll {
    left: auto !important;
    right: 0 !important;
  }
   .impInner:nth-child(3n) .dropdown-menu.impToll {
    left: 100% !important;
    right: auto !important;
  }
  .regiLeft .mijDash a{font-size: 80%;}
}

@media only screen and (max-width: 1200px){
  .impInner {
    width: 33.33%;
  }
  .impInner:nth-child(3n) .dropdown-menu.impToll {
    left: auto !important;
    right: 0 !important;
  }
   .impInner:nth-child(2n) .dropdown-menu.impToll {
    left: 100% !important;
    right: auto !important;
  }
}
@media only screen and (max-width: 767px){
  .impInner {
    width: 50%;
  }
  .impInner:nth-child(2n) .dropdown-menu.impToll {
    left: auto !important;
    right: 0 !important;
  }
   .impInner:nth-child(3n) .dropdown-menu.impToll {
    left: 100% !important;
    right: auto !important;
  }
  .impToll{max-height: 235px;}
}
@media only screen and (max-width: 479px){

.impInner h6 {
    font-size: 12px;
}
}
.asidePadding{padding-right: 40px;}
.impsubInner > img {
  width: 100%;object-fit: cover;height: 100%;
}

.impToll.topPos {top: 0 !important;bottom: auto !important;}
/******** css written by Jayesh ******************/

/*** code for tooltip*/
.hover-text {
  display: inline-block;
  position: absolute;
  background: #ebeaee;
  border-radius: .4em;
  padding: 10px;
  font-size: .85em;
}

.hover-text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #ebeaee;
  border-bottom: 0;
  border-left: 0;
  margin-left: -10px;
  margin-bottom: -20px;
}
/*** code for tooltip*/



/* New timeline desing css start */
.newTimneline{margin: 5rem 0 0;}
.newTimneline .tmDiv{width: 50%;position: relative;float: left;padding-bottom: 10rem;}
.tmdivRow:nth-child(odd):not(:last-child){border-right: 0.4rem solid #4F622A;}
.tmdivRow:nth-child(even):not(:last-child){border-left: 0.4rem solid #4F622A;}
.tmdivRow:nth-child(even){flex-direction: row-reverse;}
/* .newTimneline .tmDiv:nth-child(2) ~ .tmDiv{float: right;}
.newTimneline .tmDiv:nth-child(2){border-right: 4px solid #4F622A;}
.newTimneline .tmDiv:nth-child(2) ~ .tmDiv:nth-child(even):not(:last-child){border-left: 4px solid #4F622A;} */
.newTimneline .tmDiv::before{position: absolute;left: 0;right: 0;top: 0;margin: auto;content: '';height: 0.4rem; background-color: #4F622A;}
.newTimneline .tmdivRow:first-child > .tmDiv:first-child::after{position: absolute;left: 0;top: 0;margin: auto;content: '';width: 0.4rem; height: 3.5rem; background-color: #4F622A;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.newTimneline .tcImage img{display: block;margin: 0 auto;}
.newTimneline .tmDiv > div{width: 50%;}
.newTimneline .tcImage{position: relative;padding: 12rem 5rem 0;}
.newTimneline .tcImage::after{position: absolute;left: 0;right: 0;top: 0;margin: auto;content: '';width: 0.3rem;height: 12rem; background-color: #4F622A;}
.newTimneline .tcImage::before{position: absolute;left: 0;right: 0;bottom: 100%;margin: auto;content: attr(data-date);text-align: center;color: #E68072;font:  600 2rem/1.2 'Adagio_Sans';}
.newTimneline .tcContent{padding: 3rem 10rem 0 0;}
.newTimneline .tcContent a{color: #E68072;text-decoration: underline;}
.timelineStart{position: relative;padding: 0 0 0 3rem;margin: 0 0 -4px;}
.verderDiv svg,
.timelineStart svg{max-width: 10rem;height: auto;}
.verderDiv span,
.timelineStart span{color: #4F622A;text-transform: uppercase;font:  600 3rem/1.2 'Adagio_Sans';position: absolute;left: 0;top: 0;}

.verderDiv span{left: auto;right: 100%;top: auto;bottom: 1rem;}
.verderDiv svg{max-width: 15rem;}
.tmdivRow{position: relative;}
.verderDiv{position: absolute;right: 0;bottom: 100%;z-index: 1}

.tmdivRow:last-child:not(:nth-child(odd)) .verderDiv{left: 0;right: auto;}
.tmdivRow:last-child:not(:nth-child(odd)) .verderDiv svg{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.tmdivRow:last-child:not(:nth-child(odd)) .verderDiv span{right: auto;left: 100%;}
.tmdivRow:last-child:not(:nth-child(even)) .tmDiv:last-child::before{right: 15rem;}
/* .tmdivRow:last-child:not(:nth-child(odd)) .tmDiv:last-child::before{left: 15rem;} */

.userprofileImg{position: absolute;margin: auto;left: 0;right: 0;top: 4.5rem;z-index: 1;max-width: 5rem;}
.userprofileImg img{border-radius: 50%;width: 100%;height: auto;}

.d-flex.tmdivRow:has(.verderDiv) { border-right: 0 !important;}
.d-flex.tmdivRow:has(.verderDiv) .tmDiv:last-child::before{right: 15rem;}
.show-till-here{display: none !important;}

@media only screen and (max-width: 767px){
  .newTimneline .tmDiv{flex-direction: column;}
  .newTimneline .tmDiv > div{width: 100%;}
  .newTimneline .tcImage{padding-left: 0;padding-right: 0;}
  .newTimneline .tcContent{padding-left: 0 !important;padding-top: 1rem !important;}
  .newTimneline .tmDiv{padding-left: 15px;padding-right: 7.5px;}
  .newTimneline .tmDiv:last-child{padding-left: 7.5px;padding-right: 15px;}
  .newTimneline .tcImage::before{font-size: 1.5rem;}
  .verderDiv span, .timelineStart span{font-size: 1.5rem;}
  .verderDiv svg, .timelineStart svg{max-width: 3rem;}
  .timelineStart span{top: auto;bottom: 80%;}
  .timelineStart{padding-left: 2rem;}
  .userprofileImg{max-width: 4rem;}
  .tmdivRow:last-child:not(:nth-child(even)) .tmDiv:last-child::before{right: 3rem;}
  .verderDiv span{bottom: 2rem;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .newTimneline .tmDiv{flex-direction: column;}
  .newTimneline .tcImage{padding-left: 0;padding-right: 0;}
  .newTimneline .tcContent{padding-right: 0;}
  .newTimneline .tmDiv > div{width: 100%;padding-left: 30px;padding-right: 30px;}
  .verderDiv span{bottom: auto;margin-right: 5px;top: 1rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .newTimneline .tcContent{padding-right: 30px;}
  .newTimneline .tcImage{padding-left: 25px;padding-right: 25px;}
}

/* New timeline desing css end */
.mraapPopup .popover{
  max-width: 100%;
  background-color: transparent;
}
.mraapPopup .popover .panel-inner{
  font-size: 1.6rem;
}
.mraapPopup .popover .close-btn{
  font-size: 2rem;
  line-height: 3rem;
}
.mraapPopup .pie-graph .pie-graph-number-total{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 48px;
  height: 48px;
}
.mraapPopup .graphs-defined .pie-graph .pie-graph-number-inner,
.mraapPopup .pie-graph .pie-graph-number-total .pie-graph-number-inner{
  width: 100%;
}
.mraapPopup .graphs-defined .pie-graph .pie-graph-number-inner{
  margin-top: 12px;
}
.mraapPopup .pie-graph{
  top: -6px;
}
.mraapPopup .pie-graph .pie-graph-number-inner{margin-top: 2px;}
.mraapPopup .pie-graph .pie-graph-number-inner,
.mraapPopup .pie-graph .pie-graph-number-inner-total{width: 32px;}
.mraapPopup .result-heading h4{margin: 2.1rem 0;}
.mraapPopup .result-row.result-row-course h3, .result-row.result-row-course-team h3{padding-right: 7.5rem;}
.result-row.result-row-course-group h3.paddR220{padding-right: 22rem;}
.mw-70{max-width: 70%;}
.result-row.result-row-course-group.inactive h3.paddR200{padding-right: 20rem;}
.loadDataButton .btn{color: #ffffff;padding: 0;}
.loadDataButton .btn:disabled, .loadDataButton .btn.disabled{background-color: #898989;border-color: #898989;cursor: not-allowed;}
.panel-filter .filter-dropdowns .dropdown-menu{padding-bottom: 0;}
.filter-dropdowns .dropdown-menu-inner{max-height: 310px;}


.graphs-defined .item-information-popup .employee-result{text-align: left;width: 200px;height: 170px;}
.graphs-defined .item-information-popup .chevron-started{left: 230px;}
.graphs-defined .item-information-popup .chevron-done{left: 575px;}
.item-information-popup{margin-left: 20px;}

.course-action{
  height: auto;
  width: auto;
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
  padding: 2px;
  /*border: 2px #E6E7E8 solid;*/
  /*background: #FFF;*/
  text-align: center;
}

/* Skeleton css start */
.skel-column{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.skel-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .skel-row ~.skel-column{
  margin-top: 20px;
}

.skel-row:nth-child(3){
  margin-top: 35px;
} */

.circle{
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.line{
  margin-top: 15px;
  height: 20px;
  width: 300px;
  border-radius: 50px;
}

.line1{
  width: 200px;
  margin-top: 0;
}

.line3{
  width: 80%;
}

.line4{
  width: 100%;
}

.line5{
  width: 55%;
}

.box{
  height: 50px;
  width: 180px;
  border-radius: 50px;
}

.loading-animation{
  overflow: hidden;
  background: #D0D0D0;
}

.loading-animation::before{
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  animation: loading 1s infinite;
  background: linear-gradient(to right, transparent,#D9D9D9,transparent);
}

@keyframes loading {
  0%{
      transform: translateX(-100%);
  }
  100%{
      transform: translateX(100%);
  }
}


.onlyTwo .skel-column{width: calc(100% - 70px);}
.h-60{height: 60px}
.h-70{height: 70px}
.mt-15{margin-top: 15px;}
.w-85{width: 85%;}
.w-10{width: 10%;}
.w-100px{width: 100px;}
.w-70px{width: 70px;}
.aniBorder{border: 1px solid #c1c1c1}
.loading-animation.rounded-circle + .rounded-circle{margin-right: 110px !important}
.loading-animation.rounded-circle + .rounded-circle + .rounded-circle{margin-right: 190px !important}
/* Skeleton css end */


/** input switch */
.switchdiv{width: 190px;overflow: hidden;border: 1px solid #e2e5ec;position: relative;border-radius: 4px;}
.switchdiv input[type="checkbox"]{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;opacity: 0}
.switchContainer{width: 200%;height: 34px;display: flex;flex-wrap: wrap;transition: 300ms all;-webkit-transform: translateX(-25%);transform: translateX(-25%);}
.switchContainer > *{width: 50%;color: #111111}
.switchContainer span{display: flex;width: 50%;align-items: center;justify-content: center;height: 100%;}
.switchOn span{background-color: #5578eb;color: #ffffff}
.switchOff span{background-color: #ffb822;}
.switchdiv input[type="checkbox"]:checked ~ .switchContainer{-webkit-transform: translateX(0);transform: translateX(0);}

.hasImgp{overflow: hidden;}


@media only screen and (min-width: 992px) and (max-width: 1450px){
  .mijnBtn .btn{padding: 0 15px;}
  .regiTop{margin-bottom: 5rem;}
  .cmnTitle{font-size: 2rem;}
  .strTitle{font-size: 1.6rem;}
  .cmnBtm{padding: 1rem;}
  .h3Small{font-size: 2.4rem;}
  .ldBtm > ul > li > span{font-size: 1.6rem;}
  .doLeerow, .chelActrow{margin-bottom: 4rem;}
}