/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@media (min-width: 0px) and (max-width: 400px) {
  div#login-modal {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
#g-slideshow .g-content {
  padding-bottom: 0px;
}
.catselecta img {
  width: 50%;
}
.sprocket-readmore span {
  display: inline-block;
  font-weight: 500;
  color: white;
  background: #F96900;
  margin: 0 0 0.5rem 0;
  border: 2px solid transparent;
  padding: 0.4rem 1rem;
  padding-bottom: 0.45rem;
  border-radius: 2rem;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
  background: #7678ED;
  color: white;
}
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
  margin-top: 5px;
}
/*  Toolkit Styling */
.toolkitimg, .tkdesc {
  padding: 20px;
}
.tkappqr {
  text-align: center;
}
.tkvideo {
  padding: 20px;
  text-align: center;
}
.toolkittitle {
  color: black !important;
  font-size: x-large;
  margin-left: 20px;
  margin-bottom: 0px;
}
.tkapps {
  width: 75%;
  margin: 0 auto;
  margin-top: 40px;
}
.tkappqr {
  margin-bottom: 30px;
}
.tkvideogroup {
  margin-bottom: 25px;
}
.tkcat {
  color: black !important;
}
.artefactid {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
  background: #009ee3;
  width: 140px;
  height: 24px;
  color: white;
  padding-left: 16px;
}
.btn-group.pull-right {
  visibility: hidden;
}
h3.g-title {
  margin: auto;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
}
header#g-header {
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 0px;
}
.triangle1 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle1 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
/* Orig Triangle 
.triangle2 {
  width: 0px;
  height: 0px;
  border-style: inset;
  border-width: 0 100px 173.2px 100px; 
  border-color: transparent transparent #34A69C transparent;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

*/
.triangle2 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle2 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle3 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle3 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle4 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle4 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle5 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle5 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle6 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle6 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle7 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle7 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
.triangle8 {
  background: #7678ED;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.triangle8 p {
  text-align: center;
  position: relative;
  width: 93px;
  height: 93px;
  margin: 0px;
  color: white;
}
h3.coursebox3 {
  display: inline-block;
  background-color: #fb5607;
  border-radius: 5px;
  padding: 10px;
  margin: 0px;
}
.catimgs {
  min-height: 60px;
  max-height: 90px;
  float: right;
  position: relative;
  top: -10px;
}
.sprocket-mosaic-g-item.panel-color {
  background: #ebebeb;
}
.topicscat h3 {
  text-align: left;
  font-size: 1.2rem;
}
.topicscat img {
  float: left;
  max-height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}
.g-grid.topicscat a {
  color: white;
  display: contents;
}
span.rl_sliders-toggle-inner.nn_sliders-toggle-inner {
  font-weight: bold;
}
ul.lang-inline.dropdown-menu {
  background-color: #2E2836;
}
.page-header h2 {
  padding-bottom: 0px;
}
.filter-search .btn {
  color: #ffffff;
}
.filter-search .btn:hover {
  color: #7779F0;
}
.topicshome img {
  width: 16%;
  padding-bottom: 30px;
}
button#dropdownMenuButton-1066 {
  visibility: hidden;
}
.btn-group.pull-right {
  height: 0px;
}
.g-grid.topicshome a {
  color: white;
  display: contents;
}
.g-block.size-33.curveborder.qptopic1 {
  background-color: #3D348B;
}
.g-block.size-33.curveborder.qptopic2 {
  background-color: #F7B801;
}
.g-block.size-33.curveborder.qptopic3 {
  background-color: #F35B04;
}
.g-block.size-33.curveborder.qptopic4 {
  background-color: #F18701;
}
.g-block.size-33.curveborder.qptopic5 {
  background-color: #7678ED;
}
.g-block.size-33.curveborder.qptopic6 {
  background-color: #3D348B;
}
.g-block.size-33.curveborder.qptopic7 {
  background-color: #F7B801;
}
.g-block.size-33.curveborder.qptopic8 {
  background-color: #F35B04;
}
.g-block.size-33.curveborder.qptopic9 {
  background-color: #F18701;
}
.g-block.size-33.curveborder.qptopici1 {
  background-color: #3D348B;
}
.g-block.size-33.curveborder.qptopici2 {
  background-color: #F7B801;
}
.g-block.size-33.curveborder.qptopici3 {
  background-color: #F35B04;
}
.g-block.size-33.curveborder.qptopici4 {
  background-color: #F18701;
}
.g-block.size-33.curveborder.qptopici5 {
  background-color: #7678ED;
}
.g-block.size-33.curveborder.qptopici6 {
  background-color: #3D348B;
}
.g-block.size-33.curveborder.qptopici7 {
  background-color: #F7B801;
}
.g-block.size-33.curveborder.qptopici8 {
  background-color: #F35B04;
}
.g-block.size-33.curveborder.qptopici9 {
  background-color: #F18701;
}
@media only all and (max-width: 50.99rem) {
  .g-logo {
    padding: 20px;
  }
}
.g-block.footercenter {
  text-align: center;
}
.abouttext {
  text-align: left;
}
.abouttext {
  text-align: left;
}
.g-block.equal-height.homeblocks.homeblock1 {
  border: solid;
  border-color: #7678ED;
}
.g-block.equal-height.homeblocks.homeblock2 {
  border: solid;
  border-color: #F7B801;
}
.g-block.equal-height.homeblocks.homeblock3 {
  border: solid;
  border-color: #F18701;
}
.g-block.equal-height.homeblocks.homeblock4 {
  border: solid;
  border-color: #F35B04;
}
.homeblocks h3 {
  overflow-wrap: break-word;
  word-break: break-word;
  margin-top: 12px;
}
.homeblocks p {
  color: #07102A;
}
.homeblocks img {
  max-width: 100px;
}
.homeblocks {
  padding: 10px;
  margin: 5px;
  border-radius: 25px;
}
.homeblocks .button {
  margin-top: 15px;
  color: white;
}
.homeblocks .button:hover {
  margin-top: 15px;
  color: black;
}
.buttonh1 {
  display: inline-block;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #ffffff;
  font-size: 0.8vw;
  background: #7678ed;
  text-align: center;
  margin: 0 0 0.5rem 0;
  padding: 0.4rem 0.5rem;
  padding-bottom: 0.45rem;
  border-radius: 0.4rem;
  border: 2px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
  margin-top: 15px;
  display: block;
}
.buttonh1:hover {
  background: #ffffff;
  color: #7678ed;
  border-color: #7678ed;
  cursor: pointer;
}
.buttonh2 {
  display: inline-block;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #ffffff;
  font-size: 0.8vw;
  background: #F7B801;
  text-align: center;
  margin: 0 0 0.5rem 0;
  padding: 0.4rem 0.5rem;
  padding-bottom: 0.45rem;
  border-radius: 0.4rem;
  border: 2px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
  margin-top: 15px;
  display: block;
}
.buttonh2:hover {
  background: #ffffff;
  color: #F7B801;
  border-color: #F7B801;
  cursor: pointer;
}
.buttonh3 {
  display: inline-block;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #ffffff;
  font-size: 0.8vw;
  background: #F18701;
  text-align: center;
  margin: 0 0 0.5rem 0;
  padding: 0.4rem 0.5rem;
  padding-bottom: 0.45rem;
  border-radius: 0.4rem;
  border: 2px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
  margin-top: 15px;
  display: block;
}
.buttonh3:hover {
  background: #ffffff;
  color: #F18701;
  border-color: #F18701;
  cursor: pointer;
}
.buttonh4 {
  display: inline-block;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #ffffff;
  font-size: 0.8vw;
  background: #F35B04;
  text-align: center;
  margin: 0 0 0.5rem 0;
  padding: 0.4rem 0.5rem;
  padding-bottom: 0.45rem;
  border-radius: 0.4rem;
  border: 2px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
  margin-top: 15px;
  display: block;
}
.buttonh4:hover {
  background: #ffffff;
  color: #F35B04;
  border-color: #F35B04;
  cursor: pointer;
}
@media only all and (max-width: 50.99rem) {
  ul#set-rl_tabs-sm-1 {
    visibility: hidden;
    height: 0px;
  }
}
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-container {
  margin: 0 auto;
  padding: 0;
}
.g-block .g-container {
  width: auto;
}
.g-grid {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  text-rendering: optimizespeed;
}
.g-grid.nowrap {
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  flex-flow: row;
}
.g-block {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.first-block {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.last-block {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.size-5 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 5%;
  -moz-flex: 0 5%;
  -ms-flex: 0 5%;
  flex: 0 5%;
  width: 5%;
}
.size-6 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 6%;
  -moz-flex: 0 6%;
  -ms-flex: 0 6%;
  flex: 0 6%;
  width: 6%;
}
.size-7 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 7%;
  -moz-flex: 0 7%;
  -ms-flex: 0 7%;
  flex: 0 7%;
  width: 7%;
}
.size-8 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 8%;
  -moz-flex: 0 8%;
  -ms-flex: 0 8%;
  flex: 0 8%;
  width: 8%;
}
.size-9 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 9%;
  -moz-flex: 0 9%;
  -ms-flex: 0 9%;
  flex: 0 9%;
  width: 9%;
}
.size-10 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 10%;
  -moz-flex: 0 10%;
  -ms-flex: 0 10%;
  flex: 0 10%;
  width: 10%;
}
.size-11 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 11%;
  -moz-flex: 0 11%;
  -ms-flex: 0 11%;
  flex: 0 11%;
  width: 11%;
}
.size-12 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 12%;
  -moz-flex: 0 12%;
  -ms-flex: 0 12%;
  flex: 0 12%;
  width: 12%;
}
.size-13 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 13%;
  -moz-flex: 0 13%;
  -ms-flex: 0 13%;
  flex: 0 13%;
  width: 13%;
}
.size-14 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 14%;
  -moz-flex: 0 14%;
  -ms-flex: 0 14%;
  flex: 0 14%;
  width: 14%;
}
.size-15 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 15%;
  -moz-flex: 0 15%;
  -ms-flex: 0 15%;
  flex: 0 15%;
  width: 15%;
}
.size-16 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 16%;
  -moz-flex: 0 16%;
  -ms-flex: 0 16%;
  flex: 0 16%;
  width: 16%;
}
.size-17 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 17%;
  -moz-flex: 0 17%;
  -ms-flex: 0 17%;
  flex: 0 17%;
  width: 17%;
}
.size-18 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 18%;
  -moz-flex: 0 18%;
  -ms-flex: 0 18%;
  flex: 0 18%;
  width: 18%;
}
.size-19 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 19%;
  -moz-flex: 0 19%;
  -ms-flex: 0 19%;
  flex: 0 19%;
  width: 19%;
}
.size-20 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 20%;
  -moz-flex: 0 20%;
  -ms-flex: 0 20%;
  flex: 0 20%;
  width: 20%;
}
.size-21 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 21%;
  -moz-flex: 0 21%;
  -ms-flex: 0 21%;
  flex: 0 21%;
  width: 21%;
}
.size-22 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 22%;
  -moz-flex: 0 22%;
  -ms-flex: 0 22%;
  flex: 0 22%;
  width: 22%;
}
.size-23 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 23%;
  -moz-flex: 0 23%;
  -ms-flex: 0 23%;
  flex: 0 23%;
  width: 23%;
}
.size-24 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 24%;
  -moz-flex: 0 24%;
  -ms-flex: 0 24%;
  flex: 0 24%;
  width: 24%;
}
.size-25 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 25%;
  -moz-flex: 0 25%;
  -ms-flex: 0 25%;
  flex: 0 25%;
  width: 25%;
}
.size-26 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 26%;
  -moz-flex: 0 26%;
  -ms-flex: 0 26%;
  flex: 0 26%;
  width: 26%;
}
.size-27 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 27%;
  -moz-flex: 0 27%;
  -ms-flex: 0 27%;
  flex: 0 27%;
  width: 27%;
}
.size-28 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 28%;
  -moz-flex: 0 28%;
  -ms-flex: 0 28%;
  flex: 0 28%;
  width: 28%;
}
.size-29 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 29%;
  -moz-flex: 0 29%;
  -ms-flex: 0 29%;
  flex: 0 29%;
  width: 29%;
}
.size-30 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 30%;
  -moz-flex: 0 30%;
  -ms-flex: 0 30%;
  flex: 0 30%;
  width: 30%;
}
.size-31 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 31%;
  -moz-flex: 0 31%;
  -ms-flex: 0 31%;
  flex: 0 31%;
  width: 31%;
}
.size-32 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 32%;
  -moz-flex: 0 32%;
  -ms-flex: 0 32%;
  flex: 0 32%;
  width: 32%;
}
.size-33 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 33%;
  -moz-flex: 0 33%;
  -ms-flex: 0 33%;
  flex: 0 33%;
  width: 33%;
}
.size-34 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 34%;
  -moz-flex: 0 34%;
  -ms-flex: 0 34%;
  flex: 0 34%;
  width: 34%;
}
.size-35 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 35%;
  -moz-flex: 0 35%;
  -ms-flex: 0 35%;
  flex: 0 35%;
  width: 35%;
}
.size-36 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 36%;
  -moz-flex: 0 36%;
  -ms-flex: 0 36%;
  flex: 0 36%;
  width: 36%;
}
.size-37 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 37%;
  -moz-flex: 0 37%;
  -ms-flex: 0 37%;
  flex: 0 37%;
  width: 37%;
}
.size-38 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 38%;
  -moz-flex: 0 38%;
  -ms-flex: 0 38%;
  flex: 0 38%;
  width: 38%;
}
.size-39 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 39%;
  -moz-flex: 0 39%;
  -ms-flex: 0 39%;
  flex: 0 39%;
  width: 39%;
}
.size-40 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 40%;
  -moz-flex: 0 40%;
  -ms-flex: 0 40%;
  flex: 0 40%;
  width: 40%;
}
.size-41 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 41%;
  -moz-flex: 0 41%;
  -ms-flex: 0 41%;
  flex: 0 41%;
  width: 41%;
}
.size-42 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 42%;
  -moz-flex: 0 42%;
  -ms-flex: 0 42%;
  flex: 0 42%;
  width: 42%;
}
.size-43 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 43%;
  -moz-flex: 0 43%;
  -ms-flex: 0 43%;
  flex: 0 43%;
  width: 43%;
}
.size-44 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 44%;
  -moz-flex: 0 44%;
  -ms-flex: 0 44%;
  flex: 0 44%;
  width: 44%;
}
.size-45 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 45%;
  -moz-flex: 0 45%;
  -ms-flex: 0 45%;
  flex: 0 45%;
  width: 45%;
}
.size-46 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 46%;
  -moz-flex: 0 46%;
  -ms-flex: 0 46%;
  flex: 0 46%;
  width: 46%;
}
.size-47 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 47%;
  -moz-flex: 0 47%;
  -ms-flex: 0 47%;
  flex: 0 47%;
  width: 47%;
}
.size-48 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 48%;
  -moz-flex: 0 48%;
  -ms-flex: 0 48%;
  flex: 0 48%;
  width: 48%;
}
.size-49 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 49%;
  -moz-flex: 0 49%;
  -ms-flex: 0 49%;
  flex: 0 49%;
  width: 49%;
}
.size-50 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 50%;
  -moz-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
  width: 50%;
}
.size-51 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 51%;
  -moz-flex: 0 51%;
  -ms-flex: 0 51%;
  flex: 0 51%;
  width: 51%;
}
.size-52 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 52%;
  -moz-flex: 0 52%;
  -ms-flex: 0 52%;
  flex: 0 52%;
  width: 52%;
}
.size-53 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 53%;
  -moz-flex: 0 53%;
  -ms-flex: 0 53%;
  flex: 0 53%;
  width: 53%;
}
.size-54 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 54%;
  -moz-flex: 0 54%;
  -ms-flex: 0 54%;
  flex: 0 54%;
  width: 54%;
}
.size-55 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 55%;
  -moz-flex: 0 55%;
  -ms-flex: 0 55%;
  flex: 0 55%;
  width: 55%;
}
.size-56 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 56%;
  -moz-flex: 0 56%;
  -ms-flex: 0 56%;
  flex: 0 56%;
  width: 56%;
}
.size-57 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 57%;
  -moz-flex: 0 57%;
  -ms-flex: 0 57%;
  flex: 0 57%;
  width: 57%;
}
.size-58 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 58%;
  -moz-flex: 0 58%;
  -ms-flex: 0 58%;
  flex: 0 58%;
  width: 58%;
}
.size-59 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 59%;
  -moz-flex: 0 59%;
  -ms-flex: 0 59%;
  flex: 0 59%;
  width: 59%;
}
.size-60 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 60%;
  -moz-flex: 0 60%;
  -ms-flex: 0 60%;
  flex: 0 60%;
  width: 60%;
}
.size-61 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 61%;
  -moz-flex: 0 61%;
  -ms-flex: 0 61%;
  flex: 0 61%;
  width: 61%;
}
.size-62 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 62%;
  -moz-flex: 0 62%;
  -ms-flex: 0 62%;
  flex: 0 62%;
  width: 62%;
}
.size-63 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 63%;
  -moz-flex: 0 63%;
  -ms-flex: 0 63%;
  flex: 0 63%;
  width: 63%;
}
.size-64 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 64%;
  -moz-flex: 0 64%;
  -ms-flex: 0 64%;
  flex: 0 64%;
  width: 64%;
}
.size-65 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 65%;
  -moz-flex: 0 65%;
  -ms-flex: 0 65%;
  flex: 0 65%;
  width: 65%;
}
.size-66 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 66%;
  -moz-flex: 0 66%;
  -ms-flex: 0 66%;
  flex: 0 66%;
  width: 66%;
}
.size-67 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 67%;
  -moz-flex: 0 67%;
  -ms-flex: 0 67%;
  flex: 0 67%;
  width: 67%;
}
.size-68 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 68%;
  -moz-flex: 0 68%;
  -ms-flex: 0 68%;
  flex: 0 68%;
  width: 68%;
}
.size-69 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 69%;
  -moz-flex: 0 69%;
  -ms-flex: 0 69%;
  flex: 0 69%;
  width: 69%;
}
.size-70 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 70%;
  -moz-flex: 0 70%;
  -ms-flex: 0 70%;
  flex: 0 70%;
  width: 70%;
}
.size-71 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 71%;
  -moz-flex: 0 71%;
  -ms-flex: 0 71%;
  flex: 0 71%;
  width: 71%;
}
.size-72 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 72%;
  -moz-flex: 0 72%;
  -ms-flex: 0 72%;
  flex: 0 72%;
  width: 72%;
}
.size-73 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 73%;
  -moz-flex: 0 73%;
  -ms-flex: 0 73%;
  flex: 0 73%;
  width: 73%;
}
.size-74 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 74%;
  -moz-flex: 0 74%;
  -ms-flex: 0 74%;
  flex: 0 74%;
  width: 74%;
}
.size-75 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 75%;
  -moz-flex: 0 75%;
  -ms-flex: 0 75%;
  flex: 0 75%;
  width: 75%;
}
.size-76 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 76%;
  -moz-flex: 0 76%;
  -ms-flex: 0 76%;
  flex: 0 76%;
  width: 76%;
}
.size-77 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 77%;
  -moz-flex: 0 77%;
  -ms-flex: 0 77%;
  flex: 0 77%;
  width: 77%;
}
.size-78 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 78%;
  -moz-flex: 0 78%;
  -ms-flex: 0 78%;
  flex: 0 78%;
  width: 78%;
}
.size-79 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 79%;
  -moz-flex: 0 79%;
  -ms-flex: 0 79%;
  flex: 0 79%;
  width: 79%;
}
.size-80 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 80%;
  -moz-flex: 0 80%;
  -ms-flex: 0 80%;
  flex: 0 80%;
  width: 80%;
}
.size-81 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 81%;
  -moz-flex: 0 81%;
  -ms-flex: 0 81%;
  flex: 0 81%;
  width: 81%;
}
.size-82 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 82%;
  -moz-flex: 0 82%;
  -ms-flex: 0 82%;
  flex: 0 82%;
  width: 82%;
}
.size-83 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 83%;
  -moz-flex: 0 83%;
  -ms-flex: 0 83%;
  flex: 0 83%;
  width: 83%;
}
.size-84 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 84%;
  -moz-flex: 0 84%;
  -ms-flex: 0 84%;
  flex: 0 84%;
  width: 84%;
}
.size-85 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 85%;
  -moz-flex: 0 85%;
  -ms-flex: 0 85%;
  flex: 0 85%;
  width: 85%;
}
.size-86 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 86%;
  -moz-flex: 0 86%;
  -ms-flex: 0 86%;
  flex: 0 86%;
  width: 86%;
}
.size-87 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 87%;
  -moz-flex: 0 87%;
  -ms-flex: 0 87%;
  flex: 0 87%;
  width: 87%;
}
.size-88 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 88%;
  -moz-flex: 0 88%;
  -ms-flex: 0 88%;
  flex: 0 88%;
  width: 88%;
}
.size-89 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 89%;
  -moz-flex: 0 89%;
  -ms-flex: 0 89%;
  flex: 0 89%;
  width: 89%;
}
.size-90 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 90%;
  -moz-flex: 0 90%;
  -ms-flex: 0 90%;
  flex: 0 90%;
  width: 90%;
}
.size-91 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 91%;
  -moz-flex: 0 91%;
  -ms-flex: 0 91%;
  flex: 0 91%;
  width: 91%;
}
.size-92 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 92%;
  -moz-flex: 0 92%;
  -ms-flex: 0 92%;
  flex: 0 92%;
  width: 92%;
}
.size-93 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 93%;
  -moz-flex: 0 93%;
  -ms-flex: 0 93%;
  flex: 0 93%;
  width: 93%;
}
.size-94 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 94%;
  -moz-flex: 0 94%;
  -ms-flex: 0 94%;
  flex: 0 94%;
  width: 94%;
}
.size-95 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 95%;
  -moz-flex: 0 95%;
  -ms-flex: 0 95%;
  flex: 0 95%;
  width: 95%;
}
.size-33-3 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 33.33333%;
  -moz-flex: 0 33.33333%;
  -ms-flex: 0 33.33333%;
  flex: 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}
.size-16-7 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 16.66667%;
  -moz-flex: 0 16.66667%;
  -ms-flex: 0 16.66667%;
  flex: 0 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}
.size-14-3 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 14.28571%;
  -moz-flex: 0 14.28571%;
  -ms-flex: 0 14.28571%;
  flex: 0 14.28571%;
  width: 14.28571%;
  max-width: 14.28571%;
}
.size-12-5 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 12.5%;
  -moz-flex: 0 12.5%;
  -ms-flex: 0 12.5%;
  flex: 0 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
.size-11-1 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 11.11111%;
  -moz-flex: 0 11.11111%;
  -ms-flex: 0 11.11111%;
  flex: 0 11.11111%;
  width: 11.11111%;
  max-width: 11.11111%;
}
.size-9-1 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 9.09091%;
  -moz-flex: 0 9.09091%;
  -ms-flex: 0 9.09091%;
  flex: 0 9.09091%;
  width: 9.09091%;
  max-width: 9.09091%;
}
.size-8-3 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 8.33333%;
  -moz-flex: 0 8.33333%;
  -ms-flex: 0 8.33333%;
  flex: 0 8.33333%;
  width: 8.33333%;
  max-width: 8.33333%;
}
.size-100 {
  width: 100%;
  max-width: 100%;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}
.gantry-width-block {
  display: block;
  float: left;
}
.gantry-width-spacer {
  margin: 15px;
}
.gantry-width-20 {
  width: 20%;
}
.gantry-width-25 {
  width: 25%;
}
.gantry-width-30 {
  width: 30%;
}
.gantry-width-33 {
  width: 33.33%;
}
.gantry-width-40 {
  width: 40%;
}
.gantry-width-50 {
  width: 50%;
}
.gantry-width-60 {
  width: 60%;
}
.gantry-width-66 {
  width: 66.66%;
}
.gantry-width-70 {
  width: 70%;
}
.gantry-width-75 {
  width: 75%;
}
.gantry-width-80 {
  width: 80%;
}
.gantry-row {
  margin: 0px -15px !important;
}
.gantry-row {
  margin: 0px -15px !important;
}
.gantry-width-container {
  display: flex !important;
}
.gantry-width-container {
  flex-flow: row wrap !important;
}
.sprocket-mosaic-columns-3 li {
  width: 50% !important;
}
/* Style Roksprocket */
.sprocket-mosaic-image-container {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
h2.sprocket-mosaic-title {
  margin-top: 0px;
  font-size: 19px;
}
img.sprocket-mosaic-image {
  max-width: 100px;
}
.sprocket-mosaic-item {
  min-height: 175px;
}
.sprocket-readmore span {
  font-weight: bold;
}
h2.sprocket-mosaic-title {
  font-family: Lato, 'Open Sans';
  font-weight: bold;
  color: #4a4a49;
}
.sprocket-mosaic-item .sprocket-mosaic-title a {
  color: #4a4a49;
}
/*from here */
/* Style Lesson PLan View */
.sprkect_mosaic_id {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  background: #7678ED !important;
  width: 70px;
  height: 26px;
}
/* Style Artefact View */
div#kt {
  margin-top: 30px;
}
.item-pageartefacts .artefactlink {
  height: 0px;
}
.item-pageartefacts h2 {
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.item-pageartefacts .tags {
  padding: 0px;
  margin: 0px;
}
.artefactdesc {
  padding: 20px;
}
p.artefactdescusr {
  border: solid;
  border-width: 2px;
  padding: 5px;
  margin: 5px;
  border-color: #F7B801;
}
.artefactdescenp {
  border: solid;
  border-width: 2px;
  padding: 5px;
  margin: 5px;
  border-color: #6c6b8e;
}
.pull-none.item-image {
  visibility: hidden;
  height: 0px;
}
/* Style Curation View */
.curation p.artefactdescen {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.curation .artefactdescenp {
  border-color: #F96900;
}
.curation .artefactqr {
  visibility: hidden;
  height: 0px;
}
.curation p.artefactdescusr {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.curation .artefactlink {
  visibility: visible !important;
  padding-bottom: 5px;
}
.curation .backbutton {
  visibility: hidden;
  width: 0px;
  height: 0px;
}
.curation .page-header h2 {
  font-size: 1.6rem;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.curationintro {
  border: solid;
  border-color: #7678ED;
}
.curationdesc {
  padding-left: 20px;
  padding-top: 20px;
}
.curationimage img {
  max-height: 300px;
}
.curation .tags {
  margin-top: 5px;
  margin-bottom: 5px;
}
a.label.label-info {
  color: white;
  font-size: large;
}
.sprocket-mosaic-filter {
  padding-bottom: 10px;
}
.sprocket-mosaic-columns-3 li {
  width: 33.3333333333% !important;
}
.curation p.artefactdescusr {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#g-above .g-content {
  padding: 0px;
  margin: 0px;
}
#g-above {
  padding: 0px;
}
.toolguidespage #g-container-main {
  height: 0px;
}
.questborder1 {
  border: solid;
  border-color: #F7B801;
}
.questborder2 {
  border: solid;
  border-color: #7678ED;
}
/*# sourceMappingURL=custom__body_only.css.map */