.rad {
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  /* Global Styles */
  /* Colors */
  /* img styles */
  /* Grid */
  /* Card */
  /* Page Styles */
  /* Icon Styles */
  /* Button Styles */
  /* Forms */
  /* Modals */
  /* Switches */
  /* Layouts */
  /* Blurry Backgrounds*/
  /* Banners */
  /* Menu Classes */
  /* Utility Classes*/
  /* Sticky Elements */
  /* Accordion */
  /* Notifications */
  /* Vendors */
  /* Filetype */
  /* Connections */
  /* Animation Classes */
  /* Switch On Toggle */
  /* Switch Off Toggle */
  /* Spin In */
  /* Bounce In */
  /* Bounce Out */
  /* Spin Out */
  /* Pulse */
  /* Fade In */
  /* Fade Out */
  /* Fade In Up */
  /* Fade In Down */
  /* Fade Out Down */
  /* Fade Out Up */
  /* Bounce Out Down */
  /* Bounce out Up */
  /* Bounce Out Down */
  /* Bounce In Down */
  /* Small Screen */
  /* Medium Screen */
  /* Large Screen */ }
  .rad *, .rad ::before, .rad ::after {
    box-sizing: border-box;
    word-wrap: break-word; }
  .rad svg {
    max-height: 100%; }
  .rad .mobile .table-view > * {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .rad .mobile *:not(input):not(textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent; }
  .rad .mobile input, .rad .mobile input[type="text"], .rad .mobile input[type="password"], .rad .mobile input[type="date"], .rad .mobile input[type="datetime"], .rad .mobile input[type="datetime-local"], .rad .mobile input[type="month"], .rad .mobile input[type="week"], .rad .mobile input[type="email"], .rad .mobile input[type="number"], .rad .mobile input[type="search"], .rad .mobile input[type="tel"], .rad .mobile input[type="time"], .rad .mobile input[type="url"], .rad .mobile input[type="color"], .rad .mobile textarea {
    font-size: 14px;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased; }
  .rad .mobile input, .rad .mobile input[type="text"], .rad .mobile input[type="password"], .rad .mobile input[type="date"], .rad .mobile input[type="datetime"], .rad .mobile input[type="datetime-local"], .rad .mobile input[type="month"], .rad .mobile input[type="week"], .rad .mobile input[type="email"], .rad .mobile input[type="number"], .rad .mobile input[type="search"], .rad .mobile input[type="tel"], .rad .mobile input[type="time"], .rad .mobile input[type="url"], .rad .mobile input[type="color"] {
    padding: 0px; }
  .rad .mobile input[type="text"].inline {
    float: left;
    height: 44px;
    padding-right: 80px;
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    color: white; }
  .rad .mobile input[type="submit"].inline {
    margin-left: -60px;
    width: 60px;
    height: 44px;
    border: none;
    float: left; }
  .rad .mobile input.inline::-webkit-input-placeholder {
    color: white;
    text-align: center; }
  .rad .mobile input[type="submit"].inline::after {
    clear: both; }
  .rad .mobile a, .rad .mobile a:link, .rad .mobile a:active, .rad .mobile a:hover, .rad .mobile a:visited {
    color: inherit;
    text-decoration: none; }
  .rad .mobile .slider-toggle {
    box-shadow: none;
    background: none;
    top: -20px;
    padding: 20px; }
  .rad .mobile .slider.large .slider-toggle {
    width: 90px;
    height: 90px; }
  .rad .mobile .slider.medium .slider-toggle {
    width: 70px;
    height: 70px; }
  .rad .mobile .slider.small .slider-toggle {
    width: 55px;
    height: 55px; }
  .rad .mobile .slider-button {
    background-color: #33add6;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    border-radius: 50%; }
  .rad body, .rad html {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    color: #222222; }
  .rad h1, .rad h2, .rad h3, .rad h4, .rad h5, .rad h6 {
    font-weight: 200; }
  .rad h1 {
    font-size: 48px; }
  .rad h2 {
    font-size: 30px; }
  .rad h3 {
    font-size: 20px; }
  .rad h4 {
    font-size: 16px; }
  .rad h5 {
    font-size: 13px; }
  .rad h6 {
    font-size: 11px; }
  .rad h7 {
    font-size: 9px; }
  .rad p {
    font-size: 14px; }
  .rad a, .rad a:link, .rad a:active, .rad a:hover, .rad a:visited {
    color: #33add6;
    cursor: pointer;
    text-decoration: none; }
  .rad hr {
    margin-top: 40px;
    margin-bottom: 40px; }
  .rad .subheading {
    opacity: .5; }
  .rad .thin {
    font-weight: 100;
    letter-spacing: 1px; }
  .rad .black {
    color: #000;
    fill: #000; }
  .rad .blue {
    color: #33add6;
    fill: #33add6; }
  .rad .yellow {
    color: #edd341;
    fill: #edd341; }
  .rad .white {
    color: #ffffff;
    fill: #ffffff; }
  .rad .light-grey {
    color: #f9f9f9;
    fill: #f9f9f9; }
  .rad .grey {
    color: #999999;
    fill: #999999; }
  .rad .medium-grey {
    color: #666666;
    fill: #666666; }
  .rad .dark-grey {
    color: #222222;
    fill: #222222; }
  .rad .red {
    color: #ef4f4c;
    fill: #ef4f4c; }
  .rad .green {
    color: #99cc33;
    fill: #99cc33; }
  .rad .blue-background {
    background-color: #33add6;
    color: #ffffff;
    fill: #ffffff; }
  .rad .yellow-background {
    background-color: #edd341;
    fill: #222222; }
  .rad .white-background {
    background-color: #ffffff;
    fill: #222222; }
  .rad .light-grey-background {
    background-color: #f9f9f9;
    fill: #f9f9f9; }
  .rad .grey-background {
    background-color: #999999;
    fill: #222222; }
  .rad .dark-grey-background {
    background-color: #222222;
    color: #ffffff;
    fill: #ffffff; }
  .rad .red-background {
    background-color: #ef4f4c;
    color: #ffffff;
    fill: #ffffff; }
  .rad .green-background {
    background-color: #99cc33;
    color: #ffffff;
    fill: #ffffff; }
  .rad .feed-background {
    background-color: #dddddd; }
  .rad img {
    vertical-align: middle; }
  .rad .circled-image {
    border-radius: 50%; }
  .rad .shadowed-image {
    -webkit-box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.25); }
  .rad .bordered-image {
    border: 4px solid rgba(0, 0, 0, 0.075); }
  .rad .row .row::before, .rad .row .row::after {
    content: ' ';
    display: table; }
  .rad .row::before, .rad .row::after {
    content: ' ';
    display: table; }
  .rad .row .row::after {
    clear: both; }
  .rad .row .row::before, .rad .row .row::after {
    content: ' ';
    display: table; }
  .rad .row::after {
    clear: both; }
  .rad .row::before, .rad .row::after {
    content: ' ';
    display: table; }
  .rad .column, .rad .columns {
    width: 100%;
    float: left;
    padding: 20px; }
  .rad .front {
    float: left; }
  .rad .end {
    float: right; }
  .rad .relative {
    position: relative; }
  .rad .absolute {
    position: absolute; }
  .rad .full-height {
    height: 100%; }
  .rad .top-0 {
    top: 0; }
  .rad .v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
  .rad .left-0 {
    left: 0%; }
  .rad .left-1 {
    left: 8.33333%; }
  .rad .left-2 {
    left: 16.66667%; }
  .rad .left-3 {
    left: 25%; }
  .rad .left-4 {
    left: 33.33333%; }
  .rad .left-5 {
    left: 41.66667%; }
  .rad .left-6 {
    left: 50%; }
  .rad .left-7 {
    left: 58.33333%; }
  .rad .left-8 {
    left: 66.66667%; }
  .rad .left-9 {
    left: 75%; }
  .rad .left-10 {
    left: 83.33333%; }
  .rad .left-11 {
    left: 91.66667%; }
  .rad .left-12 {
    left: 100%; }
  .rad .margin-left-0 {
    margin-left: 0% !important; }
  .rad .margin-left-1 {
    margin-left: 8.33333% !important; }
  .rad .margin-left-2 {
    margin-left: 16.66667% !important; }
  .rad .margin-left-3 {
    margin-left: 25% !important; }
  .rad .margin-left-4 {
    margin-left: 33.33333% !important; }
  .rad .margin-left-5 {
    margin-left: 41.66667% !important; }
  .rad .margin-left-6 {
    margin-left: 50% !important; }
  .rad .margin-left-7 {
    margin-left: 58.33333% !important; }
  .rad .margin-left-8 {
    margin-left: 66.66667% !important; }
  .rad .margin-left-9 {
    margin-left: 75% !important; }
  .rad .margin-left-10 {
    margin-left: 83.33333% !important; }
  .rad .margin-left-11 {
    margin-left: 91.66667% !important; }
  .rad .margin-left-12 {
    margin-left: 100% !important; }
  .rad .card {
    background-color: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); }
  .rad .card .hero {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-background-position: center;
    -moz-background-position: center;
    -ms-background-position: center;
    background-position: center; }
  .rad .card .svg.half-width {
    height: 25px;
    width: 25px;
    margin-top: 12.5px; }
  .rad .card .hero img {
    height: 100%;
    width: auto; }
  .rad .card .hero.large {
    height: 300px;
    padding: 0px; }
  .rad .card .hero.medium {
    height: 200px;
    padding: 0px; }
  .rad .card .hero.small {
    height: 100px;
    padding: 0px; }
  .rad .card .card-meta {
    font-size: 12px;
    opacity: .75;
    margin-top: 10px;
    padding: 5px; }
  .rad .card a {
    text-decoration: none; }
  .rad .card .profile {
    margin-top: -35px;
    z-index: 100;
    position: relative;
    border: 4px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    border-radius: 50%; }
  .rad .card-extra {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    padding-top: 5px; }
  .rad .card-extra .columns, .rad .card-extra .column {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; }
  .rad .card-extra .svg, .rad .card-extra img {
    margin-top: 2px;
    width: 25px;
    height: 25px; }
  .rad .snapback {
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out; }
  .rad .page {
    padding: 40px; }
  .rad .auto-width {
    width: auto; }
  .rad .full-width {
    width: 100%; }
  .rad .three-quarter-width {
    width: 75%; }
  .rad .half-width {
    width: 50%; }
  .rad .circled {
    border-radius: 50%; }
  .rad .icon-10 {
    height: 10px;
    width: 10px; }
  .rad .icon-15 {
    height: 15px;
    width: 15px; }
  .rad .icon-20 {
    height: 20px;
    width: 20px; }
  .rad .icon-25 {
    height: 25px;
    width: 25px; }
  .rad .icon-30 {
    height: 30px;
    width: 30px; }
  .rad .icon-35 {
    height: 35px;
    width: 35px; }
  .rad .icon-40 {
    height: 40px;
    width: 40px; }
  .rad .icon-50 {
    height: 50px;
    width: 50px; }
  .rad .icon-60 {
    height: 60px;
    width: 60px; }
  .rad .icon-70 {
    height: 70px;
    width: 70px; }
  .rad .icon-80 {
    height: 80px;
    width: 80px; }
  .rad .icon-90 {
    height: 90px;
    width: 90px; }
  .rad .icon-100 {
    height: 100px;
    width: 100px; }
  .rad .icon-110 {
    height: 110px;
    width: 110px; }
  .rad .icon-120 {
    height: 120px;
    width: 120px; }
  .rad .line-height-10 {
    line-height: 10px; }
  .rad .line-height-15 {
    line-height: 15px; }
  .rad .line-height-20 {
    line-height: 20px; }
  .rad .line-height-25 {
    line-height: 25px; }
  .rad .line-height-30 {
    line-height: 30px; }
  .rad .line-height-35 {
    line-height: 35px; }
  .rad .line-height-40 {
    line-height: 40px; }
  .rad .lines-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .rad .lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .rad .lines-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .rad .lines-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .rad .lines-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .rad .button, .rad button {
    padding: 20px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    border: 0px;
    text-decoration: none;
    cursor: pointer; }
  .rad .button > a {
    color: inherit;
    text-decoration: none;
    font-weight: 500; }
  .rad button.small, .rad .button.small {
    padding: 10px;
    font-size: 12px;
    font-weight: 500; }
  .rad button.yellow, .rad .button.yellow {
    background-color: #edd341;
    color: #222; }
  .rad button.red, .rad .button.red {
    background-color: #ef4f4c;
    color: #ffffff; }
  .rad button.blue, .rad .button.blue {
    background-color: #33add6;
    color: #ffffff; }
  .rad button.green, .rad .button.green {
    background-color: #99cc33;
    color: #ffffff; }
  .rad button.premium, .rad .button.premium {
    color: #33add6;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .rad .dropdown {
    cursor: pointer; }
  .rad .dropdown .dropdown-content {
    position: absolute; }
  .rad .dropdown .dropdown-content > div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .rad .dropdown .dropdown-content:last-child {
    border-bottom: 0px solid transparent; }
  .rad .label {
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding: 5px 5px; }
  .rad .nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .rad input[type="text"], .rad input[type="password"], .rad input[type="date"], .rad input[type="datetime"], .rad input[type="datetime-local"], .rad input[type="month"], .rad input[type="week"], .rad input[type="email"], .rad input[type="number"], .rad input[type="search"], .rad input[type="tel"], .rad input[type="time"], .rad input[type="url"], .rad input[type="color"], .rad textarea {
    outline: none;
    font-size: 14px;
    background: #ffffff;
    border: none !important;
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 20px;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px transparent !important;
    -moz-box-shadow: inset 0 1px 1px transparent !important;
    -ms-box-shadow: inset 0 1px 1px transparent !important;
    box-shadow: inset 0 1px 1px transparent !important;
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    color: #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-appearance: none; }
  .rad input.button {
    -webkit-appearance: none; }
  .rad textarea {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased; }
  .rad textarea.oneline {
    min-height: 30px;
    height: 30px; }
  .rad textarea.twolines {
    min-height: 60px;
    height: 60px; }
  .rad select {
    -webkit-appearance: none !important;
    background-color: #ffffff;
    border: 0px !important;
    padding: 0.44444rem;
    font-size: 0.77778rem;
    color: 20px;
    line-height: normal;
    border-radius: 0;
    height: 2.05556rem;
    width: 100%;
    border-radius: 4px; }
  .rad .truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rad #modal-background {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0px; }
  .rad #modal-background.active {
    opacity: .98; }
  .rad .modal {
    opacity: 0;
    height: auto;
    max-height: 90%;
    top: 15%;
    width: 500px;
    position: fixed;
    left: 50%;
    margin-left: -250px;
    z-index: -1;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden; }
  .rad .modal-heading {
    padding: 20px; }
  .rad .modal-heading h1, .rad .modal-heading h2, .rad .modal-heading h3, .rad .modal-heading h4 {
    padding: 0px;
    margin: 0px;
    line-height: 1; }
  .rad .modal-content {
    padding: 20px; }
  .rad .modal-close {
    top: 15px;
    right: 20px;
    position: absolute;
    width: 20px;
    height: 20px; }
  .rad .modal-close .svg {
    width: 25px;
    height: 25px; }
  .rad .modal.active {
    opacity: 1;
    z-index: 100; }
  .rad .full-screen {
    position: absolute;
    overflow-y: auto !important;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .rad .switch {
    background-color: #f9f9f9;
    border: 2px solid #f9f9f9;
    -webkit-animation-name: switch-off;
    animation-name: switch-off;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .rad .switch.active {
    background-color: #99cc33;
    border: 2px solid #99cc33;
    -webkit-animation-name: switch-on;
    animation-name: switch-on; }
  .rad .switch-toggle {
    border-radius: 50%;
    margin-left: 0px;
    background-color: #ffffff;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); }
  .rad .switch.large {
    height: 80px;
    width: 160px;
    border-radius: 50px;
    padding: 2px; }
  .rad .switch.large .switch-toggle {
    height: 72.5px;
    width: 72.5px; }
  .rad .switch.medium {
    height: 40px;
    width: 80px;
    border-radius: 50px;
    padding: 1.5px; }
  .rad .switch.medium .switch-toggle {
    height: 32px;
    width: 32px; }
  .rad .switch.small {
    height: 25px;
    width: 50px;
    border-radius: 50px;
    padding: 1px; }
  .rad .switch.small .switch-toggle {
    height: 19px;
    width: 19px; }
  .rad .switch.large.active .switch-toggle {
    margin-left: 78px; }
  .rad .switch.medium.active .switch-toggle {
    margin-left: 39px; }
  .rad .switch.small.active .switch-toggle {
    margin-left: 24px; }
  .rad .checkmark {
    border-radius: 50%;
    background-color: #ddd; }
  .rad .checkmark-toggle {
    border-radius: 50%;
    background-color: #99cc33;
    padding: 5px;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: spin-out;
    animation-name: spin-out;
    display: none; }
  .rad .checkmark.active .checkmark-toggle {
    -webkit-animation-name: spin-in;
    animation-name: spin-in;
    display: block; }
  .rad .checkmark.large, .rad .checkmark.large .checkmark-toggle {
    height: 75px;
    width: 75px; }
  .rad .checkmark.large .svg {
    height: 65px;
    width: 65px; }
  .rad .checkmark.medium, .rad .checkmark.medium .checkmark-toggle {
    height: 50px;
    width: 50px; }
  .rad .checkmark.medium .svg {
    height: 40px;
    width: 40px; }
  .rad .checkmark.small, .rad .checkmark.small .checkmark-toggle {
    height: 25px;
    width: 25px; }
  .rad .checkmark.small .checkmark-toggle {
    padding: 2px; }
  .rad .checkmark.small .svg {
    height: 21px;
    width: 21px; }
  .rad .checkmark.tiny, .rad .checkmark.tiny .checkmark-toggle {
    height: 18px;
    width: 18px; }
  .rad .checkmark.tiny .checkmark-toggle {
    padding: 1px; }
  .rad .checkmark.tiny .svg {
    height: 16px;
    width: 16px; }
  .rad .slider {
    position: relative; }
  .rad .slider-back {
    opacity: .5;
    width: 100%;
    position: absolute;
    border-radius: 5px; }
  .rad .slider-toggle {
    top: 0px;
    position: absolute;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    border-radius: 50%; }
  .rad .slider.large {
    height: 50px; }
  .rad .slider.large .slider-back {
    height: 10px;
    top: 20px; }
  .rad .slider.large .slider-toggle {
    height: 50px;
    width: 50px; }
  .rad .slider.medium {
    height: 30px; }
  .rad .slider.medium .slider-back {
    height: 5px;
    top: 12.5px; }
  .rad .slider.medium .slider-toggle {
    height: 30px;
    width: 30px; }
  .rad .slider.small {
    height: 15px; }
  .rad .slider.small .slider-back {
    height: 2.5px;
    top: 6.25px; }
  .rad .slider.small .slider-toggle {
    height: 15px;
    width: 15px; }
  .rad .radio {
    border-radius: 50%;
    background-color: #f9f9f9; }
  .rad .radio-toggle {
    border-radius: 50%;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce-out;
    animation-name: bounce-out;
    opacity: 0;
    position: absolute; }
  .rad .radio-back {
    border-radius: 50%;
    position: absolute; }
  .rad .radio.active .radio-toggle {
    -webkit-animation-name: bounce-in;
    animation-name: bounce-in;
    opacity: 1;
    border: 3px solid rgba(0, 0, 0, 0.1); }
  .rad .radio.large, .rad .radio.large .radio-toggle, .rad .radio.large .radio-back {
    height: 75px;
    width: 75px; }
  .rad .radio.medium, .rad .radio.medium .radio-toggle, .rad .radio.medium .radio-back {
    height: 30px;
    width: 30px; }
  .rad .radio.small, .rad .radio.small .radio-toggle, .rad .radio.small .radio-back {
    height: 15px;
    width: 15px; }
  .rad .table-view .icon, .rad .table-view .action, .rad .table-view .text {
    float: left; }
  .rad .table-view.single .icon, .rad .table-view.single .action {
    width: 10%;
    text-align: center; }
  .rad .table-view.single .text {
    height: 40px;
    width: 80%;
    padding-top: 10px; }
  .rad .table-view.single .icon .svg, .rad .table-view.single .action .svg, .rad .table-view.single .icon div, .rad .table-view.single .icon img, .rad .table-view.single .action div, .rad .table-view.single .action img {
    margin-top: 8px;
    margin-bottom: 5px;
    height: 30px;
    width: 30px; }
  .rad .table-view.double .icon, .rad .table-view.double .action {
    width: 20%;
    text-align: center; }
  .rad .table-view.double .text {
    height: 60px;
    width: 60%;
    padding-top: 5px; }
  .rad .table-view.double .primary {
    font-size: 18px; }
  .rad .table-view.double .secondary {
    font-size: 12px; }
  .rad .table-view.double .action .svg, .rad .table-view.double .action div, .rad .table-view.double .action img {
    height: 30px;
    width: 30px;
    margin-top: 10px; }
  .rad .table-view.double .icon .svg, .rad .table-view.double .icon div, .rad .table-view.double .icon img {
    height: 55px;
    width: 55px; }
  .rad .hero {
    background-size: cover;
    text-align: center;
    background-position: center; }
  .rad .hero h1 {
    color: #ffffff; }
  .rad .hero.large {
    padding-top: 300px;
    padding-bottom: 300px; }
  .rad .hero.medium {
    padding-top: 200px;
    padding-bottom: 200px; }
  .rad .hero.small {
    padding-top: 100px;
    padding-bottom: 100px; }
  .rad .blur-container-back {
    position: absolute;
    z-index: 0;
    height: 110%;
    width: 110%;
    top: -5%;
    left: -5%;
    background-size: cover;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px); }
  .rad .blur-container-front {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .rad .blur-container {
    position: relative;
    height: auto;
    overflow: hidden; }
  .rad .banner {
    display: block;
    position: fixed;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    top: -10%;
    height: auto; }
  .rad .banner.active {
    top: 0px; }
  .rad .vertical-navigation {
    padding: 0px; }
  .rad .vertical-navigation .menu-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 10px; }
  .rad .vertical-navigation .menu-item a {
    text-decoration: none; }
  .rad .menu-item {
    padding-top: 10px;
    padding-bottom: 10px; }
  .rad .menu-item.active {
    background-color: #33add6;
    color: #ffffff;
    border-bottom: 0px; }
  .rad .menu-item.active a {
    color: #ffffff; }
  .rad *, .rad *:before, .rad *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .rad .hidden {
    display: none; }
  .rad .invisible {
    visibility: hidden; }
  .rad .disabled {
    pointer-events: none; }
  .rad .always-enabled {
    pointer-events: auto !important; }
  .rad .block {
    display: block; }
  .rad .background-image {
    background-position: center;
    background-size: cover; }
  .rad .global-radius {
    border-radius: 2px; }
  .rad .no-bottom-radius {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .rad .no-top-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .rad .circle {
    border-radius: 50%; }
  .rad .white-border {
    border: 10px solid #ffffff; }
  .rad .bottom-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .rad .top-border {
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .rad .right-border {
    border-right: 1px solid rgba(0, 0, 0, 0.05); }
  .rad .left-border {
    border-left: 1px solid rgba(0, 0, 0, 0.05); }
  .rad .no-border {
    border: none; }
  .rad .shadow {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
  .rad .shadow-dark {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }
  .rad .inner-shadow {
    webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
    moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
    ms-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); }
  .rad .no-shadow {
    box-shadow: none; }
  .rad .centered {
    text-align: center; }
  .rad .right-text {
    text-align: right; }
  .rad .left-text {
    text-align: left; }
  .rad .after-comma:not(:empty):before {
    content: ', '; }
  .rad .after-dash:not(:empty):before {
    content: '- '; }
  .rad .after-colon:not(:empty):before {
    content: ': '; }
  .rad .after-at:not(:empty):before {
    content: 'at '; }
  .rad .after-to:not(:empty):before {
    content: 'to '; }
  .rad .after-since:not(:empty):before {
    content: 'since '; }
  .rad .capitalize {
    text-transform: capitalize; }
  .rad .uppercase {
    text-transform: uppercase; }
  .rad .bordered {
    border: 1px solid #222222; }
  .rad .center-position {
    margin: auto; }
  .rad .no-margin {
    margin: 0px; }
  .rad .margin-bottom {
    margin-bottom: 20px; }
  .rad .margin-top {
    margin-top: 20px; }
  .rad .margin-left {
    margin-left: 20px; }
  .rad .margin-right {
    margin-right: 20px; }
  .rad .half-margin-right {
    margin-right: 10px; }
  .rad .half-margin-left {
    margin-left: 10px; }
  .rad .half-margin-top {
    margin-top: 10px; }
  .rad .half-margin-bottom {
    margin-bottom: 10px; }
  .rad .half-margin {
    margin: 10px; }
  .rad .quarter-margin {
    margin: 5px; }
  .rad .quarter-margin-right {
    margin-right: 5px; }
  .rad .quarter-margin-left {
    margin-left: 5px; }
  .rad .quarter-margin-top {
    margin-top: 5px; }
  .rad .quarter-margin-bottom {
    margin-bottom: 5px; }
  .rad .full-margin {
    margin: 20px; }
  .rad .expand-margin {
    margin: -5px; }
  .rad .large-padding {
    padding: 40px; }
  .rad .medium-padding {
    padding: 20px; }
  .rad .padding-15 {
    padding: 15px; }
  .rad .small-padding {
    padding: 10px; }
  .rad .tiny-padding {
    padding: 5px; }
  .rad .no-padding {
    padding: 0px; }
  .rad .no-left-padding {
    padding-left: 0px; }
  .rad .no-right-padding {
    padding-right: 0px; }
  .rad .no-top-padding {
    padding-top: 0px; }
  .rad .no-bottom-padding {
    padding-bottom: 0px; }
  .rad .max-width-container {
    max-width: 1200px;
    margin: auto; }
  .rad .sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000; }
  .rad .sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  .rad .accordion, .rad .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .rad .accordion {
    width: 100%;
    overflow: hidden; }
  .rad .accordion-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out; }
  .rad .accordion-title a {
    text-decoration: none;
    color: inherit; }
  .rad .accordion-content {
    width: 100%;
    display: none; }
  .rad .accordion-content.active {
    display: block; }
  .rad .notification {
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    padding: 10px;
    position: fixed;
    z-index: 1000; }
  .rad .notification.bottom {
    top: auto;
    bottom: 0px; }
  .rad .notification.rich {
    padding: 0px; }
  .rad .notification.rich img {
    width: 30%;
    float: left; }
  .rad .notification.rich .text {
    width: 70%;
    float: left;
    text-align: left;
    padding: 10px; }
  .rad .vendor-image {
    height: 125px;
    margin: auto; }
  .rad .file-type.doc, .rad .file-type.docx, .rad .file-type.pages, .rad .file-type.att00001 {
    background-color: #2c97de; }
  .rad .file-type.jpg, .rad .file-type.png, .rad .file-type.gif, .rad .file-type.jpeg, .rad .file-type.csv, .rad .file-type.xls, .rad .file-type.xlsx {
    background-color: #1ecd6e; }
  .rad .file-type.mov, .rad .file-type.mp3, .rad .file-type.mp4, .rad .file-type.vcf {
    background-color: #9c56b8; }
  .rad .file-type.pdf, .rad .file-type.numbers, .rad .file-type.ics, .rad .file-type.json {
    background-color: #ea4b35; }
  .rad .file-type.ppt, .rad .file-type.pptx, .rad .file-type.key {
    background-color: #f2c500; }
  .rad .file-type.txt, .rad .file-type.apk, .rad .file-type.ipa, .rad .file-type.zip, .rad .file-type.rtf, .rad .file-type.text {
    background-color: #bdc3c7; }
  .rad .file-type.unknown {
    background-color: #999999; }
  .rad .box-color {
    background-color: #0081C6; }
  .rad .facebook-color {
    background-color: #3b5998; }
  .rad .twitter-color {
    background-color: #00aced; }
  .rad .instagram-color {
    background-color: #517fa4; }
  .rad .linkedin-color {
    background-color: #007bb6; }
  .rad .gmail-color {
    background-color: #ea4e3c; }
  .rad .yahoo-color {
    background-color: #783c7e; }
  .rad .icloud-color {
    background-color: #215ef3; }
  .rad .hotmail-color {
    background-color: #f89a1e; }
  .rad .exchange-color {
    background-color: #f6831d; }
  .rad .imap-color {
    background-color: #00a99d; }
  .rad .dropbox-color {
    background-color: #007ee5; }
  .rad .evernote-color {
    background-color: #5ba525; }
  .rad .salesforce-color {
    background-color: #1e8ad7; }
  .rad .contacts-color {
    background-color: #ce4647; }
  .rad .location-color {
    background-color: #7dba33; }
  .rad .calendar-color {
    background-color: #ddba00; }
  .rad .flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%; }
  .rad .flex .vertical-center {
    align-items: center; }
  .rad .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .rad .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
    animation-iteration-count: infinite; }
  .rad .switch-on {
    -webkit-animation-name: switch-on;
    animation-name: switch-on; }
@-webkit-keyframes switch-on {
  0% {
    background-opacity: 1;
    background-color: #f9f9f9; }
  50% {
    background-opacity: 0;
    background-color: #99cc33; }
  100% {
    background-opacity: 1;
    background-color: #99cc33; } }
@keyframes switch-on {
  0% {
    background-opacity: 1;
    background-color: #f9f9f9; }
  50% {
    background-opacity: 0;
    background-color: #99cc33; }
  100% {
    background-opacity: 1;
    background-color: #99cc33; } }
  .rad .switch-off {
    -webkit-animation-name: switch-off;
    animation-name: switch-off; }
@-webkit-keyframes switch-off {
  0% {
    background-opacity: 1;
    background-color: #99cc33; }
  50% {
    background-opacity: 0;
    background-color: #f9f9f9; }
  100% {
    background-opacity: 1;
    background-color: #f9f9f9; } }
@keyframes switch-off {
  0% {
    background-opacity: 1;
    background-color: #99cc33; }
  50% {
    background-opacity: 0;
    background-color: #f9f9f9; }
  100% {
    background-opacity: 1;
    background-color: #f9f9f9; } }
  .rad .spin-in {
    -webkit-animation-name: spin-in;
    animation-name: spin-in; }
@-webkit-keyframes spin-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75); }
  75% {
    -webkit-transform: scale(1.1, 1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1); } }
@keyframes spin-in {
  0% {
    opacity: 0;
    transform: scale(0.75, 0.75); }
  75% {
    transform: scale(1.1, 1.1); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }
  .rad .bounce-in {
    -webkit-animation-name: bounce-in;
    animation-name: bounce-in; }
@-webkit-keyframes bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75); }
  75% {
    -webkit-transform: scale(1.1, 1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1); } }
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.75, 0.75); }
  75% {
    transform: scale(1.1, 1.1); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }
  .rad .bounce-in {
    -webkit-animation-name: bounce-out;
    animation-name: bounce-out; }
@-webkit-keyframes bounce-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1); }
  25% {
    -webkit-transform: scale(1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75); } }
@keyframes bounce-out {
  0% {
    opacity: 1;
    transform: scale(1, 1); }
  25% {
    transform: scale(1.1, 1.1); }
  100% {
    opacity: 0;
    transform: scale(0.75, 0.75); } }
  .rad .spin-out {
    -webkit-animation-name: spin-out;
    animation-name: spin-out; }
@-webkit-keyframes spin-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1); }
  20% {
    -webkit-transform: scale(1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1); } }
@keyframes spin-out {
  0% {
    opacity: 1;
    transform: scale(1, 1); }
  20% {
    transform: scale(1.1, 1.1); }
  100% {
    opacity: 0;
    transform: scale(0.75, 0.75); } }
  .rad .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    transform: scale3d(1, 1, 1); } }
  .rad .fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in; }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .rad .fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out; }
@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .rad .fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up; }
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
  .rad .fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down; }
@-webkit-keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
  .rad .fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down; }
@-webkit-keyframes fade-out-down {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes fade-out-down {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }
  .rad .fade-out-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up; }
@-webkit-keyframes fade-out-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fade-out-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }
  .rad .bounce-in-up {
    -webkit-animation-name: bounce-in-up;
    animation-name: bounce-in-up; }
@-webkit-keyframes bounce-in-up {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounce-in-up {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
  .rad .bounce-out-up {
    -webkit-animation-name: bounce-out-up;
    animation-name: bounce-out-up; }
@-webkit-keyframes bounce-out-up {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounce-out-up {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  .rad .bounce-out-down {
    -webkit-animation-name: bounce-out-down;
    animation-name: bounce-out-down; }
@-webkit-keyframes bounce-out-down {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounce-out-down {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  .rad .bounce-in-down {
    -webkit-animation-name: bounce-in-down;
    animation-name: bounce-in-down; }
@-webkit-keyframes bounce-in-down {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounce-in-down {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
  @media only screen {
    .rad .show-for-medium-down {
      display: block; }
    .rad .hide-for-medium-down {
      display: none; }
    .rad .show-for-medium-up {
      display: none; }
    .rad .show-for-large {
      display: none; }
    .rad .show-for-medium {
      display: none; }
    .rad .show-for-small {
      display: block; }
    .rad .hide-for-small {
      display: none; }
    .rad .page {
      padding: 20px; }
    .rad .small-1 {
      width: 8.33333%; }
    .rad .small-2 {
      width: 16.66667%; }
    .rad .small-3 {
      width: 25%; }
    .rad .small-4 {
      width: 33.33333%; }
    .rad .small-5 {
      width: 41.66667%; }
    .rad .small-6 {
      width: 50%; }
    .rad .small-7 {
      width: 58.33333%; }
    .rad .small-8 {
      width: 66.66667%; }
    .rad .small-9 {
      width: 75%; }
    .rad .small-10 {
      width: 83.33333%; }
    .rad .small-11 {
      width: 91.66667%; }
    .rad .small-12 {
      width: 100%; }
    .rad .flex .small-1 {
      flex-basis: 8.33333%; }
    .rad .flex .small-2 {
      flex-basis: 16.66667%; }
    .rad .flex .small-3 {
      flex-basis: 25%; }
    .rad .flex .small-4 {
      flex-basis: 33.33333%; }
    .rad .flex .small-5 {
      flex-basis: 41.66667%; }
    .rad .flex .small-6 {
      flex-basis: 50%; }
    .rad .flex .small-7 {
      flex-basis: 58.33333%; }
    .rad .flex .small-8 {
      flex-basis: 66.66667%; }
    .rad .flex .small-9 {
      flex-basis: 75%; }
    .rad .flex .small-10 {
      flex-basis: 83.33333%; }
    .rad .flex .small-11 {
      flex-basis: 91.66667%; }
    .rad .flex .small-12 {
      flex-basis: 100%; } }
  @media only screen and (min-width: 40.063em) {
    .rad .medium-centered {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      float: none !important; }
    .rad .show-for-large {
      display: none; }
    .rad .show-for-small {
      display: none; }
    .rad .show-for-medium {
      display: block; }
    .rad .show-for-medium-down {
      display: block; }
    .rad .hide-for-medium {
      display: none; }
    .rad .hide-for-medium-down {
      display: none; }
    .rad .hide-for-medium-up {
      display: none; }
    .rad .show-for-medium-up {
      display: block; }
    .rad .medium-1 {
      width: 8.33333%; }
    .rad .medium-2 {
      width: 16.66667%; }
    .rad .medium-3 {
      width: 25%; }
    .rad .medium-4 {
      width: 33.33333%; }
    .rad .medium-5 {
      width: 41.66667%; }
    .rad .medium-6 {
      width: 50%; }
    .rad .medium-7 {
      width: 58.33333%; }
    .rad .medium-8 {
      width: 66.66667%; }
    .rad .medium-9 {
      width: 75%; }
    .rad .medium-10 {
      width: 83.33333%; }
    .rad .medium-11 {
      width: 91.66667%; }
    .rad .medium-12 {
      width: 100%; }
    .rad .flex .medium-1 {
      flex-basis: 8.33333%; }
    .rad .flex .medium-2 {
      flex-basis: 16.66667%; }
    .rad .flex .medium-3 {
      flex-basis: 25%; }
    .rad .flex .medium-4 {
      flex-basis: 33.33333%; }
    .rad .flex .medium-5 {
      flex-basis: 41.66667%; }
    .rad .flex .medium-6 {
      flex-basis: 50%; }
    .rad .flex .medium-7 {
      flex-basis: 58.33333%; }
    .rad .flex .medium-8 {
      flex-basis: 66.66667%; }
    .rad .flex .medium-9 {
      flex-basis: 75%; }
    .rad .flex .medium-10 {
      flex-basis: 83.33333%; }
    .rad .flex .medium-11 {
      flex-basis: 91.66667%; }
    .rad .flex .medium-12 {
      flex-basis: 100%; } }
  @media only screen and (min-width: 1280px) {
    .rad .notification.rich {
      max-width: 500px;
      right: 20px;
      top: 20px;
      left: auto;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }
    .rad .large-centered {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      float: none !important; }
    .rad .show-for-small {
      display: none; }
    .rad .show-for-medium {
      display: none; }
    .rad .show-for-medium-down {
      display: none; }
    .rad .show-for-medium-up {
      display: block; }
    .rad .hide-for-medium-up {
      display: none; }
    .rad .show-for-large {
      display: block; }
    .rad .hide-for-large {
      display: none; }
    .rad .large-1 {
      width: 8.33333%; }
    .rad .large-2 {
      width: 16.66667%; }
    .rad .large-3 {
      width: 25%; }
    .rad .large-4 {
      width: 33.33333%; }
    .rad .large-5 {
      width: 41.66667%; }
    .rad .large-6 {
      width: 50%; }
    .rad .large-7 {
      width: 58.33333%; }
    .rad .large-8 {
      width: 66.66667%; }
    .rad .large-9 {
      width: 75%; }
    .rad .large-10 {
      width: 83.33333%; }
    .rad .large-11 {
      width: 91.66667%; }
    .rad .large-12 {
      width: 100%; }
    .rad .flex .large-1 {
      flex-basis: 8.33333%; }
    .rad .flex .large-2 {
      flex-basis: 16.66667%; }
    .rad .flex .large-3 {
      flex-basis: 25%; }
    .rad .flex .large-4 {
      flex-basis: 33.33333%; }
    .rad .flex .large-5 {
      flex-basis: 41.66667%; }
    .rad .flex .large-6 {
      flex-basis: 50%; }
    .rad .flex .large-7 {
      flex-basis: 58.33333%; }
    .rad .flex .large-8 {
      flex-basis: 66.66667%; }
    .rad .flex .large-9 {
      flex-basis: 75%; }
    .rad .flex .large-10 {
      flex-basis: 83.33333%; }
    .rad .flex .large-11 {
      flex-basis: 91.66667%; }
    .rad .flex .large-12 {
      flex-basis: 100%; } }

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