@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:900|Open+Sans:400,700|Open+Sans:400,700&display=swap");
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #eaf2f3;
          box-shadow: inset 0 0 5px #eaf2f3;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #64c6ec;
  border-radius: 10px;
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #eaf2f3;
  overflow-x: hidden;
  overflow-y: visible;
}

p {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.quote-btn {
  padding: .4rem;
  width: 40%;
  background-color: #64c6ec;
  border: 1px solid #266c87;
  font-size: 1.1rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin-bottom: .5rem;
  cursor: pointer;
  border-radius: 5px;
}

.quote-btn:hover {
  background-color: #266c87;
  border-radius: 5px;
  color: #eaf2f3;
  border: 1px solid #000;
}

.header-top {
  background-color: #eaf2f3;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5rem 0;
}

.header-top-logo {
  width: 230px;
  height: 83.1px;
}

.header-top-logo-cir {
  display: inline-block;
  height: 83.1px;
  width: 82.5px;
  margin-right: .5rem;
}

.header-top-desk-nav {
  display: none;
}

.header-top .fa-phone {
  font-size: 1rem;
}

.header-menu {
  background-color: #266c87;
  position: fixed;
  top: 103.09px;
  width: 100%;
  z-index: 6;
  height: 40px;
  padding: 0 1rem;
  -webkit-transition: top .8s, -webkit-box-shadow 1s;
  transition: top .8s, -webkit-box-shadow 1s;
  transition: box-shadow 1s, top .8s;
  transition: box-shadow 1s, top .8s, -webkit-box-shadow 1s;
  -webkit-box-shadow: 0 1px 10px 0 #000;
          box-shadow: 0 1px 10px 0 #000;
}

.header-menu-width-mob {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-menu.active {
  z-index: 7;
}

.header-menu-page {
  color: #eaf2f3;
  position: absolute;
  left: 2rem;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  line-height: 20px;
}

.header-menu-menu {
  color: #eaf2f3;
  position: absolute;
  left: 2rem;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  line-height: 20px;
}

.header-menu-width-desk {
  display: none;
}

.header-menu .fa-bars {
  position: absolute;
  line-height: 40px;
  right: 2rem;
  font-size: 1.3rem;
  color: #eaf2f3;
  cursor: pointer;
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
}

.header-menu .fa-times {
  font-size: 1.5rem;
  color: #eaf2f3;
  position: absolute;
  right: 2rem;
  -webkit-transform: translateX(500px);
          transform: translateX(500px);
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}

.header-menu .fa-times.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mobile-menu {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c8e8ec), to(#eaf2f3));
  background-image: linear-gradient(180deg, #c8e8ec, #eaf2f3);
  width: 100vw;
  -webkit-transform: translateX(1100px);
          transform: translateX(1100px);
  -webkit-transition: all .5s;
  transition: all .5s;
  position: fixed;
  top: 143.09px;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 5;
}

.mobile-menu-nav {
  padding: 1rem 1rem 0 2rem;
}

.mobile-menu-nav h4 {
  margin-bottom: .8rem;
}

.mobile-menu-nav h4 a {
  color: #266c87;
}

.mobile-menu-icons {
  padding-left: 2rem;
  margin: 1.5rem 0 1rem;
}

.mobile-menu-icons i {
  font-size: 1.6rem;
  margin-right: .8rem;
  cursor: pointer;
  color: #266c87;
}

.mobile-menu-icons i:hover {
  color: #eaf2f3;
}

.mobile-menu-contact {
  background-color: #266c87;
  padding: .8rem 0;
  text-align: center;
}

.mobile-menu-contact hr {
  width: 50%;
  margin: 0 auto .5rem;
  border: 1px solid #64c6ec;
}

.mobile-menu-contact .phone {
  margin-bottom: .5rem;
}

.mobile-menu-contact p {
  font-weight: bold;
  color: #eaf2f3;
}

.mobile-menu-logo {
  width: 200px;
  height: 201.5px;
  display: block;
  margin: 1rem auto;
}

.mobile-menu.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 323px) {
  .header-top-logo {
    font-size: 1.2rem;
  }
  .header-top-logo-cir {
    display: none;
  }
  .mobile-menu-contact {
    padding: .8rem;
  }
}

@media screen and (min-width: 760px) {
  .header-top {
    padding: .5rem 4rem;
  }
  .header-menu {
    padding: 0;
  }
  .header-menu-width-mob {
    width: 640px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-menu-menu {
    font-size: 1.3rem;
    left: 0;
    line-height: 23px;
  }
  .header-menu-page {
    font-size: 1.3rem;
    left: 0;
    line-height: 23px;
  }
  .header-menu .fa-times {
    font-size: 1.6rem !important;
    right: 0;
  }
  .header-menu .fa-bars {
    right: 0;
    font-size: 1.4rem !important;
  }
  .mobile-menu-nav {
    padding: 1rem 4rem 1rem;
  }
  .mobile-menu-nav h4 {
    margin-bottom: 1rem;
  }
  .mobile-menu-nav h4 a {
    font-size: 1.2rem;
  }
  .mobile-menu-icons {
    padding-left: 4rem;
    margin: 0 0 2rem;
  }
  .mobile-menu-icons i {
    font-size: 2rem;
    margin-right: 1rem;
  }
}

@media screen and (min-width: 1000px) {
  .header-top {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: .5rem 0;
  }
  .header-top-width {
    width: 832px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
  .header-top-desk-nav {
    display: block;
  }
  .header-top-desk-nav li {
    display: inline-block;
    cursor: pointer;
  }
  .header-top-desk-nav li a {
    padding: 4rem 1rem;
    color: #266c87;
    font-size: 1.2rem;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .header-top-desk-nav li a.active {
    color: #fff;
    background-color: #266c87;
    -webkit-box-shadow: inset 0 0 3px 0 #000;
            box-shadow: inset 0 0 3px 0 #000;
  }
  .header-top-desk-nav li a:hover {
    color: #fff;
    background-color: #266c87;
    -webkit-box-shadow: inset 0 0 3px 0 #000;
            box-shadow: inset 0 0 3px 0 #000;
  }
  .header-menu-page {
    display: none;
  }
  .header-menu-width-mob {
    display: none;
  }
  .header-menu-width-desk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #eaf2f3;
    width: 750px;
    height: 100%;
    margin: 0 auto;
  }
  .header-menu-width-desk h2 {
    font-size: 1.1rem;
  }
  .header-menu-icons i {
    padding: 0 .7rem;
    font-size: 1.3rem;
    cursor: pointer;
    color: #eaf2f3;
  }
  .header-menu-icons i:hover {
    color: #000;
  }
  .header-menu .fa-bars {
    display: none;
  }
  .header-menu .fa-times {
    display: none;
  }
  .mobile-menu {
    display: none;
  }
}

@media screen and (min-width: 1350px) {
  .header-top {
    padding: .5rem 0;
  }
  .header-top-width {
    width: 1124px;
  }
  .header-top li a {
    padding: 4rem 1.5rem;
  }
  .header-menu-width-desk {
    width: 975px;
  }
}

.page-wrap {
  width: 100%;
}

.hero-section {
  margin-top: 143.09px;
  height: 263px;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
  position: relative;
}

.hero-section-slide {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  row-gap: .5rem;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.hero-section-slide.current {
  opacity: 1;
  z-index: 2;
}

.hero-section-slide-q {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: .3rem;
}

.hero-section-slide-q h4 {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

.hero-section-slide-l .quote-btn {
  color: #000;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 70%;
}

.hero-section-slide-l .quote-btn:hover {
  color: #eaf2f3;
}

.plan-section {
  padding: 1rem;
  text-align: center;
}

.plan-section .quote-btn {
  display: inline-block;
  margin-top: 2rem;
  width: 40%;
  color: #000;
}

.plan-section .quote-btn:hover {
  color: #eaf2f3;
}

.plan-section-plans {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: .8rem;
}

.plan-section-plan {
  -webkit-box-shadow: 0 0 7px 0 #000, inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 7px 0 #000, inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #266c87;
  outline: 0;
  width: 100%;
}

.plan-section-plan h1 {
  font-size: 1.2rem;
  background-color: #c8e8ec;
  padding: .3rem .5rem;
  border-radius: 5px;
  color: #266c87;
  -webkit-box-shadow: 0 0 10px 0 #000;
          box-shadow: 0 0 10px 0 #000;
}

.plan-section .pcomm {
  background: url(../img/commercial.jpg) no-repeat center center/cover;
}

.plan-section .phome {
  background: url(../img/home.jpg) no-repeat center center/cover;
}

.plan-section .pauto {
  background: url(../img/auto.jpg) no-repeat center center/cover;
}

.plan-section .plife {
  background: url(../img/life.jpg) no-repeat center center/cover;
}

.plan-section .pfarm {
  background: url(../img/farm.jpg) no-repeat center center/cover;
}

.plan-section .phealth {
  background: url(../img/health.jpg) no-repeat center center/cover;
}

.contact-section {
  padding: 1rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-section p {
  margin-bottom: 1rem;
}

.contact-section-phone {
  background-color: #2e87aa;
  width: 60%;
  padding: .3rem 0;
  color: #eaf2f3;
  margin: 0 auto;
}

.hero-section-slide:first-child {
  background: url(../img/flood.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

.hero-section-slide:nth-child(2) {
  background: url(../img/treecar.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

.hero-section-slide:nth-child(3) {
  background: url(../img/tornado.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

.hero-section-slide:nth-child(4) {
  background: url(../img/fire.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

.hero-section-slide:nth-child(5) {
  background: url(../img/hurricane.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

.hero-section-slide:nth-child(6) {
  background: url(../img/treehouse.jpg) no-repeat center center/cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 323px) {
  .plan-section h2 {
    font-size: 1.3rem;
  }
  .plan-section-plan h1 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 760px) {
  .page-wrap {
    width: 640px;
    margin: 0 auto;
  }
  .hero-section {
    height: 315px;
  }
  .hero-section-slide {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .hero-section-slide-l .quote-btn {
    width: 60%;
  }
  .plan-section {
    padding: 2rem 0 1rem;
  }
  .plan-section-plans {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
  }
  .plan-section-plan {
    height: 150px;
  }
  .plan-section-plan h1 {
    font-size: 1.4rem;
  }
  .contact-section {
    padding: 1rem 0 2rem;
  }
  .contact-section-width {
    padding: 0 3rem;
  }
  .contact-section-phone {
    width: 50%;
    padding: .4rem 0;
  }
  .contact-section-phone h4 {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1000px) {
  .page-wrap {
    width: 832px;
  }
  .hero-section {
    height: 400px;
  }
  .hero-section-slide {
    padding: 2rem;
  }
  .hero-section-slide-l .quote-btn {
    width: 50%;
  }
  .plan-section {
    padding: 2rem 0;
  }
  .plan-section .quote-btn {
    width: 30%;
  }
  .plan-section-plan {
    height: 175px;
  }
  .plan-section-plan h1 {
    font-size: 1.6rem;
  }
  .contact-section-width {
    padding: 0 3rem;
  }
}

@media screen and (min-width: 1350px) {
  .page-wrap {
    width: 1124px;
  }
  .hero-section {
    width: 1124px;
    height: 400px;
    margin: 143.09px auto 0;
    background-color: #266c87;
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: 0 0 15px 3px #000;
            box-shadow: 0 0 15px 3px #000;
  }
  .hero-section-slide {
    border-radius: 0 0 15px 15px;
  }
  .plan-section {
    padding: 2rem 0 2rem;
  }
  .plan-section .quote-btn {
    width: 20%;
  }
  .plan-section-plans {
    -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    -webkit-column-gap: 1.3rem;
            column-gap: 1.3rem;
  }
  .plan-section-plan {
    height: 150px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 8px 15px 0 #131313, inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 15px 0 #131313, inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  }
  .plan-section-plan:hover {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-box-shadow: 0 16px 15px 0 #131313, inset 0 0 0 2000px rgba(0, 0, 0, 0.1);
            box-shadow: 0 16px 15px 0 #131313, inset 0 0 0 2000px rgba(0, 0, 0, 0.1);
  }
  .plan-section-plan h1 {
    font-size: 1.4rem;
  }
  .contact-section-phone {
    width: 30%;
  }
  .hr-1 {
    display: none;
  }
}

.hr-1 {
  border: 0;
  height: 3px;
  background: #266c87;
  background-image: -webkit-gradient(linear, left top, right top, from(#c8e8ec), color-stop(#266c87), to(#c8e8ec));
  background-image: linear-gradient(to right, #c8e8ec, #266c87, #c8e8ec);
}

.quote-page {
  margin-top: 143.09px;
  background-color: #eaf2f3;
}

.quote-page-intro {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(2, 3, 20, 0.2);
          box-shadow: inset 0 0 0 2000px rgba(2, 3, 20, 0.2);
  padding: .5rem;
  border-bottom: 1px solid #266c87;
}

.quote-page-intro h2 {
  text-align: center;
  margin-bottom: 1rem;
  color: #fff;
}

.quote-page-intro p {
  text-align: center;
  margin-bottom: 1rem;
  color: #266c87;
  background-color: rgba(234, 242, 243, 0.87);
  padding: .5rem;
  border-radius: 10px;
  border: 1px solid #266c87;
  -webkit-box-shadow: 0 0 8px 0 #000;
          box-shadow: 0 0 8px 0 #000;
  font-size: 1rem;
  font-weight: bold;
}

.quote-page form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1rem;
  padding: 1rem;
}

.quote-page form p {
  text-align: center;
}

.quote-page-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.quote-page-section select {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  background-color: #fff;
  border-radius: 3px;
}

.quote-page-section select:focus {
  outline: 3px solid #64c6ec;
}

.quote-page-section input {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  margin-bottom: .8rem;
  background-color: #fff;
  border-radius: 3px;
}

.quote-page-section input:focus {
  outline: 3px solid #64c6ec;
}

.quote-page-section h3 {
  margin-bottom: .3rem;
  font-size: 1.1rem;
  color: #266c87;
}

.quote-page-section label {
  margin-bottom: .2rem;
  font-size: 1.1rem;
}

.quote-page-section textarea {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  background-color: #fff;
  border-radius: 3px;
}

.quote-page-section textarea:focus {
  outline: 3px solid #64c6ec;
}

.form-err {
  margin: -.5rem 0 .8rem !important;
  color: red;
}

@media screen and (max-width: 323px) {
  .quote-page-intro p {
    padding: .3rem;
  }
}

@media screen and (min-width: 760px) {
  .quote-page {
    width: 640px;
    margin: 143.09px auto 0;
  }
  .quote-page-intro {
    padding: 1rem;
    height: 315px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 12px 0px #000, inset 0 0 0 2000px rgba(2, 3, 20, 0.3);
            box-shadow: 0 0 12px 0px #000, inset 0 0 0 2000px rgba(2, 3, 20, 0.3);
    border: 0;
  }
  .quote-page-intro p {
    padding: 1rem;
  }
}

@media screen and (min-width: 1000px) {
  .quote-page {
    width: 832px;
  }
  .quote-page-intro {
    height: 375px;
    padding: 2rem;
  }
}

@media screen and (min-width: 1350px) {
  .quote-page {
    width: 900px;
  }
  .quote-page .quote-btn {
    width: 20%;
  }
}

.review-page {
  margin-top: 143.09px;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1rem;
}

.review-page h2 {
  text-align: center;
  color: #266c87;
}

.review-page-section {
  border: 2px solid #266c87;
  background-color: #c8e8ec;
  padding: 1rem;
}

.review-page-section h3 {
  text-align: center;
  margin-bottom: 1rem;
}

.review-page-section p {
  margin-bottom: .3rem;
  color: #000;
}

.review-page-section p strong {
  color: #266c87;
}

.email-err {
  color: red;
}

@media screen and (min-width: 760px) {
  .review-page {
    padding: 1rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
}

@media screen and (min-width: 1000px) {
  .review-page {
    padding: 1rem 0;
    width: 832px;
  }
  .review-page .quote-btn {
    width: 25%;
  }
}

@media screen and (min-width: 1350px) {
  .review-page {
    padding: 1rem 0;
    width: 900px;
  }
}

.success-page {
  margin-top: 143.09px;
  padding: 1rem;
  text-align: center;
}

.success-page-message {
  background-color: #69be85;
  padding: .5rem;
}

.success-page-message h2 {
  margin-bottom: .5rem;
}

.success-page-link a {
  color: #000;
  display: inline-block;
  margin-top: 1rem;
  width: 70%;
}

@media screen and (min-width: 760px) {
  .success-page {
    padding: 2rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
  .success-page-link a {
    width: 40%;
  }
}

@media screen and (min-width: 1000px) {
  .success-page {
    width: 832px;
  }
  .success-page-link a {
    width: 30%;
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1350px) {
  .success-page {
    width: 1124px;
  }
  .success-page-link a {
    width: 20%;
  }
}

@media screen and (min-width: 760px) {
  p {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 1000px) {
  p {
    font-size: 1.2rem;
  }
}

.plans-page {
  margin-top: 143.09px;
  padding: .5rem 1rem 1rem;
}

.plans-page-intro hr {
  margin-bottom: 1rem;
  border: 1px solid #266c87;
}

.plans-page-intro p.page-title {
  padding: .5rem 0;
  text-align: center;
  color: #266c87;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: bold;
}

.plans-page-intro h4 {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: normal;
}

.plans-page-plans {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: .5rem;
}

.plans-page-plan {
  border: 1px solid #266c87;
}

.plans-page-plan-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #266c87;
  background-color: #c8e8ec;
  padding: .5rem 1rem .5rem .5rem;
  position: relative;
  cursor: pointer;
}

.plans-page-plan-head h1 {
  font-size: 1.5rem;
  color: #266c87;
}

.plans-page-plan-head i {
  font-size: 1.2rem;
  color: #266c87;
}

.plans-page-plan-head .fa-plus {
  opacity: 1;
  position: absolute;
  right: 1rem;
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
  z-index: 2;
}

.plans-page-plan-head .fa-minus {
  opacity: 0;
  position: absolute;
  right: 1rem;
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
  z-index: 1;
}

.plans-page-plan .plan-comm {
  background: url(../img/commercial.jpg) no-repeat center center/cover;
}

.plans-page-plan .plan-home {
  background: url(../img/home.jpg) no-repeat center center/cover;
}

.plans-page-plan .plan-auto {
  background: url(../img/auto.jpg) no-repeat center center/cover;
}

.plans-page-plan .plan-life {
  background: url(../img/life.jpg) no-repeat center center/cover;
}

.plans-page-plan .plan-farm {
  background: url(../img/farm.jpg) no-repeat center center/cover;
}

.plans-page-plan .plan-health {
  background: url(../img/health.jpg) no-repeat center center/cover;
}

.plans-page-plan-body {
  overflow: hidden;
  height: 0;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(2, 3, 20, 0.2);
          box-shadow: inset 0 0 0 2000px rgba(2, 3, 20, 0.2);
}

.plans-page-plan-body p {
  color: #266c87;
  background-color: rgba(234, 242, 243, 0.87);
  margin: 2rem .5rem 0;
  padding: .3rem;
  border-radius: 10px;
  border: 1px solid #266c87;
  -webkit-box-shadow: 0 0 15px 0 #000;
          box-shadow: 0 0 15px 0 #000;
  font-size: 1rem;
  font-weight: bold;
}

.plans-page-plan-body .quote-btn {
  width: 70%;
  margin-top: 1rem;
}

.plans-page-plan-body.active {
  height: 100%;
}

@media screen and (min-width: 760px) {
  .plans-page {
    padding: 1rem 0;
    width: 700px;
    margin: 143.09px auto 0;
  }
  .plans-page-plans {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .plans-page-plan {
    border: 2px solid #266c87;
  }
  .plans-page-plan-head {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: auto;
    border-bottom: 2px solid #266c87;
  }
  .plans-page-plan-head .fa-plus {
    display: none;
  }
  .plans-page-plan-head .fa-minus {
    display: none;
  }
  .plans-page-plan-body {
    height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .plans-page-plan-body p {
    margin: 0 1rem 0;
  }
  .plans-page-plan-body .quote-btn {
    width: 100%;
  }
}

@media screen and (min-width: 1000px) {
  .plans-page {
    width: 900px;
  }
  .plans-page-plan-body {
    height: 400px;
  }
  .plans-page-plan-body p {
    margin: 0 1rem 0;
  }
}

@media screen and (min-width: 1350px) {
  .plans-page {
    width: 1124px;
    padding: 1rem 0;
  }
  .plans-page-plan-body {
    height: 300px;
  }
}

.support-page {
  margin-top: 143.09px;
  padding: .5rem 1rem 1rem;
}

.support-page p.page-title {
  padding: .5rem 0;
  text-align: center;
  color: #266c87;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: bold;
}

.support-page-intro .hr-in {
  border: 1px solid #266c87;
}

.support-page-intro h4 {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: normal;
}

.support-page form .quote-btn {
  margin: .5rem 0 0;
}

.support-page form .support-page-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.support-page form .support-page-section input {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  margin-bottom: .8rem;
  background-color: #fff;
  border-radius: 3px;
}

.support-page form .support-page-section input:focus {
  outline: 3px solid #64c6ec;
}

.support-page form .support-page-section select {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  margin-bottom: .8rem;
  background-color: #fff;
  border-radius: 3px;
}

.support-page form .support-page-section select:focus {
  outline: 3px solid #64c6ec;
}

.support-page form .support-page-section label {
  margin-bottom: .2rem;
  font-size: 1.1rem;
}

.support-page form .support-page-section textarea {
  width: 100%;
  border: 2px solid #2e87aa;
  padding: .5rem;
  background-color: #fff;
  border-radius: 3px;
}

.support-page form .support-page-section textarea:focus {
  outline: 3px solid #64c6ec;
}

@media screen and (min-width: 760px) {
  .support-page {
    padding: 1rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
  .support-page form .quote-btn {
    width: 30%;
  }
}

@media screen and (min-width: 1000px) {
  .support-page {
    padding: 1rem 0;
    width: 832px;
  }
  .support-page form .quote-btn {
    width: 30%;
  }
}

@media screen and (min-width: 1350px) {
  .support-page {
    padding: 1rem 0;
    width: 900px;
  }
  .support-page form .quote-btn {
    margin: 0;
    width: 25%;
  }
  .support-page form .support-page-section textarea {
    margin-bottom: .8rem;
  }
}

.about-page {
  margin-top: 143.09px;
  padding: .5rem 1rem 1rem;
}

.about-page p {
  font-size: 1rem;
}

.about-page hr {
  margin-bottom: 1.5rem;
  border: 1px solid #266c87;
}

.about-page-intro p.page-title {
  padding: .5rem 0;
  text-align: center;
  color: #266c87;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: bold;
}

.about-page-intro p.page-info {
  margin-bottom: 1rem;
  text-align: center;
}

.about-page-people hr {
  margin-top: 1rem;
}

.about-page-person h4 {
  text-align: center;
  color: #266c87;
}

.about-page-person .k2 {
  display: none;
}

.about-page-person p {
  text-align: center;
  margin-bottom: 1rem;
}

.about-page-person img {
  display: block;
  margin: 0 auto 1rem;
  border: 2px solid #266c87;
  -webkit-box-shadow: 0 3px 15px 0 #000;
          box-shadow: 0 3px 15px 0 #000;
  border-radius: 5px;
}

@media screen and (min-width: 760px) {
  .about-page {
    padding: 1rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
}

@media screen and (min-width: 1000px) {
  .about-page {
    padding: 2rem 0;
    width: 900px;
  }
  .about-page-person {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .about-page-person .k1 {
    display: none;
  }
  .about-page-person .k2 {
    display: block;
  }
  .about-page-person-img img {
    width: 225px;
    height: 225px;
  }
  .about-page-person-img h4 {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1350px) {
  .about-page {
    padding: 1rem 0 2rem;
    width: 1124px;
  }
}

.contact-page {
  margin-top: 143.09px;
  padding: 0.5rem 1rem 1rem;
}

.contact-page-intro hr {
  margin-bottom: 1rem;
  border: 1px solid #266c87;
}

.contact-page-intro p.page-title {
  padding: 0.5rem 0;
  text-align: center;
  color: #266c87;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: bold;
}

.contact-page-intro h4 {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: normal;
}

.contact-page h5 {
  text-align: center;
  margin-bottom: 0.2rem;
  color: #266c87;
}

.contact-page-info {
  height: 100%;
  width: 100%;
}

.contact-page-info-more {
  background-color: #266c87;
  padding: 0.8rem 0;
  text-align: center;
  margin-bottom: 1rem;
  border: 1px solid #000;
}

.contact-page-info-more hr {
  width: 50%;
  margin: 0 auto 0.5rem;
  border: 1px solid #64c6ec;
}

.contact-page-info-more .phone {
  margin-bottom: 0.5rem;
}

.contact-page-info-more p {
  font-weight: bold;
  color: #eaf2f3;
}

.contact-page-hours-more {
  text-align: center;
  background-color: #c8e8ec;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #266c87;
}

.contact-page-hours-more strong {
  color: #266c87;
}

.contact-page-maps-more .map-box {
  width: 100%;
  text-align: center;
  border: 2px solid #266c87;
  background-color: #64c6ec;
}

.contact-page-maps-more .map-box:first-child {
  margin-bottom: 1rem;
}

.contact-page-maps-more .map-box h3 {
  margin-top: 0.3rem;
}

.contact-page-maps-more .map-box p {
  padding: 0.3rem 0.5rem;
  font-size: 16px;
}

.contact-page-maps-more .map-box #map1 {
  width: 100%;
  height: 200px;
  border-top: 2px solid #266c87;
}

.contact-page-maps-more .map-box #map2 {
  width: 100%;
  height: 200px;
  border-top: 2px solid #266c87;
}

@media screen and (min-width: 760px) {
  .contact-page {
    padding: 1rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
}

@media screen and (min-width: 1000px) {
  .contact-page {
    width: 832px;
  }
  .contact-page h5 {
    margin-bottom: 0.5rem;
  }
  .contact-page-maps-more {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
  }
  .contact-page-maps-more .map-box {
    margin: 0 !important;
  }
  .contact-page-maps-more .map-box p {
    font-size: 14px;
  }
  .contact-page-maps-more .map-box #map1 {
    height: 275px;
  }
  .contact-page-maps-more .map-box #map2 {
    height: 275px;
  }
}

@media screen and (min-width: 1350px) {
  .contact-page {
    width: 1124px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "intro intro" "info hours" "maps maps";
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 1rem;
    padding: 1rem 0 2rem;
  }
  .contact-page h5 {
    font-size: 1rem;
  }
  .contact-page-intro {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: intro;
  }
  .contact-page-info {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: info;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .contact-page-info-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    height: 207px;
  }
  .contact-page-hours {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: hours;
    width: 100%;
  }
  .contact-page-hours-more {
    margin: 0;
  }
  .contact-page-maps {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: maps;
  }
}

.p-review-page {
  margin-top: 143.09px;
  padding: .5rem 1rem 1rem;
}

.p-review-page .page-title {
  padding: .5rem 0;
  text-align: center;
  color: #266c87;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: bold;
}

.p-review-page h4 {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: normal;
}

.p-review-page p {
  text-align: center;
}

.p-review-page-steps {
  padding: .5rem 0 1rem;
}

.p-review-page-steps hr {
  margin: .7rem 0;
  border: 1px solid #266c87;
}

.p-review-page-steps-case-step {
  color: #266c87;
}

.p-review-page .quote-btn {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 85%;
  color: #000;
}

.p-review-page .quote-btn:hover {
  color: #eaf2f3;
}

@media screen and (min-width: 760px) {
  .p-review-page {
    padding: 1rem 0;
    width: 640px;
    margin: 143.09px auto 0;
  }
  .p-review-page-steps {
    padding: 1rem 0 1.5rem;
  }
  .p-review-page .quote-btn {
    width: 50%;
  }
}

@media screen and (min-width: 1000px) {
  .p-review-page {
    padding: 1rem 0;
    width: 832px;
  }
  .p-review-page .quote-btn {
    width: 40%;
  }
}

@media screen and (min-width: 1350px) {
  .p-review-page {
    padding: 1rem 0;
    width: 900px;
  }
  .p-review-page .quote-btn {
    width: 35%;
  }
}

.footer {
  background-color: #266c87;
  padding: 1rem;
  text-align: center;
  border-top: 1px solid #000;
}

.footer-width {
  width: 100%;
}

.footer .foot-mail {
  margin: .5rem 0;
}

.footer h3 {
  margin-bottom: 1rem;
}

.footer hr {
  margin-bottom: 1rem;
}

.footer-logoa2 {
  display: none;
}

.footer-logo {
  text-align: center;
  width: 200px;
  height: 246.6px;
  margin: 0 auto 1rem;
  display: block;
}

.footer-nav ul li {
  margin-bottom: .7rem;
}

.footer-nav ul li a {
  color: #eaf2f3;
  font-size: 1.1rem;
}

.footer-nav ul li a:hover {
  text-decoration: underline;
}

.footer-icons {
  margin: 1.5rem 0 1rem;
}

.footer-icons a i {
  font-size: 1.5rem;
  cursor: pointer;
  color: #000;
}

.footer-icons a i:hover {
  color: #eaf2f3;
}

.footer-icons a:first-child {
  margin-right: .8rem;
}

.footer-copy {
  text-align: center;
  margin: 1.5rem 0 1rem;
}

.footer-creator {
  text-align: center;
}

.footer-creator a {
  color: #eaf2f3;
  text-decoration: underline;
}

@media screen and (min-width: 760px) {
  .footer {
    padding: 1rem 0 !important;
  }
  .footer-width {
    width: 640px;
    margin: 0 auto;
  }
  .footer-icons i:first-child {
    font-size: 2rem;
    margin-right: 1rem;
  }
  .footer-icons i:nth-child(2) {
    font-size: 2rem;
  }
  .footer-logo {
    font-size: 1.4rem;
  }
  .footer-nav ul li a {
    font-size: 1.2rem !important;
  }
}

@media screen and (min-width: 1000px) {
  .footer-width {
    width: 832px;
    position: relative;
  }
  .footer-logoa {
    position: absolute;
    top: 1rem;
    left: 0;
  }
  .footer-logoa2 {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
  }
}

@media screen and (min-width: 1350px) {
  .footer {
    padding: 1rem 0 !important;
  }
  .footer-width {
    width: 1124px;
  }
}
/*# sourceMappingURL=main.css.map */