body.new_design{background: #eee; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .text_center{text-align: center} .text_left{text-align: left} .text_right{text-align: right} .white_bg{background: #fff !important;} .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: #f07404; 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/unit10_background.jpg) no-repeat left;background-size: cover;min-height: 860px; background-position: center bottom;} .new_design #contentwrapper.home{ background: url(../images/new_design/unit10_bg.jpg) no-repeat left; background-size: cover; max-height: 860px; background-position: center top !important;} .new_design #contentwrapper.home .home_top_bg{top: 50px; left: 7%;width: 100%;text-align: center;} .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;} .time_line .time_set span{ width: 38px;} .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 */ h1.green_header { color: #37c060 !important; font-size: 30px !important; text-decoration: underline; font-weight: bolder !important; font-weight: 800 !important;} .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: #555555; font-size: 46px; margin-top: 0; font-weight: 100; line-height: 61px;} .new_design .deshbord .deshbordimg p{color: #000; 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: 0px;} .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; line-height: 45px;} .new_design .deshbord .deshbordimg .table_struc ul li {vertical-align: middle;} .new_design .deshbord .deshbordimg .table_struc ul li p {vertical-align: middle;} .new_design .deshbord .deshbordimg .table_struc ul li p strong {vertical-align: middle;} .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: 20px; font-weight: bold; color: #fff; line-height: normal} .new_design .popup p{font-size: 20px; 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: 22px;} .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: 20px; font-weight: normal; color: #fff; line-height: 23px; padding: 0} .new_design .deshbord .dashbord2 .popup ul li{list-style-image: url(../images/new_design/list_white_dot.png); line-height: 23px;} .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: 700; 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{ background: #fff; width: 1100px; } .new_design .midalteacher_show:after {display: none;} .new_design .midalteacher_show p{font-size: 17px; color: #000;} .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; background-color: rgba(255, 192, 52, 0.7)} .new_design .problem3, .new_design .answer3{background-color: #1da8cc; background-color: rgba(29, 168, 204, 1);} .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: 87px;} .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: #000; 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; display: block;} .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;text-align: center;min-height: 60px; max-height: 60px;vertical-align: middle;} .new_design .left_right_button a.space{padding: 8px 58px;} .new_design .left_right_button .right_side a{ background: #1da8cc;} .new_design .left_right_button .right_side a.color1{background-color: #a864a8;} .new_design .left_right_button a:hover{background: #37c060} .new_design .left_right_button .left_arrow, .new_design .left_right_button .right_arrow {border-radius: 0; box-shadow: none; padding: 0;} .new_design .left_right_button .left_arrow:hover, .new_design .left_right_button .right_arrow:hover{background: #fff; border-radius: 0; box-shadow: none;} /* 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;} .new_design .dashboard4{text-align: center; padding-bottom: 15% !important;} .new_design .dashboard4 .cliffs{background: url(../images/new_design/page7.jpg) no-repeat bottom center #fff; min-height: 590px;} .new_design .dashboard4 .cliffs a{font-size: 29px; color: #05b038; font-weight: 900; line-height: normal; padding-bottom: 25px;} .new_design .dashboard4 .cliffs .card{margin-top: 20px;} .new_design .dashboard4 .cliffs .card .problem span{ line-height: 43px;} .new_design .problem, .new_design .answer{padding: 25px 0} .new_design .dashboard4 .cliffs.nobg{ background:#fff;} .new_design .dashboard4 .cliffs h4{color: #777777; font-style: 29px; font-weight: 900} .new_design .dashboard4 .cliffs h3{color: #777777; font-style: 29px; } .new_design .cliffs a.pink_link{ color: #b153a3; } .new_design .cliffs board1{position: relative} .new_design .note_pop a{background: #fff; border:3px solid #ffbe2f; border-radius: 10px; box-shadow: 0 2px 10px #ccc; font-size: 22px; font-weight: bold; color: #777777; text-align: center; min-width: 170px; box-sizing: border-box; padding: 15px 25px;} .new_design .note_pop.notepop1{ position: absolute;top: 25%;left: 38%;} .new_design .note_pop .pop { width: 375px;position: absolute;background-color: rgba(5, 176, 56, 0.79);border-radius: 5px;top: -32px;left: 190px;color: #fff;padding: 10px;display: none;font-size: 22px;color: #fff;text-align: right; line-height: 26px} .new_design .note_pop .pop:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/left_yellow_arrow.png) no-repeat;position: absolute;top: 35px;left: -20px;} .new_design .note_pop .pop strong{ font-weight: bold;} .new_design .note_pop.notepop2{ position: absolute;top: 65%;left: 23%;} .new_design .note_pop.notepop3{ position: absolute;bottom: 19%;left: 66%;} .new_design .note_pop.notepop2 .pop{ top: -180px;left: -220px;} .new_design .note_pop.notepop3 .pop{ top: -158px;left: -160px;} .new_design .cliffs .note_pop.notepop2 .pop:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/yellow_down.png) no-repeat;position: absolute;top: 128px;left: 81%;} .new_design .cliffs .note_pop.notepop3 .pop:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/yellow_down.png) no-repeat;position: absolute;top: 128px;left: 81%;} .new_design .deshbord .deshbordimg .table_struc ul{overflow: hidden} .new_design .deshbord .deshbordimg .table_struc.table2 ul{overflow: hidden} .new_design .deshbord .deshbordimg .table_struc.table2 ul li{padding: 10px 0; width: 59%;box-sizing: content-box;} .new_design .deshbord .deshbordimg .table_struc.table2 ul li+li{padding: 10px 0; width: 20%;} .new_design .deshbord .deshbordimg .table_struc.table2 ul li+li+li{padding: 10px 0; width: 20%;} .new_design .dashbord3.unit2 .cliffs:before{background: url(../images/new_design/icon_find4.png) no-repeat;} .new_design .dashbord3.unit2 .cliffs:after{background: url(../images/new_design/icon_find3.png) no-repeat;} .new_design .dashbord3.unit2 .cliffs{background: #fff;} .new_design .dashboard4.unit2{ padding-bottom: 18% !important;} .board2{ position: relative} .new_design .popwrap .note_pop {position: absolute;top: 35%;left: 35%;} .new_design .popwrap .note_pop .pop{left: 0 !important; top: 0 !important} .new_design .popwrap .note_pop .pop:after{display: none;} .new_design .cliffs .big_card .card{min-height: 220px; margin-top: 15px;} .new_design .cliffs .big_card .card .card__back, .new_design .cliffs .big_card .card .card__front{ background: none} .new_design .cliffs .big_card .card .answer span {font-size: 26px;padding: 0 30px;line-height: 32px;} .new_design .dashboard11 .cliffs{text-align: center;} .new_design .dashboard11 .cliffs a {font-size: 29px;color: #05b038;font-weight: 900;line-height: normal;padding-bottom: 25px;} .new_design .page16.common_dash .cliffs a {font-size: 29px;color: #05b038;font-weight: 900;line-height: normal;padding-bottom: 25px;} .new_design .deshbordimg.common_dash.dashboard11 {padding-bottom: 90px !important;} .new_design .dashboard12{ padding-bottom: 90px !important;} .new_design .dashboard12.unit2 .cliffs{background: #fff; min-height: 660px;} .new_design .dashboard12 .cliffs:after {background: url(../images/new_design/icon_find3.png) no-repeat right;width: 50px;left: 0px; position: absolute; content: ''; bottom: 100px; display: block; height: 110px} .new_design .page13 h1{font-size: 30px; padding-bottom: 20px;} .new_design .page13 .cliffs{padding-right: 40px; min-height:720px; background: url(../images/new_design/page13.jpg) no-repeat 20% bottom #fff; } .new_design .deshbord .deshbordimg.page13 p{padding-right: 0; font-size: 30px; line-height: 40px;} .new_design .page14 h1{font-size: 30px; padding-bottom: 20px;} .new_design .bg1.common_dash .cliffs{background: url(../images/new_design/page14.jpg) bottom left #fff no-repeat; min-height: 650px;} .new_design .bg2.common_dash .cliffs{background: url(../images/new_design/page15.jpg) bottom left #fff no-repeat; min-height: 650px;} .new_design .deshbord .deshbordimg.common_dash.page14{padding-bottom: 100px;} .new_design .page14.common_dash .cliffs h3{max-width: 750px; margin: 0 auto; line-height: 35px;} .new_design .page14.common_dash .cliffs p{max-width: 750px; margin: 0 auto; } .new_design .page14.common_dash .cliffs .big_card .card{min-height: 130px; max-width: 800px; margin: 0 auto; margin-top: 15px;} .new_design .page16.common_dash .cliffs{background: url(../images/new_design/page16.jpg) no-repeat bottom center #fff; padding-bottom: 110px;} .new_design .page16.common_dash.bg2 .cliffs{background: url(../images/new_design/page17.jpg) #fff right bottom no-repeat; padding-bottom: 100px; text-align: center;} .new_design .page16.common_dash.bg2:after{background: url(../images/new_design/page17_2.png) right bottom no-repeat; width: 144px; height: 144px; display: block; content: ''; position: absolute; bottom: 50px; left: 50%;} .new_design .page16.common_dash.bg2:before{background: url(../images/new_design/page17_3.png) right bottom no-repeat; width: 170px; height: 200px; display: block; content: ''; position: absolute; bottom: 150px; left: 0%; z-index: 9} .new_design .page16.common_dash .cliffs .card{min-height: 130px; max-width: 930px; margin: 0 auto; margin-top: 15px; width: auto; margin-bottom: 40px;} .new_design .page16.common_dash .cliffs .card .card__front, .new_design .page16.common_dash .cliffs .card .card__back{background: none} .new_design .page16.common_dash .problem, .new_design .page16.common_dash .answer{ width: auto; height: 140px; padding:20px ; display: table; width: 100%; float: none} .new_design .page16.common_dash .problem span, .new_design .page16.common_dash .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page16{padding-bottom: 70px;} .new_design .deshbord .deshbordimg.common_dash.page18{padding-bottom: 100px;} .new_design .deshbord .deshbordimg.common_dash.page18 p{padding-bottom: 100px;} .new_design .deshbord .deshbordimg.common_dash.page19{padding-bottom: 100px;} .new_design .deshbord .deshbordimg.common_dash.page19 p{padding-bottom: 40px;} .new_design .page19.common_dash .cliffs .card{min-height: 130px; max-width: 800px; margin: 0 auto; margin-top: 15px; width: auto; margin-bottom: 40px;} .new_design .page19.common_dash .cliffs .card .card__front, .new_design .page19.common_dash .cliffs .card .card__back{background: none} .new_design .page19.common_dash .problem, .new_design .page19.common_dash .answer{ width: auto; height: 140px; padding:20px ; display: table; width: 100%;} .new_design .page19.common_dash .problem span, .new_design .page19.common_dash .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page21{padding-bottom: 100px;} .new_design .deshbord .deshbordimg.common_dash.page21 p{padding-bottom: 40px;} .new_design .page21.common_dash .cliffs .card{min-height: 130px; max-width: 950px; margin: 0 auto; margin-top: 15px; width: auto; margin-bottom: 40px;} .new_design .page21.common_dash .cliffs .card .card__front, .new_design .page21.common_dash .cliffs .card .card__back{background: none} .new_design .page21.common_dash .problem, .new_design .page21.common_dash .answer{ width: auto; height: 140px; padding:20px ; display: table; width: 100%;} .new_design .page21.common_dash .problem span, .new_design .page21.common_dash .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page21 p{text-align: right; font-size: 29px; max-width: 950px; margin: 0 auto; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page21 h4{text-align: right; font-size: 29px; color: #1da8cc; padding-top: 20px; max-width: 950px; margin: 0 auto; } .new_design .deshbord .deshbordimg.common_dash.page21 h2{text-align: right; font-size: 29px; padding-top: 0; max-width: 950px; margin: 0 auto; line-height: normal } .new_design .deshbord .deshbordimg.common_dash.page21 .cliffs{min-height: 700px;} .new_design .dashboard4.page9{ padding-bottom: 6% !important;} .new_design .deshbord .deshbordimg.dashbord3.page22{padding-bottom: 100px; } .new_design .deshbord .deshbordimg.dashbord3.page22 h1{font-size: 30px; font-weight: 900; padding-bottom: 50px;} .new_design .deshbord .deshbordimg.dashbord3.page22 h2{font-size: 30px; font-weight: 900; padding-bottom: 50px; color: #7b7b7b} .new_design .dashbord3.page22 .cliffs{background: #fff;} .new_design .dashbord3.page22 .cliffs:before, .new_design .dashbord3.page22 .cliffs:after{display: none;} .new_design .page16.bg4.common_dash .cliffs{ padding-bottom: 15px;} .new_design .page16.bg5.common_dash .cliffs{padding-bottom: 70px;} .new_design .page16.bg6.common_dash .cliffs{padding-bottom: 400px; background: url(../images/new_design/page27.jpg) no-repeat #fff center 90%; background-size: 100%; } .new_design .dashbord3.page30 .cliffs:before, .new_design .dashbord3.page30 .cliffs:after{display: none;} .new_design .deshbord .deshbordimg .table_struc.table2 ul li{padding: 0 !important; max-height: 40px} .new_design .page30 .cliffs .card{min-height: 50px; max-width: 950px; margin: 0 auto; margin-top: 15px; width: auto; margin-bottom: 40px;} .new_design .page30 .cliffs .card .card__front, .new_design .page30 .cliffs .card .card__back{background: none} .new_design .page30 .problem, .new_design .page30 .answer{ width: auto; height: 80px; padding:20px ; display: table; width: 100%;} .new_design .page30 .problem span, .new_design .page30 .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .deshbordimg.dashbord3.page30{padding-bottom: 120px;} .new_design .page31 .card .card__front{text-align: left;} .new_design .page31 .card .card__front span{text-align: left; } .new_design .page31 .link{ height: 140px;padding: 20px;display: table;width: 100%; background: #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; margin-bottom: 20px;} .new_design .page31 .link .text{ font-family: 'Open Sans Hebrew', serif;font-weight: 700;font-size: 28px;color: #FFFFFF; display: table-cell;padding: 0;vertical-align: middle;line-height: normal;} .new_design .page31 .link.orange{background: #f39036} .new_design .page31 .link.blue{background: #1da8cc} .new_design .page31 .link .text p{font-weight: 100; display: inline; color: #fff; text-align: left; font-size: 29px;} .new_design .page31.common_dash .cliffs{ padding-bottom: 80px; padding-top: 40px;} .new_design .page32.common_dash .cliffs{ padding-bottom: 170px; padding-top: 40px;} .new_design .page32.common_dash .cliffs h1{padding-top: 90px; padding-bottom: 30px;} .new_design .page32.common_dash .cliffs a.red{ color: #f41e19; font-weight: 900; text-decoration: underline; padding: 0;} .new_design .deshbord .deshbordimg.dashbord3 .table_struc.two_col ul li{width: 50%;} .new_design .dashbord3.page33 .cliffs:before, .new_design .dashbord3.page33 .cliffs:after{display: none;} .new_design .page33 .cliffs .card{min-height: 50px; max-width: 950px; margin: 0 auto; margin-top: 25px; width: auto; margin-bottom: 40px;} .new_design .page33 .cliffs .card .card__front, .new_design .page33 .cliffs .card .card__back{background: none} .new_design .page33 .problem, .new_design .page33 .answer{ width: auto; height: 80px; padding:20px ; display: table; width: 100%;} .new_design .page33 .problem span, .new_design .page33 .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .page33.deshbordimg.dashbord3 h1{text-decoration: none} .new_design .deshbord .page33.deshbordimg.dashbord3{ padding-bottom: 130px;} .new_design .deshbord .deshbordimg .table_struc{margin: 0 auto} .new_design .deshbord .deshbordimg .table_struc.table5 ul li{ width: 20%; border: none} .new_design .deshbord .deshbordimg .table_struc.table5 ul li+li{border-left: #d2d2d2 1px solid;} .new_design .deshbord .page5.deshbordimg{ padding-bottom: 80px;} .new_design .deshbord .page5.deshbordimg .cliffs {padding-bottom: 130px;} .new_design .deshbord .page5.deshbordimg h2{ padding-bottom: 50px;} .new_design .deshbord .page5.deshbordimg .table_struc{margin-bottom: 60px;} .new_design .deshbord .deshbordimg .table_struc.table6 ul li{ width: 16%; border: none} .new_design .deshbord .deshbordimg .table_struc.table6 ul li+li{border-left: #d2d2d2 1px solid;} .new_design .deshbord .page6.deshbordimg{ padding-bottom: 80px;} .new_design .deshbord .page6.deshbordimg .cliffs {padding-bottom: 30px;} .new_design .deshbord .page6.deshbordimg h2{ padding-bottom: 10px;} .new_design .deshbord .page6.deshbordimg h2 span{font-size: 80%;} .new_design .deshbord .page6.deshbordimg .table_struc{margin-bottom: 60px;} .new_design .deshbord .deshbordimg .page7{ background: url(../images/new_design/page7.jpg) no-repeat 10% center #fff; } .new_design .deshbord .deshbordimg .page7 h3{ font-size: 26px; font-weight: normal} .new_design .deshbord .deshbordimg .blue_btn{font-size: 22px;color: #fff;font-weight: bold;background: #1da8cc;border-radius: 10px;box-shadow: 0 0 10px #ccc;text-align: center;display: block;padding: 15px 22px;max-width: 140px;margin: 0 auto;margin-top: 20px;} .new_design .page11 .cliffs .card{min-height: 150px; max-width: 950px; margin: 0 auto; margin-top: 25px; width: auto; margin-bottom: 40px;} .new_design .page11 .cliffs .card .card__front, .new_design .page11 .cliffs .card .card__back{background: none} .new_design .page11 .problem, .new_design .page11 .answer{ width: auto; height: 150px; padding:15px 30px; display: table; width: 100%;} .new_design .page11 .problem span, .new_design .page11 .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .page12 .cliffs .card{min-height: 110px; max-width: 950px; margin: 0 auto; margin-top: 10px; width: auto; margin-bottom: 10px;} .new_design .page12 .cliffs .card .card__front, .new_design .page12 .cliffs .card .card__back{background: none} .new_design .page12 .problem, .new_design .page12 .answer{ width: auto; height: 110px; padding:15px 30px; display: table; width: 100%;} .new_design .page12 .problem span, .new_design .page12 .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .page12 .answer span i{display: inline-block;vertical-align: top;text-align: right;font-size: 86%;padding: 0 1%;} .new_design .deshbord .page12.deshbordimg .vedio{min-height: 200px; height: 200px;} .new_design .deshbord .deshbordimg.common_dash.page13 h4{text-align: right; font-size: 29px; color: #1da8cc;padding: 0; padding-top: 15px;} .new_design .deshbord .deshbordimg.common_dash.page13 h2{padding-top: 0; padding-right: 0;} .new_design .deshbord .deshbordimg.common_dash.page14 h4{text-align: center; font-size: 29px; color: #1da8cc;padding: 0; padding-top: 15px;} .new_design .deshbord .deshbordimg.common_dash.page14 h2{padding-top: 0; padding-right: 0;} .new_design .deshbord .deshbordimg.common_dash.page14 .left_content{width: 45%; display: inline-block; vertical-align: top; margin-top: 6%;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content{width: 45%; display: inline-block; vertical-align: top; position: relative; padding-top: 350px;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content .card{width: 80%;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content .card span{font-size: 26px; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content .card .answer{padding: 20px;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content .card .problem{padding: 20px;} .new_design .deshbord .deshbordimg.common_dash.page15{} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table{ padding-top: 120px; text-align: center; padding-bottom: 40px; } .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block{ display: inline-block; float: none; position: relative; cursor: pointer} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block:after{ display: block; content: ''; position: absolute; top: -55px; left: 50%; margin-left: -24px; background: url(../images/new_design/ans.jpg); width: 48px; height: 48px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block.wrong.active:after{ background: url(../images/new_design/ans_wrong.jpg);} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block.correct.active:after{ background: url(../images/new_design/ans_correct.jpg);} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block img{ display: block;} .new_design .deshbord .deshbordimg.common_dash.page15 h1{font-size: 29px;} .new_design .deshbord .deshbordimg.common_dash.page15 p{font-size: 29px;} .new_design .deshbord .deshbordimg.common_dash.page15 .cliffs .card{min-height: 160px; max-width: 1050px; margin: 0 auto; margin-top: 10px; width: auto; margin-bottom: 30px;} .new_design .deshbord .deshbordimg.common_dash.page15 .cliffs .card .card__front, .new_design .deshbord .deshbordimg.common_dash.page15 .cliffs .card .card__back{background: none} .new_design .deshbord .deshbordimg.common_dash.page15 .problem, .new_design .deshbord .deshbordimg.common_dash.page15 .answer{ width: auto; height: 160px; padding:15px 30px; display: table; width: 100%;} .new_design .deshbord .deshbordimg.common_dash.page15 .problem span, .new_design .deshbord .deshbordimg.common_dash.page15 .answer span{ display: table-cell;padding: 0;vertical-align: middle; line-height: normal} .new_design .deshbord .deshbordimg.common_dash.page15 .answer span i{display: inline-block;vertical-align: top;text-align: right;font-size: 86%;padding: 0 1%;} .new_design .deshbord .answer span i{font-size: 80%} .new_design .deshbord .deshbordimg.common_dash.page29 .cliffs{ min-height: 700px;} .new_design .deshbord .deshbordimg.common_dash.page29 ol { counter-reset: item; } .new_design .deshbord .deshbordimg.common_dash.page29 ol li { display: block; list-style-position: inside} .new_design .deshbord .deshbordimg.common_dash.page29 ol li:before {content: counter(item) ". ";counter-increment: item;color: #ffb001; font-size: 28px; font-weight: bold;} .new_design .deshbord .deshbordimg.common_dash.page29 h3{font-size: 29px;color: #1da8cc;padding: 0;padding-top: 15px;} .new_design .deshbord .deshbordimg.common_dash.page29 p{padding-right: 0;} .page13 .block_square{margin-top: 14%;} .page13 .block_square ul.bottom{display: block; width: 100%; overflow: hidden; margin-top: 10px;} .page13 .block_square ul.bottom li{ position: relative;width: 132px;height: 135px; border: #ffb001 solid 1px; float: right;display: table;margin: 0; text-align: center; border-radius: 22px; margin: 0 13px; margin-top: 20px; box-sizing: border-box; opacity: 0} .page13 .block_square ul.bottom li span{font-size: 21px;border-radius: none;margin: 0; vertical-align: top; vertical-align: middle;display: table-cell;} .page13 .block_square ul.top {display: block; list-style: none; background: #fff; overflow: hidden} .page13 .block_square ul.top li{ position: relative;width: 152px;box-sizing: border-box;padding: 0 10px;height: 135px;background: url(../images/new_design/cell_square_green.png) center center;float: right; display: table; font-size: 21px;border-radius: none;margin: 0; color: #fff;text-align: center; line-height: 19px; margin: 0 3px; background-size: cover} .page13 .block_square ul.top li:after{ width: 57px; height: 37px; position: absolute; right: -28px; top: 48px; background: url(../images/new_design/arrow_yello.png) no-repeat; content: ''; display: block;} .page13 .block_square ul.top li.first:after{display: none;} .page13 .block_square ul.top li span{font-size: 21px;border-radius: none;margin: 0; color: #fff; vertical-align: top; vertical-align: middle;display: table-cell; padding: 0 10px;} .block_page .block_square{margin-top: 3%;} .block_page .block_square ul.bottom{display: block; width: 100%; overflow: hidden; margin-top: 10px;} .block_page .block_square ul.bottom li{ position: relative;width: 132px;height: 135px; border: #ffb001 solid 1px; float: right;display: table;margin: 0; text-align: center; border-radius: 22px; margin: 0 13px; margin-top: 20px; box-sizing: border-box; opacity: 0} .block_page .block_square ul.bottom li span{font-size: 21px;border-radius: none;margin: 0; vertical-align: top; vertical-align: middle;display: table-cell;} .block_page .block_square ul.top {display: block; list-style: none; background: #fff; overflow: hidden} .block_page .block_square ul.top li{ position: relative;width: 152px;box-sizing: border-box;padding: 0 10px;height: 135px;background: url(../images/new_design/cell_square_green.png) center center;float: right; display: table; font-size: 21px;border-radius: none;margin: 0; color: #fff;text-align: center; line-height: 19px; margin: 0 3px; width: 11%;background-repeat: no-repeat; background-size: 100%} .block_page .block_square ul.top li:after{ width: 37px; height: 37px; position: absolute; right: -25px; top: 55px; background: url(../images/new_design/arrow_yello.png) no-repeat; content: ''; display: block; background-size: 100%;} .block_page .block_square ul.top li.first:after{display: none;} .block_page .block_square ul.top li span{font-size: 21px;border-radius: none;margin: 0; color: #fff; vertical-align: top; vertical-align: middle;display: table-cell; padding: 0 10px;} .block_page .block_square ul.bottom li{ width: 10%;background-repeat: no-repeat;background-size: 100%;padding: 10px; margin: 0 10px} .block_page .block_square ul.bottom li strong{display: block;} .outer_block .block_square{margin-top: 14%;} .outer_block .block_square ul.bottom{display: block; width: 100%; overflow: hidden; margin-top: 10px;} .outer_block .block_square ul.bottom li{ position: relative;width: 132px;height: 135px; border: #ffb001 solid 1px; float: right;display: table;margin: 0; text-align: center; border-radius: 22px; margin: 0 13px; margin-top: 20px; box-sizing: border-box; opacity: 0} .outer_block .block_square ul.bottom li span{font-size: 21px;border-radius: none;margin: 0; vertical-align: top; vertical-align: middle;display: table-cell;} .outer_block .block_square ul.top {display: block; list-style: none; background: #fff; overflow: hidden} .outer_block .block_square ul.top li{ position: relative;width: 152px;box-sizing: border-box;padding: 0 10px;height: 135px;background: url(../images/new_design/cell_square_green.png) center center;float: right; display: table; font-size: 21px;border-radius: none;margin: 0; color: #fff;text-align: center; line-height: 19px; margin: 0 3px; background-size: cover} .outer_block .block_square ul.top li:after{ width: 57px; height: 37px; position: absolute; right: -28px; top: 48px; background: url(../images/new_design/arrow_yello.png) no-repeat; content: ''; display: block;} .outer_block .block_square ul.top li.first:after{display: none;} .outer_block .block_square ul.top li span{font-size: 21px;border-radius: none;margin: 0; color: #fff; vertical-align: top; vertical-align: middle;display: table-cell; padding: 0 10px;} .outer_block {display: block;max-width: 720px; margin: 0 auto} .game_plate{} .game_plate h2{ font-size: 28px; color: #777777; font-weight: 800;} .game_plate ul{ display: block; list-style: none; background: none; overflow: hidden} .game_plate ul li{ display: block; list-style: none; background: none; width: 152px; height: 152px; float: right; } .game_plate .top_block li{ background: #a1deec;} .game_plate .top_block li.even{ background: #43beda;} .game_plate .bottom_block li{ background: #05b038;} .game_plate .bottom_block li.even{ background: #82d79b;} .new_design .deshbord .deshbordimg .table_struc.p_hide p{ opacity: 0;} .new_design .deshbord .deshbordimg .table_struc.p_hide .first p, .new_design .deshbord .deshbordimg .table_struc.p_hide p.show{ opacity: 1;} .new_design .deshbord .deshbordimg .table_struc.p_hide ul li p{ opacity: 0} .new_design .deshbord .deshbordimg .table_struc.p_hide ul li+li+li+li+li p{ opacity: 1} .new_design .page_10{display: inline-block; position: relative} .new_design .page_10 div{ position: absolute;background: #fff; border: 1px solid #05b038; border-radius: 6px; color: #05b038; padding: 10px; overflow: hidden;cursor: pointer} .new_design .page_10 div:after{ content: '?'; font-weight: bold; text-align: center; position: absolute; color: #05b038; width: 100%; display: block; top: 0; background: #fff; height: 100%; line-height: 35px; box-sizing: border-box; opacity: 1; transition: 0.5s ease all;} .new_design .page_10 div.active:after{ opacity: 0} .new_design .page_10 div.page1 {right: 0px;top: 58%;} .new_design .page_10 div.page2 {right: 12%;top: 38%;} .new_design .page_10 div.page3 {right: 28%;top: 8%;} .new_design .page_10 div.page4 {right: 45%;top: 42%;} .new_design .page_10 div.page5 {right: 62%;top: 8%;} .new_design .page_10 div.page6 { right: 77%;top: 48%;} .new_design .page_10 div.page7 { right: 77%;top: 68%;} /* Unit 4 */ .new_design .home_popup{ background: rgba(0, 0, 0, 0.58); position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .new_design .home_popup.active{visibility: visible; opacity: 1} .new_design .home_popup.active .midalteacher_show{display: block !important;} .new_design .home_popup .midalteacher_show{ display: block; position: absolute; left: 12%; top: 100px; bottom: auto; border-radius: 15px; padding: 10px 50px 32px 50px;} .new_design .home_popup .midalteacher_show h1{color: #37c060; font-size: 23px; font-weight: 900; line-height: 30px} .new_design .home_popup .midalteacher_show p{font-size: 20px; line-height: 23px;} .new_design .home_popup .midalteacher_show .table_struc{display: block; padding-top: 20px;} .new_design .home_popup .midalteacher_show .table_struc ul{padding: 0;} .new_design .home_popup .midalteacher_show .table_struc ul li{ list-style: none; background: #f1f1f1; width: 75%; float: left; display: block; border-right: #d2d2d2 1px solid; min-height: 35px;} .new_design .home_popup .midalteacher_show .table_struc ul li p{line-height: 23px; padding: 0px 10px;} .new_design .home_popup .midalteacher_show .table_struc ul li+li{ width: 25%; border: none} .new_design .home_popup .midalteacher_show .table_struc .light_green { background: #c3eccf} .new_design .home_popup .midalteacher_show .table_struc ul li.dark_green { background: #37c060; } .new_design .home_popup .midalteacher_show .table_struc ul li.dark_green p {color: #fff;} .new_design .home_popup .midalteacher_show .dotted{} .new_design .home_popup .midalteacher_show .dotted li{list-style-image: none; list-style-position: inside; color: #000; font-size: 20px; line-height: 23px} .new_design .home_popup .midalteacher_show .dotted li strong{font-weight: bold;} .new_design .home_popup .midalteacher_show ol li {color: #777777;} .new_design .home_popup .popup p{font-size: 16px; font-weight: normal; color: #fff; line-height: 22px; padding: 0} .new_design .home_popup .popup ul li{list-style-image: url(../images/new_design/list_white_dot.png); line-height: 22px;} .new_design .home_popup .popup {position: absolute;top: 25px;left: 21%;bottom: auto;} .new_design .home_popup a.link { color: #37c060;text-decoration: underline;} .new_design .home_popup a.close { background: url(../images/new_design/close_new.png) no-repeat; width: 44px; height: 44px; position: absolute; top: -20px;right: -55px;} a.close_page {position: absolute;left: 20px;top: 20px;} .new_design .page16.common_dash.unit4_3 .cliffs{background: #fff; background-size: 100%;} .new_design .page16.common_dash.unit4_4 .cliffs{background: url(../images/new_design/page4.jpg) no-repeat bottom center #fff; background-size: 100%;} .new_design .left_right_button .right_side.long{ width: 70%;} .new_design .left_right_button .right_side.long a{padding: 20px 18px;} .new_design .popwrap{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); top: -30px; left: 0; z-index: 99999999999; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .new_design.open_pop.pop1_open .popwrap{ opacity: 1; visibility: visible; top: 0; display: block;} .new_design.open_pop.pop2_open .popwrap{ opacity: 1; visibility: visible; top: 0; display: block;} .new_design.open_pop.pop3_open .popwrap{ opacity: 1; visibility: visible; top: 0; display: block;} .new_design.open_pop.pop4_open .popwrap{ opacity: 1; visibility: visible; top: 0; display: block;} .new_design.open_pop.pop5_open .popwrap{ opacity: 1; visibility: visible; top: 0; display: block;} .new_design.open_pop.pop3_open .popwrap .note_pop{ top: 25%} .new_design .popwrap .popup_container{width: 1030px; margin: 0 auto; position: relative; top: 100px; background-color: #fff; border-radius: 15px; padding: 15px; opacity: 0; display: none; text-align: right; padding: 20px 40px; direction: rtl} .new_design.open_pop.pop1_open .popwrap .popup_container.pop1{ opacity: 1; visibility: visible; display: block;} .new_design.open_pop.pop2_open .popwrap .popup_container.pop2{ opacity: 1; visibility: visible; display: block;} .new_design.open_pop.pop3_open .popwrap .popup_container.pop3{ opacity: 1; visibility: visible; display: block;} .new_design.open_pop.pop4_open .popwrap .popup_container.pop4{ opacity: 1; visibility: visible; display: block;} .new_design.open_pop.pop5_open .popwrap .popup_container.pop5{ opacity: 1; visibility: visible; display: block;} .new_design .popwrap .popup_container img{max-width: 100%;} .new_design .popwrap .popup_container .video_wrap{background: #ffb001; padding: 15px; border-radius: 10px; height: 350px;} .new_design .popwrap .popup_container .video_wrap.blue{background: #926a85;} .new_design .popwrap .popup_container h2{font-weight: bold; color: #777777; font-size: 29px; display: block; text-align: center; padding: 10px 0;} .new_design .popwrap .popup_container a.close{ background: url(../images/new_design/close_new.png) no-repeat;width: 44px;height: 44px;position: absolute;top: -20px;right: -55px;} .new_design .popwrap .popup_container h3{color: #05b038; font-weight: 900; font-size: 29px; text-decoration: underline;} .new_design .popwrap .popup_container p{ font-size: 21px; color: #000; padding-bottom: 30px; line-height: 25px; display: block; max-width: 870px} .new_design .popwrap .popup_container a{color: #37c060; font-weight: bold; text-decoration: underline;} .new_design .popwrap .popup_container p.star{padding-right: 60px; box-sizing: border-box; display: block; background: url(../images/new_design/star.jpg) no-repeat right top;} .new_design .popwrap .popup_container p.plus{padding-right: 60px; box-sizing: border-box; display: block; background: url(../images/new_design/plus.jpg) no-repeat right top;} .new_design .popwrap .popup_container .moon{padding-right: 60px; box-sizing: border-box; display: block; background: url(../images/new_design/moon.jpg) no-repeat right top;} .new_design .popwrap .popup_container p strong{font-weight: bold; } .new_design .popwrap .popup{ top: auto; bottom: 20px; text-align: right; font-size: 23px; font-weight: bold; width: 520px; min-height: 130px; line-height: 30px; left: auto; right: 0;} .new_design .popwrap .popupwrap {position: absolute; top: 0; left: 320px;} .new_design .popwrap .popup:after { background: url(../images/new_design/bottom_arrow_pop.png) no-repeat;content: '';display: block;position: absolute;bottom: -27px;left: 40%;width: 40px;height: 28px;top: auto;} .new_design .left_right_button .right_side a.two_line{ text-align: center; padding: 5px 20px;} .new_design .common_dash.unit4_5 .cliffs{background: url(../images/new_design/page5.jpg) no-repeat bottom center #fff; background-size: 80%; padding-top: 50px; padding-bottom: 31%;} .new_design .common_dash.unit4_5 .cliffs .red_bg{ height: 100px; margin-bottom: 50px;} .new_design .common_dash.unit4_5 .cliffs .card__front ,.new_design .common_dash.unit4_5 .cliffs .card__back{background: none} .new_design .common_dash.unit4_5 .cliffs .red_bg .problem, .new_design .common_dash.unit4_5 .cliffs .red_bg .answer{ background-color: #d55948; padding: 35px 0; font-weight: bold;} .new_design .common_dash.unit4_5 .cliffs .four_cards{ margin-top: 20px;} .new_design .common_dash.unit4_5 .cliffs .four_cards .card{width: 23%; height: 240px; float: right; display: table; margin-right:1.5%; margin-top: 0;} .new_design .common_dash.unit4_5 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card .answer{ height: 200px; display: table-cell; vertical-align: middle;} .new_design .common_dash.unit4_5 .cliffs .four_cards .card1 .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card1 .answer{ background-color: rgba(255, 176, 1, 0.78)} .new_design .common_dash.unit4_5 .cliffs .four_cards .card2 .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card2 .answer{ background-color: #51aad8} .new_design .common_dash.unit4_5 .cliffs .four_cards .card3 .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card3 .answer{ background-color: #3fc266} .new_design .common_dash.unit4_5 .cliffs .four_cards .card4 .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card4 .answer{ background-color: #51bcd8} .new_design .left_right_button .right_side.no_bg , .new_design .left_right_button .right_side.no_bg:after {background: none;} .new_design .left_right_button .right_side.full{ width: 100%; text-align: center; top: 10px;} .new_design .left_right_button .right_side.full a{ max-width: 180px;min-height: 65px;vertical-align: top;padding: 11px 18px;} .new_design .owl-carousel.owl-rtl .owl-item .item {width: 950px;} .new_design .owl-controls {position: absolute;top: 47%;width: 100%;left: 0;} .new_design .owl-controls .owl-next {position: absolute;left: -90px; font-size: 0; width: 21px; height: 35px; background: url(../images/new_design/arrow_left.png);} .new_design .owl-controls .owl-prev {position: absolute;right: -90px; font-size: 0; width: 21px; height: 35px; background: url(../images/new_design/arrow_right.png);} .new_design .common_dash.unit4_6 {} .new_design .common_dash.unit4_6 h2{ text-decoration: underline; color:#37c060} .new_design .common_dash.unit4_6 .top_block{display: block; padding-top: 20px; padding-bottom: 20px;} .new_design .common_dash.unit4_6 .top_block p{max-width: 60%; padding-left: 10%; display: inline-block; vertical-align: top; line-height: 40px;} .new_design .common_dash.unit4_6 .top_block img{ display: inline-block; vertical-align: top;} .new_design .common_dash.unit4_6 .cliffs .four_cards{ margin-top: 20px;} .new_design .common_dash.unit4_6 .cliffs .four_cards .card{width: 100%; height: 100px;display: table; margin-top: 0; margin-bottom: 20px;} .new_design .common_dash.unit4_6 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_6 .cliffs .four_cards .card .answer{ height: 100px; display: block; width: 100%; vertical-align: middle;} .new_design .common_dash.unit4_6 .answer span{line-height: 30px !important} .new_design .common_dash.unit4_6 .cliffs .card__front ,.new_design .common_dash.unit4_6 .cliffs .card__back{background: none} .new_design .common_dash.unit4_6 .popup_contain{display: inline; position: relative;} .new_design .common_dash.unit4_6 .popup_contain .pop_up_note{ position: absolute;bottom: 45px;left: -140px;color: #fff;background: rgba(5, 176, 56, 0.90);width: 320px;padding: 15px;border-radius: 15px; line-height: 25px; font-size: 21px; display: none;} .new_design .common_dash.unit4_6 .popup_contain .pop_up_note:after { background: url(../images/new_design/bottom_arrow_pop.png) no-repeat;content: '';display: block;position: absolute;bottom: -27px;left: 50%;width: 40px;height: 28px;top: auto;} .new_design .left_right_button .right_side.full.page6 a{max-width: 250px;} .new_design .common_dash.unit4_7 h2{ text-decoration: underline; color:#37c060} .new_design .common_dash.unit4_7 .cliffs .four_cards .card{width: 100%; height: 100px;display: table; margin-top: 0; margin-bottom: 20px; background: none;} .new_design .common_dash.unit4_7 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7 .cliffs .four_cards .card .answer{ height: 100px; display: block; width: 100%; vertical-align: middle;} .new_design .common_dash.unit4_7 .answer span{line-height: 30px !important} .new_design .common_dash.unit4_7 .cliffs .card__front ,.new_design .common_dash.unit4_7 .cliffs .card__back{background: none} .new_design .common_dash.unit4_7 .problem3, .new_design .common_dash.unit4_7 .answer3{ background-color: #51bcd8} .page_7_drag {height: 480px;} .page_7_drag #cardSlots div:after{content: ''; position: absolute; bottom: -30px; width: 30px; height: 23px; background: url(../images/new_design/red_arrow.jpg) no-repeat; left: 45%;} .page_7_drag #cardSlots div, .page_7_drag #cardPile div{ width: 358px; box-shadow: 0 0 10px #ccc; position: relative; top:0; margin-bottom: 28px;} .page_7_drag #cardSlots div{border: 3px solid #cdcdcd; position: absolute} .page_7_drag #cardSlots .three.ui-droppable:after{display: none;} .page_7_drag #cardPile div{ background: #fff; color: #777777; font-size: 15px; font-weight: bold; border: 3px solid #ffcd5f; margin-bottom: 15px;} .page_7_drag #cardPile{ max-width: 400px;} .page_7_drag div#cardSlots{ position: relative; float: left; top: -38px;} .page_7_drag .right_content #content{ position: relative ; float: right; width: 50%;} .page_7_drag div#card2 {left: -40px;} .page_7_drag div#card3 {left: -60px;} .page_7_drag div#card4 {left: -30px;} .page_7_drag div#card5 {left: -68px;} .new_design .common_dash.unit4_8 h2{ text-decoration: underline; color:#37c060; padding-top: 0;} .new_design .common_dash.unit4_8 p{font-size: 26px; padding-bottom: 25px; line-height: 40px;} .new_design .common_dash.unit4_8 p u{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;} .new_design .common_dash.unit4_8.c1 p u.color1{background: #33dddf} .new_design .common_dash.unit4_8.c2 p u.color2{background: #5fcd80} .new_design .common_dash.unit4_8.c3 p u.color3{background: #ffc034} .new_design .common_dash.unit4_8 .bottom_content{padding-top: 10px;} .new_design .common_dash.unit4_8 .bottom_content img{float: left;} .new_design .common_dash.unit4_8 .bottom_content h3{ padding-bottom: 18px; font-size: 24px;} .new_design .common_dash.unit4_8 .bottom_content a{ background: #f28f35;display: inline-block;padding: 15px 58px;color: #fff;font-weight: bold;font-size: 22px;border-radius: 5px;box-shadow: 0 0 10px #ccc; line-height: normal; margin-right: 15px; border-radius: 12px;} .new_design .common_dash.unit4_8 .bottom_content a.color1{background: #33dddf;} .new_design .common_dash.unit4_8 .bottom_content a.color2{background: #5fcd80;} .new_design .common_dash.unit4_8 .bottom_content a.color3{background: #ffc034;} .new_design .common_dash.unit4_9 .bottom_content img{ float: left; position: relative; top: -60px;} .new_design .common_dash.unit4_9 .bottom_img{ position: relative; bottom: 0; width: 100%; text-align: left;} .new_design .common_dash.unit4_9 .bottom_img .img_part {display: inline-block; position: relative} .new_design .common_dash.unit4_9 .bottom_img .img_part .overlay {position: absolute; left: 0; width: 100%; opacity: 0; top: 0} .new_design .common_dash.unit4_9.c1 .bottom_img .img_part .overlay.c1 {opacity: 1} .new_design .common_dash.unit4_9.c2 .bottom_img .img_part .overlay.c2 {opacity: 1} .new_design .common_dash.unit4_9 h3{ padding-bottom: 20px; font-size: 24px;} .new_design .common_dash.unit4_9 h2{ text-decoration: underline; color:#37c060; padding-top: 0;} .new_design .common_dash.unit4_9 h3 a{ background: #f28f35;display: inline-block;padding: 15px 58px;color: #fff;font-weight: bold;font-size: 22px;border-radius: 5px;box-shadow: 0 0 10px #ccc; line-height: normal; margin-right: 15px; border-radius: 12px;} .new_design .common_dash.unit4_9 h3 a.color1 {background: #5f95cd} .new_design .common_dash.unit4_9 h3 a.color2 {background: #9a99df} .new_design .card2{margin-top: 0;} .new_design .common_dash.unit4_9 .cliffs .card{width: 100%; height: 100px;display: table; margin-top: 0; margin-bottom: 20px;} .new_design .common_dash.unit4_9 .cliffs .card .problem, .new_design .common_dash.unit4_9 .cliffs .card .answer{ height: 100px; display: block; width: 100%; vertical-align: middle;} .new_design .common_dash.unit4_9 .answer span{line-height: 30px !important} .new_design .common_dash.unit4_9 .cliffs .card__front ,.new_design .common_dash.unit4_9 .cliffs .card__back{background: none} .new_design .common_dash.unit4_9 .cliffs .card{width: 45%; display: inline-block; vertical-align: top; margin-top: 20px;} .new_design .left_right_button .right_side.long_right a{ max-width: 180px;min-height: 55px;vertical-align: top;padding: 11px 18px;} .new_design .common_dash.unit4_10 h3{ padding-bottom: 20px; font-size: 24px;} .new_design .common_dash.unit4_10 h2{ text-decoration: underline; color:#37c060; padding-top: 0;} .new_design .common_dash.unit4_10 p{ font-size: 26px; padding-bottom: 5px;} .new_design .common_dash.unit4_10 h3 a{ background: #f28f35;display: inline-block;padding: 15px 58px;color: #fff;font-weight: bold;font-size: 22px;border-radius: 5px;box-shadow: 0 0 10px #ccc; line-height: normal; margin-right: 15px; border-radius: 12px;} .new_design .common_dash.unit4_10 h3 a.color1 {background: #5f95cd} .new_design .common_dash.unit4_10 h3 a.color2 {background: #9a99df} .new_design .common_dash.unit4_10 .cliffs .card__front ,.new_design .common_dash.unit4_10 .cliffs .card__back{background: none} .new_design .common_dash.unit4_10 .cliffs .card{width: 100%; display: inline-block; vertical-align: top; margin-top: 20px; height: 150px;} .new_design .left_right_button .right_side.long_right a{ max-width: 180px;min-height: 55px;vertical-align: top;padding: 11px 18px;} .new_design .common_dash.unit4_10 p{line-height: 34px;} .new_design .common_dash.unit4_10 p u{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;} .new_design .common_dash.unit4_10.c1 p u.color1{background: #33dddf} .new_design .common_dash.unit4_10.c2 p u.color2{background: #5fcd80} .new_design .common_dash.unit4_10.c3 p u.color3{background: #ffc034} .new_design .common_dash.unit4_10 .bottom_content{padding-top: 30px;} .new_design .common_dash.unit4_10 .bottom_content img{float: left} .new_design .common_dash.unit4_10 .bottom_content a.color1{background: #33dddf; margin-right: 44px;} .new_design .common_dash.unit4_10 .bottom_content a.color2{background: #5fcd80; margin-right: 30px;} .new_design .common_dash.unit4_10 .bottom_content a.color3{background: #ffc034;} .new_design .common_dash.unit4_10 .problem3, .new_design .common_dash.unit4_10 .answer3{ width: 100%; padding: 35px 0} .new_design .popwrap .popup_container.pop2 img{float: left} .new_design .popwrap .popup_container.pop2 p{line-height: 32px;} .new_design .popwrap .popup_container.pop2 h3{padding-bottom: 15px;} .new_design .popwrap .popup_container.pop2 p i{color: #37c060; font-weight: bold; display: inline; font-style: normal} .new_design .popwrap .popup_container.pop2 .popup_contain{display: inline; position: relative;} .new_design .popwrap .popup_container.pop2 .popup_contain .pop_up_note{ position: absolute;bottom: -135px;left: -290px;color: #fff;background: rgba(5, 176, 56, 0.90);width: 410px;padding: 15px;border-radius: 15px; line-height: 25px; font-size: 19px; display: none; font-weight: bold;} .new_design .popwrap .popup_container.pop2 .popup_contain .pop_up_note:after { background: url(../images/new_design/top_arrow_pop.png) no-repeat;content: '';display: block;position: absolute;top: -27px;right: 13%;width: 40px;height: 28px;} .new_design .common_dash.unit4_10 .bottom_card{ position: relative} .new_design .common_dash.unit4_10 .bottom_card .bot_img{ float: left; width: 320px; position: absolute; top: -80%; left: 10%;} .new_design .common_dash.unit4_10 .bottom_card .card{max-width: 490px;} .new_design .common_dash.unit4_10 .bottom_card .card .problem2, .new_design .common_dash.unit4_10 .bottom_card .card .answer2 { background-color: #ffc034;padding: 35px 30px; width: 100%;} .new_design .common_dash.unit4_10 .bottom_card .card .problem2 span {line-height: 32px;} .new_design .common_dash.unit4_10 .bottom_card .card .answer2{text-align: right; padding: 25px 35px} .new_design .common_dash.unit4_10 .bottom_card .card .answer2 strong{padding: 0} .new_design .common_dash.unit4_10 .bottom_card .card .answer2 span{ line-height: 28px;width: 100%;max-width: 100%;display: block;font-size: 24px;padding: 5px 5px;} .new_design .common_dash.unit4_12 h3{ padding-bottom: 20px; font-size: 24px;} .new_design .common_dash.unit4_12 h2{ text-decoration: underline; color:#37c060; padding-top: 0;} .new_design .common_dash.unit4_12 p{ font-size: 26px; padding-bottom: 5px;} .new_design .common_dash.unit4_12 h3 a{ background: #f28f35;display: inline-block;padding: 15px 58px;color: #fff;font-weight: bold;font-size: 22px;border-radius: 5px;box-shadow: 0 0 10px #ccc; line-height: normal; margin-right: 15px; border-radius: 12px;} .new_design .common_dash.unit4_12 h3 a.color1 {background: #33dddf} .new_design .common_dash.unit4_12 h3 a.color2 {background: #9a99df} .new_design .common_dash.unit4_12 .cliffs .card__front ,.new_design .common_dash.unit4_12 .cliffs .card__back{background: none} .new_design .common_dash.unit4_12 .cliffs .card{width: 100%; display: inline-block; vertical-align: top; margin-top: 20px; height: 150px;} .new_design .left_right_button .right_side.long_right a{ max-width: 180px;min-height: 55px;vertical-align: top;padding: 11px 18px;} .new_design .common_dash.unit4_12 p{line-height: 34px; padding-bottom: 50px; max-width: 80%;} .new_design .common_dash.unit4_12 p u{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;} .new_design .common_dash.unit4_12.c1 p u.color1{background: #33dddf} .new_design .common_dash.unit4_12 .card .problem2, .new_design .common_dash.unit4_12 .card .answer2 { background-color: #ffc034;padding: 35px 30px; width: 100%;} .new_design .common_dash.unit4_12 .card .problem2 span {line-height: 32px;} .new_design .common_dash.unit4_12 .card .answer2{text-align: right; padding: 25px 35px;float: none;} .new_design .common_dash.unit4_12 .card .answer2 strong{padding: 0} .new_design .common_dash.unit4_12 .card .answer2 span{ line-height: 28px;width: 100%;max-width: 100%;display: block;font-size: 24px;padding: 5px 5px;} .new_design .common_dash.unit4_12 .left_img{float: left; width: 30%;} .new_design .common_dash.unit4_12 .right_content{float: right; width: 70%;} .new_design .common_dash.unit4_13 h2{ text-decoration: underline; color:#37c060; padding-top: 0;} .new_design .common_dash.unit4_13 .cliffs .card{} .new_design .common_dash.unit4_13 .cliffs .card5{ height: 150px; width: 100%;} .new_design .common_dash.unit4_13 .cliffs .card__front ,.new_design .common_dash.unit4_13 .cliffs .card__back{background: none} .new_design .common_dash.unit4_13 .problem, .new_design .common_dash.unit4_13 .answer {padding: 25px 0;height: 120px;display: table;width: 100%; margin-top: 20px; float: right} .new_design .common_dash.unit4_13 .problem span, .new_design .common_dash.unit4_13 .answer span {display: table-cell; vertical-align: middle;} .new_design .common_dash.unit4_13 .problem5, .new_design .common_dash.unit4_13 .answer5 {background-color: #4c90dc} .new_design .common_dash.unit4_13.page14_bg .cliffs {background:url(../images/new_design/page14.jpg) left bottom #fff no-repeat; background-size: 100%; padding-bottom: 300px;} .new_design .common_dash.unit4_13.page15_bg .cliffs {background:url(../images/new_design/page15.jpg) right bottom #fff no-repeat; padding-bottom: 50px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .card5{height: 200px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .answer2 span{line-height: 42px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .left_map {width: 40%; display: inline-block; vertical-align: top; float: left; padding-left: 5%; padding-top: 30px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .left_map p {font-size: 16px; text-align: center;} .new_design .common_dash.unit4_13.page15_bg .cliffs .left_map p a{text-decoration: underline; color: #5907ff; font-size: 16px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .right_flip {width: 40%; display: inline-block; vertical-align: top; float: right; padding-top: 30px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .right_flip .answer1 span{ line-height: 42px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .right_flip .problem{height: 170px;} .new_design .common_dash.unit4_13.unit4_16 .cliffs img{max-height:470px; } body #story textarea{ display: block;width: 100%;height: 70px; outline: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; border: 1px solid #ccc; margin-top: 5px; max-width: 900px;} body #story textarea:focus{box-shadow: 0 0 10px #ccc;} .new_design .left_dash7 .midalteacher_show.black {background-color: rgba(0, 0, 0, 0.76); background-image: url(../images/new_design/close_btn_blk.png);} .new_design .left_dash7 .midalteacher_show.black p.top{color:#777777 } .new_design .left_dash7 .midalteacher_show.black p{color:#fff } .new_design .left_dash7 .midalteacher_show.black p span{font-size: 26px; font-weight: 900;} .new_design .left_right_button a.orange{background: #f28f35; margin-right: 10px;} .new_design .left_right_button a.blue{background: #1da8cc; max-width: 180px;min-height: 55px;vertical-align: top;padding: 11px 18px;} .new_design .left_right_button a.blue:hover, .new_design .left_right_button a.orange:hover{ background: #37c060;} body #story .unit4_19 textarea{ display: block;width: 100%;height: 130px; outline: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; border: 1px solid #ccc; margin-top: 10px; max-width: 900px;} .new_design .deshbord .deshbordimg.unit4_19 p{ font-size: 23px; font-weight: bold; padding-top: 10px;} .new_design .common_dash.unit4_13.unit4_17 .cliffs img{max-height:670px; } .new_design .common_dash.unit4_13.unit4_18 .cliffs {text-align: center; background: url(../images/new_design/page18_3.jpg) right top #fff no-repeat;} .new_design .common_dash.unit4_13.unit4_18 .cliffs .video_wrap {background: #ffb001;padding: 15px;border-radius: 10px;height: 350px;} .page_21_drag {position: relative; } .page_21_drag #cardSlots .one.ui-droppable {background: url(../images/new_design/star1.jpg)} .page_21_drag #cardSlots .two.ui-droppable {background: url(../images/new_design/star2.jpg)} .page_21_drag #cardSlots .three.ui-droppable {background: url(../images/new_design/star3.jpg)} .page_21_drag #cardSlots .four.ui-droppable { background: url(../images/new_design/star4.jpg)} .page_21_drag #cardSlots .five.ui-droppable {background: url(../images/new_design/star8.jpg)} .page_21_drag #cardSlots .six.ui-droppable {background: url(../images/new_design/star7.jpg)} .page_21_drag #cardSlots .seven.ui-droppable {background: url(../images/new_design/star6.jpg)} .page_21_drag #cardSlots .eight.ui-droppable {background: url(../images/new_design/star5.jpg)} .page_21_drag #cardSlots div, .page_21_drag #cardPile div{ position: absolute; top:0; margin-bottom: 0px; font-size: 0} .page_21_drag #cardSlots div{border: 3px solid #cdcdcd; position: relative; width: 211px; height: 200px; border: none; display: inline-block; vertical-align: top;} .page_21_drag #cardSlots .three.ui-droppable:after{display: none;} .page_21_drag #cardPile div{ background: #fff;color: #777777;font-size: 15px;font-weight: bold;border: 3px solid #D0D0D0;margin-bottom: 15px;box-shadow: none;padding: 10px;border-radius: 9px;font-size: 21px;font-weight: normal; position: relative; display: inline-block; vertical-align: top; width: 438px; margin-right: 60px;} .page_21_drag #cardPile{ width: 1000px; margin: 0 auto} .page_21_drag div#cardSlots{ position: relative; top: 0px; max-width: 900px; margin: 0 auto; direction: ltr} .page_21_drag .right_content #content{ position: relative ; } .page_21_drag #cardPile div.correct{ opacity: 0.6} /* Unit-7 */ .new_design .page16.common_dash.unit7_2 .cliffs .card{max-width:100%; margin-bottom: 0;} .new_design .common_dash.unit7_2 .cliffs .video_wrap{background: #05b038;padding: 15px;border-radius: 10px;height: 390px;width: 93%; margin: 0 auto;} .new_design .page16.common_dash.unit7_2 .problem, .new_design .page16.common_dash.unit7_2 .answer{height: 120px;} .new_design .page16.common_dash.unit7_2 .cliffs{padding-bottom: 20px;} .popwrap .popup_container .video_wrape.unit7_4{background: #ffb001;padding: 15px;border-radius: 10px;height: 425px;width: 93%; margin: 0 auto; margin-top: 20px;} .popwrap .popup_container.page4_bg{background-image: url(../images/new_design/page4_bg.png); background-repeat: no-repeat; background-position: bottom center;padding-bottom: 150px;} .new_design .left_right_button .right_side.long_right.unit7 a{max-width: 220px;text-align: center;margin-left: 10px;} .new_design .left_right_button .right_side.long_right.page10_link{width: 50%;} .unit7_5 .card__text.text_center{font-size: 20px; line-height: 30px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box{position: relative;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div{position:absolute; top: 0; left: 0;padding: 10px; background-color:#09cd3c;border-radius: 10px; color: #fff; font-size: 26px; overflow: hidden; } .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div:hover{cursor: pointer;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div:after{position: absolute; width: 100%; height: 100%; content: '?'; display: block; background-color: #09cd3c;top:0px; left: 0; opacity: 1;border-radius: 10px; font-weight: bold; text-align: center; padding-top: 20px;-webkit-transition:0.4s ease all; -o-transition:0.4s ease all; -moz-transition:0.4s ease all; transform: 0.4s ease all;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div.active:after{opacity: 0;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div1{top: 29%;left: inherit;right: 26%;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div2{top: 38%;left: 15%;} .new_design .common_dash.unit4_9 .text_center{text-align: center;} .new_design .common_dash.unit4_9.unit7_7 .bottom_img .img_part .overlay {left: 12px; top: -10px;} .new_design .common_dash.unit4_9.unit7_7 h3{margin-top: 40px;} .new_design .common_dash.unit4_9.unit7_7 h3 a.color3{background-color: #5fcd80;} .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .answer{height: 130px;} .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .problem{padding: 45px 0;} .new_design .common_dash.unit4_7.unit7_7 .cliffs {padding-bottom: 55px;} .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card{margin-bottom: 40px;} .new_design .common_dash.unit7_10 .cliffs{background-image: url(../images/new_design/page10_bg.png);background-repeat: no-repeat; background-position: 0 50px;} .new_design .common_dash.unit7_10 .cliffs h2{padding-top: 20px;padding-bottom: 20px;} .new_design .common_dash.unit7_10 p.bot_margin{margin-bottom: 30px;} .new_design .common_dash.unit4_13.unit7_11 .problem, .new_design .common_dash.unit4_13.unit7_11 .answer{height: 90px; margin-bottom: 20px;} .new_design .common_dash.unit4_13.unit7_11 .problem.color1, .new_design .common_dash.unit4_13.unit7_11 .answer.color1{background-color: #ffb001;} .new_design .common_dash.unit4_13.unit7_11 .problem.color2, .new_design .common_dash.unit4_13.unit7_11 .answer.color2{background-color: #37c060;} .new_design .common_dash.unit4_13.unit7_11 .problem.color3, .new_design .common_dash.unit4_13.unit7_11 .answer.color3{background-color: #f07404;} .new_design .common_dash.unit4_13.unit7_11 .problem.color4, .new_design .common_dash.unit4_13.unit7_11 .answer.color4{background-color: #8393ca;} .new_design .common_dash.unit4_13.unit7_11 .problem.color5, .new_design .common_dash.unit4_13.unit7_11 .answer.color5{background-color: #4c90dc;} .new_design .common_dash.unit4_13.unit7_11 .cliffs .card5{height: 110px;} .new_design .common_dash.unit7_12 .cliffs h2{padding-bottom: 10px;} .new_design .common_dash.unit7_12 .cliffs .right_content{width: 100%; background-image: url(../images/new_design/unit7_11.png); background-repeat: no-repeat; background-position: 130px 90px;} .new_design .common_dash.unit7_12 .cliffs .right_content p{padding-bottom:5px;padding-right: 30px;} .new_design .common_dash.unit7_12 .cliffs .right_content .right_flip{width: 60%;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left{float: left; width: 35%;text-align: left} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left img{width: 60%;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .right{float: right; width:60%; margin-top: 4%;} .new_design .common_dash.unit7_12 .cliffs .bottom_content p{padding-bottom: 5px;padding-right: 30px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs img{width: 80%;} .new_design .common_dash.unit4_13.unit7_11 .cliffs .tag_line{font-weight:200;display: inline; color: #fff;} .new_design .common_dash.unit4_13.unit7_11 .cliffs .tag_line{font-weight:200;display: inline; color: #fff;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span{font-size: 29px; line-height: 25px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span.pr{padding-right: 90px; padding-top:0px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card .answer{padding: 18px 0;} .new_design .common_dash.unit4_13.unit7_14 .card .answer,.new_design .common_dash.unit4_13.unit7_14 .card .problem{background-color:#ffb001} .new_design .common_dash.unit4_13.unit7_14 .card .answer{padding: 18px 0; text-align: right; padding-right: 90px;font-weight: normal;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .left{text-align:center; width: 40%; float: left;} .new_design .common_dash.unit7_12.unit7_14 {position: relative;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right {width: 60%; float: right;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain{position: relative; display: inline;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note{ position: absolute;bottom: 45px;left: -140px;color: #fff;background: rgba(5, 176, 56, 0.90);width: 320px;padding: 15px;border-radius: 15px;line-height: 25px;font-size: 21px;display: none;text-align: right;font-weight: normal;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note.color1{background-color: rgba(177,115,177,0.9); bottom: -150px;left: -350px;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note:after{background: url(../images/new_design/top_arrow_pop.png) no-repeat;content: '';display: block;position: absolute;bottom: -23px;right: 42%;width: 40px;height: 28px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note.color1:after{background:url(../images/new_design/pop_arrow.png) no-repeat; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); top: 20%;right: -12%;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom {margin-top: 10px;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom p{display: inline-block; vertical-align: top; color: #a864a8; font-weight: bolder;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom p a{color: #a864a8; font-weight: bolder;} .new_design .common_dash.common_dash.unit7_15 .top_content {margin-bottom: 60px;} .new_design .common_dash.common_dash.unit7_15 .top_content p{padding-bottom: 15px;} .new_design .common_dash.common_dash.unit7_15 .bottom_content{text-align: center;} .new_design .common_dash.common_dash.unit7_15 .bottom_content img{width:80%; text-align: center;} .new_design .common_dash.unit7_16 .problem{text-align: right; padding-right: 85px;} .new_design .common_dash.unit7_16 .problem .card__text{display: block;} .new_design .common_dash.unit7_16 .problem, .new_design .common_dash.unit7_16 .answer,.new_design .common_dash.unit7_16 .cliffs .card{height: 160px;} .new_design .common_dash.unit7_16 .bottom_content{text-align: center;margin-top: 20px;} .new_design .common_dash.unit7_16 p{font-size: 26px; line-height: 35px;} .new_design .common_dash.unit7_17 .tab_img{text-align: center; width: 100%;} .new_design .common_dash.unit7_17 p{font-size: 26px; line-height: 35px;} .new_design .common_dash.unit7_17 img{width:100%; height: 570px;} .new_design .page_18 .popup_container{background-image: url(../images/new_design/page4_bg.png); background-repeat: no-repeat; background-position: bottom center;padding-bottom: 170px;} .new_design .midalteacher_show.home.page18_bg h2{font-size: 29px; font-weight: bolder; text-align: center; color: #777777;} .new_design .page_18 .video_wrape{background: #ffb001;padding: 15px;border-radius: 10px;height: 425px;width: 93%;margin: 0 auto;margin-top: 20px;} .new_design .deshbordimg.common_dash.unit7_18 .cliffs{ min-height:740px} .new_design .deshbordimg.common_dash.unit7_18 .top{width: 90%; margin: 0 auto; text-align: center; position: relative; z-index: 1;} .new_design .deshbordimg.common_dash.unit7_18 .top .pop_btn{background-color:#1da8cc; width: 300px; height: 70px; display: inline-block; text-align: center; box-sizing: border-box; padding:20px 0; font-size: 26px; color: #fff; border-radius: 10px; font-weight: 600; vertical-align: top;} .new_design .deshbordimg.common_dash.unit7_18 .top p{display: inline-block; vertical-align:top; padding-top: 18px; font-size: 26px;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div{font-size:18px;margin-bottom: 10px; width: 300px; padding: 10px; box-sizing: border-box; background-color: #fff; color:#626161; border:1px solid #48c56d; position: relative;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div:after{position: absolute; content:'';width: 15px; height: 15px; border: 1px solid #000; border-radius: 50%; bottom: -7px; right: -7px; background-color: #fff; color: #000; font-size: 10px; font-weight: bold;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card1:after{content:'1';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card2:after{content:'2';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card3:after{content:'3';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card4:after{content:'4';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card5:after{content:'5';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card6:after{content:'6';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div#card7:after{content:'7';} .new_design .deshbordimg.common_dash.unit7_18 #cardPile{float: left; width: 40%; height: 600px; margin-top: 100px;} .new_design .deshbordimg.common_dash.unit7_18 #cardSlots div{border:1px solid #48c56d; width:300px;} .new_design .deshbordimg.common_dash.unit7_18 div#cardSlots{right:131px;top:110px;} .new_design .deshbordimg.common_dash.unit7_18 .drag_bg{background-image: url(../images/new_design/drage_sys.png); background-repeat: no-repeat; background-position: bottom right 64px; background-size: 40%;} .new_design .common_dash .summery h3{color:#1da8cc;} .new_design .deshbordimg.common_dash.unit7_19 .summery {background-image: url(../images/new_design/uni7_19_bg.png); background-repeat: no-repeat; background-position: 10% 85%;} .new_design .deshbordimg.common_dash.unit7_19 .summery p{padding-top: 0; font-weight: normal; line-height: 30px;} .new_design .deshbordimg.common_dash.unit7_20 .problem,.new_design .deshbordimg.common_dash.unit7_20 .answer{height: 140px;} .new_design .deshbordimg.common_dash.unit7_20 .cliffs{background-image:url(../images/new_design/page20_bg.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom:35%;} .new_design .deshbordimg.common_dash.unit7_20 .problem span, .new_design .deshbordimg.common_dash.unit7_20 .answer span{font-size: 29px; line-height: 30px;} .new_design .deshbordimg.common_dash.unit7_20 .answer span{text-align: right;padding-right: 10%;} .new_design .deshbordimg.common_dash.unit7_page21 .cliffs{background-image: url(../images/new_design/page21_bg.png); background-repeat: no-repeat; background-position:50px bottom;} .new_design .deshbordimg.common_dash.unit7_page21 h2{padding-bottom: 20px;} .new_design .deshbordimg.common_dash.unit7_page21 p{line-height: 35px; font-size: 29px;} .new_design .deshbordimg.common_dash.unit7_page21 .bottom_content{padding-top: 70px;padding-bottom:40px; padding-right: 10px;} .new_design .deshbordimg.common_dash.unit7_page21 .bottom_content h3{line-height: 35px;} .new_design .deshbordimg.common_dash.unit7_22 img{width:100%; margin: 0 auto; text-align: center; max-height: 550px; margin-top: 20px;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img{text-align: center;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img img{width: 45%;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img h3{margin-top: 0;} /*unit 9*/ .new_design .deshbordimg.common_dash.bottom_space .cliffs {padding-bottom: 50px;} .new_design .deshbordimg p.lines{text-align: right; font-size: 30px; font-weight: 100; color: #000; padding-right: 4%;line-height: 34px !important;letter-spacing: -1px; margin-bottom: 20px;} .new_design .deshbordimg p.lines.space {margin-bottom: 39px;} .new_design .deshbordimg p.lines.space span {display: inline-block; margin-top: 10px; vertical-align: top;} .new_design .deshbordimg.unit9_9 p.lines{font-weight: 500; letter-spacing: 1px;} .new_design .deshbordimg p.lines a {background: #05b038; display: inline-block; padding: 0 6.5%; color: #fff !important; font-weight: 800 !important; font-size: 30px !important; border-radius: 5px; box-shadow: 0 0 10px #ccc; line-height: 74px !important; border-radius: 12px;text-decoration: none; margin-left: 20px; text-align: center; padding-bottom: 0 !important;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2 .cliffs.text_center .card__front .problem.problem3.color3{background-color: #f39036;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2 .cliffs.text_center .card__back .answer.answer3.color3{background-color: #f39036 !important;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2 .cliffs.text_center .card__front .problem.problem3.color4{background-color: #ffc034;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2 .cliffs.text_center .card__back .answer.answer3.color4{background-color: #ffc034 !important;} .new_design .left_dash7 .midalteacher_show.unit9_3 {width: 950px;} .new_design .common_dash .cliffs .show_content.head {font-size: 30px;color: #b173b1;text-decoration: underline;position: relative;} .new_design .deshbordimg.common_dash.bottom_space .cliffs a.show_content.head {font-weight: 700;} .new_design .common_dash .cliffs .show_content.head p {font-size: 25px; font-weight: bold; color: #fff;} .new_design .common_dash .cliffs .show_content.head .content1 {top: -8px;right: 160px;padding: 10px; background-image: url(../images/new_design/coment_bg.png); text-align: right;} .new_design .common_dash .cliffs .photo_content {text-align: right;margin-right: 3.5%; margin-top: 5px; max-width: 90%;} .new_design .common_dash .cliffs .show_content.head .content1:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/pop_arrow.png) no-repeat;position: absolute;top: 12px;right: -27px;} .new_design .common_dash .cliffs .show_content.head .content2 {width: 340px; top: -190px;right: -50px; background-image: url(../images/new_design/coment_bg.png); text-align: right;} .new_design .common_dash .cliffs .show_content.head .content2:after {content: '';display: block;width: 33px;height: 25px;background: url(../images/new_design/pop_arrow_upper.png) no-repeat;position: absolute;top: 158px;right: 120px;} .new_design .common_dash .cliffs .show_content.head.greeny {position: relative; display: block;} .new_design .common_dash .cliffs .show_content.head .content3 {position: absolute;top: 83px; right: 3.4%; background-image: url(../images/new_design/green_pop_bg.png);background-repeat: repeat; text-align: right;border-radius: 10px;color: #fff;height: auto; padding: 20px;max-width: 93%; width: 93%; margin: 0 auto; box-shadow: 0 0 10px #ccc;} .new_design .common_dash .cliffs .show_content.head.greeny .content3 p {color: #fff; text-align: center; text-decoration: none; font-size: 28px; line-height: normal;} .new_design .common_dash .cliffs .show_content.head.greeny .content3:after {content: '';display: block;width: 33px;height: 25px;background: url(../images/new_design/green_top_arrow.png) no-repeat;position: absolute;top: -23px;right: 48%;} .new_design .common_dash .cliffs .show_content.head .content4 {position: absolute;width: 297px; top: -135px;right: -60px;padding: 10px; background-image: url(../images/new_design/orange_bg.png); text-align: right;border-radius: 5px;color: #fff;padding: 10px 20px; } .new_design .common_dash .cliffs .show_content.head .content4:after {content: '';display: block;width: 34px;height: 25px;background: url(../images/new_design/orange_down_arrow.png) no-repeat;position: absolute;bottom: -21%;right: 45%;} .new_design .common_dash .cliffs .show_content.head .content5 {position: absolute;width: 390px; top: 80px;left: -150px;padding: 10px; background-image: url(../images/new_design/blue_bg.png); text-align: right;border-radius: 5px;color: #fff;padding: 10px 20px;} .new_design .common_dash .cliffs .show_content.head .content5:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/blue_top_arrow.png) no-repeat;position: absolute;top: -9%;right: 43%;} .new_design .common_dash .cliffs .show_content.head .content6 {position: absolute;width: 322px; top: 64px;right: -60px;padding: 10px; background-image: url(../images/new_design/green_pop_bg.png); text-align: right;border-radius: 5px;color: #fff;padding: 10px 20px; } .new_design .common_dash .cliffs .show_content.head .content6:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/green_top_arrow.png) no-repeat;position: absolute;top: -30%;right: 40%;} .new_design .common_dash .cliffs .show_content.head span{ text-decoration: underline;} .new_design .common_dash .cliffs.adjust {position: relative;} .new_design .common_dash .cliffs.adjust .temp {position: absolute; top: 19%; left: 32%; color: #ffb001; font-size: 30px; font-weight: 900;} .new_design .common_dash .cliffs.adjust .show_content.head p {font-weight: 100; font-size: 25px; padding-right: 0 !important;} .new_design .common_dash .cliffs.adjust .show_content.head.orange {position: absolute; top: 28%; right: 24%;color: #f07404;} .new_design .common_dash .cliffs.adjust .show_content.head.blue {position: absolute; top: 38.5%; left: 20%;color: #1da8cc;} .new_design .common_dash .cliffs.adjust .show_content.head.greeny {position: absolute; bottom: 15%; right: 24%;color: #05b038;} .new_design .common_dash .cliffs .show_content.head.greeny {color: #05b038;} .new_design .common_dash.unit9_6 .cliffs {position: relative;} .new_design .common_dash.unit9_6 .cliffs .card {max-width: 30%; width: 30%; position: absolute; margin: 0; top: 0; right: 50%;} .new_design .common_dash.unit9_6 .cliffs .card.green { top: initial;bottom: 18%;right: 40%;} .new_design .common_dash.unit9_6 .cliffs .card.orange { top: 36%;right: 20%;} .new_design .common_dash.unit9_6 .cliffs .card.blue {top: 34%;right: 53%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem {text-align: right;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem span {text-align: right; font-size: 25px; line-height: 30px; font-weight: 700;} .deshbordimg.common_dash.unit9_6 .cliffs .card .answer span {font-size: 25px; line-height: 30px;font-weight: 500;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer {background: #33b1d1; padding: 10px 20px; height: 100px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color3, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color3 {background: #f1821d;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color4, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color4 {background: #1eb84c;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer:after {content: '';display: block;width: 36px;height: 25px;background: url(../images/new_design/blue_bottom_arrow.png) no-repeat;position: absolute;bottom: 7px;left: 14%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color4:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color4:after {content: '';display: block;width: 28px;height: 25px;background: url(../images/new_design/green_top_other.png) no-repeat;position: absolute;top: -18%;left: 14%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color3:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color3:after { content: '';display: block;width: 36px;height: 25px;background: url(../images/new_design/orange_down_arrow.png) no-repeat;position: absolute;bottom: 7px;left: 14%;} .new_design .common_dash.unit9_9 .cliffs, .new_design .common_dash.unit9_10 .cliffs {padding-top: 40px;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue {top: 47.7%; left: 23%;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {top: 47.7%; right: 26.5%;} .new_design .common_dash.unit9_9 .cliffs .show_content.head .content5:after {top: -48%;} .new_design .common_dash.unit9_9 .cliffs .show_content.head .content6 {top: 74px;right: -88px;} .new_design .common_dash.unit9_10 .cliffs p.lines{font-weight: 500;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.orange {top: 20%;right: 43%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.blue {top: 70%;left: 31%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.greeny {right: 35%; bottom: 18.5%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4 {width: 530px; top: 74px;right: -363px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5 {top: 66px;left: -253px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6 {right: -216px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4:after {background: url(../images/new_design/orange_top_arrow.png) no-repeat; bottom: 99%;right: 77%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5:after {top: -21%;right: 24%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6:after { top: -21%;right: 76%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs{background-image: url(../images/new_design/unit9_6.jpg); background-repeat: no-repeat; background-size: 70%; background-position: center bottom 37%; padding-bottom: 0px;min-height: 750px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_7 .cliffs{background-image: url(../images/new_design/unit9_7.jpg); background-repeat: no-repeat; background-size: 85%; background-position: center bottom 14%; padding-bottom: 290px;min-height: 710px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_8 .cliffs{background-image: url(../images/new_design/unit9_8.jpg); background-repeat: no-repeat; background-size: 75%; background-position: center center; padding-bottom: 45%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_9 .cliffs{background-image: url(../images/new_design/unit9_9_bg.jpg); background-repeat: no-repeat; background-size: 75%; background-position: center bottom; padding-bottom: 27%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_10 .cliffs{background-image: url(../images/new_design/unit9_10.jpg); background-repeat: no-repeat; background-size: 52%; background-position: center bottom 18%; padding-bottom: 41%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_13 .cliffs{background-image: url(../images/new_design/unit9_13_bg.jpg); background-repeat: no-repeat; background-size: 60%; background-position: center bottom; padding-bottom: 29%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_15 .cliffs{background-image: url(../images/new_design/unit9_15_bg.jpg); background-repeat: no-repeat; background-size: 40%; background-position: center bottom; padding-bottom: 25%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_16 .cliffs{background-image: url(../images/new_design/unit9_16_bg.jpg); background-repeat: no-repeat; background-size: 70%; background-position: center bottom 3%; padding-bottom: 15%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs{background-image: url(../images/new_design/page8.jpg); background-repeat: no-repeat; background-size: 39%; background-position: center bottom 3%; padding-bottom: 27%;} .page_6_table {text-align: right;max-width: 93%;margin-right: 3.3%; position: relative;} .page_6_table img {max-width: 100%} .page_6_table .page6_hide {position: absolute;/*top: 0;*/left: auto; opacity: 1;transition: 0.5s ease all;} .page_6_table.active .page6_hide {opacity: 0;} .new_design .popwrap .popup_container.pop1.page9_5 {padding-bottom: 100px;} .new_design .common_dash .cliffs.adjust .show_content.head.blue {top: 75%;left: 31%;} .new_design .common_dash .cliffs.adjust .show_content.head.greeny {right: 33%;} .popwrap .popup_container .video_wrape.unit7_4.no_background {background: transparent;} /*drag pages*/ .page_7_drag.unit9_drag {height: 288px; position: relative;} .page_7_drag.unit9_drag #cardSlots div, #cardPile div {position: absolute;width: 49.6%;height: 72px;padding-right: 30px; box-sizing: border-box;border: none;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;background: transparent;color: transparent; text-align: right;line-height: 72px; } .page_7_drag.unit9_drag div#cardSlots {position: absolute; top: 0;padding: 0;height: 216px;top: -216px;width: 72%;max-width: 100%;left: 4.8%;} .page_7_drag.unit9_drag #cardSlots div {box-shadow: none; margin-bottom: 0; } .page_7_drag.unit9_drag #cardSlots div:after {display: none;} .page_7_drag #cardSlots .one.ui-droppable { left: 0.4%; top: 72px;} .page_7_drag #cardSlots .two.ui-droppable { left: 50.4%; top: 144px;} .page_7_drag #cardSlots .three.ui-droppable { left: 50.4%; top: 72px;} .page_7_drag #cardSlots .four.ui-droppable { left: 50.4%; top: 0px;} .page_7_drag #cardSlots .five.ui-droppable { left: 0.4%; top: 0px;} .page_7_drag #cardSlots .six.ui-droppable { left: 0.4%; top: 144px;} .page_7_drag #cardSlots .ui-droppable {padding: 0;} .page_7_drag.unit9_drag .right_content {padding: 0; margin: 0; height: 300px !important; max-height: 300px !important; position: relative} .page_7_drag.unit9_drag .right_content #content {width: 100%; float: none;} .page_7_drag.unit9_drag #cardPile {max-width: 100%; width: 72%; box-sizing: border-box; float: left} .page_7_drag.unit9_drag #cardPile div {position: absolute !important; width: 30%; font-size: 24px;line-height: 24px; height: auto;padding: 1% 2% 1% 0.8%;box-sizing: border-box; background: transparent;color: #000;font-weight: 100;position: relative;display: block; text-align: right; float: none; margin: 0px;cursor: move;border: 2px solid #777777; border-radius: 0px;box-shadow: none; top: 25px; right: 28%; margin-bottom: 35px; margin-left: 6% !important; min-height: 60px;} .page_7_drag.unit9_drag div#card1 {} .page_7_drag.unit9_drag div#card2 {right: 63%;} .page_7_drag.unit9_drag div#card3 {top: 120px;} .page_7_drag.unit9_drag div#card4 {top: 120px; right: 63%;} .page_7_drag.unit9_drag div#card5 {top: 215px;} .page_7_drag.unit9_drag div#card6 {top: 215px; right: 63%;} .page_7_drag.unit9_drag div#card4, .page_7_drag.unit9_drag div#card5 {padding: 0.3% 2% 0.3% 0.8%; box-sizing: border-box;} .page_7_drag.unit9_drag div#card2, .page_7_drag.unit9_drag div#card4, .page_7_drag.unit9_drag div#card6 {margin-left: 0;} .page_7_drag.unit9_drag #cardSlots div.hovered {background: transparent;} .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {border: none; width: 35.7%; height: 72px; line-height: 43px; margin: 0;} .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card4, .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card5 {padding: 1% 2% 1% 0.8%;} .page_7_drag.unit9_drag #cardPile ui-draggable.ui-draggable-handle {right: 0 !important;} .new_design .deshbord .deshbordimg .table_block{display: block; width: 90%; margin: 0 auto;} .new_design .deshbord .deshbordimg .table_block ul{padding: 0;} .new_design .deshbord .deshbordimg .table_block ul li{list-style: none; background: #f1f1f1; width: 40%; float: left; display: block; min-height: 72px; text-align: right; padding-right: 30px; box-sizing: border-box; border-right: 3px solid #fff;} .new_design .deshbord .deshbordimg .table_block ul li p{font-size: 26px;line-height: 72px; padding: 0;} .new_design .deshbord .deshbordimg .table_block .light_blue {background: #d2eef5} .new_design .deshbord .deshbordimg .table_block ul li.dark_blue {background: #1da8cc;} .new_design .deshbord .deshbordimg .table_block ul li.dark_blue p {color: #fff;} .new_design .deshbord .deshbordimg .table_block ul li.first {border-right: none; width: 20%;} .new_design .deshbordimg.unit9_11 p.lines {padding-right: 5%;} /*drag page 12*/ .new_design .deshbord .deshbordimg .drag_n_drop{display: block; width: 65%; margin: 0 auto; margin-top: 10px; z-index: 2; min-height: 476px;} .new_design .deshbord .deshbordimg .drag_n_drop img{display: block; width: 100%; min-width: 920px; min-height: 480px;} .page_7_drag.unit9_drag.small {height: 130px; position: relative;} .page_7_drag.unit9_drag.small #cardSlots div, .page_7_drag.unit9_drag.small #cardPile div {position: absolute; width: 220px;/*width: 17.5%;*/height: 44px;padding-right: 5px; box-sizing: border-box; border: 1px solid #777777; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;background: #fff;color: #fff; text-align: right;line-height: 44px; z-index: 1;} .page_7_drag.unit9_drag.small div#cardSlots {position: absolute; top: 0;padding: 0;height: 476px; min-height: 476px; top: -476px;width: 90%;max-width: 100%;left: 0;} .page_7_drag.unit9_drag.small #cardSlots div {box-shadow: none; margin-bottom: 0; } .page_7_drag.unit9_drag.small #cardSlots div:after {display: none;} .page_7_drag.unit9_drag.small #cardSlots .one.ui-droppable { left: inherit;right: 9%;top: 79%;} .page_7_drag.unit9_drag.small #cardSlots .two.ui-droppable {left: 34%;top: 21%;} .page_7_drag.unit9_drag.small #cardSlots .three.ui-droppable {left: inherit;right: 20.5%;top: 50%;} .page_7_drag.unit9_drag.small #cardSlots .four.ui-droppable {left: 15%;top: 10%;} .page_7_drag.unit9_drag.small #cardSlots .five.ui-droppable {left: inherit;right: 20.5%;top: 18%;} .page_7_drag.unit9_drag.small #cardSlots .six.ui-droppable { left: inherit;right: 35%;top: 64%;} .page_7_drag.unit9_drag.small #cardSlots .seven.ui-droppable {left: 31%;top: 81%;} .page_7_drag.unit9_drag.small #cardSlots .eight.ui-droppable {left: inherit;right: 20.5%;top: 34%;} .page_7_drag.unit9_drag.small .right_content {padding: 0; margin: 0; height: 130px !important; max-height: 130px !important; position: relative} .page_7_drag.unit9_drag.small .right_content #content {width: 100%; float: none;} .page_7_drag.unit9_drag.small #cardPile {max-width: 100%; width: 90%; box-sizing: border-box; float: left; position: relative; height: 130px;} .page_7_drag.unit9_drag.small #cardPile div {position: absolute !important; width: 220px; /*width: 17.5%;*/height: 44px; font-size: 30px;line-height: 44px; padding: 0; text-align: center; box-sizing: border-box; background: #fff; color: #000;font-weight: 900;position: relative;display: block; float: none; margin: 0px;cursor: move;border: 1px solid #777777; border-radius: 0px;box-shadow: none; top: 5px; right: 50px; margin: 0; margin-left: 15px !important; min-height: 44px;} .page_7_drag.unit9_drag.small div#card1, .page_7_drag.unit9_drag.small div#card5 {right: 100px;} .page_7_drag.unit9_drag.small div#card2, .page_7_drag.unit9_drag.small div#card6 {right: 335px;} .page_7_drag.unit9_drag.small div#card3, .page_7_drag.unit9_drag.small div#card7 {right: 570px;} .page_7_drag.unit9_drag.small div#card4, .page_7_drag.unit9_drag.small div#card8 {right: 805px;} .page_7_drag.unit9_drag.small div#card5, .page_7_drag.unit9_drag.small div#card6, .page_7_drag.unit9_drag.small div#card7, .page_7_drag.unit9_drag.small div#card8 {top: 59px;} .page_7_drag.unit9_drag.small #cardSlots div.hovered {background: #aaa;} .page_7_drag.unit9_drag.small #cardPile .ui-draggable.correct.ui-draggable-disabled {border: 1px solid #777777; width: 220px !important; /*width: 17.5% !important;*/ height: 44px; line-height: 44px; margin: 0;} .page_7_drag.unit9_drag.small #cardPile .ui-draggable.correct.ui-draggable-disabled#card4, .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card5 {padding: 0;} .page_7_drag.unit9_drag.small #cardPile ui-draggable.ui-draggable-handle {right: 0 !important;} .new_design .common_dash.unit9_13 .page_6_table {text-align: center; margin-top: 15px;} .new_design .common_dash.unit9_14 .page_6_table {text-align: center;} .new_design .deshbordimg.unit9_14 p.lines {margin-bottom: 50px; text-align: center; padding-right: 0;} .new_design .deshbordimg.unit9_15 p.lines {font-weight: 500;} .popwrap .popup_container.page9_15 {padding: 0;} .new_design .popwrap .popup_container.pop1.page9_5.page9_15 {padding-bottom: 0;} .new_design .popwrap .popup_container.pop1.page9_5.page9_15 img { width: 100%;display: block;} .new_design .deshbordimg.unit9_16 h1.green_header {padding-right: 20px;} .new_design .deshbordimg.unit9_16 h3 {color: #1da8cc; padding: 0; padding-right: 20px;} .new_design .deshbordimg.unit9_16 .list_content {margin-bottom: 20px; display: block;} .new_design .deshbordimg.unit9_16 p {font-size: 30px !important; line-height: 34px !important; font-weight: 500;} .new_design .deshbordimg.unit9_16 .list_content p span {color: #1da8cc; font-size: 30px; font-weight: 700; display: inline-block; vertical-align: top; padding-left: 7px; box-sizing: border-box; width: 37px;} .new_design .deshbordimg.unit9_16 .list_content p.right_space {padding-right: 57px;} .new_design .deshbordimg.unit9_16 p.lines {font-weight: 700; padding-right: 20px;} .new_design .deshbordimg.unit9_17 h2 {text-align: right; padding: 0;padding-right: 4%;font-size: 30px;font-weight: 700;line-height: 32px; margin-bottom: 5px;} .new_design .left_right_button .right_side {width: 37%;} .new_design .left_right_button.page9_17 .right_side a {margin-right: 2%;} .new_design .left_right_button.page9_17 .right_side a.color2 {background: #f07404;} .new_design .left_right_button.page9_17 .right_side a.color3 {background: #ffb001;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs h2 {font-size:30px;font-weight: 500;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs h2.color2 {color: #1da8cc; font-weight: 700;} /* UNIT 10 */ .new_design .page16.common_dash .cliffs a.links {font-size: 26px;color: #f07404;text-decoration: underline;padding: 10% 0;position: relative;display: block;width: auto} .new_design .popwrap .popup_container.small {width: 700px; padding: 30px; box-sizing: border-box; top: 66%;left: 13%; margin: 0;} .new_design .popwrap .popup_container.small:after {position: absolute; display: block; content: ''; width: 0;height: 0;border-style: solid;border-width: 12px 14px 0 14px;border-color: #fff transparent transparent transparent; bottom: -11px; left: 10%;} .new_design .left_right_button.unit10_2 .right_side {width: 84%;} .new_design .common_dash h1.txt_center {text-align: center;} .new_design .common_dash.unit10_3 h1 {display: block; margin-bottom: 15px;} .new_design .common_dash.unit10_3 p.lines strong {padding: 3% 0 1% 0; display: block;} .new_design .common_dash.unit10_3 .but_center {text-align: center; margin-bottom: 5%;} .new_design .common_dash.unit10_3 u {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;} .new_design .common_dash.unit10_3.c1 p u.color1{background: #f49d4f} .new_design .common_dash.unit10_3 a {color: #fff !important; background: #f07404;display: inline-block; padding: 15px 58px !important;font-weight: bold !important;font-size: 22px !important;box-shadow: 0 0 10px #ccc;line-height: normal;margin-right: 15px;border-radius: 12px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc {padding: 0; text-align: right; margin: 0; max-width: 93%; margin-right: 4%;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li {border-right: #fff 1px solid;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li, .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li+li {width: 33.3%; min-height: 25px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li.dark_green p {visibility: visible;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li p {font-size: 21px; line-height: 25px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; visibility: hidden;} .new_design .common_dash.unit10_5 .but_center {text-align: right;} .new_design .common_dash.unit10_5 .but_center p {display: inline-block; vertical-align: top;} .new_design .common_dash.unit10_5 .but_center p.lines strong {padding: 2% 0 1% 0;} .new_design .deshbord .deshbordimg.unit10_5 a {display: inline-block; vertical-align: top;} .new_design.unit10 .popwrap .popup_container.pop2 img {float: none;} .new_design .common_dash.unit10_9 .cliffs {min-height: 680px;} .new_design .left_right_button.unit10_11 .right_side {width: 66%;} .new_design .popwrap .popup_container.small.texts {text-align: center; width: 940px; top: 57%; left: 26%;} .new_design .popwrap .popup_container.small.texts h3 {font-size: 25px; text-decoration: none;} .new_design .popwrap .popup_container.small.texts p {font-size: 23px; color: #000; padding: 0;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_11 .cliffs {background-image: url(../images/new_design/unit10_11.jpg); background-repeat: no-repeat; background-size: 66%; background-position: center bottom 3%; padding-bottom: 25%;} .new_design .page16.common_dash.unit10_12 .cliffs .card {min-height: 170px;} .new_design .page16.common_dash.unit10_12 .problem, .new_design .page16.common_dash.unit10_12 .answer {height: 160px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_13 .cliffs {background-image: url(../images/new_design/unit10_13_bg.jpg); background-repeat: no-repeat; background-size: 27%; background-position: center bottom 3%; padding-bottom: 21%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_14 .cliffs {background-image: url(../images/new_design/unit10_14_bg.jpg); background-repeat: no-repeat; background-size: 61%; background-position: center bottom 3%; padding-bottom: 21%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_3.unit10_5.unit10_17 .cliffs {background-image: url(../images/new_design/unit10_17.jpg); background-repeat: no-repeat; background-size: 31%; background-position: center bottom 3%; padding-bottom: 24%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_3.unit10_5.unit10_18 .cliffs {background-image: url(../images/new_design/unit10_18.jpg); background-repeat: no-repeat; background-size: 31%;background-position: left 6% bottom 5%;padding-bottom: 9%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_17.unit10_19 .cliffs {background-image: url(../images/new_design/unit10_19_bg.jpg); background-repeat: no-repeat; background-size: 27%;background-position: left -4% bottom;padding-bottom: 2%;} .new_design .deshbordimg.common_dash.unit10_16 p {text-align: center; margin-top: 10px;} .new_design .deshbordimg .cliffs .half_card {display: block; width: 96%; margin: 0 auto;} .new_design .deshbordimg .cliffs .half_card .card {position: relative; display: inline-block; vertical-align: top; float: right; max-width: 50%; width: 50%; margin: 0; min-height: 149px;} .new_design .deshbordimg .cliffs .half_card .problem, .new_design .deshbordimg .cliffs .half_card .answer {height: 149px;} .new_design .deshbordimg .cliffs .half_card .card span {font-size: 26px;} .new_design .common_dash.unit10_17 p.lines {line-height: 40px !important;} .new_design .common_dash.unit10_17 p.lines.orange {color: #f07404;} .new_design .common_dash.unit10_17 p.lines strong {padding: 0; display: inline-block;} .popup_container.page10_18 { background-color: #fff; background-image: url(../images/new_design/unit10_18_popbg.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center bottom;padding-bottom: 14% !important;} .popup_container.page10_18 h2 {color: #00ae3a !important; text-decoration: underline;} .popup_container.page10_18 .table_struc{display: block; padding-top: 20px;} .popup_container.page10_18 .table_struc ul{padding: 0;} .popup_container.page10_18 .table_struc ul li{ list-style: none; background: #f1f1f1; width: 75%; float: left; display: block; border-right: #d2d2d2 1px solid; min-height: 40px;} .popup_container.page10_18 .table_struc ul li p{ line-height: 40px; padding: 0 10px;} .popup_container.page10_18 .table_struc ul li+li{ width: 25%; border: none} .popup_container.page10_18 .table_struc .light_green { background: #c3eccf} .popup_container.page10_18 .table_struc ul li.dark_green { background: #37c060; } .popup_container.page10_18 .table_struc ul li.dark_green p {color: #fff;} .new_design .common_dash.unit10_19 p.lines {margin-bottom: 3%;} .new_design .common_dash.unit10_19 p.start, .new_design .common_dash.unit10_19 p.orange {margin-bottom: 0;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li {width: 48%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li+li {width: 32%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li+li+li {width: 20%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li+li+li p {visibility: visible !important;} /*unit 10 drag*/ .new_design .common_dash.unit10_21 .cliffs {min-height: 610px;} .new_design .deshbordimg.unit10_21 p.lines {line-height: 43px !important; margin: 40px 0;} .new_design .deshbordimg.unit10_21 p.lines span {margin-right: 233px} .page_7_drag.unit10_drag {height: 110px; position: relative;} .page_7_drag.unit10_drag #cardSlots div,.page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {position: absolute;width: 175px;height: 60px;padding: 10px 0;box-sizing: border-box;border: 1px solid #777;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: #fff;color: #fff; text-align: center; line-height: 34px;} .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {background: #f07404;color: #fff;font-size: 29px;font-weight: 600;position: relative;display: block;float: right;margin: 0px;cursor: move; border-color: #f07404} .page_7_drag.unit10_drag #cardPile { width: 100%; height: 100px;} .page_7_drag.unit10_drag div#cardSlots {height: 70px;top: -91px;width: 100%;left: 0;} .page_7_drag.unit10_drag #cardSlots .two.ui-droppable, .page_7_drag.unit10_drag #cardSlots .three.ui-droppable, .page_7_drag.unit10_drag #cardSlots .four.ui-droppable, .page_7_drag.unit10_drag #cardSlots .five.ui-droppable {display: none;} .page_7_drag.unit10_drag #cardSlots .one.ui-droppable { left: initial;right: 705px;top: 0;} .page_7_drag.unit10_drag #cardSlots .six.ui-droppable { left: initial; right: 418px;top: 233px;} .page_7_drag.unit10_drag .right_content #content {height: 100px;} .page_7_drag.unit10_drag .right_content {height: 100px !important;max-height: 100px !important; width: 90%; margin: 0 auto; text-align: center} .page_7_drag.unit10_drag #cardSlots div.hovered {background: rgba(0,0,0,0.2);} .page_7_drag.unit10_drag #cardSlots div {text-align: right;padding: 0;} .page_7_drag.unit10_drag #cardPile div {right: 24%; margin-left: 0;} .page_7_drag.unit10_drag div#card1 {} .page_7_drag.unit10_drag div#card2, .page_7_drag.unit10_drag div#card5 {right: 45%;} .page_7_drag.unit10_drag div#card3, .page_7_drag.unit10_drag div#card6 {top: 25px; right: 66%;} .page_7_drag.unit10_drag div#card4, .page_7_drag.unit10_drag div#card5, .page_7_drag.unit10_drag div#card6 {background: #1da8cc; border-color: #1da8cc; top: 300px;} .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card6 {background: #1da8cc; border-color: #1da8cc;} .new_design .deshbordimg.unit10_21 p.lines.last span {margin-right: 245px;} .page_7_drag.unit10_drag.page22 #cardSlots .one.ui-droppable {right: 428px;top: -42px;} .page_7_drag.unit10_drag.page22 #cardSlots .two.ui-droppable, .page_7_drag #cardSlots.unit10_drag.page22 .three.ui-droppable, .page_7_drag.unit10_drag.page22 #cardSlots .six.ui-droppable, .page_7_drag.unit10_drag.page22 #cardSlots .five.ui-droppable {display: none;} .page_7_drag.unit10_drag.page22 #cardSlots .four.ui-droppable {display: block; left: initial; right: 437px;top: 233px;} .page_7_drag.unit10_drag.page22 #cardPile .ui-draggable.correct.ui-draggable-disabled#card4 {background: #1da8cc; border-color: #1da8cc; padding: 10px;} .page_7_drag.unit10_drag.page22 div#card4, .page_7_drag.unit10_drag.page22 div#card5, .page_7_drag.unit10_drag.page22 div#card6 {top: 263px;} .page_7_drag.unit10_drag.page23 #cardSlots .one.ui-droppable {right: 523px;} .page_7_drag.unit10_drag.page23 #cardSlots .four.ui-droppable {right: 408px;} .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; position: absolute;} .new_design.full_screen .left_area {width: 98.7%;} #canvas{position: absolute; left: 0} .new_design .left_right_but { position: absolute;left: 0;width: 100%;bottom: 0px;z-index: 9;} /* New 2018 */ .new_design #contentwrapper.home .home_top_bg { top: 90px; left: 5%; width: 100%; text-align: left; position: absolute; } .new_design .right_txt_blk a{ background: #ac4adf} .new_design .unit4_home .home_popup .midalteacher_show .dotted li{color: #777777; margin-bottom: 10px; font-size: 17px;} .new_design .unit4_home .home_popup .midalteacher_show .popup_txt{margin-left: 3%;} .new_design .unit4_home .home_popup .midalteacher_show .popup_txt p{ color: #777777; font-size: 17px} .new_design .unit4_home .home_popup .midalteacher_show .popup_txt p a{ color: #4ab9d6;} .new_design .unit4_home .home_popup{overflow: auto; padding-bottom: 25px;} .new_design .unit4_home .home_popup .midalteacher_show{top: 60px;} .new_design .unit4_home .popup h2 span{ color: #00ffb4} .new_design .popup_txt .popup:after{left: 90%;} .new_design .home_popup .popup_txt .popup{top: 53px;} .new_design .unit4_home .midalteacher_show .table_struc p{ color: #777;} .new_design .midalteacher_show p.blue_section{ color: #4ab9d6; font-weight: 600; display: inline-block; vertical-align: top; margin-left: 1%; padding-top: 10px;} .pop_btn{background: #1da8cc;display: inline-block;padding: 12px 58px;color: #fff;font-weight: bold;font-size: 22px;border-radius: 5px;box-shadow: 0 0 10px #ccc; float: left; margin-top: 5px;} .new_design .unit4_home .home_popup .midalteacher_show{margin-bottom: 40px;} .new_design .page16.common_dash .cliffs a.green_btn{color: #fff !important; background:#05b038;display: inline-block; padding: 15px 58px !important;font-weight: bold !important;font-size: 22px !important;box-shadow: 0 0 10px #ccc;line-height: normal;margin-right: 15px;border-radius: 4px; margin-top: 30px; margin-bottom: 30px;} .new_design .page16.common_dash .cliffs a.green_btn:hover{background: #04902e} .new_design .page16.common_dash.unit7_2 .cliffs.light { background: rgba(255, 255, 255, 0.5); box-shadow: 1px 3px 5px #dadada;} .new_design .deshbord .deshbordimg .vedio_inner{display: block; margin: 0 auto; max-width: 540px; margin-bottom: 30px;} .new_design .deshbord .deshbordimg .vedio{min-height: 350px;} .new_design .deshbord .deshbordimg p.small { font-size: 15px; max-width: 750px; text-align: left; margin: 0 auto; } .new_design .common_dash .cliffs .three_man{} .new_design .common_dash .cliffs .three_man .col{ display: inline-block; width: 30%; text-align: center;} .new_design .common_dash .cliffs .three_man .col img{border: 5px solid #ffb001; border-radius: 11px; margin-bottom: 10px;} .new_design .common_dash .cliffs .three_man .col a{color: #4ab9d6; display: block; padding-bottom: 0; font-weight: 600; text-decoration: underline} .new_design .common_dash .cliffs .three_man .col a:hover{color: #3b93aa} .new_design .problem2, .new_design .answer2{background-color: #05b038;} .new_design .problem3, .new_design .answer3 {background-color: #05b038;} .new_design .answer span { color: #fff; font-weight: 400; font-size: 18px; padding: 0 30px; box-sizing: border-box; text-align: right; } .new_design .page16.common_dash .cliffs .answer span a { color: #fff; font-weight: 600; font-size: 18px; text-decoration: underline; color: #fff} .new_design .page16.common_dash .cliffs .card{ min-height: 260px;} .new_design .page16.common_dash.unit7_2 .problem, .new_design .page16.common_dash.unit7_2 .answer {height: 320px;margin-top: 30px;} .new_design .no_arrow .problem, .new_design .no_arrow .answer{ background-image: none } .new_design .deshbord .deshbordimg .content1 { background: rgba(52, 187, 90, 0.89);right: -100px;top: -217px;} .new_design .deshbord .deshbordimg .content1:after{ background-image: url(../images/new_design/green_bottom_arrow.png); top: auto;left: 50%;bottom: -25px;} .new_design .deshbord .deshbordimg .content1 p{font-size: 21px;} .new_design .answer span, .new_design .page16.common_dash .cliffs .answer span a{font-size: 22px;} .new_design #contentwrapper.page_4{background-image: url(../images/new_design/unit10_background1.jpg)} .new_design .page16.common_dash.unit7_2 .cliffs{padding-top: 70px; padding-bottom: 130px;} .new_design .page16.common_dash .cliffs .three_man .col img{margin-bottom: 20px;} .new_design .page16.common_dash .card__front{//margin-top: 100px;} .new_design .page24.common_dash.unit7_2 .cliffs {padding-bottom: 80px;} .new_design .page24.common_dash .cliffs h3{color: #2b2b2b;font-size: 30px;} .new_design .page24.common_dash .cliffs h4{color: #2b2b2b;font-size: 26px;font-weight: 400;margin-top: 20px;} .new_design .page24 .problem4,.new_design .answer4{background-color: #1da8cc} .new_design .page24.common_dash .cliffs .card{min-height: 220px} .new_design .page24.common_dash.unit7_2 .problem, .new_design .page24.common_dash.unit7_2 .answer {height: 200px;} .new_design .answer4 span,.new_design .answer5 span{text-align: center} .new_design .page24.common_dash.unit7_2 .problem, .new_design .page24.common_dash.unit7_2 .answer{margin-top: 0px} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg{background-image: url(../images/new_design/map_bg.jpg) !important;background-position:top -115px center !important;background-repeat: no-repeat;background-size: cover;height: 742px;position: relative;} /*.new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div{padding-right: 0px}*/ .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div{ padding: 5px 8px;overflow: visible; min-width: 118px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div a{color: #389ab3;font-size: 19.38px;font-weight: 400;position: relative;padding: 0px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div.active a{z-index: 99999} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div.active {border-color: #bfc5c9 !important;border-radius: 0px !important} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div:after{font-weight: bold;color: #fff;background: #05b038;right: 0;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div a:after{content: '';position: absolute;left: 0;right: 0;bottom: 2px;width: 100%;;height: 1px;background-color: #389ab3} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div a:before{ content: '';position: absolute;left: 0;right: -28px;bottom: -5px;width: 103%;height: 130%;z-index: -1;background-color: #fff;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div:before{content: '';position: absolute;background-size: contain;background-repeat: no-repeat;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page1{ left: 23px;bottom: 250px;right: auto;top: auto} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page1:before{ height: 133px;width: 85px;background-image: url(../images/new_design/line_1.png);top: -133px;left: 0;right: -70px;margin: 0 auto;text-align: center;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page2{ left: 313px;bottom: 366px;right: auto;top: auto} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page2:before{ height: 35px;width: 125px;background-image: url(../images/new_design/line_2.png); top: 0px;right: 116px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page3 { left: 48.9%; bottom: 65%; right: auto; top: auto; } .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page3:before{ height: 79px;width: 102px;background-image: url(../images/new_design/line_3.png);top: 37px;right: 0;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page4{ left:53.1%;bottom: 75%;right: auto;top: auto} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page4:before { height: 180px; width: 40px; background-image: url(../images/new_design/line_4.png); top: 33px; right: 15px; background-size: auto; background-position: center center; } .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page5{ left: 61%;bottom: 81.5%;right: auto;top: auto} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page5:before{ height: 180px;width: 40px;background-image: url(../images/new_design/line_4.png);top: 33px;right:0;left: 0;margin: 0 auto;margin: 0 auto;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page6{ right: 18.5%;top: 21%;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page6:before{ height: 172px;width: 95px;background-image: url(../images/new_design/line_5.png); top: 36px;right: 53px;left: 0;margin: 0 auto;margin: 0 auto;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page7{ bottom: 35%;right: 29.3%;top: auto;background: none ;background-color: #fff !important} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page7 {bottom: 259px; right: 151.5px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page7:before{ height: 121px;width: 84px;background-image: url(../images/new_design/line_6.png); top: -60px;right: 60px;left: 0;margin: 0 auto;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page8{bottom: 28%; right: 11.3%; top: auto;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page8:before {height: 143px;width: 70px;background-image: url(../images/new_design/line_7.png);top: -112px;left: -70px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page9 {bottom: 326px; right: 59px; top: auto;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page9:before{ height: 35px;width: 125px;background-image: url(../images/new_design/line_2.png); top: 0px;right: 116px;} .new_design .midalteacher_show p{font-size: 15px; color: #626161} .new_design .leftright_arrow {position: absolute;z-index: 9;bottom: 0;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg{max-width: 1015px; background-position: center !important; margin: 0 auto} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 div a:before{display: none;} /* U_1 */ .new_design .common_dash.unit_1 h1{color: #2b2b2b;font-size: 32px;text-align: right;font-weight: bold;line-height: 32px;} .new_design .page16.common_dash.unit_1 .cliffs{padding-top: 50px;background-repeat: no-repeat;background-position: left top;background-size: contain;} .new_design .deshbordimg.unit_1 p{padding-right: 0px;text-align: right;font-size: 26px;color: #2b2b2b;line-height: 34px;} .new_design .deshbordimg.unit_1 h6{position: absolute;bottom:46px;right: 25px;color: #2b2b2b;font-size: 23px;font-weight: bold;} .new_design .deshbordimg.unit_1 .examination{position: relative;width: 42%; margin-top: 108px;} .new_design .deshbordimg.unit_1 .examination+.examination{margin-top: 44px;} .new_design .deshbordimg.unit_1 .examination span{color: #2b2b2b;font-size: 23px; line-height: 27px; } .new_design .deshbordimg.unit_1 .examination a{display: inline-block;vertical-align: top;position: absolute;left: 0;top: 0;} .new_design .deshbordimg.unit_1 .examination .bt_y{background-color:#ffb001 ;} .new_design .deshbordimg.unit_1 .examination .bt_g{background-color:#05b038 ;} .new_design .deshbordimg.unit_1 .color_y.active{background-color: #f6d35b} .new_design .deshbordimg.unit_1 .color_g.active{background-color: #56e585} .new_design .examination_popup{position: fixed;width: 100%;height: 100%;background-color:rgba(0,0,0,0.8);left: 0;top: 0;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;opacity:0;visibility: hidden;overflow: auto;} .new_design .examination_popup.active{opacity: 1;visibility: visible;z-index: 9999999999} .new_design .examination_popup .inner{width: 100%;max-width: 1016px;margin: 0 auto;background-color: #fff;border-radius: 8px;text-align: center;padding: 30px;position: relative; top: 32%;} .new_design .examination_popup .inner *{direction: rtl} .new_design .examination_popup .inner h2{color: #37c060;font-size: 30px;font-weight: 900;border-bottom: 2px solid #7bd191;display: inline-block;vertical-align: top;margin-top: 36px; margin-bottom: 39px; direction: rtl} .new_design .examination_popup .inner p{color: #777777;font-size: 26px;font-style:italic;line-height: 34px; direction: rtl} .new_design .examination_popup .inner h3{color: #777777;font-size: 26px;text-align: center;margin-top: 35px;} .new_design .examination_popup .inner p a{color: #37c060;font-weight: bold;} .new_design .examination_popup .inner span {position: absolute;left: 30px;top: 72px;color: #fff;padding: 30px 30px 30px 30px;border-radius: 12px;font-size: 25px;font-weight: 300;background-color: rgba(55,192,96,0.9);opacity: 0;visibility: hidden;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;} .new_design .examination_popup .inner span:after{ content: '';position: absolute;right: -32px;top: calc(50% - 32px);background-image: url(../images/new_design/bottom_arrow_pop.png);background-repeat: no-repeat;background-size: contain;width: 41px;height: 24px;transform: rotate(-91deg);opacity: 0.8;} .new_design .examination_popup .inner span.active_in{opacity: 1;visibility: visible} .new_design .examination_popup .inner i{display: block;font-style: italic;text-align: left;padding-left: 30px;margin-top: 56px; color: #777777;} .new_design .examination_popup .inner .close{position: absolute;right: -55px;top: -30px;cursor: pointer;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;} .new_design .examination_popup .inner .close:hover{transform: scale(0.9)} .new_design .left_right_button.un1_5 .right_side{width:52.1%;} .new_design .left_right_button.un1_5 .right_side a{background-color: #ac4adf;} .new_design .left_right_button.un1_5 .right_side a:hover{background-color: #1da8cc;} .new_design .left_right_button.un1_6 .right_side{width:39%;} .new_design .left_right_button.un1_7 .right_side{width:57.1%;} .new_design .deshbordimg.unit1_7 p a{background-color: transparent !important;color: #1da8cc !important;padding: 0 !important;font-weight: 400 !important;display: inline-block;vertical-align: top; box-shadow: 0 0 0px #ccc;margin-right: 0px} .new_design .deshbordimg.unit1_7 p i{color: #37c060;font-weight: bold;font-style: italic;} .new_design .deshbordimg.unit1_7 .cliffs{position: relative;} .new_design .deshbordimg.unit1_7 .text_pop{} .new_design .deshbordimg.unit1_7 .text_pop span {position: absolute;right: 259px;top: 96px;color: #fff;padding: 20px 36px 20px 35px;border-radius: 12px;font-size: 25px;font-weight: 300;background-color: rgba(55,192,96,0.9);opacity: 0;visibility: hidden;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;text-align: center;} .new_design .deshbordimg.unit1_7 .text_pop span:after{ content: '';position: absolute;right: -32px;top:calc(50% - 22px);background-image: url(../images/new_design/bottom_arrow_pop.png);background-repeat: no-repeat;background-size: contain;width: 41px;height: 24px;transform: rotate(-91deg);opacity: 0.8;} .new_design .deshbordimg.unit1_7 .text_pop span.active{opacity: 1;visibility: visible} .new_design .deshbordimg.unit1_9 .examination{margin-top: 38px;} .new_design .deshbordimg.unit1_9 .examination+.examination span{line-height: 50px;} .new_design .deshbordimg.unit1_9 .text_pop span{ right: 406px;top: 210px;} .new_design .deshbordimg.unit1_9 .text_pop span:after{top: calc(50% - 12px);} .new_design .deshbordimg.unit1_10 .examination {margin-top: 38px;} .new_design .left_right_button.un1_10 .right_side {width: 39% !important;} .new_design .common_dash.unit1_11 h1{ color: #2b2b2b;font-size: 32px;text-align: right;font-weight: bold;line-height: 32px;margin-bottom: 28px;} .new_design .common_dash.unit1_11 p{ color: #2b2b2b;font-size: 26px;text-align: right;font-weight:400;line-height: 32px;padding-right: 0px;} .new_design .common_dash.unit1_11 h3{text-align: right;color: #757575;font-size: 20px;font-weight: bold;} .new_design .common_dash.unit1_11 h3 a{font-size: 20px !important;color: #1da8cc !important;padding-bottom: 0px !important;font-weight: bold !important; text-decoration: underline;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_11.unit1_11 .cliffs{padding-top:47px;padding-bottom: 4%;background-size: 211px;background-position: left 10% top 127px;} .new_design .page16.common_dash.unit1_11 .cliffs .card{display: inline-block;vertical-align: top;width: 47% } .new_design .page16.common_dash.unit1_11 .problem, .new_design .page16.common_dash.unit1_11 .answer {height: 200px;} .new_design .page16.common_dash.unit1_11 .problem span, .new_design .page16.common_dash.unit1_11 .answer span{text-align: center;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list{list-style: none;padding-right: 0px;margin-top: 37px} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li{padding-right: 0px;list-style-image: none;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li b{font-weight: bold;color: #2b2b2b;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li span{display: inline-block; text-align: right;font-size: 26px;color: #2b2b2b;line-height: 34px;padding-right: 5px;} .new_design .common_dash.unit1_12 h1 i{color: #37c060;font-style: italic;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link{list-style: none;padding-right: 0px;margin-top: 37px} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li{padding-right: 0px;list-style-image: none;position: relative;max-width: 265px;margin: 0 auto;margin-left: 0px;margin-top: 27px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li:after{content: '';position: absolute;width: 4px;height: 4px;background-color: #000;border-radius: 50%;right: -15px;top: 13px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li a{background-color: transparent !important;color: #000000 !important;padding: 0 !important;font-weight: 400 !important;display: inline-block;vertical-align: top;box-shadow: 0 0 0px #ccc;margin-right: 0px;border-bottom: 2px solid;border-radius: 0px;line-height: 23px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li a:hover{color: #ac4adf !important} .new_design .page16.common_dash.unit1_12 .cliffs{background-size: 340px;padding-bottom: 50px;} .new_design .left_right_button .right_side{float: none !important;text-align: right !important;width: auto !important;padding-right: 218px !important;display: inline-block;} .new_design .left_right_button .right_side a{display: inline-block;margin-right: 0px !important} .new_design .deshbordimg.unit1_12 .text_pop_new{position: absolute; right: 147px;top: -4px;color: #fff;padding:10px 36px 20px 35px;border-radius: 12px;background-color: rgba(55,192,96,0.9);opacity:0;visibility: hidden;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;text-align: center;} .new_design .deshbordimg.unit1_12 .text_pop_new.active{opacity: 1;visibility: visible;} .new_design .deshbordimg.unit1_12 .text_pop_new:after{ content: '';position: absolute;right: -32px;top:calc(50% - 22px);background-image: url(../images/new_design/bottom_arrow_pop.png);background-repeat: no-repeat;background-size: contain;width: 41px;height: 24px;transform: rotate(-91deg);opacity: 0.8;} .new_design .deshbordimg.unit1_12 .text_pop_new h2{font-size: 24.55px;font-weight: bold;color: #fff; padding-top: 0px; line-height: 19px; margin-bottom: 10px;} .new_design .deshbordimg.unit1_12 .text_pop_new p{font-size: 21.92px;font-weight: 300;color: #fff;line-height: 27px;} .new_design .deshbordimg.unit1_12 .text_pop_new a{background-color: transparent !important;color: #fff !important;padding: 0 !important;font-weight: 300 !important;display: inline-block;vertical-align: top;box-shadow: 0 0 0px #ccc;margin-right: 0px;border-bottom: 2px solid;border-radius: 0px;line-height: 23px;font-style: italic;margin-top: 2px;} .new_design .page16.common_dash.unit1_13 .cliffs{min-height: 740px;background-size: 380px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog{max-width: 73%;margin: 0 auto;margin-right: 0px;text-align: center; padding-top: 17%;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog h1{text-align: center;font-size: 30px;margin-bottom: 83px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog a{color: #ffffff ;font-size: 23px ;font-weight: 300 ;background-color: #1da8cc ;padding: 10px 30px ;border-radius: 4px } .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog a:hover{background-color: #05b038} .new_design .examination_popup.popup1_13 .inner span{left: 252px;top: 69px;} .new_design .examination_popup.popup1_13 .inner span:after{ top: calc(50% - 12px)} .new_design .left_right_button.unit10_4.un1_13 .right_side{display: none !important} .new_design .examination_popup.popup1_13 .inner p{font-style: normal;color: #2b2b2b} .new_design .examination_popup.popup1_13 .inner i{margin-top: 40px;} .new_design .common_dash.unit1_18 h1{padding-top: 105px;font-size: 30px; margin-bottom: 30px;} .new_design .common_dash.unit1_18 p{margin-bottom: 31px;} .new_design .common_dash.unit1_18 h1,.new_design .common_dash.unit1_18 p{text-align: center;} .new_design .page16.common_dash.unit1_11.unit1_18 .cliffs .card{width: 100%;display: block;} .new_design .page16.common_dash.unit1_11.unit1_18 .problem, .new_design .page16.common_dash.unit1_11.unit1_18 .answer {height: 136px;} .new_design .page16.common_dash.unit1_18 .cliffs .card {min-height: 136px;margin-bottom: 30px;} .new_design .page16.common_dash.unit1_19 .cliffs{min-height: 750px;} .new_design .page16.common_dash.unit1_19 .cliffs .inner_blog{max-width: 66%;margin: 0 auto;margin-left: 0px;} .new_design .page16.common_dash.unit_1.unit1_19 .cliffs {background-position: right top;padding-top:78px;} .new_design .page16.common_dash.unit_1.unit1_19 h1{font-size: 30px;} .new_design .page16.common_dash.unit_1.unit1_19 p{margin-top: 25px;} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center{text-align: center;margin-top: 85px;} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center a{display: inline-block;vertical-align: top; color: #fff !important;background: #05b038;display: inline-block;padding: 15px 58px ;font-weight:400;font-size: 23px ;box-shadow: 0 0 10px #ccc;line-height: normal;margin-right: 15px;border-radius: 12px;} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center a:hover{background-color: #1da8cc} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center a+a{background-color: #1da8cc} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center a+a:hover{background-color: #05b038} .new_design .examination_popup.popup1_19 ul{list-style: none;max-width: 384px;margin: 0 auto} .new_design .examination_popup.popup1_19 ul li{display: block;color: #fff;font-size: 23px;font-weight: 400;text-align: right;padding-right: 30px;line-height: 64px;background-color: red} .new_design .examination_popup.popup1_19 ul li i{color: #fff;display: inline-block;padding: 0;margin: 0;font-style: normal !important} .new_design .examination_popup.popup1_19 ul li:nth-child(odd) { background-color: #1da8cc} .new_design .examination_popup.popup1_19 ul li:nth-child(even) { background-color: #5db9d1} .new_design .examination_popup.popup1_19 .inner {top: 16%;padding-bottom: 100px} .new_design .examination_popup.popup1_19 .inner h2{font-size: 32px;margin-bottom: 66px;} .new_design .examination_popup.popup1_19_2 .inner{top: 8%;padding-left: 100px;padding-right: 100px;max-width: 1185px;padding-bottom: 60px} .new_design .examination_popup.popup1_19_2 .inner h3,.new_design .examination_popup.popup1_19_2 .inner p{text-align: right;color: #2b2b2b;font-size: 25px;font-style: normal;margin-top: 42px;} .new_design .deshbord .deshbordimg.unit1_20 ul li{list-style-image: none;position: relative;color: #2b2b2b;font-size: 26px; margin-top: 28px;} .new_design .deshbord .deshbordimg.unit1_20 ul li:after{content: '';position: absolute;right: -13px;top: 16px;width: 4px;height: 4px;background-color: #000;border-radius: 50%;} .new_design .deshbord .deshbordimg.unit1_20 h3{color: #2b2b2b;font-size: 26px;line-height: 30px; margin-top: 28px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_21 .click_hear{color: #1da8cc;font-size: 26px ;font-weight: 400;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col{position: absolute; right: 26%;bottom: 30px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col span{color: #fff;font-size: 26px;background-color: #1da8cc;display: inline-block;font-weight: 400 !important;padding: 24px 23px 24px 42px ;border-radius: 5px;} .new_design .common_dash.unit1_24 .cliffs .three_man .col{width:16%; } .new_design .common_dash.unit1_24 .cliffs .three_man .col h3{color: #2b2b2b;font-size: 18px;line-height: 29px;} .new_design .common_dash.unit1_24 .cliffs .three_man .col img{border-color: #1da8cc;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 h4{color: #2b2b2b;font-size: 26px;font-style: italic;font-weight: bold;line-height: 32px;margin-top: 32px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 span{ display: block;background-color: #1da8cc;color: #fff;font-size: 26px;padding: 22px 0px 22px 0px;line-height: 32px;max-width: 63%;margin: 0 auto;border-radius: 5px;margin-top: 34px;margin-bottom: 40px;} .new_design .page16.common_dash.unit7_2.unit1_24 .cliffs {padding-top: 70px;padding-bottom: 90px;} .new_design .page16.common_dash.unit1_26 .cliffs .inner_blog .btn{display: inline-block;vertical-align: top;color: #fff !important;background: #1da8cc;display: inline-block;padding: 15px 58px;font-weight: 400;font-size: 23px;box-shadow: 0 0 10px #ccc;line-height: normal;border-radius: 12px; margin-top: 45px;} .new_design .page16.common_dash.unit1_26 .cliffs .inner_blog .btn:hover{background-color: #05b038} .new_design .page16.common_dash.unit_1.unit1_26 .cliffs {padding-top: 78px;padding-bottom: 50px;} .new_design .page16.common_dash.unit1_27 .cliffs{min-height: 750px;background-size: cover;position: relative;padding-right: 0px;} .new_design .page16.common_dash.unit1_27 .cliffs .question_ans{position: absolute;bottom: 50%;width: 100%;min-height: 50px;background-color: #fff;text-align: center;padding: 16px 0px; } .new_design .page16.common_dash.unit1_27 .cliffs .question_ans h1{color: #2b2b2b;font-size:26px;font-weight: bold;line-height: 30px;margin-top: 31px;} .new_design .page16.common_dash.unit1_27 .cliffs .question_ans p{color: #2b2b2b;font-size:26px;font-weight: 400;line-height: 30px;font-style: italic;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog {text-align: center;width: 100%;position: absolute;bottom: 50px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same{display: inline-block;vertical-align: top;width: 100px;text-align: center;margin: 0px 24px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same h6{color: #fff;font-size:20px ; margin-top: 18px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same a{display: block;width:60px;height: 60px;background-repeat: no-repeat;background-size: contain;transition: 0.5s ease all;-o-transition: 0.5s ease all;-moz-transition: 0.5s ease all;-webkit-transition: 0.5s ease all;margin: 0 auto;background-image: url(../images/new_design/white_bt.png);} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .yes a.active{background-image: url(../images/new_design/right_g.png);} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .no a.active{background-image: url(../images/new_design/close_r.png);} /*.new_design .page16.common_dash.unit1_27 .cliffs .yes a{background-image: url(../images/new_design/right_g.png);} .new_design .page16.common_dash.unit1_27 .cliffs .yes a:hover{background-image: url(../images/new_design/right_gh.png);} .new_design .page16.common_dash.unit1_27 .cliffs .no a{background-image: url(../images/new_design/close_r.png);} .new_design .page16.common_dash.unit1_27 .cliffs .no a:hover{background-image: url(../images/new_design/close_rh.png);}*/ .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .hint{margin-top: 80px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .hint span{color: #fff;font-size: 23px;width: 303px;height: 62px;border-radius: 5px;padding-right:58px;background-image: url(../images/new_design/light.png);background-size: contain;background-position: right 31px center;background-repeat: no-repeat;display: inline-block;vertical-align: top;line-height: 62px;background-color: #f08904;background-size: 29px;cursor: pointer;} .new_design .examination_popup.popup1_27 .inner{background-position: center center;background-repeat: no-repeat;background-size: 100%;top: 5%;} .new_design .examination_popup.popup1_27 .inner .text{position: absolute;right: 0;bottom: 0;background-color: #fff;text-align: right;padding: 10px 12px 12px 20px;border-bottom-right-radius: 5px; } .new_design .examination_popup.popup1_27 .inner .text h4{color: #2b2b2b;font-size: 25px;} .new_design .examination_popup.popup1_27 .inner .text p{font-size: 20px;color: #2b2b2b;;font-style: normal;} /*.new_design .common_dash.unit1_31 .cliffs{min-height: 750px;}*/ .new_design .common_dash.unit1_31 .cliffs .graph{position: relative;width: 100%;max-width: 1018px;margin: 0 auto;} .new_design .common_dash.unit1_31 .cliffs .graph h2{color: #2b2b2b;font-size: 26px;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line{position:absolute;left: 0;right: 0;margin: 0 auto;text-align: center;top: 50%} .new_design .common_dash.unit1_31 .cliffs .graph_line .col{position: absolute;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col span{display: inline-block;color: #2b2b2b;font-size: 19.38px;font-weight: bold;line-height: 23px;text-align: center;border: 1px solid #05b038; padding: 4px 21px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col:after{content: '';position: absolute;background-repeat: no-repeat;background-size: 100% 100%;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a{color: #a50b0b;font-size: 19.38px;font-weight: 400; line-height: 30px;border-bottom: 1px solid } .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link .no_link{border-bottom: 0px solid !important;pointer-events: none !important;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link{padding: 9.5px;border-radius: 5px;border: 2px solid #f07404;padding-top: 0; padding-bottom: 6px;text-align: right !important;position: relative;display: block;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link:after{background-color:#05b038 ;content:'' ; width: 103%;height: 110%;background-image: url(../images/new_design/question.png);background-position: center center;background-repeat: no-repeat;position: absolute;left: -2px;top: -2px;border-color: #05b038;border-radius: 5px;transition: 0.4s ease all;-o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;cursor: pointer;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link.active:after{opacity: 0;visibility: hidden;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col h4{color: #2b2b2b;font-size: 19.38px;font-weight: bold;line-height: 23px;text-align: right;padding-right: 5px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_1{left: 30px;top: -176px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_1:after{width: 18px;height: 88px;background-image: url(../images/new_design/arrow1.png);top: 82px;left: 24px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2{left: 356px;top: -196px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2:after{width: 18px;height: 88px;background-image: url(../images/new_design/arrow3.png);top: 82px;right: 128px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_3{right: 40px;top: -190px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_3:after{ width: 18px;height: 82px;background-image: url(../images/new_design/arrow6.png);top: 102px;right: 18px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_4{left:2px;top: 166px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_4:after{ width: 18px;height: 86px;background-image: url(../images/new_design/arrow7.png);top: -98px;right: 23px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_5{ left:295px;top: 166px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_5:after{ width: 18px;height: 86px;background-image: url(../images/new_design/arrow8.png);top: -98px;right: 23px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no1{left: 218px;top: -167px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no1:after{width: 20px;height: 55px;background-image: url(../images/new_design/arrow2.png);top: 98px;left: 46px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2{left: 460px;top: -117px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2:after{width: 20px;height: 55px;background-image: url(../images/new_design/arrow4.png);top: 68px; left: 40px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no3{right: 256px;top: -182px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no3:after{width: 18px;height: 88px;background-image: url(../images/new_design/arrow5.png);top: 65px;left: 0px;right: 0;margin: 0 auto;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2.col_new{right: 326px; left: auto; top: -112px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2.col_new:after{top: 65px;left: 0px;right: 0;margin: 0 auto;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no4{right: 276px;top:280px; min-width: 400px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no4>div{display: inline-block; width: 30%} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no4:after{width: 32px;height:200px;background-image: url(../images/new_design/arrow9.png);top: -216px;left: 0px;right: 0;margin: 0 auto;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no5{ right: 350px;top: 124px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no5:after{width:20px;height:55px;background-image: url(../images/new_design/arrow10.png);top: -58px;right: 8px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no6 { right: 200px; top: 120px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no6:after{width:18px;height:88px;background-image: url(../images/new_design/arrow11.png);top: -66px;left: 0px;right: 0;margin: 0 auto;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no7 { right: 95px;top: 167px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no7:after{width:18px;height:88px;background-image: url(../images/new_design/arrow12.png);top: -96px;left: 0px;right: 0;margin: 0 auto;text-align: center;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_4.new_4 {left: 210px;top: 100px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_4.new_4:after {background-image: url(../images/new_design/arrow10.png);height: 40px;top: -40px;} .new_design .deshbord .deshbordimg.common_dash.page16.pb90{padding-bottom: 90px;} .new_design .examination_popup .inner p.credit_txt { background: #fff; padding: 5px; display: inline-block; float: right; font-size: 16px; border-radius: 5px; direction: rtl; box-shadow: 0 0 5px #555} .new_design .page16.common_dash.unit7_2.unit_new1 .cliffs{ padding-bottom: 10px;} .new_design .deshbord .deshbordimg.unit_new1 .vedio{ min-height: 450px;} .new_design .deshbord .deshbordimg.unit_new1 .vedio_inner{ max-width: 870px;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg{ height: 730px ;position: relative;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg .inner_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .height_auto{height: auto !important} .new_design .problem, .new_design .answer{background-image: none !important} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a{ font-weight: bold;color: #a50b0b;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a{font-size: 15px; line-height: 20px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a {font-size: 13px;line-height: 20px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2{left: 418px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2:after{ top: 72px;left: 75px;} .new_design .page16.common_dash.unit7_2 .cliffs{padding-bottom: 40px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no5{right: 330px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no3 { right: 256px; top: -202px; } .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no6:after{left: -20px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a{ line-height: 16px;} /* 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;} .height_auto{height: auto !important} } @media only screen and (max-width: 1800px) { .new_design .page16.common_dash.unit_1 .cliffs {background-size: 360px;} .new_design .deshbordimg.unit_1 p{font-size: 22px;line-height: 30px;} .new_design .deshbordimg.unit_1 .examination {margin-top: 48px;width: 50%;} .new_design .left_right_button.un1_5 .right_side {width: 62.1%;} .new_design .left_right_button.un1_6 .right_side {width: 47.1%;} .new_design .left_right_button.un1_7 .right_side {width: 68.1%;} .new_design .deshbordimg.unit_1 h6 {bottom: 20px;font-size: 15px;} .new_design .deshbordimg.unit1_9 .text_pop span {right: 353px;top: 194px;} .new_design .deshbordimg.unit1_7 .text_pop span{ right: 229px;top: 91px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_11.unit1_11 .cliffs{background-size: 150px;background-position: left 10% top 100px;} .new_design .page16.common_dash.unit_1.unit1_12 .cliffs {background-size: 300px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list {margin-top: 10px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li{line-height: 22px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li b{font-size: 17px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_list li span {font-size: 18px;line-height: 22px;} .new_design .page16.common_dash.unit_1.unit1_13 .cliffs {background-size: 304px;min-height: 580px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog h1 {margin-bottom: 50px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog{padding-top: 13%;} .new_design .page16.common_dash.unit1_13.unit1_18 .cliffs {min-height: 580px;} .new_design .common_dash.unit1_18 h1 {padding-top: 50px;} .new_design .page16.common_dash.unit_1.unit1_19 .cliffs {padding-top: 38px;} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center {margin-top: 45px;} .new_design .page16.common_dash.unit1_19 .cliffs {min-height: 640px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_21 .click_hear {font-size: 25px;padding-bottom: 0px;} .new_design .page16.common_dash.unit7_2.unit1_24 .cliffs {padding-top: 40px;padding-bottom: 50px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 h4 {font-size: 26px;line-height: 32px;margin-top: 16px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 h4 {font-size: 22px;line-height: 28px;margin-top: 10px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 span {font-size: 20px;padding: 22px 0px 22px 0px;line-height: 32px;margin-top: 20px;margin-bottom: 20px;max-width: 77%;} .new_design .common_dash.unit1_24 .cliffs .three_man .col h3 {font-size: 13px;line-height: 20px;padding-right: 0px;} .new_design .page16.common_dash .cliffs .three_man .col img {margin-bottom: 10px;} .new_design .common_dash.unit1_24 .cliffs .three_man .col {width: 20%;} .new_design .page16.common_dash.unit1_27 .cliffs{min-height: 580px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .hint {margin-top: 40px;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 {padding-bottom: 77px ;} .img_pg_2{max-width: 300px;} .new_design .page16.common_dash.unit1_2 .cliffs a.green_btn {padding: 12px 28px !important;font-size: 16px !important;} .new_design .examination_popup.popup1_19 .inner h2 {font-size: 30px;margin-bottom: 35px;} .new_design .examination_popup.popup1_19 ul li {font-size: 18px;padding-right: 24px;line-height: 44px;} .new_design .examination_popup.popup1_19_2 .inner h3, .new_design .examination_popup.popup1_19_2 .inner p {font-size: 20px;margin-top: 20px;} } @media only screen and (min-width: 1523px) and (max-width: 1680px)/* for all device larger then 768px (devices and browsers) */ { .new_design .common_dash.unit9_6 .cliffs .card {max-width: 34%; width: 34%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem span {text-align: right; font-size: 25px; line-height: 30px; font-weight: 700;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {background-size: 78%;} .img_pg_2{max-width: 300px;} } @media only screen and (min-width: 1019px) and (max-width: 1390px)/* for all device larger then 768px (devices and browsers) */ { .new_design .common_dash .cliffs.adjust .temp {font-size: 22px;} .new_design .common_dash .cliffs.adjust .show_content.head {font-size: 22px;} .new_design .common_dash .cliffs.adjust .show_content.head p {font-size: 18px !important; line-height: 22px !important;} .new_design .common_dash .cliffs .show_content.head .content4 {width: 223px; top: -102px !important;} .new_design .common_dash .cliffs .show_content.head .content5 {width: 290px;top: 65px;left: -123px;} .new_design .common_dash .cliffs .show_content.head .content6 { width: 255px;top: 56px;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue, .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {top: 53% !important;} .new_design .common_dash.unit9_6 .cliffs .card {max-width: 37%;width: 37% !important;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {background-size: 97% !important;} .deshbordimg.common_dash.unit9_6 .cliffs .card .answer span {font-size: 19px !important;} .height_auto{height: auto !important} } @media only screen and (min-width: 1024px) and (max-width: 1524px)/* for all device larger then 768px (devices and browsers) */ { h1.green_header {font-size: 27px !important;} .new_design .left_area {width: 78.7%;} .new_design .deshbord .deshbordimg .home_top_bg{margin-left: 0 !important;} .new_design .deshbord .deshbordimg .home_top_bg img {width: 80%;} .new_design .deshbordimg p.lines {font-size: 26px;} .new_design .left_right_button a {padding: 20px 32px;} .new_design .common_dash .cliffs .show_content.head {font-size: 27px;} .new_design .common_dash .cliffs .show_content.head .content1 p {font-size: 18px; z-index: 5;} .new_design .common_dash .cliffs .show_content.head .content1 {width: 240px; right: 141px;} .new_design .common_dash .cliffs .show_content.head .content2 {width: 295px; right: -100px;} .new_design .common_dash .cliffs .show_content.head .content2 p {font-size: 22px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {min-height: 600px; padding-bottom: 0;} .new_design .left_right_button.unit9_7 a {padding: 20px 18px; font-size: 15px;} .new_design .common_dash .cliffs.adjust .show_content.head p {font-size: 25px; line-height: 26px;} .new_design .common_dash .cliffs .show_content.head .content4 {top: -109px;} .new_design .common_dash .cliffs.adjust .show_content.head.orange {top: 32%;} .new_design .deshbordimg.unit9_9 p.lines {font-size: 22px; line-height: 30px !important;} .new_design .deshbordimg.unit9_9 p.lines.space {margin-bottom: 30px;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue, .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {top: 48.5%} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4 {width: 400px;right: -269px;top: 60px !important;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.orange {top: 24%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5 {top: 58px;left: -193px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5:after {top: -27%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.greeny {bottom: 16.5%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6 {right: -182px; top: 49px;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head p {font-size: 18px;line-height: 22px;} /*.new_design .deshbord .deshbordimg .table_block ul li p {font-size: 23px;} .page_7_drag.unit9_drag #cardPile div {font-size: 17px; font-weight: 500;} .new_design .deshbord .deshbordimg .table_block ul li, .page_7_drag.unit9_drag #cardSlots div, #cardPile div {padding-right: 17px;} .new_design .deshbord .deshbordimg .table_block ul li p {font-size: 20px;} .page_7_drag.unit9_drag #cardPile div {width: 31%;padding: 2% 2% 1% 0.8%;} .page_7_drag.unit9_drag div#card4, .page_7_drag.unit9_drag div#card5, .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card4, .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card5 {padding: 0.3% 2% 0.3% 0.8%;} .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card4, .page_7_drag.unit9_drag #cardPile .ui-draggable.correct.ui-draggable-disabled#card5 {line-height: 20px;padding: 1% 2% 1% 0.8%; }*/ .new_design .deshbordimg.unit9_15 p.lines {font-size: 24px;} .new_design .deshbordimg.unit9_15 p.lines {line-height: 29px !important;} .new_design .deshbordimg.unit9_16 p {font-size: 22px !important;line-height: 30px !important;} .new_design .deshbordimg.unit9_16 .list_content p span {font-size: 22px; width: 27px;} .new_design .deshbordimg.unit9_16 .list_content p.right_space {padding-right: 47px;} .new_design .deshbordimg.unit9_16 h1 {line-height: 44px;} .new_design .deshbordimg.unit9_17 h2 {font-size: 23px;line-height: 27px;} .new_design .left_right_button.page9_17 a {padding: 20px 18px;} .new_design .left_right_button.page9_17 a.space {padding: 11px 18px;} .new_design .left_right_button a {font-size: 18px;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs h2 {font-size: 24px; line-height: 33px;} /*.new_design .deshbord .deshbordimg .drag_n_drop {width: 85%;min-height: 365px;} .new_design .deshbord .deshbordimg .drag_n_drop img {min-width: 618px;min-height: 280px;} .page_7_drag.unit9_drag.small #cardSlots div,.page_7_drag.unit9_drag.small #cardPile div {width: 205px;} .page_7_drag.unit9_drag.small #cardPile {float: none;} .page_7_drag.unit9_drag.small #cardPile .ui-draggable.correct.ui-draggable-disabled {width: 205px;} .page_7_drag.unit9_drag.small #cardPile div {width: 205px;height: 44px; line-height: 44px; font-size: 18px; min-height: 44px; } .page_7_drag.unit9_drag.small #cardPile .ui-draggable.correct.ui-draggable-disabled {height: 44px;line-height: 44px;} .page_7_drag.unit9_drag.small #cardSlots div,.page_7_drag.unit9_drag.small #cardPile div {height: 44px; line-height: 44px;}*/ /*.page_7_drag.unit9_drag.small div#card1, .page_7_drag.unit9_drag.small div#card5 {right: 0px;} .page_7_drag.unit9_drag.small div#card2, .page_7_drag.unit9_drag.small div#card6 {right: 225px;} .page_7_drag.unit9_drag.small div#card3, .page_7_drag.unit9_drag.small div#card7 {right: 450px;} .page_7_drag.unit9_drag.small div#card4, .page_7_drag.unit9_drag.small div#card8 {right: 675px;}*/ /*.page_7_drag.unit9_drag.small #cardSlots .one.ui-droppable {right: 0;top: 80%;} .page_7_drag.unit9_drag.small #cardSlots .two.ui-droppable {left: 28%; top: 28%;} .page_7_drag.unit9_drag.small #cardSlots .three.ui-droppable {right: 13.5%;top: 53.5%;} .page_7_drag.unit9_drag.small #cardSlots .four.ui-droppable {left: 5%;top: 17%;} .page_7_drag.unit9_drag.small #cardSlots .five.ui-droppable {right: 13.5%;top: 20.5%;} .page_7_drag.unit9_drag.small #cardSlots .six.ui-droppable {right: 33%;top: 64%;} .page_7_drag.unit9_drag.small #cardSlots .seven.ui-droppable {top: 80%; left: 27%;} .page_7_drag.unit9_drag.small #cardSlots .eight.ui-droppable {right: 13.5%;top: 36.5%;}*/ .new_design .common_dash.unit9_6 .cliffs .card {max-width: 33%; width: 33%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .answer span {font-size: 22px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {background-size: 78%;} .new_design .common_dash.unit9_6 .cliffs .card.blue {top: 27%;right: 55%;} .new_design .common_dash.unit9_6 .cliffs .card.orange {top: 30%;right: 18%;}.new_design .common_dash.unit9_6 .cliffs .card.green {bottom: 13%;} .new_design .deshbordimg.unit10_3 p.lines {font-size: 21px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li.diffrent {border-bottom: 1px solid #fff;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li p {font-size: 13px;line-height: 23px;font-weight: 600;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li.dark_green p {font-size: 17px;} .new_design .left_right_button.unit10_4 .right_side {width: 45%;} .new_design .common_dash.unit10_7 .problem3 span, .new_design .common_dash.unit10_7 .answer3 span {font-size: 24px;} .new_design .popwrap .popup_container.small.texts {width: 650px;} .new_design .popwrap .popup_container.small.texts p {font-size: 16px; color: #000;} .new_design .deshbord .deshbordimg.unit10_11 .answer span, .new_design .deshbord .deshbordimg.unit10_11 .problem span {font-size: 23px;} .new_design .deshbord .deshbordimg.unit10_12 .answer span, .new_design .deshbord .deshbordimg.unit10_12 .problem span {font-size: 20px;} .new_design .deshbord .deshbordimg.unit10_12 h1.green_header {font-size: 20px !important;} .new_design .page16.common_dash.unit10_12 .cliffs .card {min-height: 140px;} .new_design .page16.common_dash.unit10_12 .problem, .new_design .page16.common_dash.unit10_12 .answer {height: 130px;} .new_design .deshbordimg.unit10_16 .cliffs .card span {font-size: 24px;} .new_design .deshbordimg .cliffs .half_card .card span {font-size: 17px;} .new_design .deshbordimg .cliffs .half_card .problem, .new_design .deshbordimg .cliffs .half_card .answer {height: 120px;} .new_design .deshbordimg.unit10_3 p.lines {font-size: 26px;} .new_design .popwrap .popup_container.page9_5 {width: 800px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_17.unit10_19 .cliffs {background-size: 39%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li.dark_green p {font-size: 15px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li {width: 53%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li+li+li {width: 15%;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li p {font-size: 12px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li+li p {font-size: 14px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul+ul li strong {font-weight: 900;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul+ul li {font-weight: 700;} .new_design .deshbordimg.unit10_20 p.lines {font-size: 21px;} .new_design .deshbordimg.unit10_21 h1.green_header {font-size: 22px !important;} .new_design .deshbordimg.unit10_21 p.lines {font-weight: 400;font-size: 22px;margin: 20px 0;} .new_design .deshbordimg.unit10_21 p.lines span {margin-right: 160px;} .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {font-size: 25px;} .page_7_drag.unit10_drag #cardSlots div, .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {width: 128px;} .page_7_drag.unit10_drag #cardSlots .one.ui-droppable {right: 496px;} .page_7_drag.unit10_drag #cardSlots .one.ui-droppable {top: 22px;} .new_design .deshbordimg.unit10_21 p.lines.last span {margin-right: 192px;} .page_7_drag.unit10_drag #cardSlots .six.ui-droppable {right: 301px;top: 216px;} .new_design .common_dash.unit10_21 .cliffs {min-height: 510px;} .page_7_drag.unit10_drag div#card4, .page_7_drag.unit10_drag div#card5, .page_7_drag.unit10_drag div#card6 {top: 249px;} .page_7_drag.unit10_drag.page22 #cardSlots .one.ui-droppable {right: 285px;top: -21px;} .page_7_drag.unit10_drag.page22 div#card1, .page_7_drag.unit10_drag.page22 div#card2, .page_7_drag.unit10_drag.page22 div#card3 {top: 6px;} .page_7_drag.unit10_drag.page22 div#card4, .page_7_drag.unit10_drag.page22 div#card5, .page_7_drag.unit10_drag.page22 div#card6 {top: 215px;} .page_7_drag.unit10_drag.page22 #cardSlots .four.ui-droppable {right: 309px;top: 213px;} .new_design .deshbordimg.unit10_22 p.lines {font-size: 21px;} .new_design .left_right_button.page22 a {font-size: 23px;} .page_7_drag.unit10_drag.page23 #cardSlots .one.ui-droppable {right: 342px;} .page_7_drag.unit10_drag.page23 #cardSlots .four.ui-droppable {right: 264px;} .new_design .deshbordimg.unit10_23 p.lines.last span {margin-right: 167px;} .page_7_drag.unit10_drag.page23 div#card4, .page_7_drag.unit10_drag.page23 div#card5, .page_7_drag.unit10_drag.page23 div#card6 {top: 225px;} .new_design .deshbordimg.unit_1 .examination span{font-size: 17px;} .new_design .common_dash.unit10_3 a, .new_design .deshbordimg.unit_1 p, .new_design .deshbordimg.unit_1 a{font-size: 18px !important; line-height: 23px;} .new_design .page16.common_dash.unit7_2 .cliffs, .new_design .page16.common_dash.unit7_2 .cliffs{padding-bottom: 40px;} .new_design .deshbordimg.unit_1 .examination{margin-top: 25px;} .new_design .page16.common_dash.unit1_11 .problem, .new_design .page16.common_dash.unit1_11 .answer{ height: 140px;} .new_design .common_dash.unit1_11 p{ font-size: 22px; line-height: 27px;} .new_design .page16.common_dash .cliffs .card {min-height: 160px;} .new_design .page16.common_dash .cliffs{padding-bottom: 70px;} .new_design .page16.common_dash.unit1_19 .cliffs {min-height: 590px;} .new_design .deshbord .deshbordimg.unit1_20 ul li { list-style-image: none; position: relative; color: #2b2b2b; font-size: 19px; margin-top: 14px; } .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col { position: absolute; right: 33%; bottom: 20px; } .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col span{font-size: 19px;} .new_design .answer span, .new_design .page16.common_dash .cliffs .answer span a {font-size: 16px;} .new_design .page16.common_dash.unit7_2 .problem, .new_design .page16.common_dash.unit7_2 .answer {height: 180px;margin-top: 10px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a{ font-size: 14px;line-height: 18px !important;font-weight: bold;color: #a50b0b;} } @media only screen and (max-width: 1440px){ .new_design .page16.common_dash.unit1_19 .cliffs .inner_blog{max-width: 63%;} } @media only screen and (max-width: 1366px) { .new_design .common_dash.unit10_5 h1 {line-height: 25px;font-size: 25px;} .new_design .deshbordimg.unit_1 p {font-size: 16px !important;line-height: 20px !important;} .new_design .deshbordimg.unit_1 .examination span {font-size: 16px;line-height: 18px;} .new_design .deshbordimg.unit_1 .examination {margin-top: 28px;} .new_design .deshbordimg.unit_1 .examination+.examination {margin-top: 24px;} .new_design .page16.common_dash.unit_1 .cliffs {background-size: 230px;} .new_design .deshbordimg.unit1_7 p a{font-size: 14px !important;} .new_design .left_right_button.un1_7 .right_side{width: 49%} .new_design .deshbordimg.unit1_9 .text_pop span {right: 273px;top: 154px;} .new_design .deshbordimg.unit1_7 .text_pop span {right: 178px;top: 76px;} .new_design .page16.common_dash.unit_1 .cliffs{padding-top: 20px;padding-bottom: 70px;} .new_design .common_dash.unit1_11 p{font-size: 18px !important;line-height: 22px !important; } .new_design .common_dash.unit1_11 h3 a{font-size: 14px !important} .new_design .common_dash.unit1_11 .cliffs {min-height: 450px;} .new_design .page16.common_dash.unit7_2.unit1_11 .problem, .new_design .page16.common_dash.unit7_2.unit1_11 .answer{height: 100px;margin-top: 10px;} .new_design .deshbord .deshbordimg.unit10_11.unit1_11 .answer span, .new_design .deshbord .deshbordimg.unit10_11.unit1_11 .problem span {font-size: 16px;} .new_design .common_dash.unit10_5.unit1_12 h1 {line-height: 21px;font-size: 20px;margin-bottom: 10px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li {max-width: 220px;margin: 0 auto;margin-left: 0px;margin-top: 7px;} .new_design .deshbord .deshbordimg.unit1_12 .exhibition_link li a {font-size: 12px !important;position: relative;z-index: 9;line-height: 18px;} .new_design .page16.common_dash.unit_1.unit1_12 .cliffs {background-size: 230px;} .new_design .deshbordimg.unit1_12 .text_pop_new{ right: 113px;top: 2px;} .new_design .page16.common_dash.unit_1.unit1_13 .cliffs {background-size:234px;min-height: 445px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog{padding-top: 13%;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog h1 {margin-bottom: 35px;font-size: 25px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog a {font-size: 20px;padding: 8px 20px;} .new_design .common_dash.unit1_18 h1 {padding-top: 40px;margin-bottom: 15px;} .new_design .page16.common_dash.unit1_11.unit1_18 .problem, .new_design .page16.common_dash.unit1_11.unit1_18 .answer {height: 100px;} .new_design .page16.common_dash.unit1_18 .cliffs .card,.new_design .page16.common_dash.unit1_18 .cliffs .card{height: 100px;} .new_design .page16.common_dash.unit1_18 .cliffs .card{min-height: 100px} .new_design .page16.common_dash.unit1_19 .cliffs .inner_blog {max-width: 72%;} .new_design .page16.common_dash.unit_1.unit1_19 h1 {font-size: 24px;line-height: 26px;} .new_design .page16.common_dash.unit_1.unit1_19 p {margin-top: 15px;} .new_design .page16.common_dash.unit_1.unit1_19 .bt_center a {padding: 10px 40px;font-size: 20px;} .new_design .page16.common_dash.unit1_19 .cliffs {min-height: 450px;padding-bottom: 50px;} .new_design .page16.common_dash.unit_1.unit1_19 .cliffs {background-size: 240px;} .new_design .deshbord .deshbordimg.unit1_20 ul li {font-size: 16px;margin-top: 10px;} .new_design .deshbord .deshbordimg.unit1_20 h3 {font-size: 19px;line-height: 21px;margin-top: 16px;} .new_design .deshbord .deshbordimg.unit1_20 ul li:after{right: -10px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_21 .click_hear {font-size: 17px;padding-bottom: 0px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col span {font-size: 15px;padding: 14px 22px 14px 24px;line-height: 20px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col {right: 20%;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 h4 {font-size: 16px;line-height: 18px;margin-top: 10px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit1_24 span {font-size: 14px;padding: 10px 0px 10px 0px;line-height: 32px;margin-top: 12px;margin-bottom: 20px;max-width: 77%;line-height: 18px;} .new_design .page16.common_dash .cliffs .three_man .col img {margin-bottom: 10px;max-width: 130px;} .new_design .page16.common_dash.unit1_26 .cliffs .inner_blog .btn {padding: 11px 30px;font-size: 16px;margin-top: 35px;} .new_design .page16.common_dash.unit1_27 .cliffs .question_ans h1 {font-size: 20px;line-height: 30px; margin-top: 5px;} .new_design .page16.common_dash.unit1_27 .cliffs .question_ans p {font-size: 20px;line-height: 26px;padding: 0px 15px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same a{width: 35px;height: 35px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same h6 {font-size: 12px;margin-top: 11px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .same{width: 52px;margin: 0px 15px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .hint span {font-size: 16px;width: 213px;height: 50px;padding-right: 30px;background-position: right 21px center;line-height: 50px;background-size: 20px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog .hint {margin-top: 20px;} .new_design .page16.common_dash.unit1_27 .cliffs {min-height: 450px;} .new_design .page16.common_dash.unit1_27 .cliffs .inner_blog {bottom: 30px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2 {left: 432px;top: -117px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2:after{ top: 72px;right: 102px;} /* .new_design .common_dash.unit1_31 .cliffs .graph_line {top:44%;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg{height:620px;min-height: 620px;}*/ /*.new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg {height: 650px;transform: scale(0.99);transform-origin: right top;}*/ .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg {height: 640px;transform: scale(0.7);transform-origin: center top;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link:after{width: 104%;} .new_design .common_dash.unit1_31 .cliffs .graph_line {top: 42%;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link, .new_design .common_dash.unit1_31 .cliffs .graph_line .col .link a {font-size: 14px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2 {left: 399px;top: -117px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2:after {left: auto;right: 0px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2.col_new {right: 310px;left: auto;top: -112px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no2.col_new:after {left: -30px;right: 0;margin: 0 auto;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_3:after {top: 70px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_3 {right: 40px;top: -160px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_no6:after{height: 68px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg {max-width: 1015px;transform: scale(0.6);transform-origin: top;} .new_design .common_dash.unit10_3 a{font-size: 14px !important} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page9:before{width: 105px;} .new_design .deshbord .deshbordimg.unit_new1 .vedio {min-height: 270px;} .new_design .page16.common_dash.unit7_2 .cliffs {padding-top: 10px;} .new_design .deshbord .deshbordimg.unit_new1 .vedio_inner {max-width: 600px;margin-bottom: 0px;} .img_pg_2{max-width: 270px !important;} .new_design .examination_popup .inner {max-width: 750px;} .new_design .page16.common_dash.unit_1.unit1_9 .cliffs {padding-top: 20px;padding-bottom: 30px;} .new_design .page16.common_dash.unit_1.unit1_9 .cliffs{background-size: 220px;} .new_design .examination_popup.popup1_19 .inner {top: 16%;padding-bottom: 50px;padding-top: 0px;} .new_design .page16.common_dash.unit_1.unit1_10 .cliffs {background-size: 210px;} .new_design .examination_popup .inner {top: 6%;} .new_design .examination_popup .inner p {font-size: 17px;line-height: 23px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2 {left: 316px;top: -186px;} .new_design .common_dash.unit1_4 .cliffs {min-height: 440px;} .new_design .unit1_4 .card span{font-size: 15px;padding-right: 10px} .new_design .page16.common_dash.unit7_2.unit1_4 .problem, .new_design .page16.common_dash.unit7_2.unit1_4 .answer{padding: 9px} .new_design .page16.common_dash.unit7_2 .cliffs{padding-bottom: 5px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page7{bottom: 35%; right: 12.5%;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page9{ right: 47px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg .page_10 .page8{right: 9%} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2 {left: 346px;top: -186px;} .new_design .common_dash.unit1_31 .cliffs .graph_line .col_2:after {top: 72px;right: 142px;} } @media only screen and (min-width: 1280px) and (max-width: 1280px) { .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg {height: 630px !important;transform: scale(0.67) !important;transform-origin: right top;width: 1024px;} } @media only screen and (min-width: 1024px) and (max-width: 1365px) { .new_design .deshbordimg.unit_1 .examination {width: 60%;} .new_design .page16.common_dash.unit_1 .cliffs {background-size: 210px;} .new_design .deshbordimg.unit_1 .examination span {font-size: 14px;line-height: 16px;} .new_design .deshbordimg.unit1_9 .text_pop span {top: 142px;} .new_design .unit1_7 .right_side {width: 68% !important;} .new_design .deshbordimg.unit1_7 .text_pop span {right: 175px;top: 86px;font-size: 16px;padding: 16px;} .new_design .left_right_button.un1_10 .right_side {width: 51% !important;} .new_design .common_dash.unit1_11 p {max-width: 70%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_11.unit1_11 .cliffs {background-size: 130px;background-position: left 7% top 110px;} .new_design .deshbordimg.unit1_9 .text_pop span {right: 268px;top: 150px;} .new_design .left_right_button .right_side {padding-right: 218px !important;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog{max-width: 60%;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog h1 {margin-bottom: 20px;font-size: 20px;} .new_design .page16.common_dash.unit1_13 .cliffs .inner_blog a {font-size: 16px;padding: 8px 20px;} .new_design .examination_popup .inner{max-width: 870px;} .new_design .examination_popup .inner p {font-size: 22px;line-height: 28px;} .new_design .examination_popup.popup1_13 .inner span {left: 180px;top: 54px;} .new_design .page16.common_dash.unit1_19 .cliffs .inner_blog {max-width: 64%;} .new_design .examination_popup.popup1_19 .inner {top: 10%;padding-bottom: 60px;} .new_design .examination_popup.popup1_19_2 .inner {padding-left: 50px;padding-right: 50px;max-width: 875px;} /*.new_design .examination_popup.popup1_19_2 .inner h3, .new_design .examination_popup.popup1_19_2 .inner p {font-size: 20px;margin-top: 30px;}*/ .new_design .examination_popup.popup1_19_2 .inner h3, .new_design .examination_popup.popup1_19_2 .inner p {font-size: 20px;margin-top: 15px;} .new_design .page16.common_dash.unit_1.unit1_19 h1 {font-size: 20px;line-height: 23px;} .new_design .deshbord .deshbordimg.unit1_20 ul li {font-size: 16px;margin-top: 10px;line-height: 19px;} .new_design .deshbord .deshbordimg.unit1_20 ul li:after{top: 9px;} .new_design .page16.common_dash.unit_1.unit1_19.unit1_22 .blue_col {right: 30%;} .new_design .page16.common_dash .cliffs .three_man .col img {margin-bottom: 10px;max-width: 110px;} .new_design .common_dash.unit1_24 .cliffs .three_man .col h3 {font-size: 11px;line-height: 15px;padding-right: 0px;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg {height: 680px ;transform: scale(0.65);transform-origin: center top;width: 1024px;} .new_design .common_dash.unit1_31 .cliffs .graph_line {top: 42%;} } @media only screen and (min-width: 1024px) and (max-width: 1366px){ .new_design .page16.common_dash .cliffs .three_man .col img{ max-width: 170px;} .new_design .common_dash .cliffs .three_man .col a{font-size: 15px;} .new_design .answer span, .new_design .page16.common_dash .cliffs .answer span a{font-size: 16px;} .new_design .deshbord .deshbordimg .content1{ width: 330px;right: -80px;top: -122px;} .new_design .deshbordimg.unit_1 .examination span{ font-size: 18px;line-height: 21px;} .new_design .deshbordimg.unit_1 p{ font-size: 19px !important;line-height: 22px !important;} .new_design .deshbordimg.unit_1 .examination, .new_design .deshbordimg.unit_1 .examination+.examination{margin-top: 8px;} .new_design .page16.common_dash.unit_1.unit1_9 .cliffs{padding-bottom: 10px;} .new_design .common_dash.unit1_24 .cliffs .three_man .col h3{font-size: 13px;} .new_design .page16.common_dash.unit7_2.unit1_24 .cliffs{padding-bottom: 20px;} .new_design .page16.common_dash.unit_1.unit1_26 .cliffs{padding-bottom: 20px;} } @media only screen and (min-width: 990px) and (max-width: 1024px)/* for all device larger then 768px (devices and browsers) */ { h1.green_header{font-size: 18px !important;} .new_design .bg_img { min-height: 670px;} .new_design #contentwrapper{min-height: 670px;} .new_design #contentwrapper.home {background: url(../images/new_design/unit10_bg.jpg) no-repeat left;background-size: cover;max-height: 860px;} .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 .deshbordimg p.lines {line-height: 22px !important; margin-bottom: 8px;} .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 .time_line.map{bottom: 10px;} .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%;} /* Unit7 */ .new_design .common_dash.unit7_2 .cliffs .video_wrap{height:260px;} .new_design .page16.common_dash.unit7_2 .cliffs .card{min-height:100px;} .new_design .page16.common_dash.unit7_2 .problem, .new_design .page16.common_dash.unit7_2 .answer{height: 90px;} .new_design .left_right_button .right_side.long_right.page10_link.unit7{width: 70%;} .new_design .popwrap .popup_container.unit7_2{top: 40px;} .new_design.open_pop.pop1_open .popwrap .popup_container.pop1{transform: scale(0.8);} .new_design.open_pop.pop2_open .popwrap .popup_container.pop2{transform: scale(0.8);} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box img{width: 70%;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div{font-size: 16px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div1 {top: 47px; right: 115px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div2 {top: 77px;left: 22px;} .new_design .common_dash.unit4_9 .bottom_img .img_part{width: 80%;} .new_design .deshbord .deshbordimg.common_dash.unit7_7{padding-bottom: 60px;} .new_design .common_dash.unit4_9 h3 a{font-size: 16px; padding: 10px 40px;} .new_design .common_dash.unit4_9.unit7_7 .answer span{line-height:20px !important;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img img {width: 60%;} .new_design .common_dash.unit4_7.unit7_7.unit7_9 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7.unit7_7.unit7_9 .cliffs .four_cards .card .answer{height: 90px; padding: 30px 0; float: none;} .new_design .common_dash.unit4_7.unit7_7.unit7_9 .cliffs .four_cards .card{margin-bottom: 10px;} .new_design .common_dash.unit4_10.unit7_10 p {line-height: 24px;} .new_design .common_dash.unit7_10 .cliffs {background-position: 3px 110px;background-size: 28%;} .new_design .deshbord .deshbordimg.common_dash.unit4_10.unit7_10{padding-bottom: 70px;} .new_design .common_dash.unit4_13.unit7_11 .problem, .new_design .common_dash.unit4_13.unit7_11 .answer {height: 50px;margin-bottom: 20px; padding: 16px 0;} .new_design .common_dash.unit4_13.unit7_11 .cliffs .card5 {height: 70px;} .new_design .deshbord .deshbordimg.common_dash.unit4_13.unit7_11{padding-bottom: 75px;} .new_design .common_dash.unit4_12.unit7_12 p {font-size: 16px; line-height: 20px;} .new_design .common_dash.unit4_12 .card .problem2, .new_design .common_dash.unit4_12 .card .answer2{padding: 17px 30px;} .new_design .common_dash.unit7_12 .cliffs .right_content{background-position: 10px 30px;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .right{margin-top: 0;} .new_design .deshbord .deshbordimg.common_dash.unit4_12.unit7_12{padding-bottom: 60px;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left img{width: 67%;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span{font-size: 16px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card5{margin-bottom: 20px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span{line-height: 20px} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom img{width: 40%;} .new_design .deshbord .deshbordimg.common_dash.unit7_14{padding-bottom: 70px;} .new_design .deshbord .deshbordimg.common_dash.unit7_15{padding-bottom: 70px;} .new_design .common_dash.unit7_16 p{line-height: 25px;} .new_design .common_dash.unit4_13.unit4_16 .cliffs img{max-height: 210px;} .new_design .deshbord .deshbordimg.common_dash.unit7_16{padding-bottom: 70px;} .new_design .common_dash.unit4_13.unit4_17 .cliffs img {max-height: 370px;} .new_design .deshbord .deshbordimg.common_dash.unit7_17{padding-bottom: 70px;} .new_design .deshbordimg.common_dash.unit7_18 .top .pop_btn.small{position: relative;} .new_design .deshbordimg.common_dash.unit7_18 .top .pop_btn{width: 130px;height: 35px; padding: 9px 0; font-size: 14px;} .new_design .deshbordimg.common_dash.unit7_18 .top p{font-size: 14px;padding-top: 1px;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div,.new_design .deshbordimg.common_dash.unit7_18 #cardSlots div{font-size: 12px;width: 180px;margin-bottom:7px;height:45px; padding: 7px;} .new_design .deshbordimg.common_dash.unit7_18 .drag_bg { background-position: bottom right 28px;background-size: 59%;} .new_design .deshbordimg.common_dash.unit7_18 .cliffs{min-height:520px;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile{height: 390px;margin-top: 40px;} .new_design .deshbordimg.common_dash.unit7_18 div#cardSlots{top:50px;} .drag_page1 .one.ui-droppable {left: 8% !important;top: 7% !important;} .drag_page1 .two.ui-droppable {left: 73% !important;top: 3% !important;} .drag_page1 .three.ui-droppable{top: 38% !important;} .drag_page1 .four.ui-droppable {top: 58% !important;} .drag_page1 .five.ui-droppable {left: 6% !important;top: 63% !important;} .drag_page1 .six.ui-droppable {left: 73% !important;top: 70% !important;} .drag_page1 .seven.ui-droppable {left: 12% !important; top: 79% !important;} .new_design .deshbord .deshbordimg.common_dash.unit7_18 {padding-bottom: 70px;} .new_design .deshbordimg.common_dash.unit7_19 .summery p{font-size: 16px; line-height: 25px;} .new_design .deshbordimg.common_dash.unit7_19 .summery{background-position: 4% 85%;background-size: 27%;} .new_design .deshbord .deshbordimg.common_dash.unit7_19{padding-bottom: 60px;} .new_design .common_dash .summery h3{font-size: 16px;color: #1da8cc;} .new_design .deshbordimg.common_dash.unit7_20 .problem span, .new_design .deshbordimg.common_dash.unit7_20 .answer span{font-size: 16px;} .new_design .deshbordimg.common_dash.unit7_20 .problem, .new_design .deshbordimg.common_dash.unit7_20 .answer {height: 80px;} .new_design .deshbordimg.common_dash.unit7_20 .cliffs{background-size: 65%;} .new_design .deshbord .deshbordimg.common_dash.unit7_20{padding-bottom: 60px;} .new_design .deshbordimg.common_dash.unit7_page21 p {line-height: 25px;font-size: 16px;} .new_design .deshbord .deshbordimg.common_dash.unit7_page21{padding-bottom: 50px;} .new_design .deshbordimg.common_dash.unit7_page21 .cliffs {background-position: 5px bottom;background-size: 35%;} .new_design .deshbord .deshbordimg.common_dash.unit7_22{padding-bottom: 60px;} .new_design .common_dash .cliffs .show_content.head .content1 {width: 228px;right: 141px;} .new_design .common_dash .cliffs .show_content.head .content2 {width: 245px;} .new_design .common_dash .cliffs .show_content.head p {font-size: 17px;} .new_design .common_dash .cliffs .show_content.head {font-size: 25px;} .new_design .home_popup .midalteacher_show.unit9 {padding: 10px; width: 770px;} .new_design .home_popup .midalteacher_show.unit9 .dotted li {font-size: 15px;} .new_design .home_popup .midalteacher_show p {font-size: 16px;line-height: 20px;} .new_design .home_popup .midalteacher_show .table_struc ul li {min-height: 25px; max-height: 40px;} .new_design .home_popup .midalteacher_show.home {top: 30px;} .new_design .home_popup .midalteacher_show .table_struc ul li p {line-height: 20px;} .new_design .left_dash7 .midalteacher_show.unit9_3 {width: 750px;} .new_design .common_dash .cliffs .show_content.head .content2 {top: -148px;} .new_design .common_dash .cliffs .show_content.head .content2:after {top: 118px;} .new_design .common_dash .cliffs .show_content.head .content2 p {font-size: 16px; line-height: 20px;} .new_design .deshbordimg.common_dash.bottom_space .cliffs a.show_content.head {font-size: 16px;} .new_design .deshbordimg p.lines a {font-size: 24px; padding: 0 6.5%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs, .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_7 .cliffs {min-height: 500px; padding-bottom: 0;} .new_design .common_dash .cliffs .show_content.head.greeny {font-size: 18px;} .new_design .common_dash .cliffs .show_content.head.greeny .content3 p {font-size: 16px;} .new_design .common_dash .cliffs.adjust .temp {font-size: 20px;} .new_design .common_dash .cliffs.adjust .show_content.head {font-size: 20px;} .new_design .common_dash .cliffs.adjust .show_content.head p {font-size: 16px !important;line-height: 19px !important;} .new_design .common_dash .cliffs .show_content.head .content4 { width: 204px;top: -98px;} .new_design .common_dash .cliffs .show_content.head .content4:after {bottom: -30%;} .new_design .common_dash .cliffs .show_content.head .content5 { width: 275px;top: 59px;left: -100px;} .new_design .common_dash .cliffs .show_content.head .content5:after {top: -14%;} .new_design .common_dash .cliffs .show_content.head .content6 { width: 235px;top: 50px;} .new_design .common_dash .cliffs .show_content.head .content6:after {top: -41%;} .new_design .common_dash .cliffs.adjust .show_content.head.orange {top: 32%;} .new_design .common_dash .cliffs.adjust .show_content.head.greeny {bottom: 23%;right: 22%;} .new_design .common_dash .cliffs.adjust .show_content.head.blue {top: 41.5%;} .new_design .common_dash .cliffs .show_content.head .content3 {top: 50px;} .new_design .deshbordimg.unit9_9 p.lines {font-size: 16px; line-height: 25px !important;} .new_design .deshbordimg.unit9_9 p.lines.space {margin-bottom: 30px;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue, .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {top: 58.5% !important;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {right: 25.5%;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue {left: 22%;} .new_design .midalteacher_show.unit9_9 p {max-width: 82%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_9 .cliffs{ background-position: center bottom 5%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_10 .cliffs {background-size: 71%;} .new_design .deshbordimg.unit9_10 p.lines {line-height: 24px !important;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.orange {right: 41%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.blue {top: 71%;left: 27%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.greeny {bottom: 15.5%; right: 30%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4 {width: 350px;right: -224px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5 {top: 52px;left: -173px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6 {right: -166px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6:after {top: -27%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_13 .cliffs {background-size: 77%;} .new_design .deshbordimg.unit9_14 p.lines {font-size: 22px;} .new_design .common_dash.unit9_14 h1.green_header {font-size: 24px !important;} .new_design .common_dash.unit9_15 h1.green_header {font-size: 24px !important; } .new_design .deshbordimg.unit9_15 p.lines {font-size: 20px; line-height: 27px !important;} .new_design .popwrap .popup_container {top: 29px;} .new_design .deshbordimg.unit9_16 h1.green_header {font-size: 24px !important;} .new_design .deshbordimg.unit9_16 h3 {color: #1da8cc;padding: 0;padding-right: 20px;} .new_design .deshbordimg.unit9_16 p {font-size: 19px !important; line-height: 27px !important;} .deshbordimg.unit9_16 .list_content p span {font-size: 19px; width: 24px;} .new_design .deshbordimg.unit9_16 .list_content p.right_space {padding-right: 44px;} .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs h2 {font-size: 22px;line-height: 30px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs {background-size: 48%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .answer span {font-size: 14px !important; line-height: 24px; font-weight: 600;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem span {text-align: right;font-size: 22px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer:after {bottom: -30px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color3:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color3:after {bottom: -31px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color4:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color4:after {top: -31%;} .new_design .common_dash.unit9_6 .cliffs .card.blue {top: 30%;right: 59%;} .new_design .common_dash.unit9_6 .cliffs .card.orange {top: 32%;right: 15%;} .new_design .common_dash.unit9_6 .cliffs .card.green {bottom: 18%;} .new_design .page16.common_dash.unit7_2.unit9_6 .cliffs .card {min-height: 73px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer {height: 81px;} /*unit 10 tab*/ .new_design .left_right_button.unit10_2 a {min-height: 54px; max-height: 54px; padding: 18px 10px;} .new_design .left_right_button.unit10_2 a.links {padding: 10px;} .new_design .left_right_button.page9_17 .right_side {width: 79%;} .new_design .popwrap .popup_container.small {top: 63%; left: 10%;} .new_design .common_dash.unit10_3 a {padding: 12px 44px !important;font-size: 16px !important;} .new_design .deshbordimg.unit10_3 p.lines {font-size: 19px;} .new_design .deshbord .deshbordimg.unit10_4 h1.green_header {line-height: 22px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li p {font-size: 11px;} .new_design .left_right_button.unit10_4 .right_side {width: 54%;} .new_design .deshbordimg.unit10_7 .answer3 span, .new_design .deshbordimg.unit10_7 .problem3 span {font-size: 16px;} .new_design .common_dash.unit10_9 .cliffs {min-height: 480px;} .new_design .popwrap .popup_container.small.texts {left: 12%;} .new_design .deshbord .deshbordimg.unit10_11 .answer span, .new_design .deshbord .deshbordimg.unit10_11 .problem span {font-size: 20px;} .new_design .popwrap.unit10_12 .popup_container.small.texts {top: 52%;left: 23%;} .new_design .deshbord .deshbordimg.unit10_12 .answer span, .new_design .deshbord .deshbordimg.unit10_12 .problem span {font-size: 16px;} .new_design .deshbord .deshbordimg.unit10_12 h1.green_header {font-size: 19px !important;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_14 .cliffs {background-size: 72%;} .new_design .deshbordimg .cliffs .half_card .card span {font-size: 15px;} .new_design .deshbordimg .cliffs .half_card .problem, .new_design .deshbordimg .cliffs .half_card .answer {height: 101px;} .new_design .common_dash.unit10_18 p.lines {line-height: 33px !important;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_3.unit10_5.unit10_18 .cliffs {background-size: 51%;} .popup_container.page10_18 {padding-bottom: 23% !important;} .new_design .common_dash.unit10_19 p.lines {line-height: 30px !important;} .new_design .deshbordimg.unit10_20 p.lines {font-size: 20px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li.dark_green p {font-size: 14px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul+ul li p {line-height: 19px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul+ul li+li p {line-height: 28px;} .page_7_drag.unit10_drag #cardSlots div, .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {width: 111px;} .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {font-size: 22px;} .new_design .deshbordimg.unit10_21 p.lines {font-size: 18px;} .page_7_drag.unit10_drag #cardSlots .one.ui-droppable {right: 414px;} .page_7_drag.unit10_drag #cardSlots .six.ui-droppable {right: 248px;} .new_design .deshbordimg.unit10_21 p.lines.last span {margin-right: 162px;} .page_7_drag.unit10_drag.page22 #cardSlots .one.ui-droppable {right: 248px;} .page_7_drag.unit10_drag.page22 #cardSlots .four.ui-droppable {right: 262px;} .new_design .left_right_button.page22 a {font-size: 22px; padding: 16px 18px;} .page_7_drag.unit10_drag.page23 #cardSlots .four.ui-droppable {right: 232px;} .page_7_drag.unit10_drag.page23 #cardSlots .one.ui-droppable {right: 303px;} .page_7_drag.unit10_drag.page23 div#card4, .page_7_drag.unit10_drag.page23 div#card5, .page_7_drag.unit10_drag.page23 div#card6 {top: 215px;} .new_design .deshbord .deshbordimg.common_dash.page25 .white_bg { width: 1015px; transform: scale(0.67); transform-origin: right top; } .new_design .deshbord .deshbordimg.common_dash.page25 {height: 620px;} .new_design .deshbord .deshbordimg.common_dash.unit1_31 .white_bg {height: 700px;transform: scale(0.67);transform-origin: right top;width: 1024px;} } @media only screen and (max-height: 1365px){ .new_design .left_right_button.unit10_4 .right_side {width: 68%;} } @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: 670px;} .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: 85%;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: 550px} .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: 100% !important;background-position: initial;} .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; left: 10.5%;} .new_design .deshbord .deshbordimg .home_top_bg img {width: 70%;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: 16px;} .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;} .new_design .deshbord .deshbordimg.common_dash.page2{ min-height: 400px; padding-bottom: 100px;} .new_design .common_dash .cliffs{ min-height: 400px;} .new_design .common_dash.page2 .cliffs img{ max-width: 400px;} .new_design .page16.common_dash .problem, .new_design .page16.common_dash .answer{height: 70px;} .new_design .card span{font-size: 22px;} .new_design .page16.common_dash .cliffs .card {min-height: 70px;max-width: 800px;margin: 0 auto;margin-top: 15px;width: auto;margin-bottom: 10px;} .new_design .deshbord .page5.deshbordimg .cliffs{padding-bottom: 20px;} .new_design .deshbord .deshbordimg.common_dash{ padding-bottom: 80px;} .new_design .left_side_icons.info .midalteacher_show .table_struc ul li{ min-height: 30px} .new_design .left_side_icons.info .midalteacher_show .table_struc ul li p{line-height: 30px;} .new_design .deshbord .deshbordimg .page7{ background-size: 4%;background-position: 50px 50px;} .new_design .deshbord .deshbordimg .page7 h2{ font-size: 20px;} .new_design .deshbord .deshbordimg.common_dash.page16 img{ max-width: 500px} .new_design .deshbord .deshbordimg.common_dash.page16.page8 img{max-width: 280px} .new_design .page11 .cliffs .card{ min-height: 80px;max-width: 950px;margin: 0 auto;margin-top: 25px;width: auto;margin-bottom: 10px;} .new_design .page11 .problem, .new_design .page11 .answer{ height: 80px;} .new_design .page11 .big_img{ max-width: 400px;} .new_design .deshbord .deshbordimg.page12 .vedio_inner{ margin: 0 auto} .new_design .page12 .problem, .new_design .page12 .answer{height: 60px;} .new_design .page12 .cliffs .card{ min-height: 60px;margin-bottom: 0;} .new_design .page12 .cliffs img{ max-width: 400px} .new_design .page13 .cliffs img{ max-width: 700px} .new_design .deshbord .deshbordimg.page13 p{font-size: 21px; line-height: 24px;} .new_design .deshbord .deshbordimg.common_dash.page13 h4{font-size: 24px; padding-top: 0;} #cardPile div{ transform: scale(0.7);transform-origin: top;} #cardSlots div{ transform: scale(0.7);transform-origin: top left;} .new_design .deshbord .deshbordimg.common_dash.page14 .left_content{ width: 37%; margin-top: 3%;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content{ padding-top: 200px;} .new_design .deshbord .deshbordimg.common_dash.page14 h4{padding-top: 0; font-size: 22px;} .new_design .deshbord .deshbordimg.common_dash.page14 .cliffs { margin-bottom: 0;} .new_design .deshbord .deshbordimg.common_dash.page14{ padding-bottom: 80px;} .new_design .deshbord .deshbordimg.common_dash.page14 .right_content .card span{font-size: 20px} .new_design .deshbord .deshbordimg.common_dash.page15 .problem, .new_design .deshbord .deshbordimg.common_dash.page15 .answer{ height: 70px;} .new_design .deshbord .deshbordimg.common_dash.page15 .cliffs .card{ min-height: 70px; margin-bottom: 10px;} .new_design .deshbord .deshbordimg.common_dash.page15 h1, .new_design .deshbord .deshbordimg.common_dash.page15 p{ font-size: 16px;} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table{padding-top: 60px; padding-bottom: 0;} .new_design .deshbord .deshbordimg.common_dash.page15 .ans_table .block{max-width: 15%} .new_design .deshbord .deshbordimg.common_dash.unit3 #cardSlots div {border: 1px solid #ffb001;margin-top: -20px;margin-left: 14px;} .new_design .deshbord .deshbordimg.common_dash.page14.unit3 .left_content img{max-height: 300px;} .new_design .deshbord .deshbordimg.common_dash.page14.unit3 .drag_page3 .two.ui-droppable{left: 65%} .new_design .deshbord .deshbordimg.common_dash.page14.unit3 .right_content .card span{font-size: 16px;} .new_design .deshbord .deshbordimg.common_dash.page14.unit3 .right_content{padding-top: 170px;} .new_design .deshbord .deshbordimg.common_dash.page14 .drag_page5 .left_content img{max-height: 315px;} .drag_page5 .one.ui-droppable{ left: 23% !important} .drag_page5 .four.ui-droppable{ left: 22% !important} .drag_page7 #cardPile div{margin-left: -32px !important;} .drag_page7 #cardSlots div{margin-left: -32px !important;} .drag_page7 div#cardSlots, .drag_page7 div#cardPile{ left: 70px !important;} .drag_page7 div#cardSlots{ left: 90px !important} .slot_container{margin-top: 1% !important; height: 220px !important;} .drag_page7 img{max-width: 320px; margin: 0 auto} .new_design .deshbord .deshbordimg.common_dash.page26.page13 .block_square{ margin-top: 10px;} .new_design .deshbord .deshbordimg.common_dash.page26.page13 p{ font-size: 16px; line-height: 17px} .new_design .deshbord .deshbordimg.common_dash .page27_img{ height: 250px;} .new_design .deshbord .deshbordimg.common_dash.page29 .cliffs{min-height: 410px;} .new_design .deshbord .deshbordimg.common_dash.page29 h3{ font-size: 21px;} .new_design .deshbord .deshbordimg.common_dash.page29 ol li:before{ font-size: 13px;} .game_plate ul li{ width: 80px; height: 80px;} .game_plate .cards{ width: 80px;} .new_design .common_dash.small_dash .cliffs{ min-height: 340px;} .block_page .block_square ul.bottom li span{font-size: 14px;} .new_design .deshbord .deshbordimg.common_dash.page16 .block_page img{max-width: 200px;} .block_page .block_square{margin-top: 5px;} .block_page .block_square ul.top li{height: 95px;} .block_page .block_square ul.top li:after{top: 38px;} .outer_block{ max-width: 590px;} .outer_block .block_square ul.bottom li span{font-size: 14px;} .new_design .deshbord .deshbordimg.common_dash.page16 .outer_block img{max-width: 200px;} .outer_block .block_square{margin-top: 5px;} .outer_block .block_square ul.top li{ height: 95px;width: 107px;} .outer_block .block_square ul.top li:after{ top: 36px;width: 42px;background-size: 100%;} .outer_block .block_square ul.bottom{} .outer_block .block_square ul.bottom li {width: 105px;height: 105px; margin: 0 4px} /* Unit 4 */ .new_design .right_txt_blk{width: 65%} .new_design.open_pop.pop1_open .popwrap .popup_container.pop1, .new_design .home_popup .midalteacher_show {transform: scale(0.7);transform-origin: top;} .new_design .left_right_button .right_side.long a {padding: 19px 8px;font-size: 14px;} .new_design .popwrap .popup_container.pop2 p {line-height: 19px; font-size: 15px;} .new_design .common_dash.unit4_5 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_5 .cliffs .four_cards .card .answer{height: 130px;} .new_design .common_dash.unit4_5 .cliffs{padding-bottom: 20%;} .new_design .left_right_button .right_side.full{top: 0} .new_design .common_dash.unit4_6 .cliffs .four_cards .card{height: 50px;} .new_design .common_dash.unit4_6 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_6 .cliffs .four_cards .card .answer{ height: 50px; padding: 10px 0;} .new_design .common_dash.unit4_6 .cliffs .four_cards{margin-top: 0;} .new_design .common_dash.unit4_6 .top_block img{max-width: 190px;} .new_design .common_dash.unit4_6 .top_block p{line-height: 20px;} .new_design .left_right_button .right_side a.two_line{font-size: 19px;} .new_design .popwrap .popup_container.pop2.page_pop5 img{ max-width: 400px; float: none} .new_design .popwrap .popup_container.pop2.page_pop5{ text-align: center; width: 570px;} .new_design .popwrap .popup_container.pop2.page_pop5 .video_wrap{ background: #ffb001;padding: 15px;border-radius: 10px;height: 300px;max-width: 500px;margin: 0 auto;} .new_design .popwrap .popup_container.pop3.page_pop5{transform: scale(0.7);transform-origin: top;} .new_design .popwrap .popup_container.pop4.page_pop5{transform: scale(0.7);transform-origin: top;} .new_design .popwrap .popup_container.pop5.page_pop5 img {max-width: 80%;margin: 0 auto;} .new_design .popwrap .popup_container.pop5.page_pop5{ width: 780px;} .new_design .owl-carousel.owl-rtl .owl-item .item{ width: 700px;} .new_design .common_dash.unit4_5 .cliffs .four_cards .card{height: 140px;} .new_design .popwrap .popup_container.page6_pop{transform: scale(0.7);transform-origin: top;} .new_design .popwrap .popup_container.page6_pop img {; float: none} .new_design .common_dash.unit4_6 .popup_contain .pop_up_note{ font-size: 16px;} .page_7_drag div#cardSlots {position: relative;float: left;top:0px;} /*.page_7_drag #cardSlots .five.ui-droppable{ top:36%}*/ /*.page_7_drag #cardSlots .one.ui-droppable{top: 50%;}*/ /*.page_7_drag #cardSlots .three.ui-droppable{top: 64%;}*/ .page_7_drag #cardSlots div{margin-top: 0px; font-size: 0} .page_7_drag #cardSlots .two.ui-droppable{ top: 2%} .page_7_drag #cardPile div{margin-bottom: 0;} .page_7_drag {height: 320px;} .new_design .common_dash.unit4_7 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7 .cliffs .four_cards .card .answer{height: 50px; padding: 0} .new_design .common_dash.unit4_7 .cliffs .four_cards .card{height: 50px; margin-bottom: 0;} .page_7_drag #cardSlots .three.ui-droppable{margin-bottom: 0;} .new_design .deshbord .deshbordimg.common_dash.unit4_7{padding-bottom: 60px;} .new_design .common_dash.unit4_8 .bottom_content img{max-width: 190px;} .new_design .common_dash.unit4_9 h3 a, .new_design .common_dash.unit4_8 .bottom_content a{padding: 9px 38px; font-size: 16px;} .new_design .common_dash.unit4_9 .bottom_img{ height: 190px;text-align: center;} .new_design .common_dash.unit4_9 .bottom_img img{max-height: 100%; max-width: 330px;} .new_design .common_dash.unit4_9 .cliffs .card .problem, .new_design .common_dash.unit4_9 .cliffs .card .answer{height: 50px; padding: 15px 0} .new_design .common_dash.unit4_9 .cliffs .card{ height: 50px; margin-bottom: 0;} .new_design .common_dash.unit4_9 h3{padding-bottom: 10px;} .new_design .side_nav ul li a{font-size: 14px;} .new_design .common_dash.unit4_10 h3 a{padding: 9px 38px; font-size: 16px;} .new_design .common_dash.unit4_10 .bottom_content img{max-width: 160px} .new_design .common_dash.unit4_10 .cliffs .card{height: 50px;} .new_design .common_dash.unit4_10 .problem3, .new_design .common_dash.unit4_10 .answer3{ padding: 15px 0; height: 50px;} .new_design .left_right_button .right_side.page10_link{width: 50%;} .new_design .popwrap .popup_container.pop2.page_pop10 img{ max-width: 138px;} .new_design .popwrap .popup_container.pop2 .popup_contain .pop_up_note{font-size: 13px; bottom:-105px} .new_design .common_dash.unit4_10 .bottom_card .bot_img{ width: 210px;} .new_design .common_dash.unit4_10 .bottom_card .card .answer2 span{ font-size: 17px;} .new_design .common_dash.unit4_12 .left_img{width: 19%;} .new_design .common_dash.unit4_12 .cliffs .card{height: 100px;} .new_design .common_dash.unit4_12.unit7_12 .cliffs .card{height:80px;} .new_design .common_dash.unit4_13 .problem, .new_design .common_dash.unit4_13 .answer{ height: 50px; margin-top: 5px;} .new_design .common_dash.unit4_13 .cliffs .card5{ height: 80px;} .new_design .common_dash.unit4_13.page14_bg .cliffs{padding-bottom: 220px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .card5{height: 80px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .right_flip .problem {height: 100px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .answer2 span{line-height: 22px;} .new_design .common_dash.unit4_13.page15_bg .cliffs .left_map{width: 31%;} .new_design .left_right_button.page16_bottom .right_side{width: 50%;} .new_design .common_dash.unit4_13.unit4_16 .cliffs img {max-height: 260px;} body #story textarea {padding: 3px;height: 50px;} .new_design .common_dash.unit4_13.unit4_17 .cliffs img {max-height: 390px;} .new_design .common_dash.unit4_13.unit4_18 .cliffs img {max-width: 290px;} .new_design .common_dash.unit4_13.unit4_18 .cliffs img.bottom_img_page18 {max-width: 390px;} .new_design .common_dash.unit4_13.unit4_18 .cliffs .video_wrap{height: 220px} body #story .unit4_19 textarea{height: 80px;} .new_design .deshbord .deshbordimg.unit4_19 p {font-size: 15px;line-height: 17px;} .page_21_drag #cardSlots div {width: 211px;height: 100px;background-size: auto 100% !important;background-repeat: no-repeat !important;background-position: center center !important; font-size: 0;} .page_21_drag #cardPile div{margin-bottom: -6px;} .page_21_drag #cardSlots div{transform: none} .new_design .deshbord .deshbordimg.common_dash.unit4_page21{padding-bottom: 60px;} /* Unit-7*/ .new_design .page16.common_dash.unit7_2 .problem, .new_design .page16.common_dash.unit7_2 .answer{height: 70px; padding: 9px 0;} .unit7_5 .card__text.text_center{font-size: 14px; line-height: 20px; padding: 12px;} .new_design .common_dash.unit7_2 .cliffs .video_wrap{height: 230px;} .new_design .left_right_button{left: -45px;} .new_design.open_pop.pop2_open .popwrap .popup_container.pop2{transform: scale(0.7); top: 0;} .new_design .page16.common_dash .cliffs a{font-size: 20px;} .new_design .left_right_button .right_side.long_right.page10_link{left: -60px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box img{max-width: 450px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div2 {top: 37%;left: 18%; font-size: 16px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div1 {top: 24%;left: inherit;right: 28%; font-size: 16px;} .new_design .common_dash.unit4_9.unit7_7 .bottom_img img {max-height: 100%;max-width: 500px;} .new_design .common_dash.unit4_9.unit7_7 .bottom_img {height: 160px;} .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .answer {height: 110px; } .new_design .common_dash.unit4_7.unit7_7 .cliffs .four_cards .card .answer {padding: 25px 10px;} .new_design .common_dash.unit7_7 .cliffs h2 {font-size:20px;} .new_design .common_dash.unit7_10 .cliffs h2 {padding-top: 10px;padding-bottom: 10px;} .new_design .common_dash.unit7_10 .cliffs {background-position: 110px 20px;background-size: 22%;} .new_design .common_dash.unit4_13.unit7_11 .problem, .new_design .common_dash.unit4_13.unit7_11 .answer {height: 50px;margin-bottom: 20px; padding: 16px 0;} .new_design .common_dash.unit4_13.unit7_11 .cliffs .card5 {height: 70px;} .new_design .common_dash .cliffs h2{font-size: 20px;} .new_design .common_dash .cliffs{margin-bottom: 10px;} .new_design .common_dash.unit4_12.unit7_12 .card .problem2,.new_design .common_dash.unit4_12.unit7_12 .card .answer2 { padding: 10px 35px;float: none;} .new_design .common_dash.unit4_12.unit7_12 .card .answer2 span{font-size: 14px;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left {;text-align:right; width: 35%; margin-top: 0;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .right {margin-top: 0;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left img {max-height: 152px;width: 74%;} .new_design .common_dash.unit7_12 .cliffs .right_content p{padding-bottom: 0;} .new_design .common_dash.unit7_12 .cliffs .right_content {background-size: 12%; background-position: 120px 0;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span{font-size: 14px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs img{width: 60%;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span br{display: none;} .new_design .common_dash.unit4_13.unit7_14 .card .answer{padding: 10px 15px;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note{font-size: 14px;line-height: normal;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .popup_contain .pop_up_note.colorcolor1{bottom: -75px;} .new_design .common_dash.unit4_13.unit7_14 .card .answer span{line-height:16px;} .new_design .common_dash.common_dash.unit7_15 .top_content{margin-top: 20px; margin-bottom: 30px;} .new_design .common_dash.common_dash.unit7_15 .bottom_content img {width:55%;} .new_design .common_dash.unit7_16 .problem {padding: 12px; padding-right: 90px;} .new_design .common_dash.unit7_16 .problem span{line-height: 20px;} .new_design .common_dash.unit4_13.unit4_16 .cliffs img {max-height: 150px;} .new_design .common_dash.unit4_13.unit4_17.unit7_17 .cliffs img {max-height: 330px;} .new_design .deshbordimg.common_dash.unit7_22 img {max-height: 340px;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .left img{width: 66%;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom img{width: 30%;} .new_design .common_dash.unit7_16 .problem, .new_design .common_dash.unit7_16 .answer, .new_design .common_dash.unit7_16 .cliffs .card {height: 120px;} .new_design .deshbordimg.common_dash.unit7_18 .top .pop_btn{width: 130px;height: 35px; padding: 9px 0; font-size: 14px;} .new_design .deshbordimg.common_dash.unit7_18 .top p{font-size: 14px;padding-top: 8px;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile div,.new_design .deshbordimg.common_dash.unit7_18 #cardSlots div{font-size: 16px;width: 250px;margin-bottom: -11px;height: 60px;} .new_design .deshbordimg.common_dash.unit7_18 .drag_bg {background-position: bottom right 100px; background-size: 36%;} .new_design .deshbordimg.common_dash.unit7_18 .cliffs{min-height:440px;} .new_design .deshbordimg.common_dash.unit7_18 #cardPile{height: 390px;margin-top: 40px;} .new_design .deshbordimg.common_dash.unit7_18 div#cardSlots{top:50px;} .drag_page1 .one.ui-droppable {left: 24% !important;top: 3% !important;} .drag_page1 .two.ui-droppable {left: 71% !important;top: 0% !important;} .drag_page1 .three.ui-droppable{top: 34% !important;} .drag_page1 .four.ui-droppable {top: 48% !important;left: 74% !important;} .drag_page1 .five.ui-droppable {left: 24% !important;top: 61% !important;} .drag_page1 .six.ui-droppable {left: 71% !important;top: 67% !important;} .drag_page1 .seven.ui-droppable {left: 30% !important;} .new_design .deshbordimg.common_dash.unit7_19 .summery{background-size: 18%;} .new_design .deshbordimg.common_dash.unit7_19 .summery p{line-height: 20px;} .new_design .deshbordimg.common_dash.unit7_20 .cliffs{background-size: 47%;padding-bottom: 30%;} .new_design .deshbordimg.common_dash.unit7_20 .problem span, .new_design .deshbordimg.common_dash.unit7_20 .answer span{font-size: 16px;} .new_design .deshbordimg.common_dash.unit7_20 .problem, .new_design .deshbordimg.common_dash.unit7_20 .answer{height: 110px;margin-top: 20px;} .new_design .deshbordimg.common_dash.unit7_page21 p {line-height: 20px;font-size: 16px;} .new_design .deshbordimg.common_dash.unit7_page21 .bottom_content {padding-top: 10px; padding-bottom: 20px;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .cliffs{padding-bottom: 35px;} .new_design .common_dash.unit4_7.unit7_7.unit7_9 .cliffs .four_cards .card .problem, .new_design .common_dash.unit4_7.unit7_7.unit7_9 .cliffs .four_cards .card .answer {height: 80px; padding: 25px 0; float: none;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img img {width:40%;} /*unit 9*/ .new_design .deshbord .deshbordimg .home_top_bg {left: 19.5% !important;} /*3*/ .new_design .deshbordimg p.lines { line-height: 21px !important;margin: 0 8px; font-weight: 500;} /*4*/ .new_design .common_dash .cliffs .show_content.head .content1:after {top: 6px;right: -25px;} /*5*/ .new_design .common_dash .cliffs .show_content.head {font-size: 22px;} .new_design .common_dash .cliffs .show_content.head .content2 {top: -126px;} .new_design .common_dash .cliffs .show_content.head .content2:after {top: 107px;} .new_design .common_dash .cliffs .show_content.head .content2 p {font-size: 20px;} .new_design .deshbord .deshbordimg p.lines {font-size: 20px !important; line-height: 22px !important;} /*6*/ .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {min-height: 427px;} .new_design .common_dash.unit9_6 .cliffs .card {max-width: 36%;width: 35%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .answer span {font-size: 22px;} .new_design .common_dash.unit9_6 .cliffs .card.blue {top: 16%;right: 55%;} .new_design .common_dash.unit9_6 .cliffs .card.orange {top: 17%;right: 15%;} .new_design .common_dash.unit9_6 .cliffs .card.green {bottom: 16%; right: 38%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color3:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color3:after {bottom: -53px;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem.color4:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer.color4:after {top: -34%;} .deshbordimg.common_dash.unit9_6 .cliffs .card .problem:after, .deshbordimg.common_dash.unit9_6 .cliffs .card .answer:after { bottom: -53px; left: 30%;} /*7*/ .new_design .common_dash.unit9_7 .cliffs .show_content.head.greeny {margin-top: 15px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_7 .cliffs {min-height: 467px;} .new_design .common_dash.unit9_7 .cliffs .show_content.head.greeny .content3 p {font-size: 22px;} .new_design .common_dash.unit9_7 .cliffs .show_content.head .content3 {top: 66px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_7 .cliffs {background-size: 71%;background-position: center bottom 6%;padding-bottom: 0 !important;min-height: 451px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_6.unit9_6 .cliffs {background-size: 71% !important;} /*8*/ .new_design .common_dash.unit9_8 h1.green_header {line-height: 20px; font-size: 18px} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_8 .cliffs {background-size: 60%;} .new_design .common_dash.unit9_8 .cliffs.adjust .show_content.head {font-size: 20px;} .new_design .common_dash.unit9_8 .cliffs .show_content.head .content4, .new_design .common_dash.unit9_8 .cliffs .show_content.head .content5, .new_design .common_dash.unit9_8 .cliffs .show_content.head .content6 {padding: 6px 10px;} .new_design .common_dash.unit9_8 .cliffs.adjust .show_content.head.orange {right: 30%;} .new_design .common_dash.unit9_8 .cliffs.adjust .show_content.head.blue {top: 41%;left: 26%;} .new_design .common_dash .cliffs .show_content.head .content5 {top: 49px;} .new_design .common_dash .cliffs.adjust .show_content.head.greeny {right: 29%;bottom: 19%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_8 .cliffs{padding-bottom: 41%;} .new_design .common_dash.unit9_8 .cliffs.adjust .show_content.head p {font-size: 20px !important;} /*9*/ .new_design .common_dash.unit9_9 .cliffs {padding-top: 28px;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head {font-size: 20px;} .new_design .deshbordimg.unit9_9 p.lines {font-size: 18px;line-height: 22px !important;} .new_design .deshbordimg.unit9_9 p.lines.space {margin-bottom: 15px;} .new_design .deshbordimg.unit9_9 p.lines a {font-size: 24px !important; line-height: 56px !important;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_9 .cliffs { background-size: 62%;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.greeny {right: 30.5%;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head.blue {left: 27%;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_9 .cliffs{ padding-bottom: 23%;} .new_design .common_dash.unit9_9 .cliffs.adjust .show_content.head p {font-size: 20px !important;} .new_design .common_dash.unit9_9 .cliffs .show_content.head .content6:after {top: -37%;} /*10*/ .new_design .common_dash.unit9_10 .cliffs {padding-top: 28px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit9_10 .cliffs {background-size: 42%; background-position: center bottom 31%; padding-bottom: 35%;} .new_design .deshbordimg.unit9_10 p.lines {font-size: 16px;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head {font-size: 20px;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.orange {top: 21%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.blue {top: 65%;left: 33%;} .new_design .common_dash.unit9_10 .cliffs.adjust .show_content.head.greeny {bottom: 20.5%; right: 36%;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4, .new_design .common_dash.unit9_8 .cliffs .show_content.head .content5, .new_design .common_dash.unit9_8 .cliffs .show_content.head .content6 {padding: 6px 10px;} .new_design .common_dash .cliffs.adjust .show_content.head p {font-size: 17px !important;line-height: 20px !important;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content4 {top: 53px !important;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content5 {top: 51px;} .new_design .common_dash.unit9_10 .cliffs .show_content.head .content6:after {top: -35%;} /*13*/ .new_design .common_dash.unit9_13 h1.green_header {line-height: 20px; font-size: 18px} .new_design .deshbord .deshbordimg.common_dash.page16.unit9_13 img {max-width: 606px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_13 .cliffs {background-size: 52%;padding-bottom: 24%;} /*14*/ .new_design .common_dash.unit9_14 h1.green_header {font-size: 18px} .new_design .deshbord .deshbordimg.unit9_14 p{font-size: 20px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit9_14 img {max-width: 532px;} /*15*/ .new_design .common_dash.unit9_15 h1.green_header {font-size: 18px;line-height: 30px;} .new_design .deshbordimg.unit9_15 p.lines {line-height: 23px !important; font-size: 19px; margin-top: 5px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_15 .cliffs{background-size: 34%; padding-bottom: 22%;} /*16*/ .new_design .common_dash.unit9_16 h1.green_header {font-size: 18px;line-height: 30px;} .new_design .deshbordimg.unit9_16 p {font-size: 19px !important;line-height: 23px !important;} .new_design .deshbordimg.unit9_16 h3 {font-size: 20px;} .new_design .deshbordimg.unit9_16 .list_content {margin-bottom: 15px;} .new_design .deshbordimg.unit9_16 .list_content p span {font-size: 20px;width: 25px;} .new_design .deshbordimg.unit9_16 .list_content p.right_space {padding-right: 45px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_16 .cliffs {background-size: 63%;padding-bottom: 12%;} /*17*/ .new_design .deshbordimg.unit9_17 h2 {line-height: 20px;} .new_design .deshbord .deshbordimg.common_dash.page16.unit9_17 img {max-width: 500px;} .new_design .left_right_button.unit10_2 .right_side {width: 70%;} /*18*/ .new_design .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs h2 {font-size: 22px;line-height: 29px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit9_2.unit9_18 .cliffs {background-size: 35%;padding-bottom: 23%;} /*unit 10*/ /*_1*/ .new_design .home_popup .midalteacher_show {top: 50px;} /*_2*/ .new_design .page16.common_dash .cliffs a.links {padding: 7% 0;} .new_design.open_pop.pop1_open .popwrap .popup_container.pop1.small { transform: none; transform-origin: none; } .new_design .popwrap .popup_container.small {top: 49%;left: 20%;} /*_3*/ .new_design .common_dash.unit10_3 a {padding: 8px 37px !important;} .new_design .common_dash.unit10_3 p.lines strong {padding: 3% 0 2% 0;} .new_design .common_dash.unit10_3 .but_center {margin-bottom: 1%;} /*_4*/ .new_design .deshbord .deshbordimg.unit10_4 p.lines {font-size: 16px !important;} .new_design .deshbord .deshbordimg.unit10_4 h1.green_header {line-height: 0px; font-size: 20px !important;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc {padding-top: 5px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li.dark_green p {font-size: 21px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li, .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li+li {min-height: 10px;} .new_design .deshbord .deshbordimg.unit10_4 .table_struc ul li p {font-size: 15px; line-height: 16px !important; font-weight: 400;} /*_5*/ .new_design .common_dash.unit10_5 h1 {line-height: 35px;} .new_design .common_dash.unit10_5 .but_center {margin-top: 1%;} /*_7*/ .new_design .deshbordimg.unit10_7 .answer3 span, .new_design .deshbordimg.unit10_7 .problem3 span {font-size: 22px;} .new_design .deshbordimg.unit10_7 .card span {font-size: 22px;} /*_9*/ .new_design .common_dash.unit10_9 .cliffs {min-height: 430px;} /*_11*/ .new_design .deshbord .deshbordimg.unit10_11 .answer span, .new_design .deshbord .deshbordimg.unit10_11 .problem span {font-size: 21px;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_11 .cliffs {background-size: 53%;padding-bottom: 19%;} .new_design .popwrap .popup_container.small.texts {top: 47%;} /*_12*/ .new_design .page16.common_dash.unit10_12 .cliffs .card {min-height: 97px;} .new_design .page16.common_dash.unit10_12 .problem, .new_design .page16.common_dash.unit10_12 .answer {height: 100px;} .new_design .deshbord .deshbordimg.unit10_12 h1.green_header {font-size: 25px !important;} .new_design.open_pop.pop2_open .popwrap.unit10_12 .popup_container.pop2 {transform: none; transform-origin: none; top: 49%; left: 33%;} /*_13*/ .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_13 .cliffs {background-size: 19%;padding-bottom: 13%;} /*_14*/ .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_14 .cliffs {background-size: 41%;padding-bottom: 14%;} /*_16*/ .new_design .deshbordimg.unit10_16 .cliffs .card span {font-size: 21px;} .new_design .deshbordimg.unit10_16 p {margin-bottom: 2%;} .new_design .deshbordimg .cliffs .half_card {display: block; width: 96%; margin: 0 auto;} .new_design .deshbordimg .cliffs .half_card .card {position: relative; display: inline-block; vertical-align: top; float: right; max-width: 50%; width: 50%; margin: 0; min-height: 110px;} .new_design .deshbordimg .cliffs .half_card .problem, .new_design .deshbordimg .cliffs .half_card .answer {height: 110px;} .new_design .deshbordimg .cliffs .half_card .card span {font-size: 21px;} /*_17*/ .new_design .common_dash.unit10_17 p.lines {font-size: 22px !important; line-height: 25px !important; margin-bottom: 5px;} .new_design .common_dash.unit10_17 p.lines strong {padding: 0;} .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_3.unit10_5.unit10_17 .cliffs {background-size: 26%;padding-bottom: 20%;} /*_18*/ .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_3.unit10_5.unit10_18 .cliffs {background-size: 35%;padding-bottom: 4%;} .popup_container.page10_18 {padding-bottom: 18% !important;} /*_19*/ .deshbordimg.common_dash.page16.unit4_3.unit7_2.unit7_5.unit9_2.unit10_17.unit10_19 .cliffs {background-size: 25%;} .new_design .common_dash.unit10_19 p.lines { font-size: 22px !important;line-height: 23px !important; margin-bottom: 3%;} .new_design .common_dash.unit10_19 p.start, .new_design .common_dash.unit10_19 p.orange {margin-bottom: 0;} /*_20*/ .new_design .deshbordimg.unit10_20 h1.green_header {font-size: 23px !important;} .new_design .deshbord .deshbordimg.unit10_20 p.lines {font-size: 19px !important;line-height: 20px !important; margin-top: 12px;} .new_design .deshbord .deshbordimg.unit10_20 .table_struc ul li p {font-size: 13px;line-height: 14px !important;font-weight: 500;} /*_21*/ .page_7_drag.unit10_drag .right_content {height: 60px !important;max-height: 60px !important;} .page_7_drag.unit10_drag .right_content #content {height: 60px;} .page_7_drag.unit10_drag #cardPile {height: 60px;} .page_7_drag.unit10_drag {height: 90px;} .new_design .deshbordimg.unit10_21 h1.green_header {font-size: 30px !important;} .new_design .common_dash.unit10_21 .cliffs {min-height: 420px;} .new_design .deshbord .deshbordimg.unit10_21 p.lines {font-size: 20px !important;line-height: 23px !important; font-weight: normal;} .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {font-size: 26px;} .page_7_drag.unit10_drag #cardSlots div, .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {width: 140px;} .page_7_drag.unit10_drag #cardSlots .one.ui-droppable {top: 36px;right: 456px;} .page_7_drag.unit10_drag #cardSlots .six.ui-droppable {right: 276px;} .page_7_drag.unit10_drag div#card4, .page_7_drag.unit10_drag div#card5, .page_7_drag.unit10_drag div#card6 {top: 194px;} .page_7_drag.unit10_drag #cardPile div,.page_7_drag.unit10_drag #cardSlots div {transform: none; transform-origin: none; } .page_7_drag.unit10_drag #cardSlots div, .page_7_drag.unit10_drag #cardPile div, .page_7_drag.unit10_drag #cardPile .ui-draggable.correct.ui-draggable-disabled {height: 46px;min-height: 46px; padding: 3px 0;} .page_7_drag.unit10_drag #cardSlots .six.ui-droppable {top: 194px;} /*_22*/ .page_7_drag.unit10_drag.page22 #cardSlots .one.ui-droppable {right: 279px; top: 13px;} .page_7_drag.unit10_drag.page22 #cardSlots .four.ui-droppable {right: 304px; top: 193px;} .page_7_drag.unit10_drag.page22 div#card4, .page_7_drag.unit10_drag.page22 div#card5, .page_7_drag.unit10_drag.page22 div#card6 {top: 184px;} .new_design .common_dash.unit10_22 .cliffs {min-height: 420px;} .page_7_drag.unit10_drag.page22 #cardPile .ui-draggable.correct.ui-draggable-disabled#card4 {padding: 3px;} /*_23*/ .page_7_drag.unit10_drag.page23 #cardSlots .one.ui-droppable {right: 332px;} .page_7_drag.unit10_drag.page23 #cardSlots .four.ui-droppable {right: 262px;} .page_7_drag.unit10_drag.page23 div#card4, .page_7_drag.unit10_drag.page23 div#card5, .page_7_drag.unit10_drag.page23 div#card6 {top: 188px;} } @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; background-size: 100% 105%;} .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;} /* Unit-7 */ .new_design .common_dash.unit7_2 .cliffs .video_wrap{height: 300px;} .new_design .left_right_button .right_side{width: 80%;} .new_design .left_right_button .right_side.long_right.page10_link {width: 80%;} .new_design .left_right_button .right_side.long_right.unit7 a{font-size: 16px} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box div{font-size: 16px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div1 {top: 73px;left: inherit;right: 310px;} .new_design .page16.common_dash.unit7_2 .cliffs .flower_box .div2 {top: 40px;left: 252px;} .new_design .deshbordimg.unit4_7.unit4_9.unit7_7 .top_img img {width: 95%;} .new_design .common_dash.unit4_10.unit7_10 p{line-height: 20px;} .new_design .common_dash.unit7_10 .cliffs{background-image: none;} .new_design .common_dash.unit7_12 .cliffs .right_content p{line-height: 20px} .new_design .common_dash.unit7_12 .cliffs .right_content {background-position: 10px 160px;background-size: 25%;} .new_design .common_dash.unit7_12 .cliffs .bottom_content .left img {width: 100%; margin-top: 50px;} .new_design .common_dash.unit4_13.unit7_11 .cliffs.unit7_13 .card span {font-size: 16px;line-height: 20px;} .new_design .common_dash.unit7_12.unit7_14 .cliffs .bottom_data .right .right_bottom img{width: 50%;} .new_design .common_dash.unit7_16 .problem {text-align: right;padding-right: 45px;} .new_design .common_dash.unit7_16 .problem, .new_design .common_dash.unit7_16 .answer, .new_design .common_dash.unit7_16 .cliffs .card {height: 200px;} .new_design .common_dash.unit4_13.unit4_17 .cliffs img {max-height: 320px;} .new_design .deshbordimg.common_dash.unit7_19 .summery{background-image: none;} .new_design .deshbordimg.common_dash.unit7_19 .summery p {line-height: 24px; font-size: 16px;} .new_design .deshbordimg.common_dash.unit7_20 .cliffs{padding-bottom: 450px;} .new_design .deshbordimg.common_dash.unit7_20 .problem span, .new_design .deshbordimg.common_dash.unit7_20 .answer span{font-size: 16px;} .new_design .deshbordimg.common_dash.unit7_page21 .cliffs{background-image: none;} .new_design .deshbordimg.common_dash.unit7_page21 p {line-height: 25px;font-size: 16px;} } @media only screen and (max-width: 1366px) { .new_design .unit4_home .home_popup .midalteacher_show{top: 25px;} .new_design .examination_popup.popup1_19 ul li {font-size: 14px;line-height: 44px;} } @media only screen and (max-width: 1024px) { .new_design .unit4_home .home_popup .midalteacher_show{top: 75px;} .new_design .unit4_home .home_popup .midalteacher_show .popup_txt{margin-left: 2%;} .new_design .unit4_home .home_popup .midalteacher_show .popup_txt p{font-size: 14px;} .new_design .home_popup .midalteacher_show p{ font-size: 14px;line-height: 20px} .new_design .unit4_home .home_popup .midalteacher_show .dotted li{font-size: 15px;} .new_design .popup h2, .new_design .popup p, .new_design .popup li{font-size: 16px;} } @media only screen and (min-width: 768px) and (max-width: 990px){ .new_design .midalteacher_show.home{max-width: 85% ; left: 0; right: 0; margin-left: auto; margin-right: auto;} .new_design .pop_btn{margin-top: 15px;} } /* 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} }