body {
  background-color: #DDD;
  font-family: Arial, sans-serif; }
  body > div nav.navbar {
    box-shadow: 0 0 30px 3px rgba(23, 32, 75, 0.3); }
    body > div nav.navbar .account > div,
    body > div nav.navbar .register > div {
      width: 500px;
      position: absolute;
      background-color: #EEE;
      left: 50%;
      margin-left: -250px;
      padding: 20px 20px 40px;
      box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2);
      top: 100px;
      opacity: 0;
      visibility: hidden;
      transition: all .2s ease-in-out; }
      body > div nav.navbar .account > div .text-center:first-child:after,
      body > div nav.navbar .register > div .text-center:first-child:after {
        content: '';
        border-right: 1px solid #DDD;
        position: absolute;
        right: -5px;
        height: 100%;
        display: block;
        top: 7px; }
      body > div nav.navbar .account > div h3,
      body > div nav.navbar .register > div h3 {
        font-size: 18px;
        font-weight: bold; }
      body > div nav.navbar .account > div .btn-site,
      body > div nav.navbar .register > div .btn-site {
        color: white; }
      body > div nav.navbar .account > div:after,
      body > div nav.navbar .register > div:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #EEE transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -5px; }
    body > div nav.navbar .account:hover > div,
    body > div nav.navbar .register:hover > div {
      top: 70px;
      opacity: 1;
      visibility: visible; }
    body > div nav.navbar .register > div {
      margin-left: -349px; }
      body > div nav.navbar .register > div:after {
        left: 347px; }
  body.page-home .row-icons {
    background-color: #70b6ed;
    min-height: 100px;
    color: white; }
    body.page-home .row-icons .col-md-2 {
      text-align: center; }
      body.page-home .row-icons .col-md-2 strong {
        font-size: 18px;
        line-height: 100px; }
    body.page-home .row-icons .col-icons ul {
      padding: 0;
      display: table;
      margin: 0 auto; }
      body.page-home .row-icons .col-icons ul li {
        list-style: none;
        display: inline-block;
        text-align: center;
        margin: 10px 30px;
        width: 100px; }
        body.page-home .row-icons .col-icons ul li a {
          color: white;
          display: block;
          margin: 0 auto; }
          body.page-home .row-icons .col-icons ul li a .icon {
            font-size: 26px;
            text-align: center;
            margin: 0 auto;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            display: block;
            line-height: 56px; }
            body.page-home .row-icons .col-icons ul li a .icon i {
              padding: 0;
              margin: 0; }
          body.page-home .row-icons .col-icons ul li a strong {
            display: inline-block;
            margin-top: 5px;
            font-size: 14px; }
        body.page-home .row-icons .col-icons ul li.icon-1 .icon {
          background-color: #e2c2b7;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-1:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-1:hover .icon i {
            color: #e2c2b7; }
        body.page-home .row-icons .col-icons ul li.icon-2 .icon {
          background-color: #94107d;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-2:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-2:hover .icon i {
            color: #94107d; }
        body.page-home .row-icons .col-icons ul li.icon-3 .icon {
          background-color: #f29400;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-3:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-3:hover .icon i {
            color: #f29400; }
        body.page-home .row-icons .col-icons ul li.icon-4 .icon {
          background-color: #009239;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-4:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-4:hover .icon i {
            color: #009239; }
        body.page-home .row-icons .col-icons ul li.icon-5 .icon {
          background-color: #fc5c5c;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-5:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-5:hover .icon i {
            color: #fc5c5c; }
        body.page-home .row-icons .col-icons ul li.icon-6 .icon {
          background-color: #172883;
          transition: all .2s ease-in-out; }
        body.page-home .row-icons .col-icons ul li.icon-6:hover .icon {
          background-color: white; }
          body.page-home .row-icons .col-icons ul li.icon-6:hover .icon i {
            color: #172883; }
  body.page-home #slides .item-3 p {
    color: #272e5a;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.4) !important; }
  body.page-home #slides .item-4 p {
    color: #272e5a;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.7) !important; }

body > div #banner-main {
  height: 615px;
  background-position: center;
  border-bottom: none; }
  body > div #banner-main p {
    font-weight: bold !important; }

.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-width: 2px;
  margin-left: 4px; }
  .carousel-indicators li.active {
    width: 15px;
    height: 15px;
    border: 2px solid white;
    margin: 1px;
    background-color: white; }

#banner-main > p {
  font-size: 48px !important;
  line-height: 52px !important;
  letter-spacing: -.9px;
  width: 35% !important;
  font-weight: 400 !important;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4) !important; }

@media (min-width: 1470px) {
  .container {
    width: 1400px; } }

@media (min-width: 768px) {
  .navbar-collapse.collapse {
    height: 80px !important; }
  body > div nav.navbar ul.nav > li > a {
    line-height: 50px; }
  #slides .item-3 p {
    color: #272e5a;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.4) !important;
    left: 50%;
    top: 50%;
    width: 600px !important;
    height: 210px;
    margin-left: -300px;
    margin-top: -85px; }
  #slides .item-4 p {
    color: #272e5a;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.7) !important;
    margin-top: 105px; }
  .nav.navbar-right {
    right: 100px !important; } }

@media (max-width: 770px) {
  body.page-home {
    margin-top: 50px; }
    body.page-home #banner-main {
      height: 350px !important;
      background-attachment: scroll; }
      body.page-home #banner-main p {
        top: 20px !important;
        width: 90% !important;
        padding: 50px !important;
        font-size: 36px !important;
        line-height: 36px !important; }
    body.page-home #slides .item-3 p {
      color: white !important;
      text-shadow: 2px 2px 1px rgba(23, 32, 75, 0.9) !important; }
    body.page-home .row-icons .col-icons ul li {
      width: 50% !important;
      margin: 20px 0 !important; }
  body > div nav.navbar h1 a {
    top: 5px;
    width: 120px; } }

@media (max-width: 880px) {
  body > div nav.navbar ul.nav:not(.navbar-right) {
    margin-left: 10% !important;
    float: left; }
  body > div nav.navbar .navbar-collapse .navbar-nav {
    float: none !important;
    margin: 0 !important; }
    body > div nav.navbar .navbar-collapse .navbar-nav:not(.navbar-right) {
      margin: 0 !important; } }

@media (max-width: 1200px) {
  body > div nav.navbar ul.nav:not(.navbar-right) {
    margin-left: 20%; } }