@charset "utf-8";
/* CSS Document */

.detailview-page{ margin-top:30px;}
h1.main_heading{  font-size:28px; color:#2f2e2e;  padding:0 0 15px; font-weight:300; border-bottom:1px solid #eeeeee}
.article_details{ font-size:13px; color:#7f8383; margin:2px 0 8px;}
.article_details .inblock{ margin-right:25px; position:relative; text-transform: capitalize;}
.article_details .inblock:before{     content: "\f061";
    position: absolute;
    top: 0;
    right: -20px;
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ccc;
    font-size: 13px;}
.article_details .inblock:last-child:before{ content:"";}
.detail-container .imgblock{ border:1px solid #ccc; padding:10px; max-width:310px; padding:8px; margin:0 20px 20px 0;/* float:left */}
.detail-container .imgblock.profpic{ width:100%; margin:0; float:none}
.detail-container .imgblock .img-inner{ max-height:360px; overflow:hidden}
.detail-container .imgblock .img-inner img{ width:100%; height:auto}
.detail-container .detail-contentblock{ font-size:15px; line-height:25px; font-weight:300; color:#000}
ul.social-sharing{ margin:0; padding:0; list-style:none}
ul.social-sharing li{ display:inline-block; color:#666; margin: 0 2px;}
ul.social-sharing li a{ font-size:22px; vertical-align:middle; display:inline-block; margin-right:5px}
ul.social-sharing li a:hover{ opacity:.8}
ul.social-sharing li.fb a{ color:#3d5795}
ul.social-sharing li.tw a{ color:#3f9eeb}
ul.social-sharing li.gplus a{ color:#da3d26}
ul.social-sharing li.pint a{ color:#ca1318}
.detail-contentblock h3{ margin:0; padding-bottom:10px; color:#222; font-weight:600; font-size:16px;}
.inblocklisting ul{ margin:0 0 30px 0; padding:0 0 20px 0; list-style:none }
.inblocklisting ul li{ display:inline-block; margin:0 10px 10px; width:150px; color:#000; position:relative; padding-left:10px;}
.proj-listings ul li{padding-left:15px;position:relative;}
.proj-listings ol li:before{background-color:#ff5a5f;content: counter(step-counter); color: white; font-weight: bold; border-radius: 50%;position:absolute;left:0; height: 24px; width: 24px;display: block;font-size: 13px;text-align:center; line-height: 24px;}
.proj-listings ol li{ counter-increment: step-counter;padding-left:40px;position:relative;font-size:14px;}
.proj-listings ul li:before,.inblocklisting ul li:before,.dot:before{ content:""; width:6px; height:6px; border-radius:50%; background-color:#e7a007; position:absolute; top:11px; left:0}
.dot:before{left:-10px}
.detail-contentblock h2{ font-size:24px; color:#333; margin:0 0  15px; font-weight:300; padding:10px 0;}
.dotline{ border-bottom:1px dotted #ccc}
ul.listing-count{ margin:20px 0 0; padding:0; list-style:none}
ul.listing-count li{ font-size:14px; line-height:25px; margin-bottom:15px; color:#333; position:relative; padding-left:40px;}
ul.listing-count li .licount{ position:absolute; width:25px; border-radius:50%; height:25px; background:#ff5a5f; color:#fff; display:block; left:0; top:0; text-align:center; font-size:13px; line-height:25px}
.img-rad-50{ border-radius:50%}
.lessionplan-block{ background:#fcf7ef; padding:15px;}
.lessionplan-block h2{ border-bottom:1px dotted #9e9382; font-size:18px; font-weight:600; color:#6c6150; margin:0 0 20px; padding:0 0 15px 0;} 
.lessionplan-block .q-block{ color:#000; font-size:15px; font-weight:600; line-height:26px; margin-bottom:10px;}
.lessionplan-block p{ color:#000; font-size:15px; line-height:24px; margin-bottom:20px;}
.lessionplan-block .exmp-block{ display:inline-block; border-radius:3px; background:#d2be9e; padding:5px 20px; color:#000; font-size:15px; font-weight:600; margin:10px 0}
.lessionplan-block .summaryblock{ background:#f3ebdd; padding:10px;}
.lessionplan-block .summaryblock ul{ margin:0; padding:0; list-style:none}
.lessionplan-block .summaryblock ul > li{ margin-bottom:10px; font-size:14px; line-height:20px; position:relative; padding-left:15px;}
.lessionplan-block .summaryblock ul li:before{ content:""; width:6px; height:6px; border-radius:50%; background-color:#666; position:absolute; top:6px; left:0}
.dot{ position:relative; display:inline-block;padding-left:5px;}
.saftyblock{ background:#ebf9fb; border:1px solid #d9d6d6; padding:10px;}
.saftyblock h2{ color:#009aab; font-weight:bold; font-size:15px; font-style:italic; margin:0;}
.saftyblock p{ font-size:15px; font-style:italic; line-height:22px; color:#333 }
.summaryblock{background-color:#eee;padding:15px;margin-top:25px}
.glossarycontentblock{background-color:#90EE90;padding:15px;margin-top:25px}
.activitycontentblock{background-color:#FEE38A;padding:15px;margin-top:25px}
.activitycontentblock h4,.glossarycontentblock h4,.summaryblock h4{margin-top:0}

.proj-listings ol,.proj-listings ul{padding-left:0}
.proj-listings ul li{list-style:none;margin-bottom:5px;}
.proj-listings ol li{list-style:none;margin-bottom:20px;}
.cmsarticles > h4 { color: #0999a9;   font-size: 18px;   font-weight: 600;  margin: 20px 0 10px;   position: relative;}
.cmsarticles > h3 { color: #EC2949;   font-size: 21px;   font-weight: 600;  margin: 20px 0 10px;   position: relative;}
.cmsarticles ul li{list-style:none;position:relative;padding-left:15px;margin-bottom:5px;}.cmsarticles ul{padding-left:0;}
.cmsarticles ul li:before{left:0;position:absolute;content:"\f0da";font-family:'fontawesome';color:#666}
.cmsarticles ol li{ counter-increment: step-counter;padding-left:30px;position:relative;font-size:14px;margin-bottom:10px;}.cmsarticles ol{padding-left:0;list-style:none;}
.cmsarticles ol li::before {background-color: #ff5a5f;border-radius: 50%;color: white;content: counter(step-counter, decimal); display: block; font-size: 12px;  font-weight: bold;
  height: 18px;  left: 0;  line-height: 18px;  position: absolute;  text-align: center;  top: 3px;  width: 18px;}
.cms-rating{display:inline-block;margin-right:15px;}.cms-rating ul{float:left;}.cms-rating .ratingcont{margin-left:5px;line-height:24px;}
#videogallery .carousel-control{width:auto;}
#videogallery .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: 30px;}
#videogallery .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: 30px;}
.tag-details h1.main_heading{color:#EC2949;font-weight:500;font-size:28px;padding-bottom:10px;margin-bottom:20px}
.tag-block{margin-bottom:25px;transition:ease all 1s}
.tag-photo{width:100%;height:180px;overflow:hidden;position:relative;margin-bottom:12px;}.tag-photo a img{height:auto;width:100%;transition:ease all 1s}
.tag-photo:hover img{ transform: scale(1.1) rotate(2deg) !important;}
.tag-photo a .img-tag-desc{bottom:0;left:0;position:absolute;color:#fff;background-color:#222222;font-size:12px;padding:2px 10px}
.tag-photo a .img-tag-desc:hover{background-color:#FF5A5F;}
.tag-block h3{font-size: 16px;   line-height: 21px;    margin: 0 0 5px;    text-transform: uppercase;overflow: hidden;height: 20px;}.tag-block h3 a{color:#333;}
.tag-photo:hover + h3 a,.tag-block a:hover{color:#EC2949}
.abt-tag .tag-date{font-size:11px;}.abt-tag > a{font-weight:700;font-size:11px;color:#111}.abt-tag{border-bottom: 1px solid #eee;margin-bottom: 5px; padding-bottom: 5px;}
.tag-block p{max-height: 60px; overflow: hidden;}
@media(max-width:360px){h1.main_heading{font-size: 30px;}}

/*19.04.2016*/
.quiz-details{padding-left:80px;position:relative;border-bottom:1px solid #d1d1d1}
.quiz-details p{height:42px;overflow:hidden;}
.quiz-details:before,.related-quizzes{ background:url(../img/images.png) no-repeat #ffffff;border-radius: 50px;content: "";display: block;height: 60px;left: 0;position: absolute; width: 60px;}
.quiz-icon1:before,.quiz-icon1{background-position:8px 8px}
.quiz-icon2:before,.quiz-icon2{background-position:14px -42px}
.quiz-icon3:before,.quiz-icon3{background-position:9px -95px}
.quiz-icon4:before,.quiz-icon4{background-position:5px -142px}
.quiz-details h4{height:28px;overflow:hidden;}
.grade-details .stand-1st{height:20px;width:20px;background-color:#bcbcbb}.grade-details .stand-1st .fa-book{top:-2px;position:relative}
.grade-details{display:inline-block;}
.details-view-details{margin-bottom:50px;}
ul.listing-count li{ margin-bottom:25px;}
.quiz-details h4 a{color:#009aab;font-size:21px;font-weight:300;}
.quiz-details .btn-warning{width:150px;padding:3px}
.quiz-details .camp{display:block}
.quiz-details .btn-group{opacity:0;margin-top: 5px;}
.quiz-details .btn-group .btn-default{padding:3px 8px}
.quiz-details:hover h4 a{color:#ff5a5f}
.quiz-details:hover .stand-1st{background-color:#ff5a5f}
.quiz-details .social-sharing li{display:inline-block;}
.quiz-details .social-sharing{padding:2px 10px;text-align:center;right: 0;width: 200px;}
.quiz-details .social-sharing a{padding:2px;}
.quiz-details:hover .btn-group{opacity:1}
.quiz-details .coloring-review{margin-right:0}
.be-first-details .btn-default{padding:2px 10px;}
.be-first-details {border-bottom:1px dotted #ccc}
.center-well{background-color:#009aab;text-align:center;padding:40px 20px;}
.center-well h4{color:#fff;font-size:30px;font-weight:300;margin:20px 0 40px}
.center-small-well p{border-bottom:1px dotted #929292;padding-bottom:10px;font-size:16px;color:#333;}
.center-small-well strong{color:#333;font-size:20px;font-weight:600}
.center-small-well{background-color:#ececea;margin-bottom:20px;padding:20px}
.score-card{border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:40px;}
.center-well .btn-well{border:2px solid #fff;border-radius:5px;padding:10px 20px;color:#fff;display:inline-block;font-size:20px;font-weight:600;margin-bottom:20px}
.related-quiz-block .related-quizzes {position:relative; display: inline-block;}
.related-quiz-block p{border-bottom:1px solid #d1d1d1;padding:12px 0}.related-quiz-block a{color:#333;}.related-quiz-block a:hover{color:#EC2949}
.star-quiz-btn i{color:#ff777b;}
.star-quiz-btn{font-size:12px;font-weight:600;color:#009aab;display: block;}.related-quiz-block a:hover .star-quiz-btn{color:#333}
.quiz-test-start {border:5px solid #fd790a;min-height:480px;position:relative;background:rgba(187,80,80,0.1); }
.quizzes .quiz-test-start { min-height:420px; }

.quiz-test-start .quiz-start-btn{background-color:#ee3e5b;height:150px;width:150px;border-radius:50%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;color:#fff;font-size:20px;display:inline-block;transition:all ease .3s}.quiz-test-start .quiz-start-btn i{font-size:40px;}
.quiz-test-start .quiz-start-btn span{bottom: 0;display: block;height: 92px;left: 0;margin: auto;padding: 10px;position: absolute;right: 0;top: 0; width: 100%;}
.quiz-test-start .quiz-start-btn:hover {box-shadow:0 0 6px 1px #009aab;}
.quiz-question h4{font-size:18px;padding-left:30px;position:relative;margin-bottom:10px;margin-top:5px;line-height: 24px;}
.quiz-question h4 .stand-1st{font-size:20px;position:absolute;left:0;top: 0px;}
.quiz-test-start input.radio-check1 ~ label:before{height:20px;width:20px;border-radius:50px;border:3px solid #73716e;display:block;position:absolute;content:"";left:0;top: 2px;cursor:pointer}
.quiz-test-start ul li label{padding-left:30px;font-weight:400;cursor:pointer}.quiz-test-start ul li{font-size:16px;margin:15px 0;}
.quiz-test-start input.radio-check1:checked ~ label:before{background-color:#73716e;content:"\f00c";color:#fff;font-family:'FontAwesome';font-size: 12px;font-weight: 300;line-height: 14px;text-align: center;}
.quiz-question{padding:10px 12px}
.quiz-test-start input.radio-check1:hover ~ label:before{content:"\f00c";font-family:'FontAwesome';color:#ccc;line-height:14px;text-align:center;font-size: 12px;font-weight: 300;}
.quiz-test-start .choose-ans{ padding: 5px 10px;background: #3A5AA5;color: #FFFFFF;display: inline-block;margin-top:5px; }
.quiz-test-start .choose-ans a{color:#009AAB;font-size:12px;display:block;}.quiz-test-start .choose-ans a:hover{color:#EC2949}
.time-elapsed{background-color:#057885;padding:10px;color:#fff;text-align:center;font-weight:bold;} .time-elapsed p{font-weight:300}
.time-elapsed .time-count{background-color:#fff;padding:5px;color:#767673;font-weight:300;font-size:20px;font-family:"Myriad Pro";margin:0 6px;vertical-align: middle;}
.time-elapsed .time-count:last-child{margin-right:0}
.time-elapsed .fa-clock-o{font-size:34px;vertical-align: middle;}
.progress-percent{background-color:#ececea;padding:20px 10px;}
.progress-percent .percent-circle{border-bottom:1px dotted #929292;padding:0 0 15px;margin:10px 0;   display: inline-block;width: 100%;}
.percent-circle .c100{margin:auto;float:none}
.progress-percent span{display:block;font-size:14px;font-weight:600}
.progress-percent .correct-ans{background-color:#0d8f10;padding:2px 5px;color:#fff;border-radius:2px}
.progress-percent .wrong-ans{background-color:#e00130;padding:2px 5px;color:#fff;border-radius:2px}.progress-percent .sub-p1{font-size:14px;font-weight:500; margin-bottom: 5px;}
.got-ans{padding:8px 5px;border-radius:3px;font-size:18px;font-weight:600;margin:10px 0px 0px 0;height:auto;}.got-ans i{font-weight:bold;font-size:24px}
.correct-col{color:#577843;background-color:#d6f4c3;}.wrong-col{background-color:#f4c3c3;color:#b85050}
.got-ans .view-exp{ color:#fd790a;font-size:14px;margin-left:5px;cursor:pointer}.got-ans .view-exp:hover{color:#333}
.got-ans .goto-next-q{color:#2e332a;font-size:18px;line-height: 24px;}.got-ans .goto-next-q:hover{color:#EC2949}
.quiz-test-start .submit-ans{background-color: #00af50;color: #fff;font-size: 18px;padding: 5px 5px;text-align: center; width: 100%;}
.quiz-test-start .submit-ans:hover { text-decoration:none;color: #fff; }
.goto-next-q i{font-size:14px; position: relative;    top: -2px;}
.lesson-index p{height:auto;}.lesson-index .btn-warning{width:180px;}
.hiding-relate{color:#333;margin:10px 0;display:block;border-bottom:1px solid #d1d1d1;padding-bottom:10px}
.activityblock:hover p a,.btns-sheet a:hover{color:#FF5A5F}.submit-ans:hover{color:#ccc}.btn-warning:hover{background-color: #ec2949;}
.envelope a{color:#999ea1}.workbook-custom .detialview-page .btn-warning:hover{background-color:#FF5A5F}
.grade-tool{font-size: 14px;margin-left: 5px;position: relative;top: 1px;color:#999 !important}
.center-well .btn-well:hover {background-color: #ECECEA;color: #009aab;}
.height-35{height:35px !important;}

.review-block-color h2 {
    font-size: 24px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
    font-weight: 300;
    margin-bottom: 15px;
}

.review-block-color h2 a {
    font-size: 12px !important;
    font-weight: 600;
    vertical-align: bottom;
    line-height: 40px;
}

.red-col {
    color: #ff5a5f;
}

.review-block-color h2 i.fa-list { color:#fd790a;}
.view-exp{ color:#fd790a;font-size:14px;cursor:pointer;font-weight:600;}.view-exp:hover{color:#333}
.questionnote { border-bottom:1px solid #DCDBDD;min-height:80px; }