@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");*{box-sizing: border-box;}/* For I-Phones*/html{-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}/*Back to the Top Button*/ .back-to-top{display: none; width: 60px; height: 60px; border-radius: 30px; background-color: #323232; text-align: center; cursor: pointer; position: fixed; bottom: 25px; right: 25px; z-index: 99;}.back-to-top:hover{background-color: #000000;}.back-up-image{width: 30px; height: auto; display: block; margin: 0 auto; position: relative; top: 18px;}/*Body Elements*/body{margin: 0; padding: 0; font-family: Tahoma, "Roboto", Arial, sans-serif; font-weight: normal; background-color: white; font-size: 16px; border: none; background-color: #f1f1f1; /*Removes the border from MS Explorer Images*/}/*HTML 5 Elements*/header,section,footer,aside,nav,main,article,figure{display: block;}/*Repetitive Items*/.underline{text-decoration: underline;}.bold{font-weight: bold;}.a-100{display: block; width: 100%; height: 100%;}.center{text-align: center;}/*Links*/a,a:hover,a:visited,a:active{color: white; text-decoration: none;}/*Begin h1*/.h-one-wrapper{width: 100%; height: 55px; line-height: 52px; border-bottom: 1px white solid; background-color: #890f1d; margin: 0; padding: 0; color: white; overflow: hidden;}h1{padding-left: 15px; width: 1200px; margin: 0 auto; font-size: 25px; text-decoration: underline;}/*End h1*/ /*Checkbox and Label*/.check-box-wrapper{width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;}.checkmark-label{cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: rgb(118, 105, 128); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; box-shadow: 0 10px 6px -6px #777; transition-duration: 0.5s;}.check-mark-svg{display: none; width: 20px; height: auto;}.checkmark{width:0; height:0; opacity:0;}.checkmark:checked ~ .checkmark-label{background-color: rgb(92, 146, 131);}.checkmark:checked ~ .checkmark-label .check-mark-svg{display: block;}/*End Checkbox and Label*/ /*Begin Main Content*/.main-content{width: 1200px; margin: 20px auto; overflow: hidden; padding-left: 10px;}/*Introduction Section*/.introduction-wrapper{width: 1190px; height: 210px; background-color: white; margin: 0 auto; border: 1px solid #323232; border-radius: 2px; display:flex; flex-direction:row-reverse; overflow: hidden;}.introduction-wrapper-left{width: 410px; height: 208px; border-right: 1px solid #323232;}.introduction-wrapper-right{width: 778px; height: 208px;}.introduction-wrapper-left-top{width: 410px; height: 60px; line-height: 60px; border-bottom: 1px solid #323232; padding: 0 10px; display:flex; text-align: center;}.introduction-wrapper-left-bottom{width: 410px; height: 148px; display:flex; padding: 0 10px;}.introduction-wrapper-right-top{width: 778px; height: 60px; line-height: 60px; border-bottom: 1px solid #323232; font-size: 25px; overflow: hidden;}.introduction-wrapper-right-bottom{width: 778px; height: 148px; padding: 5px;}.course-introduction{margin: 0; padding: 0; font-size: 18px;}.watch-icon-top,.practice-icon-top,.test-icon-top{width: 130px; height: 60px; font-weight: bold; font-size: 22px; overflow: hidden;}.watch-icon-bottom,.practice-icon-bottom,.test-icon-bottom{overflow: hidden; width: 130px; height: 148px; font-weight: bold; font-size: 22px;}/*Large SVGs*/ /*Large Test Drawing*/.large-svg-tv{display: block; width: 120px; height: auto; margin: 0 auto; position: relative; top: 15px;}/*End TV Drawing*/ /*SVG Notebook*/.notebook-svg{width: auto; height: 60px; display: block; margin: 0 auto; padding-top: 2.5px;}/*End SVG Notebook*/ /*Begin Large Pencil Drawing*/.large-svg-pencil{display: block; width: 130px; height: auto; margin: 0 auto; transform: rotate(55deg); -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg); position: relative; top: 67px;}/*End Large Pencil Drawing*/ /*Begin Large Test Drawing*/.large-svg-test{display: block; height: 120px; width: auto; margin: 0 auto; position: relative; top: 12px;}/*End Large Test Drawing*/ /*Drop Down Menu for Exam Solutions */.svg-plus-icon,.svg-minus-icon{display: block; width: 45px; height: auto; margin: 0 auto; position: relative; top: 20px;}.arrowDownNone{display: none;}.svg-minus-icon{display: none;}.arrowUpBlock{display: block;}/*Drop Down for Exam Solutions*/.wrapper-for-exam-solutions{display: none;}.exam-drop-down{cursor: pointer;}.exam-drop-down:hover{text-decoration: underline;}/*End Drop Down Menu for Exam Solutions */ /*End Large SVGs*/ /*Quick Jump Tablet/Phone*/.section-quick-jump,.section-quick-jump-container,.course-progress-small{display: none;}/*End Quick Jump Tablet/Phone*/ /*Begin Main Lessons*/.main-lessons-wrapper{width: 1190px; height: auto; border: 1px #323232 solid; border-radius: 2px; margin-top: 20px; background-color: white; display:flex; overflow: hidden; /*Look at this Line*/}.lessons-wrapper-left{width: 410px; height: auto; overflow: hidden;}.lessons-wrapper-right{width: 778px; height: auto; min-height: 1482px; border-left: 1px solid #323232; overflow: hidden;}.heading{width: 410px; height: 65px; border-bottom: 1px #323232 solid; text-align: center; line-height: 60px; font-size: 25px;}.section-jumper{width: 410px; height: 65px; border-bottom: 1px #323232 solid; line-height: 65px; font-weight: bold; padding-left: 20px; font-size: 22px; overflow: hidden;}a div.section-jumper,a div.section-jumper:visited{color: black;}a div.section-jumper:hover,a div.section-jumper:active{text-decoration: underline; color: black;}h2.section-name{display: flex; text-align: center; align-items: center; justify-content: center; margin: 0; padding: 5px; font-size: 25px; min-height: 65px; width: 778px; border-bottom: 1px #323232 solid; overflow: hidden;}h3.lesson-name{display: flex; align-items: center; text-align: left; margin: 0; padding: 5px 15px; width: 778px; min-height: 65px; font-size: 22px; line-height: 1.75; border-bottom: 1px #323232 solid; overflow: hidden;}.icon-name-play-container{width: 778px; height: 65px; border-bottom: 1px solid #323232; display:flex; overflow: hidden;}.icon-name-play-container-final{width: 778px; height: 65px; display:flex; overflow: hidden;}.icon-lessons-tv{width: 150px; height: 65px; border-right: 1px solid #323232;}.lesson-type{width: 478px; height: 65px; border-right: 1px solid #323232; font-size: 22px; line-height: 65px; padding-left: 20px;}.icon-right{width: 150px; height: 65px;}/*TV icon*/ /*Creating the TV Logo*/.tv-outer-border-icon{width: 120px; height: 85px; background-color: #323232; position: relative; bottom: 35px; left: 5px; border-radius: 10px;}.antenna-one-icon{width: 10px; height: 30px; background-color: #323232; border: 1px solid #323232; border-radius: 5px; position: relative; top: 20px; left: 50px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}.antenna-two-icon{width: 10px; height: 50px; background-color: #323232; border: 1px solid #323232; border-radius: 5px; position: relative; left: 73px; bottom: 25px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}.tv-inside-section-icon{position: relative; left: 10px; top: 10px; width: 90px; height: 64px; border-radius: 10px; background-color: white;}.tv-inside-button-one-icon,.tv-inside-button-two-icon{position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: white; bottom: 40px; left: 105px;}.tv-inside-button-two-icon{bottom: 35px;}.watch-icon-bottom-icon{-ms-transform: scale(0.45); -o-transform: scale(0.45); -webkit-transform: scale(0.45); -moz-transform: scale(0.45); transform: scale(0.45); position: relative; bottom: 45px; left: 2px;}/*End TV Drawing*/ /*SVG TV*/.svg-tv-icon{width: 60px; height: auto; display: block; margin: 0 auto; padding-top: 2px;}/*SVG Test*/.test-svg-image{width: 50px; height: auto; display: block; margin: 0 auto; padding-top: 2px;}/*SVG YouTube Logo*/.y-icon-svg{width: 60px; height: auto; display: block; margin: 0 auto; padding-top: 10px;}/*SVG Pencil*/.pencil-icon-svg{width: 75px; height: auto; display: block; margin: 0 auto; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); position: relative; top: 30px;}/*Begin Youtube Icon*/.you-tube-border-icon{width: 60px; height: 45px; border: 3px #323232 solid; margin: 0 auto; position: relative; top: 10px; border-radius: 12px;}/*Creating the play button logo for youtube*/.youtube-play-icon{width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 17px solid #323232; border-right: 0 solid transparent; position: relative; margin-right: 0; top: 9px; left: 20px;}/*End Youtube Icon*/a div.lesson-type{color: black;}a div.lesson-type:hover,a div.lesson-type:active{text-decoration: underline;}a div.lesson-type:visited{color: black;}/*End Main Lessons*/ /*End Main Content*/ /*Search Bar Content*/.search-bar-filter-wrapper{width: 1190px; height: 60px; border: 1px #323232 solid; border-radius: 2px; margin-top: 20px; background-color: white; overflow: hidden; display: flex; align-items: center; justify-content: space-between; /*Look at this Line*/}.search-bar-input{display: block; height: 40px; width: 300px; margin-left: 15px;}.search-bar-input:focus{background-color: yellow; font-weight: bold; border: 2px solid rgb(1, 96, 140);}.search-bar-input-svg{display: inline-block; padding-left: 5px; width: 35px; height: 35px;}.search-wrapper-input-magnify{display: flex;}.course-progress{font-weight: bold; font-size: 25px; text-decoration: underline;}.label{display: inline-block; font-size: 25px; font-weight: bold; padding-right: 10px;}.progress-bar-wrapper{display: flex; align-items: center;}.progress{display: inline-block; width: 240px; height: 30px; border: 2px rgb(50, 50, 50) solid; margin-right: 15px; border-radius: 5px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.35); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden;}.inside-progress{width: 0%; height: 30px; max-width: 100%; max-height: 100%; overflow: hidden; background-color: rgb(92, 146, 131);}.no-results{display: none; width: 100%; max-width: 100%; font-weight: bold; font-size: 25px; text-decoration: underline; text-align: center; height: auto; min-height: 525px; overflow: hidden; padding: 10px;}.svg-annoyed{max-width: 35%; height: auto;}.search-wrapper-input-magnify-small{display: flex; align-items: center; overflow: hidden; width: 100%; max-width: 100%; height: 55px; border-top: 1px solid white; font-size: 25px; font-weight: bold; overflow: hidden;}/*End Search Bar Don't forget to set display to none for lower width*/ /*Media Query for Tablets*/@media (max-width: 1225px){/*Begin h1*/ h1{width: 740px;}/*End h1*/ /*End Theme Image*/ /*Quick Jump Tablet/Phone*/ .section-quick-jump{display: block;}.section-quick-jump{width: 730px; height: 55px; line-height: 55px; background-color: #323232; margin: 20px auto 0 auto; color: white; border-radius: 2px; cursor: pointer; padding-left: 10px; display:flex; overflow: hidden;}.section-quick-jump-right{font-size: 30px; font-weight: bold;}.section-quick-jump-left{width: 50px; height: 55px; margin-right: 10px;}.section-quick-jump-right{height: 55px;}.section-quick-jump-container{background-color: #323232; width: 730px; height: auto; color: white; margin: 0 auto; overflow: hidden;}.quick-jump-item{width: 730px; height: 55px; line-height: 55px; border-top: 1px solid white; font-size: 25px; font-weight: bold; overflow: hidden;}.add-padding{display: inline-block; width: 100%; height: 100%; padding-left: 15px;}a div.quick-jump-item span:hover, a div.quick-jump-item span:active{text-decoration: underline;}/*End Quick Jump Tablet/Phone*/ /*Begin Main Content*/ .main-content{width: 740px;}/*Introduction Section*/ .introduction-wrapper{width: 730px; flex-direction:column; height: auto;}.hide-small-screens{display: none;}.introduction-wrapper-left{width: 730px; height: auto; border-right: none;}.introduction-wrapper-right{width: 730px; height: auto; border-bottom: 1px solid #323232;}.introduction-wrapper-left-top{width: 730px;}.introduction-wrapper-left-bottom{width: 730px;}.introduction-wrapper-right-top{width: 730px;}.introduction-wrapper-right-bottom{width: 730px; height: auto;}.course-introduction{font-size: 20px;}.watch-icon-top, .practice-icon-top, .test-icon-top{width: 236px; font-size: 24px;}.watch-icon-bottom, .practice-icon-bottom, .test-icon-bottom{width: 236px;}/*Large SVGs*/ .large-svg-pencil, .large-svg-test, .large-svg-tv{left: 5px;}.large-svg-pencil{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 150px;}/*End Large SVGs*/ .hide-on-tablet{display: none;}.main-lessons-wrapper{width: 728px;}.lessons-wrapper-left{display: none;}.lessons-wrapper-right{border-left: none; width: 728px; min-height: auto; height: auto;}h2.section-name{width: 728px; overflow: hidden;}h3.lesson-name{width: 728px; font-size: 21px; overflow: hidden;}.icon-name-play-container{width: 728px;}.icon-lessons-tv, .icon-right{width: 125px;}.pencil-tip-two-icon, .pencil-tip-two-icon-two{left: 95px;}/*End Main Content*/ /*Search Bar*/ .search-bar-input{display: inline-block; height: 40px; width: 80%; max-width: 400px; padding-right: 5px; margin-left: 15px;}/*Course Progress Bar*/ .search-bar-filter-wrapper{display: none;}.course-progress-small{display: flex; justify-content: space-between; background-color: rgb(1, 96, 140); width: 730px; max-width: 100%; height: 55px; color: white; margin: 20px auto; overflow: hidden; align-items: center; padding-left: 15px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;}.label{padding-right: 10px;}.progress{width: 200px; background-color: white; margin-right: 10px;}.no-results{min-height: auto; margin-bottom: 50px;}/*End Progress Bar and Search Bar*/ /*Ending Tablet Media Query closing bracket*/}/*Above closing bracket for Media Query*/@media (max-width: 759px){.hidden-below-seven-fifty-nine{display: none;}/*Begin h1*/ h1{width: 500px;}/*End h1*/ /*Begin Main Content*/ .main-content{width: 500px;}.section-quick-jump{width: 490px;}.section-quick-jump-container{background-color: #323232; width: 490px;}.quick-jump-item{width: 490px; font-size: 23px;}/*Introduction Section*/ .introduction-wrapper{width: 490px;}.hide-this-phone{display: none;}.introduction-wrapper-left{width: 490px;}.introduction-wrapper-right{width: 490px;}.introduction-wrapper-left-top{width: 490px;}.introduction-wrapper-left-bottom{width: 490px;}.introduction-wrapper-right-top{width: 490px;}.introduction-wrapper-right-bottom{width: 490px;}.course-introduction{font-size: 20px;}.watch-icon-top, .practice-icon-top, .test-icon-top{width: 156px;}.watch-icon-bottom, .practice-icon-bottom, .test-icon-bottom{width: 156px;}.main-lessons-wrapper{width: 490px;}.lessons-wrapper-right{width: 490px;}h2.section-name{width: 490px;}h3.lesson-name{width: 490px;}.icon-name-play-container{width: 490px;}.icon-lessons-tv, .icon-right{width: 75px;}.lesson-type{width: 340px; font-size: 20px;}.pencil-tip-two-icon, .pencil-tip-two-icon-two{left: 95px;}.watch-icon-bottom-icon{left: -12px;}.pencil-icon-super-wrapper, .pencil-icon-super-wrapper-two{bottom: 30px; right: 7px;}.pencil-tip-two-icon, .pencil-tip-two-icon-two{left: 113px;}.test-icon-smaller-wrapper-one{right: 15px;}/*End Main Content*/ /*Course Progress*/ .course-progress-small{width: 490px; max-width: 100%;}.course-progress{display: none;}.hidden{display: none;}/*Ending Landscape Media Query closing bracket*/}/*Above closing bracket for Media Query*/@media (max-width: 525px){/*Begin h1*/ h1{width: 350px; font-size: 23px;}/*End h1*/ /*Begin Main Content*/ .main-content{width: 350px; padding-left: 0;}.section-quick-jump{width: 340px;}.section-quick-jump-container{background-color: #323232; width: 340px;}.quick-jump-item{width: 340px; font-size: 20px;}.section-quick-jump-right{font-size: 27px;}/*Introduction Section*/ .introduction-wrapper{width: 340px;}.introduction-wrapper-left{width: 340px;}.introduction-wrapper-right{width: 340px;}.introduction-wrapper-left-top{width: 340px;}.introduction-wrapper-left-bottom{width: 340px; height: 138px;}.introduction-wrapper-right-top{width: 340px; font-size: 20px;}.introduction-wrapper-right-bottom{width: 340px;}.course-introduction{font-size: 18px;}.watch-icon-top, .practice-icon-top, .test-icon-top{width: 106px; font-size: 19px;}.watch-icon-bottom, .practice-icon-bottom, .test-icon-bottom{width: 106px; height: 138px;}/*Large SVGs*/ .large-svg-tv{width: 96px; top: 23px;}.large-svg-test{height: 96px; top: 23px;}.large-svg-pencil{top: 65px; width: 110px; transform: rotate(55deg); -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg);}/*End Large SVGs*/ .main-lessons-wrapper{width: 340px; margin-left: auto; margin-right: auto;}.lessons-wrapper-right{width: 340px;}h2.section-name{width: 340px; font-size: 20px;}h3.lesson-name{height: auto; width: 340px; font-size: 18px; padding-left: 5px;}.icon-name-play-container{width: 340px;}.hidden-on-landscape-phone{display: none;}.icon-lessons-tv, .icon-right{width: 75px;}.lesson-type{width: 190px; font-size: 18px; padding-left: 7px;}.pencil-tip-two-icon, .pencil-tip-two-icon-two{left: 95px;}.hidden-on-smart{display: none;}.watch-icon-bottom-icon{left: -12px;}.pencil-icon-super-wrapper, .pencil-icon-super-wrapper-two{bottom: 30px; right: 7px;}.pencil-tip-two-icon, .pencil-tip-two-icon-two{left: 113px;}.test-icon-smaller-wrapper-one{right: 15px;}/*End Main Content*/ /*Course Progress*/ .course-progress-small{width: 340px; max-width: 100%;}.search-bar-input{width: 70%;}/*Ending Phone 1 Media Query closing bracket*/}/*Above closing bracket for Landscape Media Query*/@media (max-width: 355px){/*Begin h1*/ h1{width: 310px;}.hide-this-text{display: none;}/*End h1*/ /*Begin Main Content*/ .main-content{width: 300px;}.section-quick-jump{width: 300px;}.section-quick-jump-container{background-color: #323232; width: 300px;}.quick-jump-item{width: 300px; font-size: 17px;}/*Introduction Section*/ .introduction-wrapper{width: 300px;}.introduction-wrapper-left{width: 300px;}.introduction-wrapper-right{width: 300px;}.introduction-wrapper-left-top{width: 300px; padding: 0;}.introduction-wrapper-left-bottom{width: 300px; height: 138px; padding: 0;}.introduction-wrapper-right-top{width: 300px; font-size: 18px;}.introduction-wrapper-right-bottom{width: 300px;}.course-introduction{font-size: 18px;}.watch-icon-top, .practice-icon-top, .test-icon-top{width: 100px; font-size: 18px;}.watch-icon-bottom, .practice-icon-bottom, .test-icon-bottom{width: 100px; height: 138px;}/*Large SVGs*/ .large-svg-tv, .large-svg-pencil, .large-svg-test{left: 0px;}/*End Large SVGs*/ .main-lessons-wrapper{width: 300px; margin-left: auto; margin-right: auto;}.lessons-wrapper-right{width: 300px;}h2.section-name{width: 300px; font-size: 19px;}h3.lesson-name{width: 300px; font-size: 16px;}.icon-name-play-container{width: 300px;}.icon-lessons-tv, .icon-right{width: 70px;}.lesson-type{width: 160px; font-size: 15px; padding-left: 3px;}/*End Main Content*/ /*Progress Bar*/ .course-progress-small{width: 300px; max-width: 100%;}.progress{width: 150px; background-color: white; margin-right: 0;}/*Ending Phone 2 Media Query closing bracket*/}