@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Oleo+Script");
* {
  box-sizing: border-box; }

body {
  font-family: 'Monserrat', sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start; }
  body .my-jumbotron {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    background-color: black;
    color: white; }
    body .my-jumbotron > .my-navbar {
      -webkit-box-flex: 0 1 auto;
      -moz-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      margin: 0; }
      body .my-jumbotron > .my-navbar > .my-navbar-items {
        margin: 0; }
        @media screen and (max-width: 576px) {
          body .my-jumbotron > .my-navbar > .my-navbar-items {
            padding: 0; } }
      body .my-jumbotron > .my-navbar ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style-type: none; }
        body .my-jumbotron > .my-navbar ul li {
          -webkit-box-flex: 0 1 auto;
          -moz-box-flex: 0 1 auto;
          -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          word-break: keep-all;
          word-wrap: normal;
          font-size: 14px;
          padding: 20px 15px;
          line-height: 300%;
          font-weight: bold;
          text-transform: uppercase;
          text-align: center; }
          @media screen and (max-width: 576px) {
            body .my-jumbotron > .my-navbar ul li {
              -webkit-box-flex: 0 0 100%;
              -moz-box-flex: 0 0 100%;
              -webkit-flex: 0 0 100%;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              padding: 5px 5px;
              font-size: 12px;
              line-height: 200%; } }
          body .my-jumbotron > .my-navbar ul li img {
            max-width: 60px;
            max-height: 60px; }
          body .my-jumbotron > .my-navbar ul li:first-child {
            -webkit-box-flex: 0 1 15%;
            -moz-box-flex: 0 1 15%;
            -webkit-flex: 0 1 15%;
            -ms-flex: 0 1 15%;
            flex: 0 1 15%;
            text-align: left; }
          body .my-jumbotron > .my-navbar ul li:hover:not(:first-child) {
            cursor: pointer;
            transition: .3s;
            -webkit-transition: .3s;
            border-bottom: 5px solid #B98B59; }
    body .my-jumbotron .my-carousel {
      position: relative; }
      body .my-jumbotron .my-carousel img {
        opacity: 0.5; }
      body .my-jumbotron .my-carousel .my-caption {
        top: 30%;
        bottom: auto; }
        @media screen and (max-width: 576px) {
          body .my-jumbotron .my-carousel .my-caption {
            top: 10%; } }
        body .my-jumbotron .my-carousel .my-caption h1, body .my-jumbotron .my-carousel .my-caption h3 {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 76px; }
          @media screen and (max-width: 576px) {
            body .my-jumbotron .my-carousel .my-caption h1, body .my-jumbotron .my-carousel .my-caption h3 {
              font-size: 20px; } }
        body .my-jumbotron .my-carousel .my-caption .my-h1-2 {
          color: #B98B59; }
          @media screen and (max-width: 576px) {
            body .my-jumbotron .my-carousel .my-caption .my-h1-2 {
              font-size: 12px; } }
        body .my-jumbotron .my-carousel .my-caption h3 {
          font-size: 26px; }
          @media screen and (max-width: 576px) {
            body .my-jumbotron .my-carousel .my-caption h3 {
              font-size: 8px; } }
      body .my-jumbotron .my-carousel a {
        visibility: hidden; }
  body .my-section2 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    padding-bottom: 80px; }
    body .my-section2 .my-section2-content {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body .my-section2 .my-section2-content .my-section2-content-left {
        -webkit-box-flex: 0 1 40%;
        -moz-box-flex: 0 1 40%;
        -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%; }
        @media screen and (max-width: 576px) {
          body .my-section2 .my-section2-content .my-section2-content-left {
            -webkit-box-flex: 0 1 80%;
            -moz-box-flex: 0 1 80%;
            -webkit-flex: 0 1 80%;
            -ms-flex: 0 1 80%;
            flex: 0 1 80%; } }
      body .my-section2 .my-section2-content .my-section2-content-right {
        padding: 0 40px;
        -webkit-box-flex: 0 1 40%;
        -moz-box-flex: 0 1 40%;
        -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%; }
        @media screen and (max-width: 576px) {
          body .my-section2 .my-section2-content .my-section2-content-right {
            -webkit-box-flex: 0 1 80%;
            -moz-box-flex: 0 1 80%;
            -webkit-flex: 0 1 80%;
            -ms-flex: 0 1 80%;
            flex: 0 1 80%;
            padding: 0; } }
        body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container {
          background-color: black;
          position: relative;
          max-width: 600px;
          box-shadow: 10px 10px 40px 1px #888888; }
          body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container .my-section2-content-right-caption {
            position: absolute;
            display: block;
            width: 100%;
            text-align: center;
            transform: translateY(-50%);
            top: 50%;
            left: 0; }
            body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container .my-section2-content-right-caption h2 {
              color: #A9A9A9;
              text-transform: uppercase;
              transition: .3s; }
              @media screen and (max-width: 576px) {
                body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container .my-section2-content-right-caption h2 {
                  font-size: 20px; } }
              body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container .my-section2-content-right-caption h2:hover {
                color: white;
                cursor: pointer;
                transition: .3s; }
              body .my-section2 .my-section2-content .my-section2-content-right .my-section2-content-right-container .my-section2-content-right-caption h2 i {
                padding: 0 20px; }
  body .my-section3 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    background-color: black;
    padding-bottom: 80px; }
    body .my-section3 .my-section-heading h1 {
      color: white; }
    body .my-section3 .my-section3-content {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body .my-section3 .my-section3-content .my-section3-item {
        -webkit-box-flex: 0 1 23%;
        -moz-box-flex: 0 1 23%;
        -webkit-flex: 0 1 23%;
        -ms-flex: 0 1 23%;
        flex: 0 1 23%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        height: 250px;
        text-align: center;
        padding: 10px 40px;
        border-left: 1px solid gray; }
        body .my-section3 .my-section3-content .my-section3-item:last-child {
          border-right: 1px solid gray; }
          @media screen and (max-width: 576px) {
            body .my-section3 .my-section3-content .my-section3-item:last-child {
              border-right: none; } }
        @media screen and (max-width: 576px) {
          body .my-section3 .my-section3-content .my-section3-item {
            border-left: none;
            border-bottom: 1px solid gray; } }
        body .my-section3 .my-section3-content .my-section3-item i {
          color: #B98B59;
          padding: 20px 0;
          transition: .3s; }
          body .my-section3 .my-section3-content .my-section3-item i:hover {
            opacity: .5;
            cursor: pointer;
            transition: .3s; }
        body .my-section3 .my-section3-content .my-section3-item h4 {
          color: white;
          text-transform: uppercase;
          font-size: 20px; }
        body .my-section3 .my-section3-content .my-section3-item p {
          color: #A9A9A9; }
  body .my-section4 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    padding-bottom: 80px; }
    body .my-section4 .my-section4-content {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center; }
      body .my-section4 .my-section4-content .my-section4-tabs-nav {
        -webkit-box-flex: 0 1 20%;
        -moz-box-flex: 0 1 20%;
        -webkit-flex: 0 1 20%;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
        margin: 20px 0;
        background-color: #edebec;
        border-radius: 30px;
        border: 1px solid lightgray; }
        body .my-section4 .my-section4-content .my-section4-tabs-nav li {
          padding: 0 20px;
          border-right: 1px solid lightgray;
          margin-bottom: .5px; }
          body .my-section4 .my-section4-content .my-section4-tabs-nav li a {
            color: black;
            border-bottom: 5px solid #edebec;
            padding: 10px;
            margin-bottom: 1px;
            height: 100%;
            text-transform: uppercase; }
            body .my-section4 .my-section4-content .my-section4-tabs-nav li a:hover {
              border-bottom: 5px solid #B98B59; }
          body .my-section4 .my-section4-content .my-section4-tabs-nav li a.active {
            background-color: #edebec;
            border: none;
            font-size: 16px;
            border-bottom: 5px solid #B98B59; }
          body .my-section4 .my-section4-content .my-section4-tabs-nav li:last-child {
            border-right: none; }
      body .my-section4 .my-section4-content .my-section4-tabs {
        -webkit-box-flex: 0 0 70%;
        -moz-box-flex: 0 0 70%;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center; }
        body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane {
          -webkit-box-flex: 0 1 80%;
          -moz-box-flex: 0 1 80%;
          -webkit-flex: 0 1 80%;
          -ms-flex: 0 1 80%;
          flex: 0 1 80%; }
          body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -ms-flex-pack: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center;
            align-content: center;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab .my-pic {
              margin: 10px 10px;
              -webkit-box-flex: 0 1 23%;
              -moz-box-flex: 0 1 23%;
              -webkit-flex: 0 1 23%;
              -ms-flex: 0 1 23%;
              flex: 0 1 23%;
              min-width: 200px;
              min-height: 100px;
              max-width: 300px;
              max-height: 200px; }
              body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab .my-pic div div {
                display: none; }
              body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab .my-pic:hover {
                cursor: pointer; }
                body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab .my-pic:hover div {
                  position: relative; }
                  body .my-section4 .my-section4-content .my-section4-tabs .my-tab-pane .my-section4-tab .my-pic:hover div div {
                    color: white;
                    background-color: rgba(0, 0, 0, 0.7);
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    display: block;
                    padding-top: 20%; }
  body .my-section5 {
    position: relative;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    background-image: url("../images/build/sec5back.jpg");
    background-size: cover;
    width: 100%;
    height: 100%;
    color: white; }
    body .my-section5:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      display: block; }
    body .my-section5 .my-section5-heading {
      -webkit-box-flex: 0 1 20%;
      -moz-box-flex: 0 1 20%;
      -webkit-flex: 0 1 20%;
      -ms-flex: 0 1 20%;
      flex: 0 1 20%;
      padding: 40px 0 30px 0;
      z-index: 1; }
    body .my-section5 .my-carousel {
      -webkit-box-flex: 0 1 80%;
      -moz-box-flex: 0 1 80%;
      -webkit-flex: 0 1 80%;
      -ms-flex: 0 1 80%;
      flex: 0 1 80%; }
      body .my-section5 .my-carousel a {
        visibility: hidden; }
      body .my-section5 .my-carousel div {
        padding-bottom: 30px; }
        body .my-section5 .my-carousel div div .my-carousel-item-content {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-content: center;
          -moz-align-content: center;
          -ms-align-content: center;
          align-content: center;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 {
            -webkit-box-flex: 0 0 25%;
            -moz-box-flex: 0 0 25%;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            padding: 15px;
            margin: 0 15px;
            border-radius: 5px;
            background-color: white;
            color: black; }
            @media screen and (max-width: 576px) {
              body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 {
                -webkit-box-flex: 0 1 80%;
                -moz-box-flex: 0 1 80%;
                -webkit-flex: 0 1 80%;
                -ms-flex: 0 1 80%;
                flex: 0 1 80%;
                background-color: initial;
                color: white;
                height: 30%;
                border: 1px solid lightgray;
                margin: 10px; } }
            body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img {
              max-width: 200px;
              max-height: 200px;
              padding: 20px;
              background-color: lightgray;
              margin: 40px 0; }
              @media screen and (max-width: 576px) {
                body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img {
                  max-width: 100px;
                  max-height: 100px;
                  padding: 5px; } }
            body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons {
              text-align: center; }
              body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 h4 i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 p i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 h4 i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 p i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 h4 i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 p i, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons i {
                padding: 5px 5px; }
                body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 h4 i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 p i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 h4 i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 p i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 h4 i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 p i:hover, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons i:hover {
                  color: #B98B59;
                  cursor: pointer; }
              @media screen and (max-width: 576px) {
                body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 img, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons {
                  font-size: smaller; } }
            body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 h4, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 h4 {
              font-size: 18px;
              margin: 0; }
            body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 p, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 p {
              color: gray; }
            body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons {
              margin: 30px 0; }
              @media screen and (max-width: 576px) {
                body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content1 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content2 .my-icons, body .my-section5 .my-carousel div div .my-carousel-item-content .my-carousel-item-content3 .my-icons {
                  margin: 10px 0; } }
  body .my-section6 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center; }
    body .my-section6 .my-carousel {
      padding: 10px 0 50px 0;
      -webkit-box-flex: 0 1 100%;
      -moz-box-flex: 0 1 100%;
      -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%; }
      body .my-section6 .my-carousel ol li {
        background-color: gray; }
      body .my-section6 .my-carousel ol .active {
        background-color: black; }
      body .my-section6 .my-carousel a {
        visibility: hidden; }
      body .my-section6 .my-carousel div div .my-carousel-item-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        color: black; }
        @media screen and (max-width: 576px) {
          body .my-section6 .my-carousel div div .my-carousel-item-content {
            -webkit-box-flex: 0 1 100%;
            -moz-box-flex: 0 1 100%;
            -webkit-flex: 0 1 100%;
            -ms-flex: 0 1 100%;
            flex: 0 1 100%;
            height: 30%;
            border: 1px solid lightgray; } }
        body .my-section6 .my-carousel div div .my-carousel-item-content img {
          -webkit-box-flex: 0 1 60%;
          -moz-box-flex: 0 1 60%;
          -webkit-flex: 0 1 60%;
          -ms-flex: 0 1 60%;
          flex: 0 1 60%;
          max-width: 170px;
          max-height: 170px;
          padding: 10px;
          background-color: lightgray;
          margin: 20px 0; }
          @media screen and (max-width: 576px) {
            body .my-section6 .my-carousel div div .my-carousel-item-content img {
              max-width: 140px;
              max-height: 140px;
              padding: 5px; } }
        body .my-section6 .my-carousel div div .my-carousel-item-content img, body .my-section6 .my-carousel div div .my-carousel-item-content h3, body .my-section6 .my-carousel div div .my-carousel-item-content h4, body .my-section6 .my-carousel div div .my-carousel-item-content p {
          text-align: center; }
        body .my-section6 .my-carousel div div .my-carousel-item-content h3 {
          -webkit-box-flex: 0 1 10%;
          -moz-box-flex: 0 1 10%;
          -webkit-flex: 0 1 10%;
          -ms-flex: 0 1 10%;
          flex: 0 1 10%;
          font-weight: bold; }
        body .my-section6 .my-carousel div div .my-carousel-item-content h4 {
          -webkit-box-flex: 0 1 10%;
          -moz-box-flex: 0 1 10%;
          -webkit-flex: 0 1 10%;
          -ms-flex: 0 1 10%;
          flex: 0 1 10%;
          font-size: 16px; }
        body .my-section6 .my-carousel div div .my-carousel-item-content h1 {
          -webkit-box-flex: 0 1 10%;
          -moz-box-flex: 0 1 10%;
          -webkit-flex: 0 1 10%;
          -ms-flex: 0 1 10%;
          flex: 0 1 10%;
          font-size: 80px; }
          @media screen and (max-width: 576px) {
            body .my-section6 .my-carousel div div .my-carousel-item-content h1 {
              font-size: 50px; } }
        body .my-section6 .my-carousel div div .my-carousel-item-content p {
          -webkit-box-flex: 0 1 10%;
          -moz-box-flex: 0 1 10%;
          -webkit-flex: 0 1 10%;
          -ms-flex: 0 1 10%;
          flex: 0 1 10%;
          color: gray;
          width: 60%; }
          @media screen and (max-width: 576px) {
            body .my-section6 .my-carousel div div .my-carousel-item-content p {
              width: 80%; } }
  body .my-section7 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 30px 0; }
  body .my-section8 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    padding-bottom: 40px; }
    body .my-section8 .my-section8-pricing {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90%;
      margin: 0 auto; }
      body .my-section8 .my-section8-pricing .my-section8-plan {
        -webkit-box-flex: 0 0 20%;
        -moz-box-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        background-color: white;
        margin: 15px;
        padding: 20px 0;
        border-radius: 5px; }
        @media screen and (max-width: 576px) {
          body .my-section8 .my-section8-pricing .my-section8-plan {
            -webkit-box-flex: 0 1 90%;
            -moz-box-flex: 0 1 90%;
            -webkit-flex: 0 1 90%;
            -ms-flex: 0 1 90%;
            flex: 0 1 90%; } }
        body .my-section8 .my-section8-pricing .my-section8-plan p, body .my-section8 .my-section8-pricing .my-section8-plan div {
          text-align: center; }
        body .my-section8 .my-section8-pricing .my-section8-plan > p {
          font-size: 14px; }
        body .my-section8 .my-section8-pricing .my-section8-plan .my-section8-plan-price h2 {
          font-weight: bold; }
        body .my-section8 .my-section8-pricing .my-section8-plan .my-section8-plan-price p {
          color: gray;
          line-height: 2%;
          font-size: 12px; }
        body .my-section8 .my-section8-pricing .my-section8-plan .my-section8-plan-text {
          padding: 20px 0;
          color: gray;
          font-size: 12px;
          line-height: 2%; }
        body .my-section8 .my-section8-pricing .my-section8-plan .my-section8-button {
          margin: 10px 0;
          background-color: #2c2d30; }
          body .my-section8 .my-section8-pricing .my-section8-plan .my-section8-button:hover {
            background-color: #B98B59; }
  body .my-section9 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    padding-bottom: 40px;
    width: 90%;
    margin: 0 auto; }
    body .my-section9 button {
      width: 20%;
      margin: 20px auto; }
      @media screen and (max-width: 576px) {
        body .my-section9 button {
          width: 50%; } }
    body .my-section9 .my-carousel {
      -webkit-box-flex: 0 1 100%;
      -moz-box-flex: 0 1 100%;
      -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      padding: 10px 0 50px 0; }
      body .my-section9 .my-carousel a {
        visibility: hidden; }
      body .my-section9 .my-carousel ol li {
        background-color: gray; }
      body .my-section9 .my-carousel ol .active {
        background-color: black; }
      body .my-section9 .my-carousel div div .my-carousel-item-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid gray;
        padding-bottom: 20px; }
        body .my-section9 .my-carousel div div .my-carousel-item-content img {
          -webkit-box-flex: 0 1 35%;
          -moz-box-flex: 0 1 35%;
          -webkit-flex: 0 1 35%;
          -ms-flex: 0 1 35%;
          flex: 0 1 35%;
          max-height: 70%; }
          @media screen and (max-width: 576px) {
            body .my-section9 .my-carousel div div .my-carousel-item-content img {
              -webkit-box-flex: 0 1 90%;
              -moz-box-flex: 0 1 90%;
              -webkit-flex: 0 1 90%;
              -ms-flex: 0 1 90%;
              flex: 0 1 90%; } }
        body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right {
          -webkit-box-flex: 0 1 50%;
          -moz-box-flex: 0 1 50%;
          -webkit-flex: 0 1 50%;
          -ms-flex: 0 1 50%;
          flex: 0 1 50%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-content: center;
          -moz-align-content: center;
          -ms-align-content: center;
          align-content: center; }
          @media screen and (max-width: 576px) {
            body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right {
              -webkit-box-flex: 0 1 90%;
              -moz-box-flex: 0 1 90%;
              -webkit-flex: 0 1 90%;
              -ms-flex: 0 1 90%;
              flex: 0 1 90%; } }
          body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right .my-carousel-item {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-flex: 0 1 100%;
            -moz-box-flex: 0 1 100%;
            -webkit-flex: 0 1 100%;
            -ms-flex: 0 1 100%;
            flex: 0 1 100%;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: flex-start;
            -moz-align-items: flex-start;
            -ms-align-items: flex-start;
            align-items: flex-start;
            -webkit-justify-content: flex-start;
            -moz-justify-content: flex-start;
            -ms-justify-content: flex-start;
            justify-content: flex-start;
            -ms-flex-pack: flex-start;
            -webkit-align-content: flex-start;
            -moz-align-content: flex-start;
            -ms-align-content: flex-start;
            align-content: flex-start;
            -webkit-flex-wrap: nowrap;
            -moz-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            width: 100%; }
            body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right .my-carousel-item .my-carousel-icon {
              -webkit-box-flex: 0 1 15%;
              -moz-box-flex: 0 1 15%;
              -webkit-flex: 0 1 15%;
              -ms-flex: 0 1 15%;
              flex: 0 1 15%;
              color: #B98B59;
              padding-right: 10px; }
            body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right .my-carousel-item .my-carousel-text {
              -webkit-box-flex: 0 1 80%;
              -moz-box-flex: 0 1 80%;
              -webkit-flex: 0 1 80%;
              -ms-flex: 0 1 80%;
              flex: 0 1 80%; }
              body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right .my-carousel-item .my-carousel-text h2 {
                text-transform: uppercase; }
              body .my-section9 .my-carousel div div .my-carousel-item-content .my-carousel-item-content-right .my-carousel-item .my-carousel-text p {
                color: gray; }
  body .my-section10 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    background-color: black;
    padding-bottom: 60px; }
    body .my-section10 .my-section-heading {
      color: white; }
      body .my-section10 .my-section-heading p {
        color: gray; }
    body .my-section10 .my-section10-facts {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body .my-section10 .my-section10-facts .my-section10-fact {
        -webkit-box-flex: 0 0 20%;
        -moz-box-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        margin: 0 20px;
        text-align: center; }
        @media screen and (max-width: 576px) {
          body .my-section10 .my-section10-facts .my-section10-fact {
            -webkit-box-flex: 0 0 80%;
            -moz-box-flex: 0 0 80%;
            -webkit-flex: 0 0 80%;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%; } }
        body .my-section10 .my-section10-facts .my-section10-fact h2 {
          letter-spacing: -3px;
          line-height: 20px; }
        body .my-section10 .my-section10-facts .my-section10-fact h1 {
          color: #B98B59;
          font-size: 50px; }
        body .my-section10 .my-section10-facts .my-section10-fact h4 {
          color: white;
          text-transform: uppercase;
          margin-bottom: 30px; }
        body .my-section10 .my-section10-facts .my-section10-fact h1, body .my-section10 .my-section10-facts .my-section10-fact h2, body .my-section10 .my-section10-facts .my-section10-fact h4 {
          font-weight: bold; }
        body .my-section10 .my-section10-facts .my-section10-fact p, body .my-section10 .my-section10-facts .my-section10-fact h2 {
          color: lightgray; }
        body .my-section10 .my-section10-facts .my-section10-fact h2, body .my-section10 .my-section10-facts .my-section10-fact h1 {
          margin: 0; }
  body .my-section11 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid gray; }
    body .my-section11 .my-section11-icon:not(:first-child) {
      -webkit-box-flex: 0 0 8%;
      -moz-box-flex: 0 0 8%;
      -webkit-flex: 0 0 8%;
      -ms-flex: 0 0 8%;
      flex: 0 0 8%;
      padding: 20px 5px; }
      @media screen and (max-width: 576px) {
        body .my-section11 .my-section11-icon:not(:first-child) {
          -webkit-box-flex: 0 0 80%;
          -moz-box-flex: 0 0 80%;
          -webkit-flex: 0 0 80%;
          -ms-flex: 0 0 80%;
          flex: 0 0 80%; } }
      body .my-section11 .my-section11-icon:not(:first-child) div {
        color: white;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        padding: 5px;
        height: 40px;
        width: 40px; }
        @media screen and (max-width: 576px) {
          body .my-section11 .my-section11-icon:not(:first-child) div {
            width: 100px;
            height: 100px;
            display: block;
            margin: 0 auto; } }
        body .my-section11 .my-section11-icon:not(:first-child) div i {
          line-height: 150%;
          font-size: 20px; }
          @media screen and (max-width: 576px) {
            body .my-section11 .my-section11-icon:not(:first-child) div i {
              font-size: 40px;
              line-height: 210%; } }
        body .my-section11 .my-section11-icon:not(:first-child) div:hover {
          opacity: .5;
          cursor: pointer; }
          body .my-section11 .my-section11-icon:not(:first-child) div:hover i {
            color: black; }
      body .my-section11 .my-section11-icon:not(:first-child) p {
        display: inline;
        font-size: 12px;
        color: gray; }
        @media screen and (max-width: 576px) {
          body .my-section11 .my-section11-icon:not(:first-child) p {
            display: block;
            text-align: center; } }
    body .my-section11 .my-section11-icon:first-child {
      -webkit-box-flex: 0 0 20%;
      -moz-box-flex: 0 0 20%;
      -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      padding: 30px 5px; }
      @media screen and (max-width: 576px) {
        body .my-section11 .my-section11-icon:first-child {
          -webkit-box-flex: 0 0 80%;
          -moz-box-flex: 0 0 80%;
          -webkit-flex: 0 0 80%;
          -ms-flex: 0 0 80%;
          flex: 0 0 80%; } }
      body .my-section11 .my-section11-icon:first-child div {
        display: inline-block;
        text-align: center; }
        @media screen and (max-width: 576px) {
          body .my-section11 .my-section11-icon:first-child div {
            display: block;
            margin: 0 auto; } }
      body .my-section11 .my-section11-icon:first-child i {
        line-height: 100%;
        font-size: 30px;
        color: gray; }
      body .my-section11 .my-section11-icon:first-child p {
        display: inline;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: gray;
        padding-left: 10px; }
        @media screen and (max-width: 576px) {
          body .my-section11 .my-section11-icon:first-child p {
            display: block;
            text-align: center; } }
    body .my-section11 .my-section11-icon:nth-child(2) div {
      background-color: #34C5F1; }
    body .my-section11 .my-section11-icon:nth-child(3) div {
      background-color: #127DB5; }
    body .my-section11 .my-section11-icon:nth-child(4) div {
      background-color: #336296; }
    body .my-section11 .my-section11-icon:nth-child(5) div {
      background-color: #E84138; }
    body .my-section11 .my-section11-icon:nth-child(6) div {
      background-color: #B91D28; }
  body .my-section12 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 80px; }
    body .my-section12 .my-section12-form {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      width: 100vw; }
      body .my-section12 .my-section12-form .my-section12-nameEmail {
        -webkit-box-flex: 0 0 40%;
        -moz-box-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100vw; }
        body .my-section12 .my-section12-form .my-section12-nameEmail input {
          width: 20%;
          border: none;
          border-bottom: 2px solid #AEAEAE;
          background-color: #e8ebef;
          margin-bottom: 30px;
          border-radius: 0; }
          @media screen and (max-width: 576px) {
            body .my-section12 .my-section12-form .my-section12-nameEmail input {
              width: 80vw; } }
          body .my-section12 .my-section12-form .my-section12-nameEmail input:last-child {
            margin-left: 3%; }
            @media screen and (max-width: 576px) {
              body .my-section12 .my-section12-form .my-section12-nameEmail input:last-child {
                margin-left: 0; } }
      body .my-section12 .my-section12-form .my-section12-other {
        -webkit-box-flex: 0 0 40%;
        -moz-box-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100vw; }
        body .my-section12 .my-section12-form .my-section12-other input {
          margin: 0 auto;
          width: 43%;
          border: none;
          border-bottom: 2px solid #AEAEAE;
          background-color: #e8ebef;
          border-radius: 0; }
          @media screen and (max-width: 576px) {
            body .my-section12 .my-section12-form .my-section12-other input {
              width: 80vw; } }
          body .my-section12 .my-section12-form .my-section12-other input:last-child {
            margin-top: 60px; }
            @media screen and (max-width: 576px) {
              body .my-section12 .my-section12-form .my-section12-other input:last-child {
                width: 80vw; } }
        body .my-section12 .my-section12-form .my-section12-other .my-section12-button {
          margin-top: 60px; }
  body .my-section13 {
    position: relative;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url("../images/build/map.jpg");
    background-size: cover;
    padding: 50px 0 50px 150px; }
    body .my-section13:after {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      display: block; }
    @media screen and (max-width: 576px) {
      body .my-section13 {
        padding: 30px 15px 30px 15px;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    body .my-section13 .my-section13-contact {
      z-index: 1;
      -webkit-box-flex: 0 0 45%;
      -moz-box-flex: 0 0 45%;
      -webkit-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
      flex: 0 0 45%;
      padding: 45px 10px 45px 30px;
      background-color: white; }
      @media screen and (max-width: 576px) {
        body .my-section13 .my-section13-contact {
          -webkit-box-flex: 0 0 95%;
          -moz-box-flex: 0 0 95%;
          -webkit-flex: 0 0 95%;
          -ms-flex: 0 0 95%;
          flex: 0 0 95%;
          padding: 20px 5px 20px 5px; } }
      body .my-section13 .my-section13-contact div {
        margin-bottom: 5px; }
        body .my-section13 .my-section13-contact div div {
          background-color: lightgray;
          color: white;
          display: inline-block;
          text-align: center;
          border-radius: 50%;
          height: 42px;
          width: 42px;
          margin-right: 20px; }
          @media screen and (max-width: 576px) {
            body .my-section13 .my-section13-contact div div {
              height: 30px;
              width: 30px;
              margin-right: 5px; } }
          body .my-section13 .my-section13-contact div div i {
            padding: 3px;
            font-size: 24px;
            line-height: 140%; }
            @media screen and (max-width: 576px) {
              body .my-section13 .my-section13-contact div div i {
                font-size: 16px; } }
        body .my-section13 .my-section13-contact div p {
          color: gray;
          display: inline;
          font-size: 14px; }
          @media screen and (max-width: 576px) {
            body .my-section13 .my-section13-contact div p {
              font-size: 8px; } }
  body .my-section-footer {
    -webkit-box-flex: 0 1 90%;
    -moz-box-flex: 0 1 90%;
    -webkit-flex: 0 1 90%;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: black;
    padding: 30px 0;
    height: 250px; }
    @media screen and (max-width: 576px) {
      body .my-section-footer {
        height: auto; } }
    body .my-section-footer .my-section-footer-item1 {
      -webkit-box-flex: 0 1 30%;
      -moz-box-flex: 0 1 30%;
      -webkit-flex: 0 1 30%;
      -ms-flex: 0 1 30%;
      flex: 0 1 30%;
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      color: white; }
      @media screen and (max-width: 576px) {
        body .my-section-footer .my-section-footer-item1 {
          -webkit-box-ordinal-group: 3;
          -moz-box-ordinal-group: 3;
          -ms-flex-order: 3;
          -webkit-order: 3;
          order: 3;
          margin-top: 20px; } }
      body .my-section-footer .my-section-footer-item1 .my-footer-icons div {
        background-color: #414347;
        line-height: 190%;
        font-size: 18px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        height: 35px;
        width: 35px;
        margin-right: 2px; }
        @media screen and (max-width: 576px) {
          body .my-section-footer .my-section-footer-item1 .my-footer-icons div {
            height: 30px;
            width: 30px;
            line-height: 160%; } }
        body .my-section-footer .my-section-footer-item1 .my-footer-icons div:hover {
          background-color: #B98B59;
          cursor: pointer; }
    @media screen and (max-width: 576px) {
      body .my-section-footer p {
        margin-top: 10px;
        font-size: 12px; } }
    body .my-section-footer .my-section-footer-item2 {
      -webkit-box-flex: 0 1 25%;
      -moz-box-flex: 0 1 25%;
      -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
      flex: 0 1 25%;
      height: 100%;
      color: gray;
      margin: 0 15px; }
      body .my-section-footer .my-section-footer-item2 p {
        font-size: 14px; }
    body .my-section-footer .my-section-footer-item3 {
      background-color: #414347;
      -webkit-box-flex: 0 1 25%;
      -moz-box-flex: 0 1 25%;
      -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
      flex: 0 1 25%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-align-content: center;
      align-content: center;
      height: 100%;
      text-align: center;
      border-radius: 4px; }
      body .my-section-footer .my-section-footer-item3 input {
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        color: gray;
        margin: 0 auto;
        width: 60%;
        text-align: center;
        border: none;
        border-bottom: 2px solid #AEAEAE;
        background-color: #414347;
        border-radius: 0; }
        @media screen and (max-width: 576px) {
          body .my-section-footer .my-section-footer-item3 input {
            font-size: smaller; } }
    @media screen and (max-width: 576px) {
      body .my-section-footer .my-section-footer-item1, body .my-section-footer .my-section-footer-item2, body .my-section-footer .my-section-footer-item3 {
        -webkit-box-flex: 0 1 80%;
        -moz-box-flex: 0 1 80%;
        -webkit-flex: 0 1 80%;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%;
        height: auto; } }
  body .my-section2, body .my-section4, body .my-section6, body .my-section8, body .my-section12 {
    background-color: #e8ebef; }

.my-jumbo-button, .my-section12-button {
  background-color: #B98B59;
  color: white;
  text-transform: uppercase;
  padding: 10px 40px;
  border: none;
  border-radius: 35px;
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold; }
  .my-jumbo-button:hover, .my-section12-button:hover {
    background-color: rgba(185, 139, 89, 0.5);
    color: white;
    cursor: pointer; }
  @media screen and (max-width: 576px) {
    .my-jumbo-button, .my-section12-button {
      padding: 5px 20px;
      margin: 10px 0;
      font-size: 10px; } }

.my-section12-button {
  margin-top: 50px; }

.my-section-heading {
  padding: 70px 0 30px 0;
  text-align: center; }
  @media screen and (max-width: 576px) {
    .my-section-heading {
      padding: 10px 0 10px 0; } }
  .my-section-heading h1 {
    text-transform: uppercase;
    font-weight: 700; }
    @media screen and (max-width: 576px) {
      .my-section-heading h1 {
        padding: 10px 0 10px 0;
        font-size: 25px; } }
  .my-section-heading p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #A9A9A9; }

.carousel-call, .section12-angle-up {
  position: absolute;
  display: inline-block;
  text-align: center;
  line-height: 650%;
  background-color: #B98B59;
  width: 80px;
  height: 80px;
  right: 80px;
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 5px 5px 20px gray; }
  .carousel-call:hover, .section12-angle-up:hover {
    background-color: black;
    cursor: pointer; }
  @media screen and (max-width: 576px) {
    .carousel-call, .section12-angle-up {
      width: 40px;
      height: 40px;
      right: 40px;
      font-size: 8px; } }

.section12-angle-up {
  left: 30px;
  color: white;
  transform: translateY(-85%); }
  @media screen and (max-width: 576px) {
    .section12-angle-up {
      transform: translateY(-120%); } }

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