/* Mobile device styles */
/* SASS Variables used in the project */
/*$bodyFonts:				Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;*/
body {
  background: #77abd1;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal; }

/* Scale with browser */
#main-wrap {
  width: 90% !important;
  margin: 40px auto; }

/* - - - - - - - 	HEADER 			- - - - - - - */
.larger {
  display: none !important; }

#header_larger, #dropdown-menu {
  display: none; }

/* Header Styles */
#header_mobile {
  background-position: left 20px top -20px !important;
  background-size: 90% 90%;
  padding-bottom: 5px;
  background-size: 80%;
  background-position: left center;
  background-repeat: repeat-x !important;
  /* - - - - - - - 	TOP NAVIGATION 	- - - - - - - */ }
  #header_mobile #logo {
    /*
    */ }
    #header_mobile #logo a {
      height: inherit;
      display: block; }
      #header_mobile #logo a img {
        /* round corners ($amount) */
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px; }
  #header_mobile #phoneNumber {
    /* Telephone Number */
    text-align: center;
    padding: 20px 0px;
    font-family: 'Oswald',Helvetica,Arial,Verdana,sans-serif;
    font-size: 36px;
    line-height: 36px; }
    #header_mobile #phoneNumber a {
      padding: 0px 10px;
      background: #eee;
      /* round corners ($amount) */
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      #header_mobile #phoneNumber a:hover {
        background: #25ceff;
        color: #fff; }
  #header_mobile #navigation_mobile * {
    margin: 0;
    padding: 0; }
  #header_mobile #navigation_mobile {
    text-align: center;
    margin-bottom: 0px; }
    #header_mobile #navigation_mobile ul {
      display: block;
      list-style-type: none;
      font-size: 0.9em;
      margin: 0 auto; }
      #header_mobile #navigation_mobile ul li:first-child a {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0; }
      #header_mobile #navigation_mobile ul li {
        /* Hide sub menu */ }
        #header_mobile #navigation_mobile ul li a {
          padding: 10px 20px;
          background: #1a75bb;
          display: block;
          color: #fff; }
          #header_mobile #navigation_mobile ul li a:hover {
            background: #25ceff; }
        #header_mobile #navigation_mobile ul li ul {
          display: none !important; }

h2 {
  text-align: center;
  font-size: 1.8em !important;
  /*text-shadow: 0 0 10px #999;*/ }

#mainContainer {
  display: block;
  margin-top: -5px !important;
  padding-bottom: 30px; }

/* - - - - - - - 	ABOUT US 		- - - - - - - */
#section_aboutUs #section_aboutUs_pic {
  width: 100% !important; }
  #section_aboutUs #section_aboutUs_pic img {
    width: 90%;
    margin: 15px 5% 0px 5%; }
#section_aboutUs #section_aboutUs_text {
  display: block;
  width: 100% !important; }
  #section_aboutUs #section_aboutUs_text p {
    padding: 10px 20px;
    font-size: 0.9em; }

/* - - - - - - - 	SERVICES 		- - - - - - - */
#section_services {
  display: block;
  /* Styles for each service offered. Currently three available */ }
  #section_services #services_mobile_links {
    padding: 0px 10px 10px 10px;
    text-align: center !important;
    color: #bbb; }
    #section_services #services_mobile_links a:hover {
      color: #1a75bb; }
  #section_services .section_service {
    width: 96%;
    margin: 0px 2%;
    display: block;
    /* Image styles (also blue ribbon */
    /* Text styles */ }
    #section_services .section_service .section_service_pic {
      height: auto;
      width: 100%;
      display: block;
      margin: 0px 0px 10px 0px;
      padding-bottom: 10px; }
      #section_services .section_service .section_service_pic .section_service_pic_pic {
        position: relative;
        z-index: 0;
        height: auto;
        width: 100%;
        margin: 0px auto 10px auto;
        display: block;
        max-width: 196px; }
        #section_services .section_service .section_service_pic .section_service_pic_pic .section_service_pic_ribbon_back_left, #section_services .section_service .section_service_pic .section_service_pic_pic .section_service_pic_ribbon_back_right {
          display: none; }
        #section_services .section_service .section_service_pic .section_service_pic_pic .section_service_pic_pic_image {
          position: relative;
          height: auto;
          width: 100%;
          z-index: 2; }
          #section_services .section_service .section_service_pic .section_service_pic_pic .section_service_pic_pic_image img {
            /* round corners ($amount) */
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-bottom: 10px auto;
            display: block; }
        #section_services .section_service .section_service_pic .section_service_pic_pic .section_service_pic_ribbon_front {
          margin-top: 10px;
          display: block;
          padding: 10px;
          z-index: 3;
          background: url(../images/whiteDiamond.png), url(../images/whiteDiamond.png), url(../images/services_ribbon_front.png);
          background-position: right -15px center,left -15px center, center center;
          background-repeat: no-repeat, no-repeat, no-repeat;
          text-align: center;
          font-size: 1.4em;
          overflow: hidden;
          color: #fff;
          text-shadow: 0 0 5px #000000; }
    #section_services .section_service .section_service_text {
      padding: 10px 0px; }
      #section_services .section_service .section_service_text ul * {
        margin: 0;
        padding: 0; }
      #section_services .section_service .section_service_text ul {
        margin: 0;
        padding: 0; }
        #section_services .section_service .section_service_text ul li {
          list-style-type: none !important;
          text-align: center;
          padding: 5px 20px;
          margin: 0px 0px 10px 0px;
          font-size: 0.85em; }

/* - - - - - - - 	TESTIMONIALS 	- - - - - - - */
#section_testimonials #section_testimonials_rotator {
  width: 100%; }
  #section_testimonials #section_testimonials_rotator div {
    margin: 0;
    padding: 0;
    width: 100%; }
  #section_testimonials #section_testimonials_rotator .testimonial_rotator_wrap * {
    margin: 0;
    padding: 0; }
  #section_testimonials #section_testimonials_rotator .testimonial_rotator_wrap {
    padding: 10px 0px 0px 0px !important;
    width: 100%; }
    #section_testimonials #section_testimonials_rotator .testimonial_rotator_wrap 0
    h2  {
      display: none; }
    #section_testimonials #section_testimonials_rotator .testimonial_rotator_wrap .text {
      display: block;
      width: auto;
      padding: 20px 30px !important;
      background-image: url(../images/quote_start.png), url(../images/quote_end.png);
      background-position: left 5px top 5px, right 10px bottom 20px;
      background-repeat: no-repeat, no-repeat;
      font-size: 0.9em !important; }
#section_testimonials #testimonialImage {
  width: 90%;
  margin: 0 auto; }
  #section_testimonials #testimonialImage img {
    width: 100%;
    height: auto; }

/* - - - - - - - 	CONTACT US 		- - - - - - - */
#section_contactUs {
  display: block; }
  #section_contactUs p {
    padding: none;
    margin: none; }
  #section_contactUs label {
    font-size: 14px;
    font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    padding: 0px 0px 0px 5px; }
  #section_contactUs #section_contactUs_form {
    width: 80%;
    display: block;
    margin: 10px auto;
    /* Buttons */ }
    #section_contactUs #section_contactUs_form label {
      display: block;
      padding: 0px 0px 5px 0px; }
    #section_contactUs #section_contactUs_form input[type="text"],
    #section_contactUs #section_contactUs_form input[type="password"],
    #section_contactUs #section_contactUs_form input[type="email"],
    #section_contactUs #section_contactUs_form textarea {
      background: #dddddd;
      border: none;
      border-radius: 0;
      box-shadow: none;
      width: 100%;
      font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      letter-spacing: 0.1em;
      word-spacing: 0.25em;
      margin: -5px 0 10px 0;
      padding: 10px;
      color: #333333;
      max-width: 300px;
      transition: all 0.2s;
      -moz-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      /* round corners ($amount) */
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    #section_contactUs #section_contactUs_form select {
      width: 100%;
      padding: 10px;
      background-color: #ddd;
      border: none;
      /* round corners ($amount) */
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      max-width: 300px;
      margin-bottom: 10px; }
      #section_contactUs #section_contactUs_form select option {
        padding: 5px;
        font-size: 16px !important; }
    #section_contactUs #section_contactUs_form textarea {
      height: 8em;
      max-height: 12em;
      min-height: 4em;
      width: 100%;
      max-width: 300px; }
    #section_contactUs #section_contactUs_form input[type="text"]:hover,
    #section_contactUs #section_contactUs_form input[type="password"]:hover,
    #section_contactUs #section_contactUs_form input[type="email"]:hover,
    #section_contactUs #section_contactUs_form textarea:hover {
      background: #dddddd; }
    #section_contactUs #section_contactUs_form input[type="text"]:focus,
    #section_contactUs #section_contactUs_form input[type="password"]:focus,
    #section_contactUs #section_contactUs_form input[type="email"]:focus,
    #section_contactUs #section_contactUs_form textarea:focus {
      background: #eeeeee; }
    #section_contactUs #section_contactUs_form input[type="submit"],
    #section_contactUs #section_contactUs_form input[type="reset"],
    #section_contactUs #section_contactUs_form input[type="button"] {
      background-color: #1a75bb;
      border: none;
      display: inline-block;
      text-transform: capitalize;
      font-family: Helvetica, Arial, Verdana, sans-serif;
      font-size: 14px;
      text-decoration: none;
      text-shadow: none;
      cursor: pointer;
      margin: 0 0 20px 0;
      height: 30px;
      padding: 0 15px;
      color: #fff;
      transition: all 0.2s;
      -moz-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      /* round corners ($amount) */
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
    #section_contactUs #section_contactUs_form input[type="submit"]:hover,
    #section_contactUs #section_contactUs_form input[type="reset"]:hover,
    #section_contactUs #section_contactUs_form input[type="button"]:hover {
      background: #25ceff; }
  #section_contactUs #section_contactUs_details {
    display: block;
    width: 80%;
    margin: 10px auto;
    font-size: 0.95em; }
    #section_contactUs #section_contactUs_details p {
      display: block;
      text-align: left;
      font-size: 1.3em; }
      #section_contactUs #section_contactUs_details p strong {
        display: block;
        padding: 0px 0px 5px 0px;
        font-size: 0.7em; }
      #section_contactUs #section_contactUs_details p a {
        padding: 5px 10px;
        font-size: 0.9em; }
        #section_contactUs #section_contactUs_details p a:hover {
          background-color: #25ceff;
          /* round corners ($amount) */
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          color: #fff; }

/* - - - - - - - 	FOOTER 			- - - - - - - */
#footer {
  background: #13507d;
  padding: 20px 0px 30px 0px;
  position: relative;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px; }
  #footer #footer-left {
    float: left;
    width: 130px;
    margin-left: 20px; }
    #footer #footer-left #footer-left_logo {
      width: 130px; }
      #footer #footer-left #footer-left_logo a img {
        margin: 0px 0px 10px 0px;
        width: 130px;
        /* round corners ($amount) */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
    #footer #footer-left #footer-left-copyright {
      font-size: 0.7em;
      color: #fff;
      font-weight: bold; }
  #footer #footer-right {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 60%;
    font-size: 0.7em; }
    #footer #footer-right ul {
      margin: 0;
      padding: 0;
      text-decoration: none;
      text-align: right;
      margin-right: 20px;
      font-size: 14px; }
      #footer #footer-right ul li {
        display: inline; }
        #footer #footer-right ul li a {
          color: #fff;
          padding: 0px 10px;
          transition: all 0.2s;
          -moz-transition: all 0.2s;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s; }
          #footer #footer-right ul li a:hover {
            color: #25ceff; }
        #footer #footer-right ul li a[href^="mailto:"] {
          font-size: 0.9em !important; }
