/*html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}*/
#superContainer {
  height: 100%;
  position: relative;
  touch-action: none; }

.fp-section {
  position: relative;
  box-sizing: border-box;
  height: 100%; }

.fp-slide {
  float: left; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px; }

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  transition: none !important; }

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1; }

#fp-nav.right {
  right: 17px; }

#fp-nav.left {
  left: 17px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  transition: all 0.1s ease-in-out; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0; }

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

.mainSlider {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: 99999999999; }

.mainSlider .section .slide {
  background-size: cover !important; }

.mainSlider .section #slide1 {
  background: url("../images/promoslider/Gallery_splashscreen_Desktop.jpg") no-repeat center center transparent; }

.mainSlider .section #slide2 {
  background: url("../images/promoslider/HowItWorks_splashscreen_Desktop.png") no-repeat center center transparent;
  cursor: pointer; }

@media (max-width: 1334px) {
  .mainSlider .section #slide1 {
    background-size: contain !important;
    background: url("../images/promoslider/Gallery_splashscreen_Mobile_Horizontal.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background-size: contain !important;
    background: url("../images/promoslider/HowItWorks_splashscreen_Mobile_Horizontal.jpg") no-repeat center center transparent; } }

@media (max-width: 1280px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Tablet_Horizontal.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_splashscreen_Tablet_Horizontal.jpg") no-repeat center center transparent; } }

@media (min-width: 1080px) and (min-height: 1440px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Tablet_Vertical.jpg") no-repeat center top transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_Tablet_Vertical.jpg") no-repeat center top transparent; } }

@media (max-width: 960px) and (min-height: 960px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Tablet_Vertical.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_Tablet_Vertical.jpg") no-repeat center center transparent; } }

@media (min-width: 960px) and (min-height: 1280px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Tablet_Vertical.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_Tablet_Vertical.jpg") no-repeat center center transparent; } }

@media (max-width: 767px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Mobile_Vertical.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_splashscreen_Mobile_Vertical.jpg") no-repeat center center transparent; } }

@media (min-width: 750px) and (min-height: 1334px) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Mobile_Vertical.jpg") no-repeat center top transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_splashscreen_Mobile_Vertical.jpg") no-repeat center top transparent; } }

@media (max-width: 767px) and (orientation: landscape) {
  .mainSlider .section #slide1 {
    background: url("../images/promoslider/Gallery_splashscreen_Desktop.jpg") no-repeat center center transparent; }
  .mainSlider .section #slide2 {
    background: url("../images/promoslider/HowItWorks_splashscreen_Desktop.png") no-repeat center center transparent; } }

/* results page begin */
.results {
  font-family: "Roboto", sans-serif; }
  .results header {
    align-items: center;
    height: 120px;
    background: #327fbc;
    box-shadow: 0 10px 30px rgba(40, 40, 40, 0.2); }
    .results header h1 {
      display: block;
      padding-top: 0; }
  .results .wrapper {
    padding-top: 120px;
    padding-bottom: 0; }
    .results .wrapper .main {
      max-width: 1268px; }
  .results .wrapper > .main__outher {
    padding-top: 0; }
  @media (min-width: 768px) {
    .results header {
      height: 135px; }
      .results header h1 {
        padding-top: 20px;
        font-size: 28px; }
    .results .wrapper {
      padding-top: 135px;
      padding-bottom: 40px; } }

.header-title {
  position: relative;
  text-align: center; }

.header-title-txt {
  display: inline-block; }
  @media (min-width: 768px) {
    .header-title-txt {
      margin-left: -150px; } }

.logo-white {
  display: inline-block;
  margin: 0 auto; }
  .logo-white a {
    margin: 0 auto;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODcuOSAxOC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4Ny45IDE4LjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00LjYsMTEuOGMwLDEuNywzLjMsMy4xLDcuNSwzLjFjMCwwLDAuMSwwLDAuMSwwYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYy0zLjcsMC02LjgtMS4zLTYuOC0yLjhjMC0xLjEsMS42LTIuMSwzLjgtMi41djMuMWgzLjRjMS44LDAsMy4zLTAuNSw0LjUtMS40YzAuMSwwLjEsMC4yLDAuMywwLjIsMC41YzAsMS0yLjIsMS45LTQuOCwxLjljLTIuNywwLTQuOC0wLjgtNC44LTEuOWMwLTAuMiwwLjEtMC41LDAuMy0wLjdjLTAuNCwwLjMtMC42LDAuNi0wLjYsMC45YzAsMS4xLDIuMywyLDUuMiwyYzIuOCwwLDUuMi0wLjksNS4yLTJjMC0wLjMtMC4yLTAuNi0wLjUtMC44YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4yYzAuMS0wLjEsMC4zLTAuMywwLjQtMC40YzAuOCwwLjUsMS4yLDEsMS4yLDEuNmMwLDAuOS0xLDEuNy0yLjYsMi4yYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYzEuOS0wLjYsMy0xLjUsMy0yLjVjMC0wLjYtMC41LTEuMi0xLjMtMS43QzE5LDksMTkuNCw3LjcsMTkuNCw2LjFjMC00LjEtMi4yLTYuMS02LjctNi4xSDkuMnY4LjlDNi41LDkuNCw0LjYsMTAuNSw0LjYsMTEuOHogTTE2LjMsOS44Yy0wLjksMC44LTIuMSwxLjMtMy43LDEuM2gtMS43VjkuMmMwLjQsMCwwLjktMC4xLDEuNC0wLjFDMTMuOCw5LjIsMTUuMiw5LjQsMTYuMyw5LjhDMTYuMyw5LjgsMTYuMyw5LjgsMTYuMyw5Ljh6IE0xMC45LDEuNWgxLjhjMy4zLDAsNC45LDEuNSw0LjksNC42YzAsMS4zLTAuMywyLjQtMSwzLjJjLTEuMy0wLjQtMi45LTAuNy00LjYtMC43Yy0wLjQsMC0wLjgsMC0xLjIsMFYxLjV6IE0yNy44LDE1LjdjLTAuMi0wLjItMC41LTAuMy0wLjgtMC4zYy0wLjMsMC0wLjYsMC4xLTAuOCwwLjRjLTAuMiwwLjItMC4zLDAuNS0wLjMsMC45YzAsMC4zLDAuMSwwLjYsMC4zLDAuOWMwLjIsMC4zLDAuNSwwLjQsMC44LDAuNGMwLjMsMCwwLjUtMC4xLDAuOC0wLjN2MC4zaDAuNnYtMy40aC0wLjZWMTUuN3ogTTI3LjcsMTcuMmMtMC4xLDAuMS0wLjMsMC4yLTAuNSwwLjJjLTAuMiwwLTAuNC0wLjEtMC41LTAuMmMtMC4xLTAuMS0wLjItMC4zLTAuMi0wLjVjMC0wLjIsMC4xLTAuNCwwLjItMC41YzAuMS0wLjEsMC4zLTAuMiwwLjUtMC4yYzAuMiwwLDAuNCwwLjEsMC41LDAuMmMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNUMyNy44LDE2LjksMjcuOCwxNywyNy43LDE3LjJ6IE0zMiwxNS40YzAuMSwwLDAuMiwwLDAuMywwLjFMMzIsMTZjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC4xLDAtMC4yLDAuMS0wLjIsMC4yYy0wLjEsMC4xLTAuMSwwLjQtMC4xLDAuN2wwLDAuMXYxaC0wLjZ2LTIuNWgwLjV2MC4zQzMxLjUsMTUuNSwzMS43LDE1LjQsMzIsMTUuNHogTTM1LjYsMTUuNGMtMC40LDAtMC43LDAuMS0wLjksMC40Yy0wLjIsMC4yLTAuNCwwLjYtMC40LDAuOWMwLDAuNCwwLjEsMC43LDAuNCwwLjljMC4yLDAuMiwwLjYsMC40LDAuOSwwLjRjMC41LDAsMC45LTAuMiwxLjEtMC41bC0wLjUtMC4yYy0wLjIsMC4yLTAuNCwwLjItMC42LDAuMmMtMC4yLDAtMC4zLTAuMS0wLjUtMC4yQzM1LjEsMTcuMiwzNSwxNywzNSwxNi45aDJsMC0wLjFjMC0wLjQtMC4xLTAuNy0wLjQtMUMzNi4zLDE1LjUsMzYsMTUuNCwzNS42LDE1LjR6IE0zNSwxNi40YzAuMS0wLjIsMC4xLTAuMywwLjItMC4zYzAuMS0wLjEsMC4zLTAuMSwwLjUtMC4xYzAuMiwwLDAuMywwLDAuNCwwLjFjMC4xLDAuMSwwLjIsMC4yLDAuMiwwLjNIMzV6IE00MS4yLDE1LjdjLTAuMi0wLjItMC41LTAuMy0wLjgtMC4zYy0wLjMsMC0wLjYsMC4xLTAuOCwwLjRjLTAuMiwwLjItMC4zLDAuNS0wLjMsMC45YzAsMC4zLDAuMSwwLjYsMC4zLDAuOWMwLjIsMC4zLDAuNSwwLjQsMC44LDAuNGMwLjMsMCwwLjUtMC4xLDAuOC0wLjN2MC4zaDAuNnYtMi41aC0wLjZWMTUuN3ogTTQxLjEsMTcuMmMtMC4xLDAuMS0wLjMsMC4yLTAuNSwwLjJjLTAuMiwwLTAuNC0wLjEtMC41LTAuMmMtMC4xLTAuMS0wLjItMC4zLTAuMi0wLjVjMC0wLjIsMC4xLTAuNCwwLjItMC41YzAuMS0wLjEsMC4zLTAuMiwwLjUtMC4yYzAuMiwwLDAuNCwwLjEsMC41LDAuMmMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNUM0MS4zLDE2LjksNDEuMiwxNyw0MS4xLDE3LjJ6IE00OC4xLDE1LjhjMC4xLDAuMSwwLjEsMC4zLDAuMSwwLjZ2MS40aC0wLjZ2LTEuMmMwLTAuMiwwLTAuNC0wLjEtMC41Yy0wLjEtMC4yLTAuMi0wLjItMC40LTAuMmMtMC4yLDAtMC40LDAuMS0wLjUsMC4zYzAsMC4xLTAuMSwwLjMtMC4xLDAuNXYxLjFINDZ2LTEuMmMwLTAuNC0wLjEtMC42LTAuMi0wLjdjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC4yLDAtMC40LDAuMS0wLjUsMC4zYzAsMC4xLTAuMSwwLjMtMC4xLDAuNXYxLjFoLTAuNnYtMi41SDQ1djAuM2MwLjItMC4yLDAuNS0wLjMsMC44LTAuM2MwLjMsMCwwLjYsMC4xLDAuNywwLjRjMC4yLTAuMywwLjUtMC40LDAuOC0wLjRjMC4yLDAsMC4zLDAsMC40LDAuMUM0OCwxNS42LDQ4LjEsMTUuNyw0OC4xLDE1Ljh6IE01NC4yLDE1LjRoMC42djIuNWgtMC42VjE1LjR6IE01NC44LDE0LjVjMC4xLDAuMSwwLjEsMC4yLDAuMSwwLjNjMCwwLjEsMCwwLjItMC4xLDAuM2MtMC4xLDAuMS0wLjIsMC4xLTAuMywwLjFjLTAuMSwwLTAuMiwwLTAuMy0wLjFjLTAuMS0wLjEtMC4xLTAuMi0wLjEtMC4zYzAtMC4xLDAtMC4yLDAuMS0wLjNjMC4xLTAuMSwwLjItMC4xLDAuMy0wLjFDNTQuNiwxNC40LDU0LjcsMTQuNSw1NC44LDE0LjV6IE01OS4zLDE1LjZjMC4xLDAuMSwwLjIsMC40LDAuMiwwLjZ2MS42aC0wLjZ2LTEuMWMwLTAuMiwwLTAuNCwwLTAuNGMwLTAuMi0wLjEtMC4zLTAuMi0wLjRjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjMsMC0wLjQsMC4yLTAuNSwwLjVjMCwwLjEsMCwwLjIsMCwwLjV2MWgtMC42di0yLjVINTh2MC4zYzAuMi0wLjIsMC41LTAuMywwLjctMC4zQzU4LjksMTUuNCw1OS4xLDE1LjUsNTkuMywxNS42eiBNNjcsMTYuN2MwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNWMwLDAuMi0wLjEsMC40LTAuMywwLjZjLTAuMiwwLjEtMC40LDAuMi0wLjYsMC4yYy0wLjQsMC0wLjYtMC4xLTAuOS0wLjRsMC40LTAuNGMwLjIsMC4yLDAuMywwLjMsMC41LDAuM2MwLjEsMCwwLjEsMCwwLjIsMGMwLjEsMCwwLjEtMC4xLDAuMS0wLjFjMC0wLjEtMC4xLTAuMi0wLjMtMC4zbC0wLjItMC4xYy0wLjQtMC4yLTAuNi0wLjUtMC42LTAuOGMwLTAuMiwwLjEtMC40LDAuMi0wLjVjMC4yLTAuMSwwLjMtMC4yLDAuNi0wLjJjMC4zLDAsMC42LDAuMSwwLjgsMC40bC0wLjQsMC40Yy0wLjItMC4yLTAuMy0wLjItMC40LTAuMmMtMC4xLDAtMC4yLDAuMS0wLjIsMC4yYzAsMC4xLDAuMSwwLjEsMC4yLDAuMmwwLjIsMC4xQzY2LjcsMTYuNSw2Ni45LDE2LjYsNjcsMTYuN3ogTTcwLjMsMTUuNGgwLjRWMTZoLTAuNHYxLjloLTAuNlYxNmgtMC4zdi0wLjVoMC4zdi0wLjloMC42VjE1LjR6IE03NC43LDE1LjRoMC42bC0xLjUsMy40aC0wLjZsMC41LTEuMWwtMC45LTIuM2gwLjZMNzQsMTdMNzQuNywxNS40eiBNNzcuNiwxNC41aDAuNnYzLjRoLTAuNlYxNC41eiBNODEuOSwxNS40Yy0wLjQsMC0wLjcsMC4xLTAuOSwwLjRjLTAuMiwwLjItMC40LDAuNi0wLjQsMC45YzAsMC40LDAuMSwwLjcsMC40LDAuOWMwLjIsMC4yLDAuNiwwLjQsMC45LDAuNGMwLjUsMCwwLjktMC4yLDEuMS0wLjVsLTAuNS0wLjJjLTAuMiwwLjItMC40LDAuMi0wLjYsMC4yYy0wLjIsMC0wLjMtMC4xLTAuNS0wLjJjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40aDJsMC0wLjFjMC0wLjQtMC4xLTAuNy0wLjQtMUM4Mi42LDE1LjUsODIuMiwxNS40LDgxLjksMTUuNHogTTgxLjIsMTYuNGMwLjEtMC4yLDAuMS0wLjMsMC4yLTAuM2MwLjEtMC4xLDAuMy0wLjEsMC41LTAuMWMwLjIsMCwwLjMsMCwwLjQsMC4xYzAuMSwwLjEsMC4yLDAuMiwwLjIsMC4zSDgxLjJ6IE0yOC4zLDEyLjZsLTEuOS0zYy0wLjEtMC4yLTAuMi0wLjQtMC4zLTAuNWMtMC4xLTAuMi0wLjItMC4zLTAuMy0wLjRjLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4zYy0wLjEsMC0wLjEtMC4xLTAuMi0wLjFjMC4yLTAuMSwwLjUtMC4yLDAuNi0wLjNjMC4zLTAuMiwwLjUtMC4zLDAuNy0wLjZjMC4yLTAuMiwwLjMtMC41LDAuNC0wLjhjMC4xLTAuMywwLjItMC42LDAuMi0wLjljMC0wLjQtMC4xLTAuOC0wLjItMS4xYy0wLjItMC4zLTAuNC0wLjYtMC42LTAuOGMtMC4zLTAuMi0wLjYtMC40LTAuOS0wLjVjLTAuNC0wLjEtMC44LTAuMi0xLjItMC4yaC0yLjl2N2MwLDAtMC4xLTAuMS0wLjEtMC4xbC0wLjEtMC4xYzAuMSwwLjEsMC4yLDAuMSwwLjMsMC4ydjIuNmMwLTAuOS0wLjYtMS43LTEuNi0yLjRsLTAuMS0wLjFjMC45LDAuNywxLjUsMS41LDEuNSwyLjRjLTAuMSwyLjMtNCwzLjUtOC45LDMuNGMtNC45LTAuMS04LjgtMS41LTguNy0zLjhjMC0xLjMsMS4zLTIuNCwzLjMtMy4xTDYuNSw5Yy0yLjMsMC44LTMuOSwxLjktMy45LDMuM2MtMC4xLDIuMyw0LjEsNC4zLDkuMiw0LjRjNS4yLDAuMSw5LjQtMS43LDkuNC00YzAsMCwwLTAuMSwwLTAuMWgxLjN2LTFjMC4yLDAuNCwwLjIsMC43LDAuMiwxLjFjLTAuMSwyLjgtNSw0LjktMTEsNC43Yy02LTAuMS0xMC45LTIuNS0xMC44LTUuM2MwLTEuNiwxLjYtMi45LDQtMy44bC0wLjEsMEMyLjEsOS4zLDAsMTAuOCwwLDEyLjRjLTAuMSwyLjksNS4xLDUuMywxMS40LDUuNGM2LjQsMC4yLDExLjYtMiwxMS43LTQuOWMwLTAuNi0wLjItMS4yLTAuNi0xLjdWOC42aDAuOGMwLjIsMCwwLjQsMCwwLjUsMC4xYzAuMSwwLDAuMywwLjEsMC40LDAuMmMwLjEsMC4xLDAuMywwLjIsMC40LDAuNGMwLjEsMC4yLDAuMywwLjQsMC40LDAuNmwxLjYsMi43SDI4LjN6IE0yNC42LDcuMmMtMC4yLDAuMS0wLjUsMC4xLTAuNywwLjFoLTEuNFY0LjJoMS40YzAuNiwwLDEsMC4xLDEuMywwLjRjMC4zLDAuMywwLjUsMC42LDAuNSwxLjFjMCwwLjMsMCwwLjUtMC4xLDAuN2MtMC4xLDAuMi0wLjIsMC40LTAuNCwwLjVDMjUuMSw3LjEsMjQuOSw3LjIsMjQuNiw3LjJ6IE0zNC41LDEyLjZoLTUuMlYyLjloNXYxLjJoLTMuN3YyLjlIMzR2MS4yaC0zLjR2My4xaDMuOVYxMi42eiBNMzguNywyLjlMMzUsMTIuNmgxLjVsMC45LTIuNmgzLjhsMSwyLjZoMS41TDQwLDIuOUgzOC43eiBNMzcuOSw4LjdsMS40LTMuOWMwLTAuMSwwLTAuMSwwLjEtMC4yYzAsMC4xLDAsMC4xLDAuMSwwLjJsMS40LDMuOUgzNy45eiBNNTIuMSwyLjloMS41djkuN2gtMS4zVjYuMmMwLTAuMywwLTAuNSwwLTAuOWMwLTAuMSwwLTAuMiwwLTAuM2MwLDAsMCwwLjEsMCwwLjFjLTAuMSwwLjEtMC4xLDAuMi0wLjIsMC4zYzAsMC4xLTAuMSwwLjItMC4xLDAuMmwtMi41LDQuNWgtMC43bC0yLjUtNC41YzAtMC4xLTAuMS0wLjEtMC4xLTAuMmMtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjNjMCwwLDAtMC4xLDAtMC4xYzAsMCwwLDAuMSwwLDAuMWMwLDAuMywwLDAuNywwLDEuMXY2LjRoLTEuM1YyLjloMS42bDIuNSw0LjVjMC4xLDAuMiwwLjIsMC40LDAuMywwLjZjMCwwLjEsMC4xLDAuMSwwLjEsMC4yYzAtMC4xLDAuMS0wLjEsMC4xLTAuMmMwLjEtMC4yLDAuMi0wLjQsMC4zLTAuNkw1Mi4xLDIuOXogTTU3LjksMTEuMWg1djEuNWgtNi43VjBoMS43VjExLjF6IE02NS41LDEyLjZoLTEuM1YyLjloMS4zVjEyLjZ6IE03NC4zLDIuOWgxLjN2OS43aC0xLjVMNjkuMiw1YzAsMC0wLjEtMC4xLTAuMS0wLjFjMCwwLjIsMCwwLjUsMCwwLjh2Ni45aC0xLjNWMi45aDEuNmw0LjgsNy41YzAuMSwwLjEsMC4xLDAuMiwwLjIsMC4yYzAtMC4yLDAtMC42LDAtMC45VjIuOXogTTgzLjEsMTIuNmgtNS4yVjIuOWg1djEuMmgtMy43djIuOWgzLjR2MS4yaC0zLjR2My4xaDMuOVYxMi42eiBNODYuNCwwYy0wLjgsMC0xLjUsMC43LTEuNSwxLjVTODUuNiwzLDg2LjQsM3MxLjUtMC43LDEuNS0xLjVTODcuMiwwLDg2LjQsMHogTTg2LjQsMi44Yy0wLjcsMC0xLjMtMC42LTEuMy0xLjNzMC42LTEuMywxLjMtMS4zYzAuNywwLDEuMywwLjYsMS4zLDEuM1M4Ny4xLDIuOCw4Ni40LDIuOHogTTg3LjEsMi4xbDAtMC4zYzAtMC4xLDAtMC4yLTAuMS0wLjJjMCwwLTAuMS0wLjEtMC4xLTAuMWMwLjEsMCwwLjEtMC4xLDAuMi0wLjJjMC0wLjEsMC4xLTAuMSwwLjEtMC4zYzAtMC4yLTAuMS0wLjMtMC4yLTAuNGMtMC4xLTAuMS0wLjItMC4xLTAuNC0wLjFoLTAuOHYxLjdIODZWMS42aDAuNmMwLjEsMCwwLjIsMCwwLjIsMC4xczAuMSwwLjEsMC4xLDAuMmMwLDAsMCwwLjEsMCwwLjFjMCwwLjEsMCwwLjEsMCwwLjJzMCwwLjEsMCwwLjFoMC4zdjBjMCwwLTAuMSwwLTAuMS0wLjFDODcuMSwyLjIsODcuMSwyLjIsODcuMSwyLjF6IE04Ni44LDEuM2MtMC4xLDAtMC4xLDAuMS0wLjIsMC4xSDg2VjAuOGgwLjZjMC4yLDAsMC4zLDAuMSwwLjMsMC4zQzg2LjksMS4yLDg2LjksMS4zLDg2LjgsMS4zeiIvPjwvc3ZnPg==); }

.thumbnail {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  height: 300px;
  background: black;
  overflow: hidden; }
  .thumbnail:hover .thumbnail-desc:before {
    width: 100%;
    background: #3cadde; }
  .thumbnail:hover .thumbnail-desc .icon {
    opacity: 0; }
  .thumbnail:hover .thumbnail-overlay {
    top: 0; }
  .thumbnail:hover .thumbnail-holder {
    margin-top: -20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1; }
  .thumbnail:hover .thumbnail-subtitle {
    top: 0;
    opacity: 1;
    transition: all 0.2s ease 0.7s; }
  .thumbnail:hover .thumbnail-title-border {
    border-bottom-color: white; }

.thumbnail-lg {
  height: 620px; }
  .thumbnail-lg:hover .thumbnail-holder {
    margin-top: 0; }
  .thumbnail-lg .thumbnail-title {
    font-size: 38px; }
  .thumbnail-lg .thumbnail-subtitle {
    margin-top: 0;
    position: static;
    top: 0;
    font-size: 26px; }
  .thumbnail-lg .thumbnail-overlay {
    top: 0; }
  .thumbnail-lg .thumbnail-holder {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%); }
  .thumbnail-lg .thumbnail-subtitle {
    opacity: 1; }
  .thumbnail-lg .thumbnail-title-border {
    border-bottom-color: white; }
  .thumbnail-lg .thumbnail-desc:before {
    width: 100%;
    background: #3cadde; }
  .thumbnail-lg .thumbnail-desc .icon {
    opacity: 0; }

.thumbnail-title {
  display: block;
  margin: 0 0 14px 0;
  padding: 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: white;
  text-align: center; }
  @media (min-width: 480px) {
    .thumbnail-title {
      font-size: 22px; } }

.thumbnail-title-border {
  display: inline-block;
  margin: 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid white; }

.thumbnail-subtitle {
  position: relative;
  top: -10px;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  color: #3cadde;
  opacity: 0; }
  @media (min-width: 480px) {
    .thumbnail-subtitle {
      font-size: 17px; } }

.thumbnail-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 16px 10px 12px 10px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: white;
  text-align: center;
  z-index: 3;
  background: rgba(0, 0, 0, 0.7); }
  .thumbnail-desc:before {
    content: '';
    position: absolute;
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    background: transparent;
    transition: width .6s ease-in-out, background-color .6s ease-in-out; }
  .thumbnail-desc .icon {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    color: #3cadde;
    opacity: 1; }
  @media (min-width: 480px) {
    .thumbnail-desc {
      font-size: 20px; } }

.thumbnail-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.thumbnail-overlay {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transition: all .45s ease-in-out; }

.thumbnail-holder {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  transform: translateY(0%);
  transition: all 0.55s ease 0.4s; }

@media (min-width: 768px) {
  .main .shuffle-grid {
    margin-top: -140px; } }

@media (min-width: 1024px) {
  .main .shuffle-grid {
    margin-left: -2vw;
    margin-right: -2vw; } }

@media (min-width: 1200px) {
  .main .shuffle-grid {
    margin-left: -5vw;
    margin-right: -5vw; } }

.shuffle-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  height: 940px;
  max-width: 1260px;
  max-height: 940px; }
  .shuffle-grid .thumbnail {
    display: none;
    position: absolute;
    width: calc(25% - 15px);
    height: calc(33.33% - 20px);
    transition: top .8s ease-in-out, left .8s ease-in-out; }
  .shuffle-grid .thumbnail-lg {
    width: calc(25% * 2 - 10px);
    height: calc(25% * 2); }
  .shuffle-grid .thumbnail-md {
    width: calc(25% * 2 - 10px);
    height: 25%; }
  .shuffle-grid .item-01-in, .shuffle-grid .item-02-in,
  .shuffle-grid .item-04-in, .shuffle-grid .item-05-in {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: 100%; }
  .shuffle-grid .item-01-in, .shuffle-grid .item-02-in, .shuffle-grid .item-01, .shuffle-grid .item-02 {
    height: 20%;
    width: calc(50% - 10px); }
  .shuffle-grid .item-01-in {
    left: 0; }
  .shuffle-grid .item-02-in {
    position: absolute;
    left: calc(50% + 10px);
    width: calc(50% - 20px); }
  .shuffle-grid .item-01, .shuffle-grid .item-02 {
    display: block;
    width: calc(50% - 20px); }
  .shuffle-grid .item-01 {
    left: calc(50% + 10px); }
  .shuffle-grid .item-02 {
    top: 0;
    left: 10px; }
  .shuffle-grid .item-04-in {
    position: absolute;
    top: calc(40% + 40px);
    width: calc(100% - 20px); }
  .shuffle-grid .item-04 {
    display: block;
    width: calc(100% - 20px);
    left: 10px;
    top: calc(20% + 20px); }
  .shuffle-grid .item-05-in {
    position: absolute;
    top: calc(20% + 20px);
    width: calc(100% - 20px);
    height: 20%; }
  .shuffle-grid .item-05 {
    display: block;
    left: 10px;
    top: calc(70% + 40px);
    width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .shuffle-grid {
      display: block;
      height: calc(100vh - 85px); }
      .shuffle-grid .thumbnail {
        display: block; }
      .shuffle-grid .thumbnail-lg {
        width: calc(25% * 2 - 10px);
        height: calc(33.33% * 2 - 20px); }
      .shuffle-grid .thumbnail-md {
        width: calc(25% * 2 - 10px); }
      .shuffle-grid .item-01-in, .shuffle-grid .item-02-in {
        height: auto;
        width: auto; }
      .shuffle-grid .item-01-in {
        position: absolute;
        left: 0;
        top: 66.66%;
        width: calc(25% - 15px);
        height: calc(33.33% - 20px); }
      .shuffle-grid .item-01 {
        left: 0;
        top: 0;
        width: calc(25% - 15px);
        height: calc(33.33% - 20px); }
      .shuffle-grid .item-02-in {
        position: absolute;
        top: 33.33%;
        left: calc(25% * 3 + 15px);
        width: calc(25% - 15px);
        height: calc(33.33% - 20px); }
      .shuffle-grid .item-02 {
        left: 0;
        top: 33.33%;
        width: calc(25% - 15px);
        height: calc(33.33% - 20px); }
      .shuffle-grid .item-04-in {
        position: absolute;
        top: 33.33%;
        left: calc(25% + 5px);
        width: calc(25% * 2 - 10px); }
      .shuffle-grid .item-04 {
        top: 0;
        left: calc(25% + 5px);
        width: calc(25% * 2 - 10px); }
      .shuffle-grid .item-05-in {
        top: 0;
        left: calc(25% + 5px);
        width: calc(25% * 2 - 10px);
        height: calc(33.33% - 20px); }
      .shuffle-grid .item-05 {
        top: 66.66%;
        left: calc(25% + 5px);
        width: calc(25% * 2 - 10px);
        height: calc(33.33% - 20px); } }

.item-01 {
  left: 0;
  top: 0; }

.item-01-in {
  display: block;
  left: 0;
  top: 66.66%; }

.item-02 {
  left: 0;
  top: 33.33%; }

.item-02-in {
  top: 33.33%;
  left: calc(25% * 3 + 15px); }

.item-03 {
  left: 0;
  top: 66.66%; }

.item-03-in {
  left: 0;
  top: 0; }

.item-04 {
  top: 0;
  left: calc(25% + 5px);
  z-index: 8; }

.item-04-in {
  top: 33.33%;
  left: calc(25% + 5px);
  z-index: 8; }

.item-05 {
  top: 66.66%;
  left: calc(25% + 5px); }

.item-05-in {
  top: 0;
  left: calc(25% + 5px); }

.item-06 {
  top: 0;
  left: calc(25% * 3 + 15px); }

.item-06-in {
  top: 66.66%;
  left: calc(25% * 3 + 15px); }

.item-07 {
  top: 33.33%;
  left: calc(25% * 3 + 15px); }

.item-07-in {
  left: 0;
  top: 33.33%; }

.item-08 {
  top: 66.66%;
  left: calc(25% * 3 + 15px); }

.item-08-in {
  top: 0;
  left: calc(25% * 3 + 15px); }

@media (min-width: 768px) {
  .shuffle-grid-pic-4 {
    margin-top: 60px; }
    .shuffle-grid-pic-4 .item-01-in {
      left: calc(25% + 5px);
      top: 33.33%; }
    .shuffle-grid-pic-4 .item-01 {
      left: calc(25% * 2 + 10px);
      top: 0; }
    .shuffle-grid-pic-4 .item-02-in {
      left: 0;
      top: 33.33%; }
    .shuffle-grid-pic-4 .item-02 {
      left: calc(25% * 3 + 15px);
      top: 0; }
    .shuffle-grid-pic-4 .item-03 {
      top: 0;
      bottom: 0;
      z-index: 9; }
    .shuffle-grid-pic-4 .item-04-in {
      top: 0;
      left: calc(50% + 10px); }
    .shuffle-grid-pic-4 .item-04 {
      top: 33.33%;
      left: calc(50% + 10px); }
    .shuffle-grid-pic-4 .item-05-in {
      position: absolute;
      top: 0;
      left: 0; }
    .shuffle-grid-pic-4 .thumbnail-md {
      height: calc(33.33% - 20px); } }

/* results page end */

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