.r {
  color: rgba(33, 33, 33, 0.3);
}

.text-blue {
  color: #11A9ED;
}
.text-blue p {
  color: #009ADE;
}

.purple {
  color: #665EB0;
}

.text-yellow {
  color: #FFCF1F;
}

.text-blue-dark {
  color: #4562D8;
}

.text-purple {
  color: #4562D8;
}

.text-blue-title {
  color: #11A9ED;
}

.text_blue_menu {
  color: #009ADE;
}

.bg_blue_p {
  background-color: #009ADE;
}

.bg_yellow_p {
  background-color: #FFCF1F;
}

.bg_red_p {
  background-color: #FE3B1F;
}

.bg-light-blue {
  background-color: rgba(198, 232, 252, 0.3);
}

.text-lilac {
  color: #b8afe4;
}

.text-green {
  color: #A2CF44;
}

.bg-pastel-blue {
  background-color: #C6E8FC;
  color: #4562D8;
}

.text-peach {
  color: #FC9083;
}

.text-peach-dark {
  color: #FF6552;
}

.bg-blue-num {
  background-color: #44c5f5;
}

.text-white {
  color: white;
}

.text-gluig {
  color: #24BEB2;
}

.bg-gluing {
  background-color: #24BEB2;
}

.text-correcting {
  color: #bc4094;
}

.text-yellow-school {
  color: #FFB01B;
}

.bg_light_silver {
  background-color: #F8F8F9;
}

.bg_gray_dis {
  background-color: #F2F2F3;
}

._diy ._media {
  display: block;
  text-align: center;
}
._diy ._media img {
  display: block;
  margin: 0 auto;
}
._diy header {
  margin-top: 30px;
}
._diy header h1 {
  display: none;
}
._diy header h2, ._diy header h3 {
  color: #009ADE;
  margin-bottom: 15px;
}
._diy ._mainContent {
  margin: 30px auto;
  display: block;
  position: relative;
  width: 100%;
}
._diy ._mainContent.container-fluid {
  max-width: 1400px;
}
._diy ._filters {
  width: 100%;
  margin-bottom: 20px;
}
._diy ._filter .btn.btn-secondary {
  border-color: transparent;
  background-color: rgba(198, 232, 252, 0.3);
  color: #064696;
  font-weight: bold;
  text-align: left;
  position: relative;
  display: block;
  z-index: 20;
  border-radius: 0;
}
._diy ._filter .btn.btn-secondary._afterAngle:after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 5px;
  position: absolute;
  z-index: 10;
}
._diy ._filter .btn.btn-secondary._afterAngle.collapsed:after {
  content: "\f078";
}
._diy ._filter .btn.btn-secondary:hover, ._diy ._filter .btn.btn-secondary:target, ._diy ._filter .btn.btn-secondary:focus {
  box-shadow: none;
}
._diy ._filter ._tagList {
  background-color: transparent;
  z-index: 0;
  position: relative;
  margin-top: -15px;
  padding-top: 20px;
}
._diy ._filter ._tagList a {
  display: block;
  padding: 3px 10px 3px 21px;
  margin-bottom: 2px;
  color: #707070;
}
._diy ._filter ._tagList ._rmv-tag {
  font-size: 12px;
  font-weight: 300;
  line-height: 0;
  text-align: center;
  cursor: pointer;
}
._diy ._filter ._tagList ._rmv-tag:hover {
  font-weight: bold;
  color: black;
}
._diy ._filter .dropdown-item.active, ._diy ._filter .dropdown-item:active {
  background-color: transparent;
  color: black;
  font-weight: bold;
}
._diy ._filter .dropdown-menu {
  border-radius: 0;
  border-color: #F9F9F9;
  background-color: #F9F9F9;
}
._diy ._filter .dropdown-menu.show {
  width: 100%;
  background-color: #F9F9F9;
  top: -19px !important;
  padding-top: 25px;
  z-index: 10;
}
._diy ._filter .dropdown-menu.show:before {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 25px;
  position: absolute;
  z-index: 10;
}
._diy ._filter input[type=checkbox] {
  color: #707070;
}
._diy ._bg-grey-light {
  background-color: #F8F8F9;
}
._diy ._item-into, ._diy ._article_introtext {
  display: block;
  position: relative;
  color: #707070;
  padding-right: 24px;
  padding-bottom: 40px;
}
._diy ._item-into ._boxImg, ._diy ._article_introtext ._boxImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 160px;
  width: 100%;
}
._diy ._item-into ._boxImg img, ._diy ._article_introtext ._boxImg img {
  visibility: hidden;
  opacity: 0;
}
._diy ._item-into h4, ._diy ._article_introtext h4 {
  color: #009ADE;
  margin-bottom: 20px;
  font-size: 20px;
  min-height: 48px;
}
._diy ._item-into h5, ._diy ._article_introtext h5 {
  font-size: 1rem;
  color: #4562D8;
}
._diy ._item-into ._desc, ._diy ._article_introtext ._desc {
  min-height: 124px;
  margin-bottom: 15px;
  position: relative;
}
._diy ._item-into ._desc article, ._diy ._article_introtext ._desc article {
  overflow: hidden;
  padding-bottom: 10px;
  transition: all 500ms ease-in-out;
  min-height: 100px;
}
._diy ._item-into ._desc article.ac-desc, ._diy ._article_introtext ._desc article.ac-desc {
  height: auto !important;
  transition: all 500ms ease-in-out;
}
._diy ._item-into ._desc a._shm, ._diy ._article_introtext ._desc a._shm {
  background-color: rgba(198, 232, 252, 0);
  display: block;
  width: 20px;
  font-size: 12px;
  line-height: 12px;
  color: #009ADE;
  margin: 5px 1px 0 auto;
  padding: 4px;
  transition: all 400ms ease-in-out;
}
._diy ._item-into ._desc a._shm:hover, ._diy ._item-into ._desc a._shm:active, ._diy ._item-into ._desc a._shm:target, ._diy ._article_introtext ._desc a._shm:hover, ._diy ._article_introtext ._desc a._shm:active, ._diy ._article_introtext ._desc a._shm:target {
  color: #064696;
  background-color: rgba(198, 232, 252, 0.5);
}
._diy ._item-into a._seeMore, ._diy ._item-into a._seeLess, ._diy ._article_introtext a._seeMore, ._diy ._article_introtext a._seeLess {
  display: inline-block;
  position: relative;
  right: 0;
  bottom: 0;
  text-align: right;
}
._diy ._item-into a._seeMore i, ._diy ._item-into a._seeLess i, ._diy ._article_introtext a._seeMore i, ._diy ._article_introtext a._seeLess i {
  color: #064696;
}
._diy ._ctas {
  margin-top: 18px;
}
._diy ._ctas .btn.btn-default, ._diy ._ctas .btn.btn-secondary {
  background-color: transparent;
  border-color: #064696;
  color: #064696;
}
._diy ._paginations ._lit {
  display: inline-block;
  vertical-align: middle;
  color: #7A7C80;
  text-decoration: none;
  margin: 2px 3px 2px 0;
  padding: 2px 3px 2px 0;
  font-weight: bold;
}
._diy ._paginations ._lit.active, ._diy ._paginations ._lit:hover {
  color: black;
}
._diy ._paginations ._lit:last-child {
  margin-right: 0;
  padding-right: 0;
}

._dif_wrapper {
  /**** Custom styles for noUiSlider ****/
  /**** Custom styles for input group slider... ****/
}
._dif_wrapper #_difficulty_slider {
  height: 6px;
}
._dif_wrapper #_difficulty_slider .noUi-connect {
  background: #064696;
}
._dif_wrapper #_difficulty_slider .noUi-handle {
  height: 12px;
  width: 12px;
  top: -5px;
  right: -8px; /* half the width */
  border-radius: 9px;
  border-color: #064696;
}
._dif_wrapper #_difficulty_slider .noUi-handle:before, ._dif_wrapper #_difficulty_slider .noUi-handle:after {
  opacity: 0;
}
._dif_wrapper #_difficulty_slider .noUi-handle:hover {
  background-color: #064696;
}
._dif_wrapper #_difficulty_slider .noUi-handle.noUi-active {
  border-color: #064696;
  background-color: #064696;
  box-shadow: none;
}
._dif_wrapper ._dfins input.form-control {
  padding-right: 4px;
  padding-left: 4px;
  text-align: right;
  border-radius: 0;
}
._dif_wrapper ._dfins .input-group-prepend .input-group-text {
  border-color: rgba(255, 255, 255, 0);
  background-color: transparent;
}
._dif_wrapper ._dfins .input-group-append .input-group-text {
  border-color: rgba(255, 255, 255, 0);
  background-color: transparent;
}

.me-btn {
  margin-right: 5px;
}

.btn.btn-xs {
  font-size: 12px;
  padding: 4px 9px;
  min-width: unset;
}

@media screen and (min-width: 1024px) {
  ._diy ._item-into h4, ._diy ._article_introtext h4 {
    min-height: 70px;
  }
}

/*# sourceMappingURL=diy.css.map */