.promotional-element{display:block}.promotional-element .emoji-fix-20{display:inline-block;min-width:20px;text-align:left}.promotional-element .promotional-element-title{display:flex;justify-content:center;align-items:center;padding:3px 4px 4px 5px;width:200px;background-color:#004b91;border-radius:2px;margin-bottom:8px}.promotional-element .promotional-element-title-text{color:#fff;font-size:13px;font-weight:850;word-spacing:2px}.promotional-element .promotional-element-title .emoji{font-size:16px;padding-right:4px;display:inline-block;min-width:20px;text-align:left}.promotional-element .promotional-element-text{position:relative;display:flex;align-items:center;padding:14px 20px 16px 28px;border-radius:4px;background-color:#dcedfe;box-shadow:4px 4px 4px rgba(251,251,251,.5)}.promotional-element .promotional-element-text .emoji{font-size:55px;padding-right:20px}.promotional-element .promotional-element-description{width:100%}.promotional-element .promotional-element-description-text{width:100%;color:#004b91;padding-bottom:16px}.promotional-element .promotional-element-bold,.promotional-element .promotional-element-join-button{font-weight:700}.promotional-element .btn-primary{width:100%;height:35px;background:#f50;color:#fff;font-size:14px;font-weight:750;border:none;border-radius:5px;opacity:1;-webkit-transition-property:opacity;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);-webkit-transition-duration:.3s;-moz-transition-property:opacity;-moz-transition-duration:.3s;-ms-transition-property:opacity;-ms-transition-duration:.3s;-o-transition-property:opacity;-o-transition-duration:.3s}.promotional-element .btn-primary:hover{text-decoration:none!important;opacity:.8!important;cursor:pointer}@media (max-width:576px){.promotional-element .promotional-element-text{padding:17px 16px 16px 12px}.promotional-element .promotional-element-text .emoji{font-size:49px;padding-right:0;position:absolute;top:-11px;left:-10px;transform:rotate(-12deg);-webkit-backface-visibility:hidden}.promotional-element .promotional-element-description-text{width:auto;padding:0 40px 16px;text-align:center}}.grade_wrap .info-container:first-child{margin-top:20px}.grade_wrap .info-container{padding:10px}.grade{-webkit-box-shadow:0 1px 2px 0 #c7c7c7;-moz-box-shadow:0 1px 2px 0 #c7c7c7;box-shadow:0 1px 2px 0 #c7c7c7;overflow:hidden}.myclass_section{display:inline-block}.myclass_section p input{width:125px;font-size:20px;font-weight:200;display:inline-block;color:#959595;cursor:pointer;background:0 0;border:none;vertical-align:middle}.myclass_section label{position:relative}.myclass_section label:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:url("../img/edit.svg") center/contain no-repeat}.grade .rm_block,.grade .rm_row{width:20px;float:left;margin-top:15px;padding:0;border:none;outline:0;background:0 0}.grade .rm_block{display:inline-block;float:right}.grade .rm_block img,.grade .rm_row img{transform:rotate(45deg);width:15px;cursor:pointer;vertical-align:middle}.class_row{display:block;text-align:center}.class_row.titles{font-weight:700;margin-top:20px;overflow:hidden}.class_row>div{display:inline-block;position:relative;vertical-align:middle;margin:5px 10px;width:90px;float:left}.grade .select-wrap{overflow:hidden;border:1px solid #d8d7d7;width:calc(100% - 5px);position:relative;display:inline-block;z-index:0;vertical-align:-webkit-baseline-middle}.grade .select-wrap:before{display:block;position:absolute;content:''}.grade select{height:33px;width:100%;border:0;background-color:#fff;color:#6f7681;outline:0;padding:3px 25px 3px 3px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.grade select::-ms-expand{display:none}.grade .select-arrow{background:0 0;bottom:5px;position:absolute;right:5px;top:0;width:20px;pointer-events:none;z-index:1;cursor:pointer}.grade .select-arrow:after,.grade .select-arrow:before{border-right:2px solid;content:'';display:block;height:9px;margin-top:-3px;position:absolute;-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(225deg);right:6px;top:50%;width:0;color:#828891}.grade .select-arrow:after{margin-right:6px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(135deg)}.class_row .equal_sign{width:10px;margin:5px 0}.class_row .assesment,.class_row .grade_total{margin-left:0;margin-right:0;width:calc((100% - 30px)/ 4 + 20px)}.class_row .grade_letter,.class_row .grade_proc{width:calc((100% - 30px)/ 4 - 50px)}.plus_assesment,.plus_semester{color:#235188;float:left;margin:10px 0;cursor:pointer;border:none;font-size:14px;background:0 0}.plus_assesment:focus,.plus_semester:focus{outline:0}.plus_assesment img,.plus_semester img{height:11px;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out}.plus_assesment:hover img,.plus_semester:hover img{-ms-transform:rotate(270deg);transform:rotate(270deg)}.current_grade{margin:10px auto;display:none}.current_grade p{text-align:center;font-size:20px}.current_grade span{font-size:35px;font-weight:700;vertical-align:bottom;color:#1c4a8c;margin:0 5px}.final_goal{margin-top:20px}.final_rows{text-align:center;margin-top:10px;display:none}.final_goal_title{font-weight:700;position:relative}.final_row>div,.final_row_title>div{display:inline-block;float:left;width:calc((100% - 90px)/ 5);margin:0 5px;text-align:left;font-size:13px;position:relative;vertical-align:-webkit-baseline-middle}.final_row_title>div{font-weight:700;text-align:center}.final_row input{display:block;width:calc(100% - 15px)}.final_row .equal_sign,.final_row_title .equal_sign{width:10px}.final_row>div:last-child,.final_row_title>div:last-child{margin-right:0}.final_row>div:first-child,.final_row_title>div:first-child{margin-left:0}.final_section{display:none;margin:20px auto;text-align:center;font-weight:700}.final_section span{font-size:30px;font-weight:700;vertical-align:bottom;color:#1c4a8c;margin:0 5px}.assesment input,.grade_total input{width:calc(100% - 12px)}.final_row .final_worth,.final_row .grade_proc .select-wrap{box-shadow:0 0 3px #1c4a8c!important;border-color:#1c4a8c!important}.final_goal .select-arrow{pointer-events:all}@media screen and (max-width:650px){.class_row>div{margin:3px}.class_row .assesment,.class_row .grade_total{width:calc((100% - 10px)/ 4)}.class_row .grade_letter,.class_row .grade_proc{width:calc((100% - 64px)/ 4)}.class_row input::-webkit-input-placeholder{color:transparent}.class_row input:-moz-placeholder{color:transparent}.class_row::-moz-placeholder{color:transparent}.class_row:-ms-input-placeholder{color:transparent}.class_row.titles{font-size:12px}.grade .rm_row{width:10px;margin-left:5px}.final_row>div,.final_row_title>div{width:calc((100% - 26px)/ 5);margin:0}.final_row_title>div{font-size:12px}}@media screen and (max-width:400px){.current_grade span{font-size:25px}.final_section span{font-size:20px}}