/* 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
 */

/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
/* line 6, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
body {
  font-size: 1rem;
  line-height: 1.5;
}
/* line 8, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h1 {
  font-size: 2.2rem;
}
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h2 {
  font-size: 2rem;
}
/* line 16, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h3 {
  font-size: 1.7rem;
}
/* line 20, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h4 {
  font-size: 1.25rem;
}
/* line 24, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h5 {
  font-size: 1.2rem;
}
/* line 28, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h6 {
  font-size: 1rem;
}
/* line 33, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
small {
  font-size: 0.875rem;
}
/* line 37, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
cite {
  font-size: 0.875rem;
}
/* line 41, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
sub, sup {
  font-size: 0.75rem;
}
/* line 46, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
/* line 1, media/gantry5/engines/nucleus/scss/nucleus/theme/_forms.scss */
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
/* line 1, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-card-primary > .tm-timeline-arrow {
  background-color: #3595be;
}
/* line 5, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 13, templates/rt_clarity/custom/scss/_jlparticles.scss */
#jl-login-form input, .tm-newsletter-form input, .tm-form-reset input, .tm-form-remind input, .tm-form-login input, .tm-form-registration input, .tm-form-profile-edit input, .tm-datatables-wrapper input {
  box-sizing: inherit;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
}
/* line 19, templates/rt_clarity/custom/scss/_jlparticles.scss */
#jl-login-form .jl-form-icon, .tm-newsletter-form .jl-form-icon, .tm-form-reset .jl-form-icon, .tm-form-remind .jl-form-icon, .tm-form-login .jl-form-icon, .tm-form-registration .jl-form-icon, .tm-form-profile-edit .jl-form-icon, .tm-datatables-wrapper .jl-form-icon {
  height: 40px;
}
/* line 22, templates/rt_clarity/custom/scss/_jlparticles.scss */
#jl-login-form .jl-checkbox, .tm-newsletter-form .jl-checkbox, .tm-form-reset .jl-checkbox, .tm-form-remind .jl-checkbox, .tm-form-login .jl-checkbox, .tm-form-registration .jl-checkbox, .tm-form-profile-edit .jl-checkbox, .tm-datatables-wrapper .jl-checkbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0;
}
/* line 29, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 30, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-newsletter-form button.jl-icon:not(:disabled) {
  outline: none;
}
/* line 33, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-newsletter-form .jl-spinner.jl-icon svg {
  width: 20px;
}
/* line 38, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 43, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-form-reset input, .tm-form-remind input, .tm-form-login input, .tm-form-registration input, .tm-form-profile-edit input {
  width: 100%;
}
/* line 47, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 48, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 50, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 51, templates/rt_clarity/custom/scss/_jlparticles.scss */
.profile #users-profile-core .jl-description-list dd, .profile #users-profile-custom .jl-description-list dd {
  margin-left: 0;
}
/* line 58, templates/rt_clarity/custom/scss/_jlparticles.scss */
.btn {
  margin: 0;
  border: none;
  border-radius: 0;
  text-shadow: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 35px;
  vertical-align: middle;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  transition-property: color, background-color, background-position, border-color, box-shadow;
  letter-spacing: -0.5px;
  background-origin: border-box;
  background-size: 200%;
  background-position-x: 100%;
}
/* line 77, templates/rt_clarity/custom/scss/_jlparticles.scss */
.btn {
  border: 2px solid transparent;
  background-image: none;
  border-radius: 0 !important;
  box-shadow: none;
  font-size: 1rem !important;
}
/* line 85, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 86, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 87, templates/rt_clarity/custom/scss/_jlparticles.scss */
.view-search .tm-search-result-form input {
  box-sizing: inherit;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  margin: 0;
  padding: 0 6px;
}
/* line 98, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 99, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-tags a {
  text-transform: none;
}
/* line 101, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-tags a:hover, .tm-tags a:focus {
  color: #fff;
}
/* line 109, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-price-table_featured-inner {
  background-color: #3595be;
}
/* line 113, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 115, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 116, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-slider-wrapper .tm-slidenav:hover, .tm-intense-wrapper .tm-slidenav:hover, .tm-slider-wrapper .tm-slidenav:focus, .tm-intense-wrapper .tm-slidenav:focus, .tm-slider-wrapper .tm-slidenav:active, .tm-intense-wrapper .tm-slidenav:active {
  background: #3595be;
}
/* line 124, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 125, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 126, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-slideshow-wrapper .jl-slidenav:hover, .tm-slideshow-wrapper .jl-slidenav:focus, .tm-slideshow-wrapper .jl-slidenav:active {
  color: #3595be;
}
/* line 132, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-slideshow-wrapper .jl-dotnav > .jl-active > * {
  background-color: #3595be;
  border: 2px solid #3595be;
}
/* line 139, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-overlay-primary {
  background: rgba(53, 149, 190, 0.8);
}
/* line 143, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-text-primary, .jl-alert-primary {
  color: #3595be !important;
}
/* line 148, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-button-primary {
  background-color: #3595be;
}
/* line 150, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-button-primary:focus, .jl-button-primary:hover {
  background-color: #2a7696;
}
/* line 156, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-card-primary {
  background: #3595be;
}
/* line 158, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-card-primary.jl-card-hover:hover {
  background-color: #2a7696;
}
/* line 162, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-tile-primary, .jl-section-primary {
  background: #3595be;
}
/* Hover + Focus */
/* line 167, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-nav-default > li > a:hover, .jl-nav-default > li > a:focus, .jl-nav-default > li.jl-active > a, .jl-article-meta a {
  color: #3595be;
}
/* line 173, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-subnav-pill > .jl-active > a, .jl-dotnav > .jl-active > * {
  background-color: #3595be;
}
/* Hover + Active + Focus */
/* line 178, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-tab > .jl-active > a, .jl-tab > * > a:hover, .jl-tab > * > a:focus {
  border-color: #3595be;
}
/* Hover + Focus */
/* line 184, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-accordion-title:hover, .jl-accordion-title:focus {
  color: #3595be;
}
/* line 188, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #3595be;
  border: 1px solid #3595be;
}
/* line 193, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-marker {
  border: 6px solid #3595be;
}
/* line 199, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-container {
  max-width: 88rem;
}
@media only all and (min-width: 76rem) and (max-width: 87.99rem) {
  /* line 7, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .jl-container {
    width: 76rem;
  }
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  /* line 13, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .jl-container {
    width: 51rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 50.99rem) {
  /* line 16, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .jl-container {
    width: 30rem;
  }
}
@media only all and (max-width: 30rem) {
  /* line 19, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .jl-container {
    width: 100%;
  }
}
/* line 213, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-container .g5-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
/* line 220, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 221, templates/rt_clarity/custom/scss/_jlparticles.scss */
#g-navigation .tm-search {
  margin: -1.563rem;
}
/* line 224, templates/rt_clarity/custom/scss/_jlparticles.scss */
#g-navigation .tm-search-inner {
  padding: 1.2rem 0.938rem;
}
/* line 228, templates/rt_clarity/custom/scss/_jlparticles.scss */
#g-navigation .jl-navbar-center:only-child, #g-navigation .jl-navbar-left, #g-navigation .jl-navbar-right {
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #3595be;
}
/* line 240, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 241, templates/rt_clarity/custom/scss/_jlparticles.scss */
#g-navigation .jl-search-navbar .jl-search-input {
  font-size: 1rem;
}
/* line 246, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 247, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-search-navbar .jl-search-input {
  font-size: 1rem;
}
/* line 251, templates/rt_clarity/custom/scss/_jlparticles.scss */
a.back-to-top:hover {
  background: #3595be;
}
/*
 * Primary bg
 */
/* line 258, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-notification-message-primary-hivis {
  background-color: #3595be;
}
/* line 262, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 263, templates/rt_clarity/custom/scss/_jlparticles.scss */
.moduletable .jl-breadcrumb > :nth-child(n + 2):not(.jl-first-column)::before {
  margin: 0 5px;
}
/* line 269, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 270, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-price-list .jl-icon-button {
  border-radius: 0;
  background-color: #fff;
  color: #3d3d3d;
}
/* line 278, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-background-default {
  background-color: #fff !important;
}
/* line 281, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-background-muted {
  background-color: #f8f8f8 !important;
}
/* line 284, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-background-primary {
  background-color: #3595be !important;
}
/* line 287, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-background-secondary {
  background-color: #222 !important;
}
/* line 291, templates/rt_clarity/custom/scss/_jlparticles.scss */
.custom-offcanvas {
  line-height: 40px;
}
/* line 295, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 296, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-popup-login .jl-list {
  width: 300px;
  margin: 0 auto;
}
/* line 300, templates/rt_clarity/custom/scss/_jlparticles.scss */
.jl-popup-login li {
  display: inline-block;
}
/* line 304, templates/rt_clarity/custom/scss/_jlparticles.scss */
ul.tm-meta {
  margin-bottom: 0;
}
/* line 307, templates/rt_clarity/custom/scss/_jlparticles.scss */
.device-promo {
  z-index: 1;
}
/* line 312, templates/rt_clarity/custom/scss/_jlparticles.scss */
/* line 313, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon a {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
}
/* line 319, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon a:hover {
  -webkit-filter: saturate(1.2) brightness(1.2);
  filter: saturate(1.2) brightness(1.2);
  color: #fff;
}
/* line 326, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .twitter {
  background-color: #55acee;
}
/* line 330, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .facebook {
  background-color: #3b5999;
}
/* line 334, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .linkedin {
  background-color: #0077b5;
}
/* line 338, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .whatsapp {
  background-color: #25d366;
}
/* line 342, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .telegram {
  background-color: #2ca5e0;
}
/* line 346, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .mail {
  background-color: #ea4335;
}
/* line 350, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .digg {
  background-color: #005be2;
}
/* line 354, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .pinterest {
  background-color: #bd081c;
}
/* line 358, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .tumblr {
  background-color: #eb4924;
}
/* line 362, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .reddit {
  background-color: #ff4500;
}
/* line 366, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .vk {
  background-color: #4c75a3;
}
/* line 370, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .xing {
  background-color: #026466;
}
/* line 374, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .weibo {
  background-color: #df2029;
}
/* line 378, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .renren {
  background-color: #005eac;
}
/* line 382, templates/rt_clarity/custom/scss/_jlparticles.scss */
.tm-custom-icon .tm-share-icon .skype {
  background-color: #00aff0;
}
/* line 1, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 2, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid *, .g-videogrid *:before, .g-videogrid *:after {
  box-sizing: border-box !important;
}
/* line 5, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-wrapper {
  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;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 9, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-wrapper.g-videogrid-captions {
  margin: -2.525rem;
}
/* line 13, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
/* line 20, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .g-videogrid-title {
  font-size: 1.4rem;
  font-size: 1.3vw;
  padding: 0.825rem 0;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 84.6153846154rem) {
  /* line 25, media/gantry5/engines/nucleus/scss/nucleus/theme/mixins/_typography.scss */
  .g-videogrid .g-videogrid-item .g-videogrid-title {
    font-size: 1.1rem;
  }
}
@media only all and (max-width: 74.938rem) and (min-width: 51rem) {
  /* line 25, templates/rt_clarity/custom/scss/_videogrid.scss */
  .g-videogrid .g-videogrid-item .g-videogrid-title {
    font-size: 1.4rem;
  }
}
@media only all and (max-width: 50.99rem) {
  /* line 25, media/gantry5/engines/nucleus/scss/nucleus/mixins/_breakpoints.scss */
  .g-videogrid .g-videogrid-item .g-videogrid-title {
    font-size: 1.4rem;
  }
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .g-videogrid .g-videogrid-item .g-videogrid-title {
    font-size: 1.4rem;
  }
}
/* line 35, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
  font-size: 1.4rem;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.5;
  float: right;
}
@media (max-width: 84.6153846154rem) {
  .g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
    font-size: 1.1rem;
  }
}
@media only all and (max-width: 74.938rem) and (min-width: 51rem) {
  /* line 37, templates/rt_clarity/custom/scss/_videogrid.scss */
  .g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
    font-size: 1.2rem;
  }
}
@media only all and (max-width: 50.99rem) {
  .g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
    font-size: 1.2rem;
  }
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
    font-size: 1.2rem;
  }
}
/* line 49, templates/rt_clarity/custom/scss/_videogrid.scss */
.dir-rtl .g-videogrid .g-videogrid-item .g-videogrid-title .g-videogrid-duration {
  float: left;
}
/* line 55, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .g-videogrid-description {
  font-size: 1.3rem;
  line-height: 1.3;
}
/* line 60, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item img {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
/* line 66, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .g-videogrid-caption {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #fff;
  font-style: normal;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 15%;
  right: 0;
}
/* line 79, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .indicator {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  color: #fff;
  font-style: normal;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 91, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .indicator div {
  font-size: 1.5rem;
  flex: none;
  -webkit-flex: none;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
/* line 95, templates/rt_clarity/custom/scss/_videogrid.scss */
.dir-rtl .g-videogrid .g-videogrid-item .indicator div {
  margin-right: 0;
}
/* line 102, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item .indicator div .fa {
  font-size: 3rem;
}
/* line 107, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item:hover {
  z-index: 10;
}
/* line 109, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item:hover .g-videogrid-link:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 113, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-item:hover .indicator div {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 119, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-desc {
  margin: 1.5rem 0;
}
/* line 122, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-link {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
/* line 128, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-link:before {
  color: #fff;
  background-image: -webkit-linear-gradient(top, rgba(53, 149, 190, 0.1) 0%, #3595be 100%);
  background-image: linear-gradient(to bottom, rgba(53, 149, 190, 0.1) 0%, #3595be 100%);
  content: "";
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
/* line 144, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 145, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-captions .g-videogrid-item {
  padding: 1.025rem;
}
/* line 150, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 151, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-2cols .g-videogrid-item {
  width: 50%;
}
@media only all and (max-width: 50.99rem) {
  .g-videogrid .g-videogrid-2cols .g-videogrid-item {
    width: 100%;
  }
}
/* line 159, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 160, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-3cols .g-videogrid-item {
  width: 33.33333%;
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .g-videogrid .g-videogrid-3cols .g-videogrid-item {
    width: 50%;
  }
}
@media only all and (max-width: 50.99rem) {
  .g-videogrid .g-videogrid-3cols .g-videogrid-item {
    width: 100%;
  }
}
/* line 172, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 173, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-4cols .g-videogrid-item {
  width: 25%;
}
@media only all and (max-width: 74.938rem) and (min-width: 51rem) {
  /* line 176, templates/rt_clarity/custom/scss/_videogrid.scss */
  .g-videogrid .g-videogrid-4cols .g-videogrid-item {
    width: 50%;
  }
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .g-videogrid .g-videogrid-4cols .g-videogrid-item {
    width: 50%;
  }
}
@media only all and (max-width: 50.99rem) {
  .g-videogrid .g-videogrid-4cols .g-videogrid-item {
    width: 100%;
  }
}
/* line 188, templates/rt_clarity/custom/scss/_videogrid.scss */
/* line 189, templates/rt_clarity/custom/scss/_videogrid.scss */
.g-videogrid .g-videogrid-5cols .g-videogrid-item {
  width: 20%;
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .g-videogrid .g-videogrid-5cols .g-videogrid-item {
    width: 33.33333%;
  }
}
@media only all and (max-width: 50.99rem) {
  .g-videogrid .g-videogrid-5cols .g-videogrid-item {
    width: 50%;
  }
}
/*# sourceMappingURL=custom_313.css.map */