.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}}.gpa-calculator .info-container{border:1px solid #efefef;-webkit-box-shadow:0 1px 2px 0 #c7c7c7;-moz-box-shadow:0 1px 2px 0 #c7c7c7;box-shadow:0 1px 2px 0 #c7c7c7;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px}.gpa_wrap .info-container:first-child{margin-top:20px}.gpa{-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}.cumulative{text-align:center}.cumulative p,.semester p{font-size:18px;font-weight:700}.semester p{display:inline-block}.semester p span{color:#1c4a8c}#cumulative_value{font-size:40px;color:#1c4a8c;vertical-align:middle;font-weight:700;margin:0 0 0 10px}.full_line{position:absolute;left:0;right:0;height:2px;background:#ededed;width:100%;margin-top:15px}.gpa .select-wrap{overflow:hidden;border:1px solid #d8d7d7;width:calc(100% - 125px);float:right;position:relative;display:inline-block;z-index:0}.gpa .select-wrap:before{display:block;position:absolute;content:''}.gpa select{width:100%;border:0;background-color:#fff;color:#6f7681;outline:0;padding:3px 24px 3px 5px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.gpa select::-ms-expand{display:none}.gpa .select-arrow{background:#fff;bottom:5px;position:absolute;right:5px;top:5px;width:20px;pointer-events:none;z-index:1}.gpa .select-arrow:after,.gpa .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}.gpa .select-arrow:after{margin-right:6px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(135deg)}.gpa input[type=text]{height:26px;width:calc(100% - 120px);float:right;background:#fff;font-size:13px;color:#6f7681;border:1px solid #d8d7d7;padding:5px;box-shadow:none;border-radius:0;outline:0;-webkit-appearance:none;box-sizing:border-box}.gpa .rm_block,.gpa .rm_row{width:20px;border:none;outline:0;background:0 0}.gpa .rm_block{display:inline-block;float:right}.gpa .rm_block img,.gpa .rm_row img{transform:rotate(45deg);width:15px;cursor:pointer;vertical-align:middle}.class_rows{margin-top:25px}.class_row{display:block}.class_row>div{display:inline-block;position:relative;vertical-align:middle;margin:5px 0;width:55px}.class_row>div:nth-child(2),.class_row>div:nth-child(3){margin:5px 10px}.class_row>div:nth-child(2){width:calc((100% - 90px)/ 2 - 62px)}.gpa .grades .select-wrap{width:calc(100% - 62px)}.class_row>div:nth-child(3){width:calc((100% - 90px)/ 2)}.plus_class,.plus_semester{color:#235188;float:left;margin:10px 0;cursor:pointer;border:none;font-size:14px;background:0 0}.myclass_section button:focus,.plus_class:focus,.plus_semester:focus{outline:0}.plus_class img,.plus_semester img{height:11px;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out}.plus_class:hover img,.plus_semester:hover img{-ms-transform:rotate(270deg);transform:rotate(270deg)}.gpa .btn{display:block;margin:0 auto;min-width:240px}@media screen and (max-width:500px){.gpa .select-arrow{right:3px;width:0}.gpa .select-arrow:after,.gpa .select-arrow:before{height:5px;right:0}.gpa .select-arrow:after{margin-right:3px}.gpa .rm_row{margin:0 0 0 5px;padding:0}.class_row>div:nth-child(2){width:calc((100% - 55px)/ 2 - 62px)}.class_row>div:nth-child(3){margin:5px 0;width:calc((100% - 55px)/ 2)}.class_row .grades .select-wrap{width:calc(100% - 60px);padding:2px 5px}.class_row .hours .select-wrap{width:calc(100% - 120px);padding:2px 5px}}@media screen and (max-width:400px){.class_row>div{width:51px;font-size:12px}.class_row>div:nth-child(2),.class_row>div:nth-child(3){margin:0}.class_row>div:nth-child(2){width:calc((100% - 45px)/ 2 - 45px)}.class_row .grades .select-wrap{width:calc(100% - 43px);padding:0}.class_row>div:nth-child(3){width:calc((100% - 15px)/ 2)}.class_row .hours .select-wrap{width:calc(100% - 99px);padding:0}.class_row .select-wrap select{padding:2px}.gpa .rm_row{margin:7px 0 0;width:15px;float:right}}