body.new_design{background: #eee}
.new_design #story{width: 100% !important;transform: none !important;left: 0 !important;height: auto !important;}
.new_design .tools_logo {background-color: #fff; box-shadow: 0 0 10px #888; height: 90px;}
.new_design .tools_logo .logo {float: left; margin-left: 40px;}
.new_design .right_tools {position: absolute;top: 90px; background: none; width: 80px;height: auto;min-height: 400px;left: 0; z-index: 99999999}
.new_design .tools_logo .tools{width: auto; margin-left: 4px;}
.new_design .tools_logo .tools ul li{background: #fff; border: 1px solid #ececec; width: 75px; height: 75px;border: none;margin: 1px;}
.new_design .tools_logo .tools ul li a:hover, .tools_logo .tools ul li.selected a{background-color: #4ab9d6 !important}
.new_design .tools_logo .tools ul li.certificate{display: none;}
.new_design .close-canvas{ left: 100px; top: 10px;}
.new_design .tools_logo .colors {position: absolute;left: 78px;bottom: -14px;width: 207px;height: 107px;border: 1px solid #D0D0D0;}
.new_design .tools_logo .colors ul li.white { background: #fff;}
.new_design .tools_logo .colors ul li.black { background: #000;}
/*.new_design .tools_logo .colors ul li{border: 1px solid #fff !important;}*/
.new_design .tools_logo .colors:after{display: none;}
.new_design .deshbord .deshbordimg{z-index: 1}
.new_design .right_txt_blk {width: 50%;margin-right: 250px; color: #777777;}
.new_design .right_txt_blk .txt{ display: inline-block; padding-top: 10px;}
.new_design .right_txt_blk h2{ font-size: 16px; padding-bottom: 5px; display: block;}
.new_design .right_txt_blk h2 span{ font-size: 30px; font-weight: bold; padding-left: 10px;}

.new_design .right_txt_blk h2 em{font-style: italic;}
.new_design .right_txt_blk a{background: #05b038; width: 65px; display: inline-block; vertical-align: top; height: 90px; margin-top: -11px;margin-left: 20px; position: relative}
.new_design .right_txt_blk a:hover, .new_design .right_txt_blk a.active{background: #4ab9d6;}
.new_design .right_txt_blk a span, .new_design .right_txt_blk a span:before, .new_design .right_txt_blk a span:after {cursor: pointer;border-radius: 1px;height: 2px;width: 30px;background: white;position: absolute;display: block;content: ''; top: 42px; right: 17px; }
.new_design .right_txt_blk a span:before {top: -10px; right: 0; }
.new_design .right_txt_blk a span:after {top: 10px; right: 0;}
.new_design .problem.plain{ background: #37c060}

.new_design .right_txt_blk a span, .new_design .right_txt_blk a span:before, .new_design .right_txt_blk a span:after {transition: all 500ms ease-in-out;}
.new_design .right_area { background: #fff;position: relative;right: 10px; box-shadow: 0 13px 60px -20px #C1C1C1;border-radius: 3px;padding: 10px;margin-top: 0px;z-index: 1;padding-top: 20px;border-top-left-radius: 0;border-top-right-radius: 0; width: 220px;}
.new_design .right_area .copy {position: absolute; bottom: 20px; font-size: 12px; color: #767676; display: block; text-align: center; width: 100%; left: 0}
.new_design .info{ display: none;}
.new_design .top_to{ display: none !important;}
.new_design .note3{ display: none !important;}
.new_design .side_nav ul li{ border-width: 1px !important; border-radius: 5px;}
.new_design .side_nav ul li a{ font-weight: normal; text-align: right; padding-right: 10px; }
.new_design  .side_nav ul li a:after, .new_design  .side_nav ul li a.active:after {background: url(../images/new_design/arrow.png) no-repeat transparent !important;border: none !important;width: 15px;height: 25px;left: 13px;top: 9px;}
.new_design .head_shadow{ height: 7px; position: absolute; top: 90px; left: 0; right: 0; width: 100%; background: url(../images/new_design/header_shd.png); z-index: 99}
.new_design #contentwrapper{background: url(../images/new_design/background_bg.jpg) no-repeat center center; background-size: cover; min-height: 860px;}
.new_design #contentwrapper.home{background: url(../images/new_design/home_banner_bottom.jpg) no-repeat center bottom; background-size: cover; max-height: 860px;}
.new_design #content{ /*transition: 0.5s ease all;*/}
.new_design .textarea_field {top: -1px;left: 79px;border-color: #4AB9D6;}
.new_design .textarea_field textarea {border: none}
.new_design .bg_img { max-height: 840px;}

.new_design .leftright_arrow .left_arrow {background: #fff;width: 65px;height: 65px;border: none;left: auto;right: 141px;border: 1px solid #EFEFEF;}
.new_design .leftright_arrow .right_arrow {background: #fff;width: 65px;height: 65px;border: none;left: auto;right: 0px; border: 1px solid #EFEFEF;}
.new_design .leftright_arrow .right_arrow:after {width: 10px;height: 20px;background: url(../images/new_design/arr_right.png) no-repeat #8a8c8d;background-position: center center;position: absolute;top: 23px;left: 26px;content: "";display: block;}
.new_design .leftright_arrow .right_arrow:hover:after{ background-color: #49b8d6;}
.new_design .leftright_arrow .left_arrow:after {width: 10px;height: 20px;background: url(../images/new_design/arr_left.png) no-repeat #8a8c8d;background-position: center center;position: absolute;top: 23px;left: 26px;content: "";display: block;}
.new_design .leftright_arrow .left_arrow:hover:after{ background-color: #49b8d6;}
.new_design .time_line{ background: #fff;width: 70px; height: 65px;border: none;left: auto;right: 68px;bottom: 0;border-radius: 0; z-index: 9; position: absolute;}
.new_design .time_line .time_set { left: 0px;background-color: transparent;border: none;width: 100%;height: 100%;top: 0; border: 1px solid #EFEFEF;}
.new_design .time_line .time_set span { font-size: 20px;font-weight: bold;color: #646464;top: 19px;left: 0px;}
.new_design .time_line .time_set span.total {font-weight: normal; left: 26px}
.new_design .bullet{display: none;}
.new_design .leftright_arrow {position: relative;z-index: 9;}
.new_design .left_side_icons.info{display: block; position: absolute; bottom: -3px; left: 3px; z-index: 99}
.new_design .left_side_icons.info ul{}
.new_design .left_side_icons.info>ul>li{background: rgba(255, 255, 255, 0.87);width: 65px;height: 65px;border: none; margin: 3px 1px;padding: 0px 16px; border: 1px solid #efefef}
.new_design .left_side_icons.info>ul>li .icon.icon1{ background: url(../images/new_design/info.png) no-repeat;position: relative;left: 16px;top: 15px;}
.new_design .left_side_icons.info>ul>li:hover .icon.icon1{background: url(../images/new_design/info_hover.png) no-repeat;}
.new_design .left_side_icons.info>ul>li.active .icon.icon1{background: url(../images/new_design/info_active.png) no-repeat;}
.new_design .left_side_icons.info>ul>li.active{background: #4ab9d6; }
.new_design .left_side_icons.info>ul>li .icon.icon2{ background: url(../images/new_design/full_screen.png) no-repeat;position: relative;left: 16px;top: 15px;}
.new_design .left_side_icons.info>ul>li:hover .icon.icon2{background: url(../images/new_design/full_screen_hover.png) no-repeat;}
.new_design .left_side_icons.info>ul>li.active .icon.icon2{background: url(../images/new_design/full_screen_active.png) no-repeat;}
.new_design .deshbord .deshbordimg .home_top_bg { z-index: 1;text-align: left;position: absolute;left: 16%;top: 60px; }


/* loading */
.loading_container{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 999999999999}
.loading_container .load{ width: 160px; height: 60px; margin: 0 auto; position: relative; margin-top: 30%;}

.loading_container i {/* positioning */position: absolute;opacity: 0;top: 0;left: 0;/*   gradient   */background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);/* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);/* IE10+ */background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );/* IE6-9 *//*  forming the shine elementplay around with the width, skew and gradient to get different effects*/width: 15%;height: 100%;transform: skew(-10deg, 0deg);-webkit-transform: skew(-10deg, 0deg);-moz-transform: skew(-10deg, 0deg);-ms-transform: skew(-10deg, 0deg);-o-transform: skew(-10deg, 0deg);/*  animating it  */animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;-webkit-animation: move 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-delay: 1s;-moz-transform: skew(-10deg, 0deg);-moz-animation: move 2s;-moz-animation-iteration-count: infinite;-moz-animation-delay: 1s;-ms-transform: skew(-10deg, 0deg);-ms-animation: move 2s;-ms-animation-iteration-count: infinite;-ms-animation-delay: 1s;-o-transform: skew(-10deg, 0deg);-o-animation: move 2s;-o-animation-iteration-count: infinite;-o-animation-delay: 1s;}
@keyframes move {0% {left: 0;opacity: 0;}5% {opacity: 0.0;}48% {opacity: 0.6;}80% {opacity: 0.0;}100% {left: 82%;}}@-webkit-keyframes move {0% {left: 0;opacity: 0;}5% {opacity: 0.0;}48% {opacity: 0.6;}80% {opacity: 0.0;}100% {left: 82%;}}@-moz-keyframes move {0% {left: 0;opacity: 0;}5% {opacity: 0.0;}48% {opacity: 0.6;}80% {opacity: 0.0;}100% {left: 88%;}}@-ms-keyframes move {0% {left: 0;opacity: 0;}5% {opacity: 0.0;}48% {opacity: 0.6;}80% {opacity: 0.0;}100% {left: 82%;}}@-o-keyframes move {0% {left: 0;opacity: 0;}5% {opacity: 0.0;}48% {opacity: 0.6;}80% {opacity: 0.0;}100% {left: 82%;}}

/* Page 2 */
.dashboard p{font-size: 23px; color: #777777; }
.dashbord2{min-height: 670px;}
.new_design .deshbord .deshbordimg.dashbord2{ padding-left: 100px;padding-top: 20px;padding-bottom: 20px;    padding-bottom: 136px;}
.dashbord2 .cliffs{min-height: 560px; background: #fff; box-sizing: border-box; position: relative; padding-bottom: 40px;    border-radius: 10px;    box-shadow: 0 0 10px #ccc;    padding-left: 10px;}
.dashbord2 .cliffs p a{font-weight: bold; padding-right: 0 !important}
.new_design h1{color: #37c060; font-size: 23px; margin-top: 0;}
.new_design .deshbord .deshbordimg p{color: #777777; font-size: 23px;  line-height: 30px; padding-right: 18px;}
.new_design .deshbord .deshbordimg p a{color: #37c060; text-decoration: underline; font-size: 23px;  line-height: 30px; padding-right: 18px;}
.new_design .deshbord .deshbordimg strong{font-weight: bold;font-weight: 700;}
.new_design .deshbord .deshbordimg ul{display: block; padding-right: 18px;}
.new_design .deshbord .deshbordimg ul li{list-style-image: url(../images/new_design/list_icon.png); color: #777777; font-size: 23px; line-height: 30px;}
.new_design .deshbord .deshbordimg ul li.blue_list{list-style-image: url(../images/new_design/blue_list.png); list-style-position: inside}
.new_design .deshbord .deshbordimg ul li.orange_list{list-style-image: url(../images/new_design/orange_list.png); list-style-position: inside}
.new_design .deshbord .deshbordimg ul li.green_list{list-style-image: url(../images/new_design/green_list.png); list-style-position: inside}
.new_design .deshbord .deshbordimg ol{}
.new_design .deshbord .deshbordimg ol li{ color: #777777; font-size: 23px; line-height: 30px;}
.new_design .deshbord .deshbordimg .table_struc{display: block; padding-top: 20px;}
.new_design .deshbord .deshbordimg .table_struc ul{padding: 0;}
.new_design .deshbord .deshbordimg .table_struc ul li{ list-style: none; background: #f1f1f1; width: 75%; float: left; display: block; border-right: #d2d2d2 1px solid; min-height: 40px;}
.new_design .deshbord .deshbordimg .table_struc ul li p{ line-height: 40px;}
.new_design .deshbord .deshbordimg .table_struc ul li+li{ width: 25%; border: none}
.new_design .deshbord .deshbordimg .table_struc .light_green { background: #c3eccf}
.new_design .deshbord .deshbordimg .table_struc ul li.dark_green { background: #37c060; }
.new_design .deshbord .deshbordimg .table_struc ul li.dark_green p {color: #fff; }
.new_design .popup{background:rgba(5, 176, 56, 0.9); border-radius: 10px; color: #fff; direction: rtl; padding: 15px; position: absolute;min-height: 200px; width: 480px; top: 216px; left: -30px; bottom: auto;}
.new_design .popup:after{background: url(../images/new_design/top_arrow_pop.png) no-repeat; content: ''; display: block; position: absolute; top: -27px; left: 70%; width: 40px; height: 28px;}
.new_design .popup h2{font-size: 23px; font-weight: bold; color: #fff; }
.new_design .popup p{font-size: 23px; font-weight: normal; color: #fff; line-height: 30px;}
.new_design .popup p strong{font-weight: bold;}
.new_design .popup ul{padding-right: 15px;}
.new_design .popup li{list-style-image: url(../images/new_design/list_white_dot.png); line-height: 30px;}
.new_design .deshbord .deshbordimg .table_struc{ max-width: 1000px;}
.new_design .deshbord .dashbord2 .popup {position: relative;top: 0;left: 0;bottom: auto;}
.new_design .deshbord .dashbord2 .popupwrap { display: none;position: absolute;top: 47px;right: -70px;}
.new_design .deshbord .dashbord2 .popup p{font-size: 23px; font-weight: normal; color: #fff; line-height: 30px; padding: 0}
.new_design .deshbord .dashbord2 .popup ul li{list-style-image: url(../images/new_design/list_white_dot.png); line-height: 30px;}

.new_design .left_side_icons.info .midalteacher_show ul{ padding-bottom: 10px;}
.new_design .left_side_icons.info .midalteacher_show ul li, .new_design .left_side_icons.info .midalteacher_show ol li{ float: none; text-align: right; padding: 0;}


/* Page 3 */
.new_design .dashbord3{min-height: 670px;}
.new_design .deshbord .deshbordimg.dashbord3{ padding-left: 100px;padding-top: 20px;padding-bottom: 20px;    padding-bottom: 182px;}
.new_design .dashbord3 .cliffs{min-height: 660px; background: #fff; box-sizing: border-box; position: relative; padding-bottom: 40px;    border-radius: 10px;    box-shadow: 0 0 10px #ccc;    padding-left: 10px; background: url(../images/new_design/note_icon.jpg) no-repeat #fff 95% 98%; position: relative}
.new_design .dashbord3 .cliffs:after{ content: ''; display: block; background: url(../images/new_design/icon_find.png) no-repeat; position: absolute; width: 180px; height: 170px; bottom: 20px; left: -100px; z-index: 9;}
.new_design .dashbord3 .cliffs:before{ content: ''; display: block; background: url(../images/new_design/icon_find2.png) no-repeat; position: absolute; width: 250px; height: 150px; bottom: -128px; left: 30%; z-index: 9;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc{max-width: 100%; padding-left: 30px;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc p{ opacity: 1; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -o-transition: 0.4s ease all;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc.p_hide p{ opacity: 0;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc.p_hide .first p{ opacity: 1;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc ul li{width: 33%; min-height: 50px;}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc ul li+li{border-right: #d2d2d2 1px solid; padding: 5px 0}
.new_design .deshbord .deshbordimg.dashbord3 .table_struc ul li+li+li{border: none}
.new_design .deshbord .deshbordimg.dashbord3 h1{text-decoration: underline; padding-right: 18px;}
.new_design .deshbord .deshbordimg .orang_btn{text-decoration: underline; padding-right: 18px; width: 170px; margin: 0 auto; background: #f39036; display: block; text-align: center; font-size: 22px; color: #fff; text-decoration: none; padding: 20px 0; font-weight: bold; border-radius: 10px; margin-top: 70px; box-shadow: 0 11px 20px -11px #888;}
.new_design .deshbord .deshbordimg .orang_btn:hover{    background: #57BED9;}

/* Page 4 */
.new_design .dashbord4{min-height: 860px;}
.new_design .deshbord .deshbordimg.dashbord4{ padding-left: 100px;padding-top: 20px; padding-bottom: 180px;}
.new_design .dashbord4 .cliffs{ min-height: 610px;background: #fff;box-sizing: border-box;padding-bottom: 20px;border-radius: 10px;box-shadow: 0 0 10px #ccc;padding-left: 10px;position: relative; margin-bottom: 20px;}
.new_design .dashbord4 .cliffs h3{font-size: 30px; font-weight: 900; color: #777; padding-right: 18px; margin-top:20px; margin-bottom: 20px; }
.new_design .deshbord .deshbordimg .vedio_inner{ width: 100%; background: #ffb001; max-width: 95%; margin: 0; margin-right: 18px; border-radius: 15px;  margin-top: 30px;}
.new_design .deshbord .deshbordimg .vedio{ border: none; min-height: 500px;     padding: 10px;}
.new_design .problem, .new_design .answer{background: #37c060; background: url(../images/new_design/ques_icon.png) no-repeat 98% 15% #37c060; border-radius: 10px; border: none; box-shadow: 0 0 10px #ccc; padding: 40px 0; text-align: center; height: auto;  max-width: 93%; margin: 0 auto;}
.new_design .answer{background: #37c060; background: url(../images/new_design/ans_icon.png) no-repeat 98% 15% rgba(55, 192, 96, 0.8); border-radius: 10px; border: none; box-shadow: 0 0 10px #ccc; padding: 40px 0; text-align: center; height: auto;  max-width: 93%; margin: 0 auto;}
.new_design .problem span{display: block; padding: 0; }
.new_design .answer span{ color: #fff; font-weight: 300; font-size: 30px; padding: 0 30px; box-sizing: border-box}
.new_design .midalteacher_show {display: none;position: relative;text-align: right;width: 507px;min-height: 100px;border: 1px solid #E8E8E8;padding: 10px;position: absolute;bottom: 0; top: auto; right: auto; left: 72px;z-index: 9999999999;background: url(../images/new_design/close_btn.png) no-repeat 8px 5px rgba(255, 255, 255, 0.82);}
.new_design .midalteacher_show.home{width: 707px; background: #fff;}
.new_design .midalteacher_show:after {display: none;}
.new_design .midalteacher_show p{font-size: 16px; color: #777777;}
.new_design .midalteacher_show p strong{font-weight: bold; margin-bottom: 10px;}

/* Page 5 */
.new_design .dashbord5{min-height: 670px;}
.new_design .deshbord .deshbordimg.dashbord5{ padding-left: 100px;padding-top: 20px;padding-bottom: 20px;    padding-bottom: 183px;}
.new_design .dashbord5 .cliffs{min-height: 560px; background: #fff; box-sizing: border-box; position: relative; padding-bottom: 40px;    border-radius: 10px;    box-shadow: 0 0 10px #ccc;    padding-left: 10px;}
.new_design .dashbord5 p{ font-size: 29px; }
.new_design .que_list{margin: 30px 0;}
.new_design .que_list .card {width: 48%;display: inline-block;height: 150px;vertical-align: top;background-color: transparent;}
.new_design .que_list .card .card__front {background-color: transparent;}
.new_design .que_list .card .card__back {background-color: transparent;}
.new_design .que_list .problem, .new_design .que_list .answer{ padding: 0;text-align: center;height: auto;max-width: 93%;margin: 0 auto;min-height: 140px;display: table; width: 93%;float: right}

.new_design .que_list .problem span, .new_design .que_list .answer span {display: block;padding: 0;display: table-cell;vertical-align: middle; line-height: normal}

.new_design .problem2, .new_design .answer2{ background-color: #ffc034}
.new_design .problem3, .new_design .answer3{ background-color: #6ec7de}
.new_design .problem4, .new_design .answer4{ background-color: #f39036}
.new_design .problem4 span{ font-family: 'Open Sans Hebrew', serif;font-weight: 700;font-size: 28px;color: #FFFFFF;line-height: 26px;padding-top: 17px;}
.new_design .right_area{ visibility: visible; opacity: 1; right: 10px; transition: 0.5s ease all;}
.new_design .right_area.hide{ visibility: hidden; opacity: 0; right: -40px;}

/* Page 6 */
.new_design #contentwrapper.page6{background: url(../images/new_design/pag6_bottom.jpg) no-repeat center bottom; background-size: cover; max-height: 860px;}


/* Page 7 */
.new_design .common_dash{min-height: 670px;}
.new_design .deshbord .deshbordimg.common_dash{ padding-left: 100px;padding-top: 20px;padding-bottom: 20px;  padding-bottom: 307px;}
.new_design .deshbord .deshbordimg.common_dash.dashbord7 .cliffs {padding-bottom: 0px; background: url(../images/new_design/page7.jpg) no-repeat left 120px #fff;}
.new_design .common_dash .cliffs{ min-height: 510px;background: #fff;box-sizing: border-box;padding-bottom: 20px;border-radius: 10px;box-shadow: 0 0 10px #ccc;padding-left: 10px;position: relative; margin-bottom: 20px;}
.new_design .common_dash .cliffs h3{font-size: 29px; font-weight: 700; color: #777; padding-right: 18px; line-height: 45px;}
.new_design .common_dash .cliffs h4{ font-size: 29px; color: #f07404; font-weight: 900; line-height: 45px; padding-right: 18px; }
.new_design .common_dash .cliffs h2{ font-size: 29px; color: #777777; font-weight: 900; line-height: 45px; padding-right: 18px; padding-top: 25px;}
.new_design .common_dash.dashbord7 .cliffs ul{list-style: none;}
.new_design .common_dash.dashbord7 .cliffs ul li{list-style: none; font-weight: bold; font-size: 29px; margin-bottom: 6px;}
.new_design .common_dash.dashbord7 .cliffs ul li span{background: #37c060; display: inline-block; vertical-align: top;border-radius: 8px; color: #fff; text-align: center; padding: 1px 8px; margin-left: 6px;}
.new_design .common_dash.dashbord7 .problem2, .new_design .common_dash.dashbord7 .answer2{ background-color: #5cc97c; }
.new_design .common_dash.dashbord7 .problem3, .new_design .common_dash.dashbord7 .answer3{ background-color: #5cc97c; }
.new_design .left_dash7 .midalteacher_show{width: 777px;}
.new_design .left_area{width: 85.7%;}
.new_design .left_right_button{ position: absolute; left: 0; width: 100%; bottom: 0px; z-index: 9}
.new_design .left_right_button .left_side{ background:rgba(255, 255, 255, 0.7); padding: 10px 20px; border-radius: 5px;  width:40%; float: left; text-align: right;}
.new_design .left_right_button .right_side{  background:rgba(255, 255, 255, 0.7); padding: 10px 20px; border-radius: 5px; width:40%; float: right; text-align: left; position: relative}
.new_design .left_right_button .right_side:after{ content: ''; display: block; width: 100%; background: #fff; background:rgba(255, 255, 255, 0.7); height: 100%; position: absolute; top: 0; right: -100%;}

.new_design .left_right_button a{ background: #f28f35; display: inline-block; padding: 20px 58px; color: #fff; font-weight: bold; font-size: 22px; border-radius: 5px; box-shadow: 0 0 10px #ccc;}
.new_design .left_right_button .right_side a{ background: #1da8cc;}
.new_design .left_right_button a:hover{background: #37c060}


/* Page 8 */
.new_design .deshbord .deshbordimg.common_dash.dashboard8{ padding-bottom: 160px;}
.new_design .common_dash.dashboard8 .cliffs{background: url(../images/new_design/page8_bottom.jpg) no-repeat bottom center #fff; padding-bottom: 520px;}
.new_design .common_dash.dashboard8 .cliffs.active{background: url(../images/new_design/page8_bottom2.jpg) no-repeat bottom center #fff; padding-bottom: 520px;}
.new_design .common_dash.dashboard8 .cliffs .card{ margin-top: 20px;}
.new_design .common_dash.dashboard8 .problem3, .new_design .common_dash.dashboard8 .answer3, .new_design .common_dash.dashboard8 .problem2, .new_design .common_dash.dashboard8 .answer2{background-color: #37c060;}
.new_design .common_dash.dashboard8 .answer span{line-height: 38px;}
.new_design .common_dash.dashboard8 .answer span a{ font-size: 30px; font-weight: 900; color: #b153a3; text-decoration: underline}
.new_design .common_dash.dashboard8 .answer{ padding: 20px 0}
.new_design .deshbord .deshbordimg .content1 {width: 380px;position: absolute;background-color: #A440A5;background: url(../images/new_design/pink_bg.png) repeat;border-radius: 5px;top: 128px;right: 40px;color: #fff;padding: 20px; display: none;}
.new_design .deshbord .deshbordimg .content1 p {color: #fff; font-size: 30px; font-weight: 100; padding: 0}
.new_design .deshbord .deshbordimg .content1:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/pink_arrow.png) no-repeat;position: absolute;top: -25px;left: 80px;}
.new_design .deshbord .deshbordimg .content2 { width: 450px;position: absolute;background-color: #A440A5;background: url(../images/new_design/pink_bg.png) repeat;border-radius: 5px;top: 128px;left: 30px;color: #fff;padding: 20px; display: none;}
.new_design .deshbord .deshbordimg .content2 p {color: #fff; font-size: 26px; font-weight: 100; padding: 0}
.new_design .deshbord .deshbordimg .content2:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/pink_arrow_2.png) no-repeat;position: absolute;top: -25px;left: 320px;}
.new_design .common_dash.dashboard8 .answer{position: relative}
.new_design .common_dash aside {position: relative;display: inline;}
.new_design .common_dash.dashboard8 .content1 {top: 68px;left: 0px;right: auto;}
.new_design .common_dash.dashboard8 .content2 { top: 68px;left: auto;right: 0;}

/* Page 9 */
.new_design .deshbord .deshbordimg.common_dash.dashbord9{ padding-bottom: 90px;}
.new_design .common_dash.dashbord9 .cliffs{background: url(../images/new_design/dash_9_bg.jpg) no-repeat left top #fff; min-height: 720px;}
.new_design .common_dash.dashbord9 .cliffs h4{ font-weight: bold; color: #787878; text-decoration: underline; font-size: 30px; padding-bottom: 20px;}
.new_design .common_dash.dashbord9 .cliffs ul{ padding-right: 40px; max-width: 650px;}
.new_design .common_dash.dashbord9 .cliffs ul li{ padding-bottom: 28px; font-weight: 300; list-style-image: url(../images/new_design/green_big.png); font-size: 30px;}
.new_design .common_dash.dashbord9 .cliffs ul li.green{}
.new_design .common_dash.dashbord9 .cliffs ul li.blue{ list-style-image: url(../images/new_design/Untitled-6.png)}
.new_design .common_dash.dashbord9 .cliffs ul li.orange{ list-style-image: url(../images/new_design/red.png)}
.new_design .common_dash.dashbord9 .cliffs ul li.yellow{list-style-image: url(../images/new_design/yellow.png)}

/* Page 10 */
.new_design .deshbord .deshbordimg.common_dash.dashbord10{ padding-bottom: 60px;}
.new_design .common_dash.dashbord10 .cliffs{background: url(../images/new_design/dash10.jpg) no-repeat left top #fff; min-height: 720px;}
.new_design .common_dash.dashbord10 .cliffs:after{background: url(../images/new_design/dash_10.png) no-repeat; height: 185px; width: 185px; display: block; content: ''; position: absolute;    bottom: 16%;left: -96px;}
.new_design .common_dash.dashbord10 .cliffs h2{font-weight: 700}
.new_design .common_dash.dashbord10 .cliffs a{font-weight: bold; font-size: 29px; color: #b153a3; text-decoration: underline; position: relative}
.new_design .common_dash.dashbord10 .cliffs a:hover{color: #000}
.new_design .common_dash.dashbord10 .cliffs p, .new_design .common_dash.dashbord10 .cliffs li{font-size: 29px; font-weight: 300; line-height: 34px;}
.new_design .common_dash.dashbord10 .cliffs ul{padding-right: 40px; }
.new_design .common_dash.dashbord10 .cliffs ul li{list-style-image: url(../images/new_design/green_big.png);}
.dashbord10 .card.effect__click {height: 150px;margin-top: 20px;background-color: transparent;width: 620px; margin: 0 auto;  margin-top: 20px;}
.dashbord10 .card.effect__click .card__front, .dashbord10 .card.effect__click .card__back {background: none; }
.dashbord10 .card.effect__click .problem {padding: 40px 50px; width: 100%;}
.dashbord10 .card.effect__click .problem4 span{padding-top: 0;}
.new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1 {top: 60px;right: 10px;z-index: 9; width: 395px;}
.new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/pink_arrow_2.png) no-repeat;position: absolute;top: -25px;left: 320px;}
.new_design .deshbord .deshbordimg.common_dash.dashbord10 .content2 { top: 65px;right: 3px;z-index: 9;width: 370px;padding: 10px 15px;border-radius: 10px;}


/* Page 11 */
.new_design .deshbord .deshbordimg.common_dash.dashbord11{ padding-bottom: 103px;}
.new_design .common_dash.dashbord11 .cliffs{ background: url(../images/new_design/dash11.jpg) no-repeat bottom center #fff; padding-bottom: 290px;}
.new_design .common_dash.dashbord11 .cliffs ul{padding-right: 50px; }
.new_design .common_dash.dashbord11 .cliffs ul li{list-style-image: url(../images/new_design/green_big.png); font-size: 29px; font-weight: 300; line-height: 34px;}
.new_design .common_dash.dashbord11 .cliffs .top_two{text-align: center;}
.new_design .common_dash.dashbord11 .cliffs .card{ height: 130px;max-width: 49%;margin-bottom: 20px;margin-top: 25px;display: inline-block;width: 100%;}
.dashbord11 .card.effect__click .card__front, .dashbord11 .card.effect__click .card__back {background: none; }
.new_design .dashbord11 .problem span, .new_design .dashbord11 .answer span  {display: inline-block;padding: 0;vertical-align: middle;height: 40px;}

.new_design .dashbord11 .problem2, .new_design .dashbord11 .answer2{ width: 100%;}
.new_design .common_dash.dashbord11 .cliffs .card.large_bot {width: 100%;max-width: 85%; margin: 0 auto}
.new_design .common_dash.dashbord11 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord11 .cliffs .card.large_bot .answer {background-color: #26abce; padding:50px 0;}
.new_design .common_dash.dashbord11 .cliffs .card.large_bot .answer span{height: auto}


/* Page 12 */
.new_design .deshbord .deshbordimg.common_dash.dashbord12{ padding-bottom: 60px;}
.new_design .common_dash.dashbord12 .cliffs{ background: url(../images/new_design/dash12.jpg) no-repeat bottom center #fff; padding-bottom: 290px; padding-bottom: 250px;background-size: 60%;}
.new_design .common_dash.dashbord12 .cliffs:after{background: url(../images/new_design/dash12_icon.png) no-repeat; height: 185px; width: 185px; display: block; content: ''; position: absolute;bottom: 10px;left: -26px;}
.new_design .common_dash.dashbord12 .cliffs ul{padding-right: 40px; }
.new_design .common_dash.dashbord12 .cliffs h2{font-weight: 700}
.new_design .common_dash.dashbord12 .cliffs ul li{list-style-image: url(../images/new_design/green_big.png); font-size: 29px; font-weight: 300; line-height: 34px;}
.new_design .common_dash.dashbord12 .cliffs .top_two{text-align: center;}
.new_design .common_dash.dashbord12 .cliffs .card{ height: 130px;max-width: 49%;margin-bottom: 20px;margin-top: 25px;display: inline-block;width: 100%;}
.dashbord12 .card.effect__click .card__front, .dashbord12 .card.effect__click .card__back {background: none; }
.new_design .dashbord12 .problem span, .new_design .dashbord12 .answer span  {display: inline-block;padding: 0;vertical-align: middle;height: 40px;}

.new_design .dashbord12 .problem2, .new_design .dashbord12 .answer2{ width: 100%;}
.new_design .common_dash.dashbord12 .cliffs .card.large_bot {width: 100%;max-width: 85%; margin: 0 auto; margin-top: 20px;}
.new_design .common_dash.dashbord12 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord12 .cliffs .card.large_bot .answer {padding:60px 0;    background-color:rgba(55, 192, 96, 0.8);}
.new_design .common_dash.dashbord12 .cliffs .card.large_bot .answer span{height: auto}


/* Page 13 */
.new_design .deshbord .deshbordimg.common_dash.dashbord13{ padding-bottom: 70px;}
.new_design .common_dash.dashbord13 .cliffs{ background: url(../images/new_design/dash13.jpg) no-repeat bottom center #fff; padding-bottom: 400px; min-height: 748px}
.new_design .common_dash.dashbord13 .cliffs:after{background: url(../images/new_design/dash13_icon1.png) no-repeat; height: 463px; width: 378px; display: block; content: ''; position: absolute;    bottom: 4%;left: -77px;}
.new_design .common_dash.dashbord13 .cliffs:before{background: url(../images/new_design/dash13_icon2.png) no-repeat; height: 328px; width: 280px; display: block; content: ''; position: absolute; bottom: 18%; right: -16px;}
.new_design .common_dash.dashbord13 .cliffs ul{padding-right: 40px; }
.new_design .common_dash.dashbord13 .cliffs h2{font-weight: 700}
.new_design .common_dash.dashbord13 .cliffs ul li{list-style-image: url(../images/new_design/green_big.png); font-size: 29px; font-weight: 300; line-height: 34px;}


/* Page 14 */
.new_design .deshbord .deshbordimg.common_dash.dashbord14{ padding-bottom: 60px;}
.new_design .common_dash.dashbord14 .cliffs{ background: url(../images/new_design/dash14.jpg) no-repeat bottom center #fff; padding-bottom: 290px;  min-height: 750px;}
.new_design .common_dash.dashbord14 .cliffs .top_two{text-align: center;}
.new_design .common_dash.dashbord14 .cliffs .card{ height: 130px;max-width: 49%;margin-bottom: 20px;margin-top: 25px;display: inline-block;width: 100%;}
.dashbord14 .card.effect__click .card__front, .dashbord14 .card.effect__click .card__back {background: none; }
.new_design .dashbord14 .problem span, .new_design .dashbord14 .answer span  {display: inline-block;padding: 0;vertical-align: middle;height: 40px;}

.new_design .dashbord14 .problem2, .new_design .dashbord14 .answer2{ width: 100%;}
.new_design .common_dash.dashbord14 .cliffs .card.large_bot {width: 100%;max-width: 85%; margin: 0 auto; margin-top: 20px;}
.new_design .common_dash.dashbord14 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord14 .cliffs .card.large_bot .answer {padding:60px 0;    background-color:rgba(55, 192, 96, 0.8);}
.new_design .common_dash.dashbord14 .cliffs .card.large_bot .answer span{height: auto}

/* Page 15 */
.new_design .deshbord .deshbordimg.common_dash.dashbord15{ padding-bottom: 60px;}
.new_design .common_dash.dashbord15 .cliffs{ background: url(../images/new_design/dash15.jpg) no-repeat bottom center #fff; padding-bottom: 290px; min-height: 750px;}
.new_design .common_dash.dashbord15 .cliffs ul{padding-right: 40px; }
.new_design .common_dash.dashbord15 .cliffs h2{font-weight: 700; padding-top: 0; padding-bottom: 10px;}
.new_design .common_dash.dashbord15 .cliffs ul li{list-style-image: url(../images/new_design/green_big.png); font-size: 29px; font-weight: 300; line-height: 34px;}
.new_design .common_dash.dashbord15 .cliffs a.green_large{ background: #37c060; height: 120px; padding: 40px 0; border-radius: 10px; width: 425px; color: #fff; font-weight: bold; font-size: 29px; text-align: center; margin: 0 auto; display: block; margin-top: 30px;}
.new_design .common_dash.dashbord15 .cliffs a.green_large:hover{background: #000}
.new_design .common_dash.dashbord15 .cliffs .top_icon{ position: absolute; left: 15px; top: -10px;}
.new_design .common_dash.dashbord15 .cliffs .left_icon{ left: -85px;bottom: 20px; position: absolute}
.new_design .common_dash.dashbord15 .cliffs .right_icon{ right: -25px;bottom: 20px; position: absolute}
.new_design .deshbord .deshbordimg.common_dash.dashbord15{padding-top: 30px;}

/* After edition */
.tools_logo .tools ul li.global a, .tools_logo .tools ul li.global{ pointer-events: none}
.new_design .left_side_icons.info .midalteacher_show .table_struc{display: block; padding-top: 20px;}
.new_design .left_side_icons.info .midalteacher_show .table_struc ul{padding: 0;}
.new_design .left_side_icons.info .midalteacher_show .table_struc ul li{ list-style: none; background: #f1f1f1; width: 75%; float: left; display: block; border-right: #d2d2d2 1px solid; min-height: 40px;}
.new_design .left_side_icons.info .midalteacher_show .table_struc ul li p{ line-height: 40px;  padding: 0 10px;}
.new_design .left_side_icons.info .midalteacher_show .table_struc ul li+li{ width: 25%; border: none}
.new_design .left_side_icons.info .midalteacher_show .table_struc .light_green { background: #c3eccf}
.new_design .left_side_icons.info .midalteacher_show .table_struc ul li.dark_green { background: #37c060; }
.new_design .left_side_icons.info .midalteacher_show .table_struc ul li.dark_green p {color: #fff; }
.new_design .left_side_icons.info .midalteacher_show .dotted{}
.new_design .left_side_icons.info .midalteacher_show .dotted li{list-style-image: url(../images/new_design/list_icon.png); list-style-position: inside; color: #777}
.new_design .left_side_icons.info .midalteacher_show .dotted li strong{font-weight: bold;}
.new_design .left_side_icons.info .midalteacher_show ol li {color: #777777;}
.new_design .midalteacher .popupwrap {display: none;position: absolute;top: 47px;right: -70px;}
.new_design .midalteacher .popupwrap { display: none;position: absolute;top: 47px;right: -70px;}
.new_design .midalteacher .popup p{font-size: 16px; font-weight: normal; color: #fff; line-height: 22px; padding: 0}
.new_design .midalteacher .popup ul li{list-style-image: url(../images/new_design/list_white_dot.png); line-height: 22px;}
.new_design .midalteacher .popup {position: relative;top: 0;left: 0;bottom: auto;}
.new_design .midalteacher a.link { color: #37c060;text-decoration: underline;}
.new_design .midalteacher a.close { background: url(../images/new_design/close_btn.png) no-repeat; width: 20px; height: 20px; position: absolute; top: 5px; left: 5px;}
a.close_page {position: absolute;left: 20px;top: 20px;}



/* Responsive */
@media only screen and (min-width: 1524px) and (max-width: 1924px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design .left_area {width: 80.7%;}
    .new_design #contentwrapper.page6 {background: url(../images/new_design/pag6_bottom.jpg) no-repeat center bottom;background-size: auto;max-height: 860px;}
    .new_design .deshbord .deshbordimg .home_top_bg{    left: 24%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1524px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design .left_area {width: 78.7%;}
}
@media only screen and (min-width: 990px) and (max-width: 1024px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design .bg_img { min-height: 670px;}
    .new_design #contentwrapper{min-height: 670px;}
    .leftright_arrow .left_arrow{bottom: 10px;}
    .new_design .leftright_arrow .right_arrow {bottom: 10px;}
    .new_design .time_line{bottom: 10px;}
    .new_design .right_area{width: 190px;}
    .new_design .side_nav ul li a{font-size: 12px;}
    .new_design .right_txt_blk{margin-right: 210px;}
    .new_design .deshbord .deshbordimg h1, .new_design .deshbord .deshbordimg p, .new_design .deshbord .deshbordimg ul li, .new_design .deshbord .deshbordimg ol li, .new_design .deshbord .deshbordimg p a {font-size: 17px;}
    .new_design .deshbord .deshbordimg p a{font-weight: bold; padding: 0;}
    .new_design .popup h2, .new_design .popup p, .new_design .popup li{font-size: 17px; line-height: normal}

    .new_design .dashbord4 .cliffs{min-height: 550px;}
    .new_design .deshbord .deshbordimg .vedio{min-height: 380px;}
    .new_design .answer span, .new_design .problem span{ font-size: 16px;}
    .new_design .dashbord4 .cliffs h3{font-size: 22px; font-weight: 700; padding-right: 0;}
    .new_design .deshbord .deshbordimg .vedio_inner{margin-right: 0;}
    .new_design .midalteacher_show p{font-size: 12px; color: #777777; max-width: 80%}
    .new_design .midalteacher_show p strong{font-weight: bold; margin-bottom: 10px;}
    .new_design .leftright_arrow{top: -3px}
    .new_design .time_line{bottom: 13px;}
    .new_design .que_list .problem, .new_design .que_list .answer{width: 292px;}
    .new_design .que_list .card{margin-bottom: 10px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord7 .cliffs {background: url(../images/new_design/page7.jpg) no-repeat left 110px #fff; background-size:340px; padding-bottom: 0px; min-height: 430px;}
    .new_design .common_dash .cliffs h3{font-size: 19px; font-weight: 700; color: #777; padding-right: 18px; line-height: normal}
    .new_design .common_dash .cliffs h4{ font-size: 19px; line-height: normal; }
    .new_design .common_dash .cliffs h2{ font-size: 19px; line-height: normal;}
    .new_design .common_dash.dashbord7 .cliffs ul li{ font-size: 17px;}
    .new_design .left_right_button a{ padding: 20px 28px;font-size: 14px;}
    .new_design .left_right_button .right_side{width: 48%;}
    .new_design .left_right_button .left_side{width: 48%;}
    .new_design .deshbord .deshbordimg.common_dash{padding-bottom: 190px;}
    .new_design .leftright_arrow{top: 9px;}
    .new_design .time_line{bottom: 1px;}

    .new_design .common_dash.dashbord15 .cliffs .right_icon {right: -25px;bottom: 20px;position: absolute;width: 200px;}
    .new_design .common_dash.dashbord15 .cliffs .left_icon {left: -55px;bottom: 30px;position: absolute;width: 140px;}
    .new_design .common_dash.dashbord15 .cliffs{background-size: 60%; padding-bottom: 140px;min-height: 600px;}
    .new_design .common_dash.dashbord15 .cliffs a.green_large{    height: 100px;padding: 40px 0;width: 325px;margin-top: 15px;font-size: 20px;}
    .new_design .common_dash.dashbord15 .cliffs ul li{font-size: 19px; line-height: 28px;}
    .new_design .common_dash.dashbord15 .cliffs h2{font-size: 28px; font-weight: 900}
    .new_design .common_dash.dashbord15 .cliffs .top_icon{     width: 120px; }

    .new_design .common_dash.dashbord14 .cliffs{background-size: 60%; padding-bottom: 140px;min-height: 600px;}

    .new_design .common_dash.dashbord13 .cliffs{background-size: 60%; padding-bottom: 120px;min-height: 560px;}
    .new_design .common_dash.dashbord13 .cliffs:after{ width: 100px; background-size: 100%}
    .new_design .common_dash.dashbord13 .cliffs a.green_large{    height: 100px;padding: 40px 0;width: 325px;margin-top: 15px;font-size: 20px;}
    .new_design .common_dash.dashbord13 .cliffs ul li{font-size: 19px; line-height: 28px;}
    .new_design .common_dash.dashbord13 .cliffs h2{font-size: 28px; font-weight: 900}
    .new_design .common_dash.dashbord13 .cliffs .top_icon{     width: 120px; }
    .new_design .common_dash.dashbord13 .cliffs:after {width: 170px;background-size: 100%;bottom: 20px;height: 220px;left: -36px;}
    .new_design .common_dash.dashbord13 .cliffs:before {height: 328px;background-size: 100%;width: 190px;display: block;content: '';position: absolute;bottom: 8%;right: -16px;}
    .new_design .common_dash.dashbord13 .cliffs:after {width: 230px;background-size: 100%;bottom: 10px;height: 300px;left: -47px;}
    .new_design .left_area{    width: 75.7%;}

    .new_design .common_dash.dashbord12 .cliffs:after {background: url(../images/new_design/dash12_icon.png) no-repeat;background-size: 100%;height: 165px;width: 105px;display: block;content: '';position: absolute;bottom: -55px;left: -16px;}
    .new_design .common_dash.dashbord12 .cliffs ul li{font-size: 21px; line-height: normal}

    .new_design .common_dash.dashbord11 .cliffs{background-size: 100%; padding-bottom: 120px;min-height: 560px;}
    .new_design .problem, .new_design .answer{padding: 30px 0;}
    .new_design .common_dash.dashbord11 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord11 .cliffs .card.large_bot .answer {background-color: #26abce;padding: 30px 0;}
    .new_design .common_dash.dashbord11 .cliffs .card{margin-bottom: 0;}

    .new_design .common_dash.dashbord11 .cliffs ul li{ font-size: 18px; line-height: normal}

    .new_design .common_dash.dashbord10 .cliffs ul li, .new_design .common_dash.dashbord10 .cliffs p, .new_design .common_dash.dashbord10 .cliffs a{ font-size: 18px; line-height: normal}
    .new_design .common_dash.dashbord10 .cliffs{ background-size: 25%;min-height: 590px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1 {top: 50px;right: 0px;z-index: 9;width: 265px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1:after{    left: 80%;}
    .dashbord10 .card.effect__click{height: 100px;}
    .dashbord10 .card.effect__click .problem, .dashbord10 .card.effect__click .answer{    width: 60%;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content2 {top: 55px;right: -17px;}


    .new_design .common_dash.dashbord9 .cliffs ul li{font-size: 20px; padding-bottom: 10px;}
    .new_design .common_dash.dashbord9 .cliffs {background-size: 37%;background-position: 0% 5%; min-height: 550px; margin-bottom: 10px;}

    .new_design .common_dash.dashboard8 .cliffs {background: url(../images/new_design/page8_bottom.jpg) no-repeat bottom center #fff;padding-bottom: 400px;background-size: 100%;}
    .new_design .deshbord .deshbordimg.common_dash.dashboard8 {padding-bottom: 90px;}
    .new_design .right_txt_blk h2 span{ font-size: 19px;}
    .new_design .right_txt_blk{width: 60%;}

}
@media only screen and (min-height: 700px) and (max-height: 850px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design #contentwrapper{ min-height: 610px;}  
    .new_design .bg_img{max-height: 600px;}
    .new_design .deshbord .deshbordimg .home_top_bg{max-width:840px;}
    .new_design .deshbord .deshbordimg .home_top_bg img {width: 80%;text-align: center;}
    .new_design .deshbord .deshbordimg.common_dash{    padding-bottom: 207px; }
    .new_design .deshbord .deshbordimg.common_dash.dashboard8 {padding-bottom: 60px;    min-height: 510px;}
    .new_design .common_dash {min-height: 620px;}
    .new_design .common_dash.dashboard8 .cliffs {padding-bottom: 220px;background-size: 55%;min-height: 480px;}
    .new_design .right_txt_blk {width: 56%;}
}
@media only screen and (min-height: 560px) and (max-height: 699px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design h1{font-size: 20px;}
    .new_design .deshbord .deshbordimg p a, .new_design .deshbord .deshbordimg p, .new_design .deshbord .deshbordimg ol li, .new_design .deshbord .deshbordimg ul li{ font-size: 13px;line-height: 18px;}
    .new_design .deshbord .deshbordimg .table_struc ul li, .new_design .deshbord .deshbordimg .table_struc ul li p{line-height: 18px !important; min-height: 18px;}
    .dashbord2 .cliffs{ min-height: 420px; padding-bottom: 20px;}
    .new_design .deshbord .deshbordimg.dashbord2{    padding-bottom: 90px;    min-height: 490px;}
    .new_design .common_dash.dashbord9 .cliffs ul li{    line-height: normal; padding-bottom: 10px;}
    .new_design .deshbord .deshbordimg.dashbord5{padding-bottom: 80px;}
    .new_design .card span{font-size: 20px;}
    .new_design .que_list .problem, .new_design .que_list .answer{    min-height: 100px;}
    .new_design .que_list .card{height: 110px;}
    .new_design .dashbord5{    min-height: 560px;}
    .new_design .dashbord5 .cliffs{    min-height: 460px; padding-bottom: 10px;}
    .new_design .common_dash.dashbord13 .cliffs ul li, .new_design .common_dash.dashbord12 .cliffs ul li, .new_design .common_dash.dashbord11 .cliffs ul li, .new_design .common_dash.dashbord10 .cliffs a, .new_design .common_dash.dashbord10 .cliffs p, .new_design .common_dash.dashbord10 .cliffs li{font-size: 17px; line-height: 24px;}
    .new_design .common_dash.dashbord10 .cliffs h2{font-size: 20px; line-height: normal}
    .dashbord10 .card.effect__click{height: 100px;}
    .new_design .common_dash.dashbord10 .cliffs{min-height: 580px; }
    .new_design .common_dash.dashbord11 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord11 .cliffs .card.large_bot .answer{padding: 20px 0}
    .new_design .common_dash.dashbord11 .cliffs{ padding-bottom: 160px;background-size: 70%;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord11 {padding-bottom: 70px;}
    .new_design .common_dash .cliffs h2{    font-size: 13px; line-height: normal; padding-top: 8px;}
    .new_design .common_dash.dashbord12 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord12 .cliffs .card.large_bot .answer{    padding: 30px 0;}
    .new_design .common_dash.dashbord12 .cliffs{    padding-bottom: 160px;}
    .new_design .common_dash.dashbord13 .cliffs{min-height: 438px;padding-bottom: 280px;background-size: 40%;}
    .new_design .common_dash.dashbord13 .cliffs:before {transform: scale(0.5);transform-origin: right bottom;}
    .new_design .common_dash.dashbord13 .cliffs:after {transform: scale(0.5);left: -39px;transform-origin: left;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord13{    min-height: 470px; padding-bottom: 60px;}
    .new_design #contentwrapper{min-height: 510px}
    .new_design .common_dash.dashbord14 .cliffs {background: url(../images/new_design/dash14.jpg) no-repeat bottom center #fff;padding-bottom: 130px;min-height: 410px;background-size: 35%;}
    .new_design .common_dash.dashbord14 .cliffs .card.large_bot .problem, .new_design .common_dash.dashbord14 .cliffs .card.large_bot .answer{padding: 30px 0}
    .new_design .deshbord .deshbordimg.common_dash.dashbord14{    min-height: 510px;}
    .new_design .common_dash.dashbord15 .cliffs ul li{ font-size: 19px; line-height: 24px;}
    .new_design .common_dash.dashbord15 .cliffs {min-height: 435px;background-size: 26%;padding-bottom: 20px;}
    .new_design .common_dash.dashbord15 .cliffs a.green_large{height: 80px;padding: 24px 0;}
    .new_design .common_dash.dashbord15 .cliffs .left_icon{ left: -37px;bottom: 20px;position: absolute;width: 100px;}
    .new_design .common_dash.dashbord15 .cliffs .right_icon {right: -25px;bottom: 20px;position: absolute;transform: scale(0.5);transform-origin: right;}
    .new_design .common_dash.dashbord15 .cliffs h2{ padding-bottom: 0;font-size: 21px;}

    .new_design #contentwrapper.home{background-size: 57% !important;}
    .new_design .common_dash.dashbord7 .cliffs ul li{ font-size: 13px;}
    .new_design .common_dash .cliffs h4, .new_design .common_dash .cliffs h3{    font-size: 13px;line-height: normal;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord7 .cliffs{    min-height: 310px;}


    .new_design .bg_img{max-height: 500px;}
    .new_design .deshbord .deshbordimg .home_top_bg{max-width:520px;}
    .new_design .deshbord .deshbordimg .home_top_bg img {width: 80%;text-align: center;}
    .new_design .deshbord .deshbordimg.common_dash{    padding-bottom: 207px; }
    .new_design .deshbord .deshbordimg.common_dash.dashboard8 {padding-bottom: 60px;    min-height: 510px;}
    .new_design .common_dash {min-height: 550px;}
    .new_design .common_dash.dashboard8 .cliffs {padding-bottom: 220px;background-size: 55%;min-height: 440px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord7 .cliffs {background: url(../images/new_design/page7.jpg) no-repeat left 50px #fff;}
    .new_design .problem, .new_design .answer{padding: 25px 0}
    .new_design .deshbord .deshbordimg.common_dash.dashbord7{min-height: 530px;padding-bottom: 140px;}
    .new_design .leftright_arrow{ bottom: 8px;}
    .new_design .time_line{bottom: 8px;}
    .new_design .left_side_icons.info{bottom: 4px;}
    .new_design .deshbord .deshbordimg.dashbord3 .table_struc ul li{min-height: 28px;}
    .new_design .dashbord3 .cliffs{ min-height: 430px;}
    .new_design .deshbord .deshbordimg.dashbord3{    padding-bottom: 92px;    min-height: 470px;}
    .new_design .dashbord4 .cliffs h3 {font-size: 20px;margin-bottom: 0px;}
    .new_design .deshbord .deshbordimg .vedio_inner{margin-top: 10px; max-width: 49%;}
    .new_design .deshbord .deshbordimg .vedio{min-height: 0px; height: 240px;}
    .new_design .deshbord .deshbordimg.dashbord4{    padding-bottom: 130px;}
    .new_design .dashbord4 .cliffs{    min-height: 330px;}
    .new_design .dashbord4{  min-height: 550px;}

    .new_design .common_dash.dashbord9{    min-height: 520px;}
    .new_design .common_dash.dashbord9 .cliffs{min-height: 340px; background-size: auto 90%;}
    .new_design .common_dash.dashbord9 .cliffs ul li{font-size: 17px;}
    .new_design .common_dash.dashbord9 .cliffs h4{ font-size: 20px;padding-bottom: 10px;}

    .new_design .deshbord .deshbordimg.dashbord5 .que_list{margin-bottom: 0px}
    .new_design .dashbord5{    min-height: 540px;}
    .new_design .dashbord5 .cliffs{    min-height: 420px;}

    .new_design .dashbord10 .answer, .dashbord10 .card.effect__click .problem{padding: 15px 50px;}
    .dashbord10 .card.effect__click{height: 60px;}
    .new_design .common_dash.dashbord10 .cliffs{min-height: 450px;}
    .new_design .common_dash.dashbord10{min-height: 550px;}

    .new_design .common_dash.dashbord11 .cliffs .card{height: 90px;}
    .new_design .common_dash.dashbord11 .cliffs {padding-bottom: 90px;background-size: 40%;min-height: 430px;}
    .new_design .common_dash.dashbord11{min-height: 540px;}

    .new_design .common_dash.dashbord11 .cliffs{ min-height: 440px;}
    .new_design .common_dash.dashbord12 .cliffs{ background-size: 40%;min-height: 440px;padding-bottom: 10px;}
    .new_design .common_dash.dashbord12 .cliffs:after {transform: scale(0.6);transform-origin: left;}


    .new_design .deshbord .deshbordimg.dashbord3 .orang_btn{    margin-top: 40px !important;}
    .new_design #contentwrapper.page6{background-size: 50%;max-height: 860px;}
    .new_design .deshbord.deshbord2 .deshbordimg .home_top_bg {max-width: 840px;margin: 0 auto;text-align: center;}
    .new_design #contentwrapper.page6 {background: url(../images/new_design/pag6_bottom.jpg) no-repeat center bottom;background-size: 50%;max-height: 860px;}
    .new_design .common_dash.dashboard8 .cliffs.active{ padding-bottom: 330px;background-size: 42%;}
    .new_design .deshbord .deshbordimg .content2 p, .new_design .deshbord .deshbordimg .content1 p{font-size: 19px;}
    .new_design .common_dash.dashboard8 .answer span{ line-height: 38px;text-align: center;display: block;margin: 0 auto;}
    .new_design .common_dash.dashboard8 .answer span a{font-size: 22px;}
    .new_design .common_dash.dashbord9 .cliffs ul li br{display: none}
    .new_design .common_dash.dashbord9 .cliffs ul{max-width: 740px;}


}
@media only screen and (min-width: 768px) and (max-width: 990px)/* for all device larger then 768px (devices and browsers) */ {
    .new_design .right_txt_blk h2{font-size: 11px;}
    .new_design .right_txt_blk h2 span{font-size: 12px;}
    .new_design .right_txt_blk{    margin-right: 130px;}
    .new_design .left_area{width: 72.7%;}
    .new_design .side_nav ul li a{font-size: 12px;}
    .new_design .right_area{width: 190px;}
    .new_design .bg_img {min-height: 919px;}
    .new_design #contentwrapper.home{min-height: 930px;}
    .new_design .right_txt_blk{width: 60%}

    .new_design .deshbord .deshbordimg h1, .new_design .deshbord .deshbordimg p, .new_design .deshbord .deshbordimg ul li, .new_design .deshbord .deshbordimg ol li, .new_design .deshbord .deshbordimg p a {font-size: 14px;}
    .new_design .deshbord .deshbordimg p a{font-weight: bold; padding: 0;}
    .new_design .popup h2, .new_design .popup p, .new_design .popup li{font-size: 14px; line-height: normal}


    .new_design .dashbord4 .cliffs{min-height: 550px;}
    .new_design .deshbord .deshbordimg .vedio{min-height: 380px;}
    .new_design .answer span, .new_design .problem span{ font-size: 16px;}
    .new_design .dashbord4 .cliffs h3{font-size: 22px; font-weight: 700; padding-right: 0;}
    .new_design .deshbord .deshbordimg .vedio_inner{margin-right: 0;}
    .new_design .midalteacher_show p{font-size: 12px; color: #777777; max-width: 80%}
    .new_design .midalteacher_show p strong{font-weight: bold; margin-bottom: 10px;}
    .new_design .leftright_arrow{top: -9px}
    .new_design .time_line{bottom: 9px;}

    .new_design .que_list .card {width: 68%;display: inline-block;height: 150px;vertical-align: top;background-color: transparent;}

    .new_design .deshbord .deshbordimg.common_dash.dashbord7 .cliffs {background: url(../images/new_design/page7.jpg) no-repeat left 150px #fff; background-size:240px; padding-bottom: 0px; min-height: 530px;}
    .new_design .common_dash .cliffs h3{font-size: 19px; font-weight: 700; color: #777; padding-right: 18px; line-height: normal}
    .new_design .common_dash .cliffs h4{ font-size: 19px; line-height: normal; }
    .new_design .common_dash .cliffs h2{ font-size: 19px; line-height: normal;}
    .new_design .common_dash.dashbord7 .cliffs ul li{ font-size: 17px;}
    .new_design .deshbord .deshbordimg.common_dash{min-height: 860px}


    .new_design .common_dash.dashbord15 .cliffs .right_icon {right: -25px;bottom: 20px;position: absolute;width: 120px;}
    .new_design .common_dash.dashbord15 .cliffs .left_icon {left: -39px;bottom: 30px;position: absolute;width: 100px;}
    .new_design .common_dash.dashbord15 .cliffs{background-size: 60%; padding-bottom: 140px;min-height: 600px;}

    .new_design .common_dash.dashbord15 .cliffs a.green_large{    height: 100px;padding: 40px 0;width: 325px;margin-top: 15px;font-size: 20px;}
    .new_design .common_dash.dashbord15 .cliffs ul li{font-size: 19px; line-height: 28px;}
    .new_design .common_dash.dashbord15 .cliffs h2{font-size: 28px; font-weight: 900}
    .new_design .common_dash.dashbord15 .cliffs .top_icon{     width: 80px; }
    .new_design .right_txt_blk a{}

    .new_design .common_dash.dashbord13 .cliffs{background-size: 60%; padding-bottom: 120px;min-height: 740px;}
    .new_design .common_dash.dashbord13 .cliffs:after{ width: 100px; background-size: 100%}
    .new_design .common_dash.dashbord13 .cliffs a.green_large{    height: 100px;padding: 40px 0;width: 325px;margin-top: 15px;font-size: 20px;}
    .new_design .common_dash.dashbord13 .cliffs ul li{font-size: 19px; line-height: 28px;}
    .new_design .common_dash.dashbord13 .cliffs h2{font-size: 28px; font-weight: 900}
    .new_design .common_dash.dashbord13 .cliffs .top_icon{     width: 120px; }
    .new_design .common_dash.dashbord13 .cliffs:after {width: 170px;background-size: 100%;bottom: 20px;height: 220px;left: -36px;}
    .new_design .common_dash.dashbord13 .cliffs:before {height: 328px;background-size: 100%;width: 190px;display: block;content: '';position: absolute;bottom: 8%;right: -16px;}
    .new_design .common_dash.dashbord13 .cliffs:after {width: 230px;background-size: 100%;bottom: 10px;height: 300px;left: -47px;}

    .new_design .common_dash.dashbord12 .cliffs {background: url(../images/new_design/dash12.jpg) no-repeat bottom center #fff;padding-bottom: 290px; background-size: 80%;}
    .new_design .common_dash.dashbord12 .cliffs:after {background: url(../images/new_design/dash12_icon.png) no-repeat;background-size: 100%;height: 165px;width: 105px;display: block;content: '';position: absolute;bottom: -55px;left: -16px;}
    .new_design .common_dash.dashbord12 .cliffs ul li{font-size: 18px;}

    .new_design .common_dash.dashbord11 .cliffs ul li{ font-size: 18px; line-height: normal}
    .new_design .common_dash.dashbord11 .cliffs{background-size: 100%; }

    .new_design .common_dash.dashbord10 .cliffs ul li{ font-size: 18px; line-height: normal}
    .new_design .common_dash.dashbord10 .cliffs{background-size: 100%; }

    .new_design .common_dash.dashbord10 .cliffs ul li, .new_design .common_dash.dashbord10 .cliffs p, .new_design .common_dash.dashbord10 .cliffs a{ font-size: 18px; line-height: normal}
    .new_design .common_dash.dashbord10 .cliffs{ background-size: 16%;min-height: 790px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1 {top: 50px;right: 0px;z-index: 9;width: 265px;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1:after{    left: 10%;}
    .dashbord10 .card.effect__click{height: 100px;}
    .dashbord10 .card.effect__click .problem, .dashbord10 .card.effect__click .answer{    width: 90%;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content2 {top: 55px;right: -17px;}
    .dashbord10 .card.effect__click {max-width: 100%;margin-bottom: 30px;}
    .new_design .common_dash.dashbord10 .cliffs:after{bottom: 6%}
    .new_design .common_dash.dashbord10 .cliffs h2{padding-top: 0;}
    .new_design .deshbord .deshbordimg.common_dash.dashbord10 .content1 {top: 50px;right: auto;z-index: 9;width: 265px;left: 0;}


    .new_design .common_dash.dashbord9 .cliffs ul{max-width: 65%;}
    .new_design .common_dash.dashbord9 .cliffs ul li{font-size: 14px; padding-bottom: 10px; line-height: normal}
    .new_design .common_dash.dashbord9 .cliffs {background-size: 37%;background-position: 0% 5%; min-height: 550px; margin-bottom: 10px;}
    .new_design .common_dash.dashbord9 .cliffs h4{ font-size: 19px;}

    .new_design .common_dash.dashboard8 .cliffs {background: url(../images/new_design/page8_bottom.jpg) no-repeat bottom center #fff;padding-bottom: 400px;background-size: 100%;}
    .new_design .deshbord .deshbordimg.common_dash.dashboard8 {padding-bottom: 90px;}

    .new_design .left_right_button{bottom: 90px}
    .new_design .deshbord .deshbordimg.dashbord2 p{font-size: 10px;}
    .new_design .deshbord .deshbordimg h1, .new_design .deshbord .deshbordimg p, .new_design .deshbord .deshbordimg ul li, .new_design .deshbord .deshbordimg ol li, .new_design .deshbord .deshbordimg p a{font-size: 16px;}

}


.new_design .left_area{transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all;}
.new_design .right_area {display:block; visibility: visible; opacity: 1; right: 0}
.new_design.full_screen .right_area {visibility: hidden; opacity: 0; right: -30px;}
.new_design.full_screen .left_area {width: 98.7%;}
#canvas{position: absolute; left: 0}

/* Print special css */


@media print {
    * {-webkit-print-color-adjust:exact;}
    .right_area {display:none;}
    .new_design .tools_logo .tools{display: none;}
    .new_design .left_area {width: 98.7%;}
    .new_design .deshbord .deshbordimg{padding-left: 20px !important;}
    .new_design .left_area{transition: none; -webkit-transition: none; -moz-transition: none;}
    .new_design .common_dash .cliffs .card.large_bot .card__front{ z-index: 99}
    .new_design .common_dash .cliffs .card.large_bot.flipped .card__back{ z-index: 999}
}