/*FONTS*/
/*LICENSED NA KRUB. dont steal. */
@font-face {
	font-family: "PestoBold";
	src: url('/css/fonts/pesto-bold-webfont.eot');
	src: url('/css/fonts/pesto-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/pesto-bold-webfont.woff') format('woff'),
		url('/css/fonts/pesto-bold-webfont.ttf') format('truetype'),
		url('/css/fonts/pesto-bold-webfont.svg#pestobold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*GLOBALS*/
Body{background-color:#f1f1f2; font-family: Tahoma; padding: 0 !important; overflow-x:hidden !important;}
H1{ font-size:50px; color: #e20070; color:#ed74ad;}
H2{ font-size:40px;}
H3{ font-size:32px;}
H4{ font-size:22px;}
H5{ font-size:20px;}
H1, H2, H3, H4, H5, H6{ font-family:'PestoBold', Tahoma; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-weight:bold;}
.container-fluid{max-width:984px;}
.bodycontainer{ padding: 0 5px 0 5px; }
a:link { color:#e20070; }
a:visited{color:#a90054;}
a:hover{color:#ff007e;}
a:active{ color:#e20070; }
P { text-align:justify;}
.vertical-container{ width:auto; height:100%; vertical-align:middle;}
.fill { min-height: 100%; height: 100%;}
.addpadding{ padding: 10px;}
.nomargin{ margin:0; padding:0;}
.vertical-center{margin: auto 0;}
.aleft{ text-align:left;}
.aright{ text-align:right;}
.fb-vertical-line{ width:1px; height:100%; border-left: 2px solid #085297; margin: 0 10px;}
.divider-HR { border-top: 1px dashed #000; height: 1px; width:100%; margin: 10px 0; }
.article{ text-align:justify; text-indent:30px;}
.nospace{ margin:0; padding:0; line-height:1em;}
.hidden{ display:none; }
.InlineEquation{ font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Arial; font-size: inherit; vertical-align:middle; display:inline-block; line-height:100%; }
.Equation{ }
.matrix {margin:2px;}
.matrix TABLE TD{ padding:4px; min-width:10px; text-align:center;}
.tableb TD{min-width:2em;min-height:2em;padding:4px;text-align:center;}
.textbottomEquation{ font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Arial, Verdana; font-size: inherit; vertical-align:text-bottom; display:inline-block; line-height:100%;}
.announcements{display:none; position:fixed; right:0; bottom:0;}
.squareAvartar{position:relative;
    overflow:hidden;
	background-color:#eeeeee;
	width:100%;
	height:100%;
	}
.squareAvartar IMG{position: absolute;
      max-width: 180%;
      max-height: 130%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);}
.profile-photo{width:100%;height:100%;background-size:cover;padding-bottom:100% !important;}
sup { position: relative; top: -0.3em; }
sub { position: relative; top: 0.5em; }
.px-3{padding-left:10px;padding-right:10px;}
.py-3{padding-top:10px;padding-bottom:10px;}
.py-2{padding-top:6px;padding-bottom:6px;}
.py-1{padding-top:4px;padding-bottom:4px;}
.pr-0,.px-0{padding-right:0;}
.pl-0,.px-0{padding-left:0;}
.my-1{margin-top:4px;margin-bottom:4px;}
.mt-1{margin-top:4px;}
.mb-3{margin-bottom:8px;}
.mb-5{margin-bottom:40px;}

/*FORMS*/
.checkboxslide{position: relative; display: inline-block; width: 60px; height: 34px;float:left;margin-right:20px;}
.checkboxslide input {display:none;}
.checkboxslider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.checkboxslider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}
input:checked + .checkboxslider{background-color: #4dde5e;}
input:focus + .checkboxslider{box-shadow: 0 0 1px #4dde5e;}
input:checked + .checkboxslider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}


/*SCROLLBARS*/
::-webkit-scrollbar { width: 8px; background: rgba(255,255,255,1);}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 6px; border-radius: 6px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 6px; border-radius: 6px; background: rgba(156,156,156,1);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(156,156,156,0.4); }

/*ICONS*/
.icons {
	background: url(/images/dektalent-icons.png) top center no-repeat;
	width:16px;
	height:16px;
	margin: 0px;
	display: inline-block;
	text-align:center;
	overflow:hidden;
	vertical-align:middle;
}
.icon-edit{ width:17px; height:17px; background-position: 0 0;}
.icon-register{ width:17px; height:17px; background-position: 0 -17px;}
.icon-courses{ width:17px; height:17px; background-position: -17px 0; }
.icon-webboard{ width:16px; height:16px; background-position: -33px 0; }
.icon-member{ width: 20px; height: 20px; background-position: -25px -34px;}
.icon-profile{ width: 23px; height: 20px; background-position: 0 -34px; }
.icon-minimized{ width:11px; height:6px; background-position: -34px -17px;}
.icon-courseclass{ width:15px; height:14px; background-position: -318px -27px;}
.icon-video{ width:16px; height:16px; background-position: -51px -17px;}
.icon-quiz{ width:14px; height:16px; background-position: -50px 0;}
.icon-locked{ width: 12px; height:16px; background-position: -66px 0;}
.icon-unlocked{ width: 16px; height:16px; background-position: -79px 0;}
.icon-calendar{ width:20px; height:20px; background-position: -49px -34px;}
.icon-pencil{ width: 19px; height:19px; background-position: -70px -35px; }
.icon-gear{ width:10px; height:10px; background-position: -180px 0;}
.icon-mail{ width:20px; height:12px; background-position: -70px -17px;}
.icon-logout{ width:16px; height:16px; background-position: -91px -17px;}
.icon-video-hand{ width:15px; height:16px; background-position: -102px 0;}
.icon-video-clip{width:18px; height:14px; background-position:-118px 0;}
.icon-video-report{width:24px; height:15px; background-position:-136px 0;}
.icon-video-question{width:17px; height:16px; background-position:-161px 0;}
.icon-video-download{width:16px; height:19px; background-position:-113px -15px;}
.icon-course-content{width:16px; height:16px; background-position:-369px -27px;}
.icon-course-download{width:16px; height:19px; background-position:-130px -15px;}
.icon-course-smile{width:16px; height:16px; background-position: -148px -18px;}
.icon-course-study{width:16px; height:16px; background-position: -318px -44px;}
.icon-course-quiz-bank{width:14px; height:16px; background-position:-166px -18px;}
.icon-course-months{width:16px; height:17px; background-position: -37px -55px;}
.icon-course-anywhere{width:16px; height:16px; background-position: -335px -27px;}
.icon-course-devices{width:12px; height:16px; background-position: -354px -27px;}
.icon-close{width:30px; height:30px; background-position:-91px -35px;}
.icon-rock{width:44px; height:31px; background-position: -125px -35px;}
.icon-rock-empty{width:44px; height:31px; background-position: -170px -35px;}
.icon-payment-bank{width:28px; height:27px; background-position: -217px -35px;}
.icon-payment-paypal{width:27px; height:29px; background-position: -248px -35px;}
.icon-correct-big{width:39px; height:35px; background-position: -276px -35px;}
.icon-correct{width:21px; height: 17px; background-position:-191px 0;}
.icon-incorrect{width:16px; height: 16px; background-position:-213px 0;}
.icon-mobile-menu{width:21px; height:15px; background-position: 0 -55px;}
.icon-lesson-play{width:43px; height:32px; background-position: -230px 0;}
.icon-lesson-quiz{width:43px; height:32px; background-position: -273px 0;}
.icon-pencil-quiz{ width: 16px; height:14px; background-position: -181px -18px; }
.icon-facebook{ width: 12px; height:22px; background-position: -316px 0; }
.icon-topic{ width:14px; height:14px; background-position: -198px -18px;}
.icon-topic-new{ width:14px; height:14px; background-position: -213px -18px;}
.icon-reply{ width:11px; height:14px; background-position: -25px -56px;}
.icon-tag{ width:16px; height:16px; background-position: -54px -55px;}
.icon-trash{ width:9px; height:12px; background-position: -71px -55px;}


/*BUTTONS*/
.buttons{ width:120px; height:36px; margin:0; text-align:center; overflow:hidden; color:#ffffff !important; font: bold 22px/36px 'PestoBold',Tahoma;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display: inline-block; -webkit-transition-property: background-color; -webkit-transition-duration: .10s; -webkit-transition-timing-function: ease-in-out; -webkit-box-shadow:  0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); text-shadow: 1px 1px 1px #666666;cursor:pointer;}
a.buttons {text-decoration:none;}
.buttons:active{margin-top: 2px; height:34px; -webkit-box-shadow:  0px 1px 3px rgba(0,0,0,0.18), inset 0px -1px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -1px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -1px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -1px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); -ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.18), inset 0px -1px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10); }
.button-wide{ width:100% !important;}
.button-hero, .button-hero:active, .button-hero:focus {padding: 2px 50px; line-height: 46px; height: 50px; width: auto; font-size: 2em;}
.button-hero:active{height:48px;}
.button-small{ width:64px; height:28px; float:right;}
.button-pink, .button-pink:visited {background-color:#df0870;}
.button-pink:hover {background-color:#FF007B;}
.button-grey{background-color:#333333;}
.button-grey:hover{background-color:#141414;}
.button-purple{background-color:#a2248d;}
.button-purple:hover{background-color:#D61AB7;}
.button-blue{background-color:#1abef3;}
.button-blue:hover{background-color:#53D4FF;}
.button-facebook{ background-color:#166dbe;}
.button-facebook-wide{ width:300px; height:40px;}
.button-facebook:hover{background-color:#1182EC;}
.button-green{background-color:#24b074;}
.button-green:hover{background-color:#23E08F;}
.button-orange, .button-orange:visited {background-color:#ff8a00;
    -webkit-animation-name: ShineAnimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
	}
.button-orange:hover{background-color:#FFB400;}
.button-header, a.button-header {color:#ffffff;font: bold 24px/36px 'PestoBold',Tahoma; text-align:center;overflow:hidden;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display: inline-block; padding: 0 10px; margin:5px;}
.button-header:visited, .button-header:hover, .button-header:active{color:#ffffff; text-decoration:none; background-color:#404040; background-color: rgba(0, 0, 0, 0.7);}
.button-outline{text-align:center; overflow:hidden;padding:5px 12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display: inline-block;border:1px solid #666;text-decoration:none !important;}
.button-outline-dark{border-color:#666;color:#666 !important;}
.button-outline-dark:hover{background-color:rgba(0,0,0,0.1);}

@-webkit-keyframes ShineAnimation{
    from {
        background-repeat:no-repeat;
        background-image:-webkit-linear-gradient(
            top left,
            rgba(255, 255, 255, 0.0) 0%,
            rgba(255, 255, 255, 0.0) 40%,
            rgba(255, 255, 255, 0.2) 47%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.2) 53%,
            rgba(255, 255, 255, 0.0) 60%,
            rgba(255, 255, 255, 0.0) 100%
        );
        background-position:-250px -250px;
        background-size: 600px 600px
    }
    to {
        background-repeat:no-repeat;
        background-position:250px 250px;
    }
}


/*COLORS*/
.centered{ text-align:center;margin-left:auto; margin-right:auto;}
.quizlink:link, .quizlink:visited, .quizlink:hover, .quizlink:active{color:#176cbd; text-decoration:none;}
.quizlink:hover{ text-decoration:underline;}
.dark, .dark:link, .dark:visited, .dark:hover, .dark:active{ color:#333333; text-decoration:none;}
.white, .white:link, .white:visited, .white:hover, .white:active{ color:#ffffff; text-decoration:none;}
.important{color:#ff0000;}
.webtheme{ color: #e20070; color:#e673aa;}
.bg-webtheme{background-color:#e673aa;}
.tred{ color:#ce0000 !important;}
.tgreen{ color:#12b14b !important;}
.tblue{ color:#0087ce !important;}
.tpurple{ color:#bd7fb3 !important;}
.desaturate { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
#preloader{ width:5%; position:absolute; top:0; left:0; height:3px; background:#e20070;}
.text-muted, .text-muted a, .text-muted a:visited, .text-muted a:hover, .text-muted a:active{ color:#aaaaaa; text-decoration:none; }
.btn-white{background-color:#fff; padding:10px 20px;border-radius:6px;}

/*HEADER*/
.page-header{ background-color:#ed74ad; width:100%; height:99px; overflow: visible; margin: 0; padding: 0; border:none; position:relative;}
.logocontainer{ max-width:300px;}
@media(max-width:400px){ .logocontainer{ max-width:100%;} }

/*CTA*/
.CTApane{ width:100%; height:auto; background-color:#101010; text-align:center; box-shadow: 0px 2px 4px #999999;}
.CTApane div.container { padding-top:20px;}
.CTAhead H3{ color:#fff; line-height:16px; text-align:left;}
.CTAhead P{ color:#ccc; text-align:left;}
.CTAaction { text-align:center;}
.CTAaction .buttons { }
.CTAaction P { color:#ccc; padding:10px 0; margin-left:10px; text-align:center;}
.CTAaction a, .CTAaction a:hover, .CTAaction a:visited{ color:#fff;}
@media(max-width:400px){ .CTAhead H3, .CTAhead P{ text-align:center;} }


/*LOGIN*/
.loginbox{ width:360px;margin:0 auto; }
.loginboxcontainer{max-width:360px;margin:0 auto;}
.loginboxsection{ padding:0 40px;}
.logininput{position: relative;}
.logininput .glyphicon{position: absolute;padding:10px;pointer-events: none;left:0px;color:#eeeeee; font-size:22px;}
.logininput input{padding-left:40px;}
.login_or{ width: 100%; height: 20px; border-bottom: 1px solid #bad2c8; text-align: center;margin-bottom:20px;}
.login_text{ background-color: #f0f7f4; color: #bad2c8; padding: 9px 6px; font-size:14px;line-height: 2.5em;}
.modal-loginform{background-color: #f0f7f4;}
.toggle-password {float: right;margin-left: -25px;margin-top: -25px;margin-right:10px;position: relative;z-index: 2;cursor:pointer;}
/*HEROS*/
.header-course{width:100%;background-color:#eaebec; padding: 50px 0; margin-top:-25px; border-bottom: solid 3px #e6e6e6;}
.header-lesson{width:100%;background-color:#eaebec; padding: 50px 0; margin-top:-25px;border-bottom: solid 3px #e6e6e6;}
.header-video{width:100%;background-color:#eaebec; padding: 50px 0; margin-top:-25px;border-bottom: solid 3px #e6e6e6;}
.header-quiz{width:100%;background-color:#eaebec; padding: 50px 0; margin-top:-25px;border-bottom: solid 3px #e6e6e6;}
.header-download{width:100%;background-color:#eaebec; padding: 50px 0; margin-top:-25px;border-bottom: solid 3px #e6e6e6;}
.header-boardview{width:100%;background-color:#ed74ad; padding: 50px 0; margin-top:-25px;border-bottom: solid 4px #ed74ad;}
.header{margin-bottom:100px; -webkit-box-shadow: 0 4px 10px 0 RGBA(0,0,0,0.15);-moz-box-shadow: 0 4px 10px 0 RGBA(0,0,0,0.15);box-shadow: 0 4px 10px 0 RGBA(0,0,0,0.15);}
/*CONTENT*/
.cb{width:100%; display:block; float:left; margin-bottom: 40px; background-color: #FFF; border: 1px solid #d7e1dd; /*border-radius: 12px;*/}
.cb-primary{ -webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15); margin:0;}
.cb-header{ background-color:#d7e1dd; border-bottom: 1px solid #d7e1dd; /*border-top-left-radius: 12px; border-top-right-radius: 12px;*/ min-height:41px;}
.cb-primary .cb-header{ background: #333 url(/images/bg-cb.png) top left repeat; min-height:55px;}
.cb-title{margin:0; padding: 0 10px; font-size: 24px; font-weight:normal; color: #333; line-height:40px;}
.cb-primary .cb-title{ color:#fff; font-size:36px; line-height: 55px; padding: 0 30px;}
.cb-body{ padding:15px;}
.cb-divider{ width:100%; height:1px; border-width:0; color:#d7e1dd; background-color:#d7e1dd; margin:0;}
.cb-fill{background-color:#f0f7f4;}
.cb-badge{ padding-right:15px;}
.cb-entry IMG{ margin-top:15px; }
.cb-footer{background-color:#d7e1dd; border-top: 1px solid #d7e1dd; /*border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;*/ min-height:41px;}
.sidebar{margin-bottom:20px;}
/*COURSE*/
#course-detail div.collapse[aria-expanded="false"]{display:block;height:42px !important;overflow:hidden;}
#course-detail div.collapse.show[aria-expanded="false"]{height:42px !important;}
#course-read-more-button.collapsed:after{content: '+ อ่านต่อ';}
#course-read-more-button:not(.collapsed):after{content: '- ย่อรายละเอียด';}
/*TABS*/
.tab-underline li{border:none !important;}
.tab-underline a{border:none !important;color:#111 !important;}
.tab-underline .active a{background-color:transparent !important; border-bottom:5px solid #ed74ad !important;}
/*GROB*/
.tab-pane .tabcontentbox{ background-color:#fff; border:1px solid #d7e1dd; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px;-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; }
.grob{ background-color:#ffffff; border: 3px solid #bad2c8; margin-top:20px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; display:block;}
.grob div div H2{ font-family:'PestoBold',Tahoma; font-size:20px; color:#000000; }
.grob div div p{ text-align:justify;}
.grob-center{ height:100%; border-left: 1px solid #bad2c8; border-right: 1px solid #bad2c8; padding: 0 10px 0 10px;}
.grob-bg-locked { height:100%; background:transparent url(/images/bg-grob.png) no-repeat top left; }
.grob-bg-unlocked { width:100%; height:100%; background:transparent url(/images/bg-grob-unlocked.png) no-repeat top left; }
.grob-border-left{height:100%; border-left: 1px solid #bad2c8;}
.grob-icon-container{ width:100%; height:auto; text-align:left; padding:6px 0 0 6px;}
.grob-fill{background-color:#f0f7f4;}
.icon-course-container{ width: 20px; height:20px; background-color:#12b14b; margin-bottom: 3px; padding: 3px; display:inline-block; text-align:center; vertical-align:middle; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
/*RANKING*/
.ranking-scroll{max-height:400px; overflow-y:scroll;overflow-x:hidden;}
.ranking-container{position:relative;white-space: nowrap;}
.ranking-pos{padding:10px;padding-left:100px;width:100px;text-align:center;vertical-align:middle !important;font-size:32px;font-weight:bold;color:#cccccc;}
.ranking-user{padding:10px; white-space: nowrap;}
.ranking-profilephoto{height:100%;width: auto;min-width: 80px;min-height: 80px;display: inline-block;}
.ranking-name{padding:10px;margin-left:5px;display:inline-block;overflow:hidden;word-wrap: break-word;vertical-align:top;}
.ranking-score{padding:10px;padding-right:100px;text-align:center;font-size:32px;font-weight:bold;color:#e673aa;vertical-align: middle !important;}
.ranking-score .ranking-points{font-size:14px;}
.ranking-space{width:120px;}
@media(max-width:400px){
    .ranking-profilephoto{min-width:60px;min-height:60px;}
	.ranking-user{max-width:160px;overflow:hidden;}
}
/*VDO*/
.vdowrapper{width:100%; background: #cde7e7 url(/images/bg-paper.jpg) repeat top right; margin:0 auto; padding:0;}
#navcontainer{width:340px; min-width:320px;}
#flowVdoPlayer{width:100%; height:100%;}
.video-toc{ width:92%; max-width:314px; margin:15px; height:auto; float:left; text-align:left; overflow-y:auto;}
.video-toc H3, .video-toc H4{ margin: 0px; padding: 0px; word-wrap: break-word;}
.video-toc ul {list-style:none; list-style-position:outside; width:300px !important; overflow:hidden; padding-left:15px;}
.video-toc ul li{ white-space: nowrap; overflow:hidden; }
.toc-title {width:110px; font-weight:bold; display:inline-block;}
.toc-book{ font-weight:bold; color:#e20070;}
.video-helper { clear:both; }
.video-helper H3{ width:100%; padding:0; margin:0 0 0 15px; color:#333333; text-align:left; font-size:22px; font-weight:normal; border-bottom:2px solid #bad2c8;}
.video-helper ul{ margin: 0 0 0 20px; padding: 0; list-style:none;}
.video-helper ul li{ text-align:left; padding-top: 10px;}
.vdoss{text-align: center;position: relative;display: block;padding-bottom: 56.2%;}
.vdoss IMG {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;}
.vdoss .vdooverlay{position: absolute;top: 0;left:0;}
.vdoss .vdooverlay:hover, .dcdvdoss .vdooverlay div:hover {-webkit-filter: opacity(50%);filter: opacity(50%);}
.vdoss .vdopt{position:absolute;top:65%;left:0;width:100%;text-align:center; color:#ffffff;}
.vdoss span { padding: 1px 8px; color:#fff; background-color:#000; opacity: .70;filter:Alpha(Opacity=70); position:absolute; bottom:0; right:0; }
a:link .vdoss span, a:visited .vdoss span, a:hover .vdoss span, a:active .vdoss span{ text-decoration:none; color:#fff;}

ol.circles-list {list-style-type: none;list-style-type: decimal !ie; /*IE 7- hack*/	margin: 0;margin-left: 2em;padding: 0;counter-reset: li-counter;}
ol.circles-list > li{position: relative;margin-bottom: 20px;padding-left: 0.5em;font-size:1.4em;}
ol.circles-list > li:before {position: absolute;top: 0;left: -1.33em;width: 1.3em;height: 1.3em;font-size: 1.2em;line-height: 1.2em;text-align: center;color: #f5f5f5;background-color: #e20070;content: counter(li-counter);counter-increment: li-counter; border-radius:50%;}


/*QUIZ*/
.quizscore{left:0;position: absolute; text-align: center;top:26%;width: 100%;height:100%;font-size: 200px;color: #faf80a; margin:0;padding:0;}
.quizsummary{left:0;position: absolute; text-align: center;top:80%;width: 100%; height:100%;font-size: 20px;color: #ffffff;}
@media only screen and (max-width : 768px) { .quizscore{font-size:150px;top:30%;} .quizsummary{font-size:16px;}}
@media only screen and (max-width : 680px) { .quizscore{font-size:120px;top:30%;} .quizsummary{font-size:14px;}}
@media only screen and (max-width : 520px) { .quizscore{font-size:80px;top:30%;} .quizsummary{font-size:12px;}}
@media only screen and (max-width : 320px) { .quizscore{font-size:60px;top:14%;} .quizsummary{font-size:10px;}}

/*DOWNLOAD*/
ul.download-category{ margin:0; padding:0;}
ul.download-category li{ list-style-type:none; padding: 5px 5px 5px 10px; border-radius:6px;}
ul.download-category li.active{ background-color:#d7e1dd; color:#e673aa;}
.download-folder{width:50px !important;height:45px;}

/*TOP CONTROL*/
#topcontrol{z-index:2; background: #f399c7 url(/images/topcontrol.png) no-repeat center; width: 30px; height: 30px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; position:fixed; bottom:-100px; right:10px; cursor:pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow:show;}
#topcontrol span { font-size:11px; width:30px; text-align:center; position:relative; top:28px; color:#f399c7;}
#topcontrol:hover{ background-color:#f9bddc;}

/*TESTIMONIALS*/
.testimonials{width:100%; height:auto; background-color:#f6f6f6; padding: 60px 0; margin-top:120px;}
.testimonials P{overflow:hidden;}
P.testimonial-message{margin-bottom:50px;}
.img-testimonial{width:70px;}
.mh-100{min-height:100px;}

/*FORUM*/
.kratootable{ width:100%; border-collapse: collapse; }
.kratootable tr{ vertical-align: middle;}
.kratootable tr th{ text-align:center; background-color:#d7e1dd;}
.kratootable tr td{ text-align: left; padding:8px; border-top:1px solid #d7e1dd;}
.kticon{ width:7%; min-width:30px;}
.ktsubforum{ width: 50%;}
.ktsubforum div{word-break: break-all;}
.ktposts{ width: 10%; border-left:1px solid #d7e1dd; border-right:1px solid #d7e1dd; text-align:center;}
.kthilightpost{border:1px solid #e673aa; border-top:12px solid #e673aa; }
.ktlatest{ width: 33%; font-size:11px;}
.ktpostproperties{ text-align:right; color:#999; font-size:11px; padding: 5px 15px 0 0; text-align:right; visibility:hidden;}
.ktpostbody{ padding:10px; text-align:left;word-break: break-all;}
a.ktpostbodylink, a.ktpostbodylink:hover, a.ktpostbodylink:visited, a.ktpostbodylink:active{ color:inherit; text-decoration:none; font-weight:bold;}
.ktreplierwrapper:hover .ktpostproperties{ visibility:visible;}
.ktnewpost:link, .ktnewpost:visited, .ktnewpost:hover, .ktnewpost:active { margin-left: 10px; color:#999999; font-size:11px; }
.ktsubforum img{ margin-right:10px;}
.ktrelated ul{ margin: 0 0 0 25px; padding: 0; list-style:none; position: relative; overflow:visible;}
.ktrelated ul li{ text-align:left; padding-top: 10px; overflow:visible;position:relative; }
.ktrelated ul li:after{ content:""; position:absolute; left:-16px; top:16px; background: url(/images/dektalent-icons.png) -198px -18px no-repeat; width:14px; height:14px;}
.kttextarea {width:100%; min-height:200px; resize:vertical;}
.kttextareamedium{height:120px !important; min-height:120px !important;}
.kttextareasmall {height:70px !important; min-height:70px !important;}
.ktreplier{ font-size:11px; padding: 20px 0 0 20px; text-align:center; max-width:140px;}
.replyentry{ margin-bottom:20px; }
.ktreplierwrapper{margin:20px 0;}
.ktreplierbubble2{ border-left:1px solid #d7e1dd; min-height:130px;padding-left:20px;}
@media (max-width: 767px){ .ktreplierbubble2{;border:none;border-top:1px solid #d7e1dd; } }
.ktposterbubble{ margin-top:20px; position:relative;}
.ktposterbubble:before {content: ""; position: absolute; bottom: 0; left: 40px; border-bottom: 20px solid #d7e1dd; border-bottom-color: #d7e1dd; border-left: 20px solid transparent; border-right: 20px solid transparent;}
.ktposterbubble:after {content: ""; position: absolute; bottom: 0; left: 42px; border-bottom: 18px solid #fff; border-bottom-color: #fff; border-left: 18px solid transparent; border-right: 18px solid transparent; }
.ktreplierbubble{position:relative;}
.ktreplierbubble:before {content: ""; position: absolute; top: 22px; left: -20px; border-right: 20px solid #d7e1dd; border-right-color: #d7e1dd; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.ktreplierbubble:after {content: ""; position: absolute; top: 22px; left: -19px; border-right: 20px solid #fff; border-right-color: #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.replyform-medium{margin-bottom:100px;}
ul.boardside{ width:100%;padding-left:20px;list-style-type:none;}
ul.boardside li:before{content: "\e006"; font-family: 'Glyphicons Halflings'; font-size: 12px; float: left; margin-top: 4px; margin-left: -17px; color: #333333;}
ul.boardside li{ padding:4px 0;}
.tags{ margin: 30px 0 0 50px; text-align:left; display:block;}
.tags a:link, .tags a:visited, .tags a:hover, .tags a:active{ color:#ffffff; text-decoration:none; background-color:#dddddd; border-radius:3px; padding:2px 4px; margin:4px; display:inline-block;}

/*FOOTER*/
.dektalent-hill{ width:100%; height:200px; margin-top:30px; background: transparent url(/images/dektalent-hill.png) no-repeat bottom center;}
.footerspace{width:100%; height:250px;}
.footercourse{width:100%; height:auto; display:block; background-color:#ed74ad; padding:40px 0; color:#fff; box-shadow: inset 0 10px 10px -5px RGBA(0,0,0,0.3);}
.footercourse H3{width:100%; border-bottom: 1px solid #861249; box-shadow: 0 1px 0 #fdb4d6; text-shadow: 2px 2px #861249; color:#fff; text-align:left;}
.footercourselinks ul { margin-left:-10px; margin-top:15px; list-style-type:square; color:#fdb4d6;}
.footercourselinks ul li { text-align:left; padding:4px 0;}
.footercourselinks ul li a:link, .footercourselinks ul li a:visited{ color:#fff;}
.footercourselinks ul li a:hover{ color:#fdb4d6; }
.footer{ width:100%; height:auto; display:block; background-color:#161616; padding-top:20px; color:#cccccc; padding-bottom:10px; box-shadow: inset 0 10px 10px -5px #000000;}
.footerlogo{ text-align:left;}
.footerlogo div div { float:left;}
.footerlogo p { padding:10px 50px 0 0; margin-left: 0; text-align:left; font-size:11px; line-height:1em; float:none;}
.footersocial{ margin-top:30px;}
.footersocial img { margin:0 4px;}
.footerlinks H3{width:100%; border-bottom: 1px solid #090909; box-shadow: 0 1px 0 #333333; text-shadow: 2px 2px #000000; color:#dddddd; text-align:left;}
.footerlinks ul { margin-left:20px; margin-top:15px; list-style-type:square; color:#222222;}
.footerlinks ul li { text-align:left; padding:4px 0;}
.footerlinks ul li a:link, .footerlinks ul li a:visited{ color:#cccccc;}
.footerlinks ul li a:hover{ color:#ffffff; }
.footercopy{ background-color:#161616; color:#606060; text-align:center; padding:4px; border-top: 1px solid #333333; box-shadow: 0 -1px 0 #090909; font-size:11px;}

/*NOTIFYBOX*/
.notifyonmail{ position: relative; top:2px; right:0px; float:left;}
.notify-message{ }
.notify-graphic{padding:0; width:100%;height:200px; background:#3bd8bd url(/images/includes/messages/message-background-pink.png) top center no-repeat; background-size: 100% 100%; hbackground: linear-gradient(#31b39d, #3bd8bd,#3bd8bd);border-top-left-radius:6px; border-top-right-radius:6px;position:relative;}
.notify-graphic IMG {display:block;margin:auto;position:absolute;left:0;right:0;top:0;bottom:-350px;overflow:hidden;animation: shake 5s;animation-iteration-count: infinite;  }
.notify-message .modal-body, .notify-message .modal-footer{background-color:#ffffff;position:relative;}
.notify-message .modal-footer{border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg) scale(1); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg) scale(0.9); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg) scale(1); }
}

/*SHARE*/
.share{ margin-bottom:10px; color:#cccccc; font-size:12px;}
.share-icons{ background:transparent url(/images/social-share.png) no-repeat top left;display:inline-block; margin:0 5px 0 2px; vertical-align:middle;}
.share-icon-facebook{width:9px; height:17px; background-position: -1px 0;}
.share-icon-twitter{width:18px; height:17px; background-position: -13px 0;}
.share-icon-line{width:18px; height:17px; background-position: -33px 0;}
.share-button{border-radius:3px;padding:4px 10px; margin: 2px; display:inline-block;color:#ffffff; font-size:11px; height:28px; line-height:18px;}
.share-button-facebook{background-color:#3b5998;}
.share-button-twitter{background-color:#1da1f2;}
.share-button-line{background-color:#20ce25;}

/*MOBILE SIZES*/
@media (max-width: 420px){
H1{ font-size:30px;}
H2{ font-size:24px;}
H3{ font-size:22px;}
H4{ font-size:18px;}
H5{ font-size:18px;}
.cb-title{font-size: 20px; }
.cb-primary .cb-title{font-size:28px; line-height: 55px;}
}
@media (max-width: 767px){.align-xs-center{text-align:center;}}

/*PRINT SIZES*/
@media print {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}.col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}
}


/*BOOTSTRAP OVERRIDE*/
.dropdown-menu{ background-color: #333333; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2);}
.dropdown-menu li > a {color: #ffffff;padding:12px 20px;}
.dropdown-menu .divider {background-color: #000000;	border: none;}
.dropdown-menu li > a:hover{ background-color:#555555; background-image:none;}
.alert{margin:0; padding:6px;}
.progress{ height:16px;}
.smallprogress{ height:12px; margin: 0 20px;}
.progress .bar-dektalent {background-color: #e20070; background-image:none; }
.order-checkbox, .book-checkbox{ margin-top:30px; width:20px; height:20px; -webkit-transform: scale(1.6,1.6); -moz-transform: scale(1.6,1.6); -o-transform: scale(1.6,1.6);}
.affix{ top:0px;}
img { max-width: 100%; }
.navbarwrapper{min-height:63px; margin-bottom:20px;}
.navbar{border:0px; width:100%;min-height:63px;}
.navbar-nav{ padding-top:8px;}
@media(min-width:768px){.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:visited, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:active, .navbar-inverse .navbar-nav>.active>a:focus{color:#fff; background-color:#ed74ad; border-radius:6px; } }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ background-color:transparent;}
.navbar-nav>li>.dropdown-menu{margin-top:-7px;}
.navbar.navbar-default.navbar-fixed-top .navbar-inner{overflow: hidden; overflow-y: auto; position: absolute; width: 100%; height: 100%;}
.hamburgertext{color:#fff; margin-left:10px; font-size:1.1em;font-weight: bold; line-height:0.8em;}
@media(min-width:768px){ .dropdown:hover .dropdown-menu {display: block;} }
@media (max-width: 768px){.affix{position: static;}}
.control-group{ float:left !important;}
.control-label { float:left !important;}
blockquote{ background: url(/images/dektalent-icons.png) top center no-repeat; background-position: -328px 0; margin:10px; padding:10px 10px 10px 90px; border:none; text-align:left;}
input[type="radio"], input[type="checkbox"] { margin: 0;}
.nav{ margin-bottom:0;}
.label{ text-indent:0;}
.flowplayer.is-mouseover .fp-controls .fp-timeline .fp-progress, .flowplayer.is-mouseover .fp-controls .fp-timeline .fp-buffer{cursor:pointer;cursor:hand;}
/*BS3*/
.popover{ max-width:340px;}
.popover-content{ background-color:#F9F9F9; padding:0; max-height:300px; overflow-y:scroll; overflow-x:hidden;}
.popover-content .mailboxentry{ margin:0; padding: 5px 10px; color:#666666; }
.popover-content .mailboxentry:hover, .popover-content .mailboxentry:hover .glyphicon { background-color:#dff0d8; color:#3c763d; }
.popover-content .mailboxentry a:link, .popover-content .mailboxentry a:visited, .popover-content .mailboxentry a:hover{ color:#e20070;}
.modal.fade .modal-dialog{transform:none !important;}
.modal-backdrop, .modal-backdrop.in {background: #000; opacity:0.90;}
.modal-content{-webkit-box-shadow:0px 0px 30px 20px rgba(0,0,0,0.50);-moz-box-shadow:0px 0px 30px 20px rgba(0,0,0,0.50);box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.50);}
.modal-dialog.fullscreenmodal{width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-dialog.fullscreenmodal .modal-content{height: auto; min-height: 100%; border-radius: 0;}
.row-table{display: table;}
.row-table [class*="col-"] {float: none;display: table-cell;vertical-align: middle;}
@media(max-width:400px){ .container.mobilemax{ padding:0;} .container.mobilemax .container-fluid{padding:0;}}
.has-error .form-control{ background-color:#FFeeee;}
.row-eq-height{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;}
.navbar-inverse{background-color:#111;}
.nav > li {border: 1px solid #444;margin-right: 10px;border-radius: 6px; }
@media(max-width:768px){ .nav > li {border: none;margin:0;border-radius:0; }}
@media (min-width: 768px){ .navbar-nav>li>a {padding-top: 12px;padding-bottom: 12px;}}