/* Scss Document */
/* ============== App Global Includes ============ */
/* Breakpoint variables */
/* Global variables */
/* -------------- General ---------------- */
/* Global mixins */
/* ============== Web Fonts Includes ============= */
/* Scss Document */
/* ===================== Font Face files ===================== */
@font-face {
  font-family: 'Montserrat-Light';
  src: url("web-font/montserrat-light.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("web-font/montserrat-regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("web-font/montserrat-bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat-Extra-Bold';
  src: url("web-font/montserrat-extrabold.ttf") format("truetype"); }
/* ======= Base Style and Layout Includes ======== */
/* HTML Elements Base styles */
body {
  color: #000;
  font-family: "Montserrat-Regular";
  margin: 0;
  padding: 0;
  background-color: #fff; }

a {
  color: #d0021b;
  font-weight: 600;
  text-decoration: underline; }
  a:hover {
    color: #000;
    text-decoration: underline; }

h1 {
  color: #fff;
  text-align: left;
  font-family: "Montserrat-Extra-Bold";
  font-size: 61px;
  line-height: 0.71;
  margin: 0 0 20px;
  padding: 0; }
  h1 span {
    font-size: 59px; }

h2 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat-Extra-Bold";
  font-size: 65px;
  margin: 0;
  padding: 70px 0; }

h3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat-Extra-Bold";
  font-size: 45px;
  line-height: 1.13;
  margin: 0;
  padding: 0; }

h5 {
  color: #fff;
  text-align: left;
  font-family: "Montserrat-Extra-Bold";
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  padding: 0 5px; }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 46px; }
    h1 span {
      font-size: 43px; }

  h2 {
    font-size: 30px;
    padding: 36px 0; } }
@media only screen and (max-width: 576px) {
  h1 {
    font-size: 26px;
    line-height: 0.81;
    margin: 0 0 17px; }
    h1 span {
      font-size: 24px; }

  h2 {
    font-size: 26px;
    padding: 30px 0; } }
/* Base Class Styles */
.container {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0; }
  .container .content-container {
    width: 100%;
    max-width: 932px;
    margin: 0 auto;
    padding: 0 7px; }
  .container .terms-content {
    margin: 0;
    padding: 15px 5px; }

#top-bar {
  width: 100%;
  background-color: #000; }
  #top-bar #logo-top-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 212px;
    height: 137px;
    margin: 0;
    padding: 0;
    background-color: #d0021b; }
    #top-bar #logo-top-box #logo-top {
      width: 133px;
      height: auto;
      margin: 0; }

.section-subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  margin: 10px auto 40px;
  padding: 3px 7px; }

.highlight-message {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin: 0;
  padding: 0;
  background-color: #d4322a; }
  .highlight-message p {
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 1.3;
    width: 100%;
    margin: 0;
    padding: 18px 12px; }

.row {
  margin: 0;
  padding: 0; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

.show-sm {
  display: none; }

.show-sm-inline {
  display: none; }

.show-xs {
  display: none; }

.show-xs-inline {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .show-lg {
    display: none; }

  .highlight-message p {
    font-size: 19px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .show-lg {
    display: none; }

  .show-sm {
    display: block; }

  .show-sm-inline {
    display: inline; }

  .hide-sm {
    display: none; }

  #top-bar #logo-top-box {
    width: 180px;
    height: 117px; }
    #top-bar #logo-top-box #logo-top {
      width: 116px; }

  .highlight-message p {
    font-size: 19px; } }
@media only screen and (max-width: 576px) {
  .show-lg {
    display: none; }

  .show-xs {
    display: block; }

  .show-xs-inline {
    display: inline; }

  .hide-xs {
    display: none; }

  #top-bar #logo-top-box {
    width: 130px;
    height: 80px; }
    #top-bar #logo-top-box #logo-top {
      width: 80px; }

  .highlight-message p {
    font-size: 17px; } }
/* =======  Includes ======== */
/* Scss Document */
/* ===================== Hero Section Styles ===================== */
#hero {
  position: relative;
  height: 508px;
  margin: 0;
  padding: 86px 55px 30px;
  background: #000 url("../images/hero-bg.png") no-repeat center top;
  background-size: 1024px 508px; }
  #hero #protect-gear-logo {
    position: absolute;
    top: 70px;
    right: 62px;
    width: 216px;
    height: auto; }
  #hero #hero-subtitle {
    color: #fff;
    font-size: 30px;
    line-height: 1.57;
    width: 450px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #hero {
    padding: 86px 35px 30px; }
    #hero #protect-gear-logo {
      right: 42px;
      width: 216px;
      height: 179px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #hero {
    height: 428px;
    padding: 86px 25px 30px; }
    #hero #protect-gear-logo {
      right: 28px;
      width: 160px; }
    #hero #hero-subtitle {
      font-size: 22px;
      width: 330px; } }
@media only screen and (max-width: 576px) {
  #hero {
    height: 360px;
    padding: 76px 8px 30px; }
    #hero #protect-gear-logo {
      right: 8px;
      width: 100px; }
    #hero #hero-subtitle {
      font-size: 16px;
      width: 200px; } }
/* Scss Document */
/* ===================== FJewelry Section Styles ===================== */
#whats-covered {
  margin: 0;
  padding: 0;
  background-color: #dcddde; }
  #whats-covered .table-title {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin: 0;
    padding: 0;
    border: #757373 1px solid;
    background-color: #000; }
    #whats-covered .table-title p {
      color: #fff;
      font-family: "Montserrat-Bold";
      font-size: 18px;
      line-height: normal;
      margin: 0;
      padding: 5px; }
  #whats-covered .table-title-highlight {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin: 0;
    padding: 0;
    border: #757373 1px solid;
    background-color: #d4322a; }
    #whats-covered .table-title-highlight p {
      color: #fff;
      font-family: "Montserrat-Bold";
      font-size: 18px;
      line-height: normal;
      margin: 0;
      padding: 5px; }
  #whats-covered .table-data {
    display: flex;
    align-items: center;
    min-height: 68px;
    margin: 0;
    padding: 0;
    border: #d4d4d4 1px solid;
    background-color: #f1f1f1; }
    #whats-covered .table-data p {
      color: #000;
      font-family: "Montserrat-Light";
      font-size: 18px;
      line-height: normal;
      margin: 0;
      padding: 3px 0; }
    #whats-covered .table-data img.icon-yes {
      width: 22px;
      height: 25px;
      margin: 0; }
    #whats-covered .table-data img.icon-no {
      width: 23px;
      height: 22px;
      margin: 0; }
  #whats-covered .table-data-highlight {
    display: flex;
    align-items: center;
    min-height: 68px;
    margin: 0;
    padding: 0;
    border: #d4d4d4 1px solid;
    background-color: #cccdce; }
    #whats-covered .table-data-highlight p {
      color: #000;
      font-family: "Montserrat-Light";
      font-size: 18px;
      line-height: normal;
      margin: 0;
      padding: 0; }
    #whats-covered .table-data-highlight img.icon-yes {
      width: 22px;
      height: 25px;
      margin: 0; }
    #whats-covered .table-data-highlight img.icon-no {
      width: 23px;
      height: 22px;
      margin: 0; }
  #whats-covered .table-padding-left {
    padding: 0 12px; }
  #whats-covered .table-justify-center {
    justify-content: center; }
  #whats-covered #how-to-add-coverage {
    min-height: 263px;
    margin: 0;
    padding: 0;
    background: #000 url("../images/how-to-add-bg.png") no-repeat center top;
    background-size: 1024px 265px; }
    #whats-covered #how-to-add-coverage .how-to-add-left {
      min-height: 263px;
      display: flex;
      justify-content: center;
      align-items: center; }
    #whats-covered #how-to-add-coverage .how-to-add-right {
      min-height: 263px;
      display: flex;
      align-items: center; }
      #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item {
        width: 350px;
        max-width: 100%;
        margin: 0;
        padding: 0 0 15px 0; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon {
          text-align: center;
          margin: 0;
          padding: 0; }
          #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon .icon-online {
            width: 51px;
            height: auto;
            margin: 0; }
          #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon .icon-map-pin {
            width: 28px;
            height: auto;
            margin: 0; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-title {
          color: #fff;
          font-family: "Montserrat-Bold";
          font-size: 23px;
          margin: 0;
          padding: 0; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-text {
          color: #b5b5b5;
          font-size: 21px;
          line-height: 1.14;
          margin: 5px 0 0; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info ol {
          margin: 0;
          padding: 0 0 0 27px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #whats-covered #how-to-add-coverage .how-to-add-left h3 {
    font-size: 36px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #whats-covered .table-padding-left {
    padding: 0 7px; }
  #whats-covered #how-to-add-coverage .how-to-add-left h3 {
    font-size: 30px; }
  #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-title {
    font-size: 18px; }
  #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-text {
    font-size: 15px; } }
@media only screen and (max-width: 576px) {
  #whats-covered .table-data p {
    font-size: 15px; }
  #whats-covered .table-justify-center {
    display: none; }
  #whats-covered #how-to-add-coverage .how-to-add-left {
    min-height: 96px; }
    #whats-covered #how-to-add-coverage .how-to-add-left h3 {
      font-size: 27px; }
  #whats-covered #how-to-add-coverage .how-to-add-right {
    justify-content: center;
    min-height: 166px; }
    #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item {
      width: 260px;
      padding: 0 0 5px 10px; }
      #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon {
        text-align: center;
        margin: 0;
        padding: 0; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon .icon-online {
          width: 39px; }
        #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-icon .icon-map-pin {
          width: 21px; }
      #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-title {
        font-size: 17px; }
      #whats-covered #how-to-add-coverage .how-to-add-right .how-to-add-item .how-to-add-info .how-to-add-text {
        font-size: 14px; } }
/* Scss Document */
/* ===================== Hero Section Styles ===================== */
#gear {
  margin: 0;
  padding: 0;
  background-color: #dcddde; }
  #gear .gear-grid-container {
    margin: 0 auto; }
  #gear .gear-grid {
    position: relative;
    object-fit: scale-down;
    text-align: center;
    height: auto;
    max-height: 302px;
    margin: 0;
    padding: 0; }
    #gear .gear-grid .gear-text {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      text-align: center;
      font-family: "Montserrat-Extra-Bold";
      font-size: 32px;
      line-height: 0.97;
      text-transform: uppercase;
      width: 100%;
      margin: 0; }
    #gear .gear-grid .gear-image {
      width: 342px;
      max-width: 100%;
      height: auto;
      margin: 0; }
  #gear #did-you-know-container {
    margin: 0;
    padding: 10px;
    background-color: #d4322a; }
    #gear #did-you-know-container .did-you-know {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      object-fit: scale-down;
      height: auto;
      padding: 0;
      background-color: #000; }
      #gear #did-you-know-container .did-you-know h3 {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 65px;
        line-height: 0.9;
        width: 100%; }
      #gear #did-you-know-container .did-you-know .did-you-know-image {
        width: 504px;
        max-width: 100%;
        height: auto;
        margin: 0; }
      #gear #did-you-know-container .did-you-know div {
        padding: 0 10px 0 30px; }
      #gear #did-you-know-container .did-you-know p {
        color: #fff;
        font-size: 49px;
        font-weight: bold; }
      #gear #did-you-know-container .did-you-know ul {
        color: #fff;
        font-size: 21px;
        margin: 0;
        padding: 0 0 0 27px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #gear #did-you-know-container .did-you-know h3 {
    font-size: 50px; }
  #gear #did-you-know-container .did-you-know div {
    padding: 0 7px 0 30px; }
  #gear #did-you-know-container .did-you-know p {
    font-size: 40px; }
  #gear #did-you-know-container .did-you-know ul {
    font-size: 18px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #gear .gear-grid .gear-text {
    font-size: 22px; }
  #gear .gear-grid .gear-image {
    width: 342px; }
  #gear #did-you-know-container .did-you-know {
    padding: 0; }
    #gear #did-you-know-container .did-you-know h3 {
      font-size: 36px; }
    #gear #did-you-know-container .did-you-know div {
      padding: 0 7px 0 20px; }
    #gear #did-you-know-container .did-you-know p {
      font-size: 28px;
      margin: 0 0 7px 0; }
    #gear #did-you-know-container .did-you-know ul {
      font-size: 15px; } }
@media only screen and (max-width: 576px) {
  #gear .gear-grid .gear-text {
    font-size: 22px; }
  #gear .gear-grid .gear-image {
    width: 342px; }
  #gear #did-you-know-container .did-you-know {
    padding: 0 0 25px; }
    #gear #did-you-know-container .did-you-know h3 {
      font-size: 31px; }
    #gear #did-you-know-container .did-you-know .did-you-know-image {
      width: 584px; }
    #gear #did-you-know-container .did-you-know div {
      padding: 0 7px 0 10px; }
    #gear #did-you-know-container .did-you-know p {
      font-size: 21px;
      margin: 0 0 7px 0; }
    #gear #did-you-know-container .did-you-know ul {
      font-size: 14px; } }
/* Scss Document */
/* ===================== Footer Section Styles ===================== */
#file-claim {
  margin: 0;
  padding: 0;
  background-color: #dcddde; }
  #file-claim #file-claim-content-container {
    position: relative;
    background-color: #000; }
    #file-claim #file-claim-content-container .version-label {
      position: absolute;
      right: 10px;
      bottom: 10px;
      color: #898989;
      font-size: 15px; }
    #file-claim #file-claim-content-container #file-claim-content {
      text-align: center;
      color: #fff;
      max-width: 705px;
      margin: 0 auto;
      padding: 100px 0 45px 0; }
      #file-claim #file-claim-content-container #file-claim-content .file-claim-image {
        text-align: left; }
        #file-claim #file-claim-content-container #file-claim-content .file-claim-image #protect-your-gear {
          width: 216px;
          max-width: 100%;
          height: auto;
          margin: 0; }
      #file-claim #file-claim-content-container #file-claim-content .file-claim-text {
        text-align: left;
        padding: 20px 0 0 0; }
        #file-claim #file-claim-content-container #file-claim-content .file-claim-text h3 {
          text-align: left;
          text-transform: none; }
      #file-claim #file-claim-content-container #file-claim-content p {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 30px 0; }
      #file-claim #file-claim-content-container #file-claim-content #contact-info {
        padding: 20px 0 0 0; }
      #file-claim #file-claim-content-container #file-claim-content #asurion-ratings {
        width: 248px;
        max-width: 100%;
        height: auto;
        margin: 15px 0 0 0; }
      #file-claim #file-claim-content-container #file-claim-content a {
        color: #fff;
        text-decoration: none; }
        #file-claim #file-claim-content-container #file-claim-content a:hover {
          color: #d0021b; }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #file-claim #file-claim-content-container .version-label {
    font-size: 13px; }
  #file-claim #file-claim-content-container #file-claim-content {
    max-width: 546px; }
    #file-claim #file-claim-content-container #file-claim-content .file-claim-image #protect-your-gear {
      width: 164px; }
    #file-claim #file-claim-content-container #file-claim-content .file-claim-text h3 {
      font-size: 34px; }
    #file-claim #file-claim-content-container #file-claim-content p {
      font-size: 18px; } }
@media only screen and (max-width: 576px) {
  #file-claim #file-claim-content-container .version-label {
    font-size: 12px; }
  #file-claim #file-claim-content-container #file-claim-content {
    max-width: 260px;
    padding: 60px 10px 45px 10px; }
    #file-claim #file-claim-content-container #file-claim-content .file-claim-image {
      text-align: center; }
      #file-claim #file-claim-content-container #file-claim-content .file-claim-image #protect-your-gear {
        width: 164px; }
    #file-claim #file-claim-content-container #file-claim-content .file-claim-text {
      text-align: center;
      padding: 35px 0 0 0; }
      #file-claim #file-claim-content-container #file-claim-content .file-claim-text h3 {
        text-align: center;
        font-size: 31px; }
    #file-claim #file-claim-content-container #file-claim-content p {
      font-size: 16px; }
    #file-claim #file-claim-content-container #file-claim-content #asurion-ratings {
      width: 196px; } }
/* Scss Document */
/* ===================== Footer Section Styles ===================== */
#plan-terms {
  margin: 0;
  padding: 30px 15px; }
  #plan-terms p.terms-title {
    text-align: center;
    font-family: "Montserrat-Bold";
    font-size: 28px;
    line-height: 1.20;
    margin: 0 0 20px;
    padding: 0; }
  #plan-terms p.nav-link {
    text-align: center;
    font-size: 16px;
    padding: 0; }
  #plan-terms p.box-text {
    margin: 0 0 5px;
    padding: 7px;
    border: #000 1px solid; }

@media only screen and (max-width: 576px) {
  #plan-terms {
    padding: 30px 7px; }
    #plan-terms p.terms-title {
      font-size: 20px; } }
/* Scss Document */
/* ===================== Footer Section Styles ===================== */
footer {
  margin: 0;
  padding: 55px 0;
  background-color: #dcddde; }
  footer p {
    color: #7a7a7a;
    text-align: center;
    font-size: 18px;
    margin: 0;
    padding: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer {
    padding: 55px 10px 85px; }
    footer p {
      font-size: 16px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  footer {
    padding: 55px 10px 85px; }
    footer p {
      font-size: 16px; } }
@media only screen and (max-width: 576px) {
  footer {
    padding: 55px 10px 85px; }
    footer p {
      font-size: 14px; } }