@font-face {
  font-family: "Boton Regular";
  src: url("/fonts/Boton Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Aldus Italic";
  src: url("/fonts/Aldus-Italic.otf") format("opentype"); }
@font-face {
  font-family: "Aldus Roman";
  src: url("/fonts/Aldus-Roman.otf") format("opentype"); }
h1 {
  font-family: "Aldus Roman", serif;
  font-size: 22px; }

#wrapper {
  width: 100%;
  position: relative; }
  #wrapper #image_overlay_bg {
    z-index: 490;
    background-color: #222;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    opacity: 0.95; }
  #wrapper #image_overlay {
    display: none;
    position: absolute;
    background: #222222;
    z-index: 500;
    margin: auto;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 1%;
    margin-top: -250px;
    margin-left: -250px;
    font-size: 24px;
    color: white; }
    #wrapper #image_overlay img {
      box-shadow: 0 0 50px #000; }
  #wrapper #sideMenu {
    position: absolute;
    top: 0;
    left: -195px;
    bottom: 0;
    width: 190px;
    background: #cc1c1c;
    z-index: 9999;
    color: #fff;
    overflow: hidden; }
    #wrapper #sideMenu .menu-title-row {
      height: 45px; }
      #wrapper #sideMenu .menu-title-row .title, #wrapper #sideMenu .menu-title-row .close-icon {
        float: left;
        font-size: 26px;
        left: 140px;
        top: 4px;
        position: relative; }
      #wrapper #sideMenu .menu-title-row .title {
        width: 80%; }
      #wrapper #sideMenu .menu-title-row .close-icon {
        width: 20%;
        text-align: right;
        cursor: pointer; }
    #wrapper #sideMenu ul.menu-item-list {
      color: #000;
      margin: 10px;
      padding: 0; }
      #wrapper #sideMenu ul.menu-item-list a, #wrapper #sideMenu ul.menu-item-list a:visited {
        text-decoration: none;
        color: #fff; }
      #wrapper #sideMenu ul.menu-item-list li {
        padding: 10px;
        border-bottom: 1px solid #dadada; }
  #wrapper #container {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative; }

#header-bar {
  display: none;
  background-color: #f21313;
  height: 40px;
  width: 100%; }
  #header-bar img {
    height: 37px; }

#top-social-bar {
  display: none; }

#header-background {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center; }
  #header-background[data-page='index'] {
    background-image: url("../images/homebgm.png"); }
  #header-background[data-page='services'] {
    background-image: url("../images/servicesbg.png"); }
  #header-background[data-page='testimonials'] {
    background-image: url("../images/testimonialsbg.png"); }
  #header-background[data-page='photosvideo'] {
    background-image: url("../images/photosandvideobg.jpg"); }
  #header-background[data-page='contactus'] {
    background-image: url("../images/constactusbg.png"); }
  #header-background #header-desktop {
    display: none; }
  #header-background #mobile-header-bar {
    height: 60px;
    background-color: #f21313;
    opacity: 0.90;
    position: relative; }
    #header-background #mobile-header-bar #hamburger-box {
      position: relative;
      top: 17.5px;
      left: 20px;
      float: left;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
      #header-background #mobile-header-bar #hamburger-box.clicked {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      #header-background #mobile-header-bar #hamburger-box div {
        width: 20px;
        height: 3px;
        background-color: #fff;
        margin: 4px 0; }
    #header-background #mobile-header-bar #mobile-logo {
      position: absolute;
      top: 0;
      right: 0; }
      #header-background #mobile-header-bar #mobile-logo img {
        height: 60px; }
  #header-background #header #main-menu-box ul#main-menu li {
    color: white;
    font-family: "Aldus Italic", serif;
    font-size: 18px;
    text-align: center;
    display: none;
    float: right;
    width: 80%;
    margin-bottom: 15px;
    margin-top: 7px; }
    #header-background #header #main-menu-box ul#main-menu li a {
      padding-left: 80px; }
    #header-background #header #main-menu-box ul#main-menu li.active {
      display: block; }
    #header-background #header #main-menu-box ul#main-menu li a, #header-background #header #main-menu-box ul#main-menu li a:visited {
      color: white; }
    #header-background #header #main-menu-box ul#main-menu li .main-menu-title {
      display: inline-block;
      float: right;
      margin-right: 20px; }

#main-content {
  width: 100%;
  position: relative; }
  #main-content .main-body {
    width: 90%;
    margin: 30px auto 0; }
    #main-content .main-body .main-body-left {
      display: none; }
      #main-content .main-body .main-body-left .side-menu-box a.active {
        text-decoration: underline; }
      #main-content .main-body .main-body-left div {
        text-align: right;
        color: white;
        font-family: "Aldus Italic", sans-serif;
        font-size: 42px;
        padding-right: 35px; }
      #main-content .main-body .main-body-left ul {
        list-style-type: none;
        font-family: "Boton Bold", sans-serif;
        font-size: 18px;
        margin-top: 40px; }
        #main-content .main-body .main-body-left ul li {
          margin: 16px 0; }
          #main-content .main-body .main-body-left ul li a, #main-content .main-body .main-body-left ul li a:visited {
            text-decoration: none;
            color: inherit; }
          #main-content .main-body .main-body-left ul li a:hover {
            text-decoration: underline;
            cursor: pointer; }
    #main-content .main-body .main-body-right {
      float: left;
      width: 100%; }
      #main-content .main-body .main-body-right .photo-each img {
        height: 100px;
        width: 100px;
        border-radius: 50%; }
    #main-content .main-body h1 {
      color: #202020;
      margin-top: 0; }
    #main-content .main-body div {
      font-size: 14px;
      font-family: "Aldus Roman", serif;
      color: #383838; }
    #main-content .main-body div.home-text {
      padding-bottom: 20px; }
      #main-content .main-body div.home-text div {
        margin: 10px 0; }
      #main-content .main-body div.home-text[data-page] h1 {
        font-family: "Aldus Italic", sans-serif; }
        #main-content .main-body div.home-text[data-page] h1.right {
          text-align: right; }
      #main-content .main-body div.home-text[data-page="testimonials"] h1 {
        margin: 0 0 35px 0; }
      #main-content .main-body div.home-text[data-page="testimonials"] div {
        font-style: italic; }
      #main-content .main-body div.home-text[data-page="photosvideo"] h1 {
        font-family: "Aldus Roman", sans-serif;
        font-size: 20px;
        margin: 0 0 15px 0;
        text-align: center;
        font-style: normal; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div {
        margin: 0;
        font-style: italic; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each {
        float: left;
        width: 25%; }
        #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each:hover {
          opacity: 0.8; }
        #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each img {
          width: 78%;
          height: 53px;
          margin: 10px 5%; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div.arrow img:hover {
        opacity: 0.8;
        cursor: pointer; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div.up-arrow {
        margin-bottom: 10px; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div.down-arrow {
        margin-top: 10px; }
      #main-content .main-body div.home-text[data-page="contactus"] .contact-label, #main-content .main-body div.home-text[data-page="contactus"] .contact-row {
        float: left;
        margin: 5px 0; }
      #main-content .main-body div.home-text[data-page="contactus"] .contact-label {
        width: 25%; }
        #main-content .main-body div.home-text[data-page="contactus"] .contact-label.input-label {
          padding-top: 5px; }
      #main-content .main-body div.home-text[data-page="contactus"] .contact-row {
        width: 75%; }
        #main-content .main-body div.home-text[data-page="contactus"] .contact-row input[type=text], #main-content .main-body div.home-text[data-page="contactus"] .contact-row textarea {
          width: 100%; }
        #main-content .main-body div.home-text[data-page="contactus"] .contact-row input {
          padding: 2px 3px; }
        #main-content .main-body div.home-text[data-page="contactus"] .contact-row textarea {
          height: 106px; }
        #main-content .main-body div.home-text[data-page="contactus"] .contact-row.buttons {
          text-align: right; }
          #main-content .main-body div.home-text[data-page="contactus"] .contact-row.buttons button {
            margin-left: 10px;
            border: 1px solid #f21313;
            font-size: 16px;
            font-family: "Aldus Roman", sans-serif;
            padding: 1px 15px; }
            #main-content .main-body div.home-text[data-page="contactus"] .contact-row.buttons button#send-btn {
              background-color: #f21313;
              color: #fff; }
            #main-content .main-body div.home-text[data-page="contactus"] .contact-row.buttons button#clear-btn {
              background-color: #fff;
              color: #f21313; }
    #main-content .main-body div.image-link-box {
      margin-top: 20px; }
      #main-content .main-body div.image-link-box div.image-link {
        float: left;
        width: 50%;
        margin-bottom: 20px; }

#footer-box {
  background-color: #f21313;
  font-family: "Boton Regular", sans-serif;
  font-size: 12px;
  padding: 20px;
  color: #fff; }
  #footer-box a, #footer-box a:visited {
    color: #fff;
    text-decoration: none;
    padding: 2px 0;
    display: block; }
  #footer-box .footer-text a {
    display: inline-block; }
  #footer-box .footer-center {
    letter-spacing: 1px; }
    #footer-box .footer-center a:hover {
      text-decoration: underline; }
  #footer-box .footer-left {
    display: none; }
  #footer-box .footer-center, #footer-box .footer-right {
    float: left;
    width: 50%; }
  #footer-box .footer-right {
    text-align: center;
    padding-top: 30px; }
  #footer-box .social-media-icons ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: block;
    width: 54px; }
    #footer-box .social-media-icons ul li {
      float: left; }

.clear-fix, .cf, .clear {
  clear: both; }

.center {
  text-align: center;
  margin: 0 auto; }

.hidden {
  display: none; }

/* OUR NATURAL BREAKPOINTS
		1366px - full desktop view
		1024px - iPad view test
 */
@media only screen and (min-width: 768px) {
  /*#header-background #mobile-header-bar #mobile-logo img {
  	height: 130px;
  }*/
  #header-background #header #main-menu-box ul#main-menu li {
    font-size: 24px; }

  #main-content .main-body div {
    font-size: 16px; }
  #main-content .main-body h1 {
    margin-top: 20px; }

  h1 {
    font-size: 26px; }

  #main-content .main-body div.image-link-box div.image-link {
    width: 25%; }

  #main-content .main-body div.home-text {
    width: 90%;
    margin: 0 auto; }

  #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each img {
    height: 115px; }

  h1.home-h1 {
    width: 90%;
    margin: 0 auto 20px; }

  #main-content .main-body div.image-link-box {
    margin-bottom: 20px; }

  #footer-box .footer-right, #footer-box .footer-center {
    font-size: 14px; }

  #footer-box .footer-center {
    padding-left: 60px; } }
@media only screen and (min-width: 1024px) {
  #main-content .main-body div.home-text div {
    margin: 20px 0 35px; }

  #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each {
    float: left;
    width: 12%; }

  #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each img {
    height: 75px; } }
@media only screen and (min-width: 1366px) {
  h1 {
    font-size: 30px; }

  #main-content .main-body {
    width: 100%; }
    #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each {
      width: 25%; }
      #main-content .main-body div.home-text[data-page="photosvideo"] div.photo-grid div.photo-each img {
        height: 93px; }
    #main-content .main-body .main-body-left {
      float: left;
      width: 50%;
      display: block; }
    #main-content .main-body .main-body-right {
      width: 50%; }
    #main-content .main-body div.home-text {
      width: 70%; }
      #main-content .main-body div.home-text div.cf {
        margin: 0; }
    #main-content .main-body div.home-text[data-page="contactus"] .contact-row {
      margin: 10px 0; }

  #wrapper {
    width: 100%; }
    #wrapper #container {
      margin: 0 auto;
      width: 1366px; }
      #wrapper #container #mobile-header-bar {
        display: none; }
      #wrapper #container #header {
        display: none; }
      #wrapper #container #header-desktop {
        display: block;
        background-color: #f21313; }
        #wrapper #container #header-desktop #logo-desktop {
          float: left;
          width: 585px;
          margin-left: 60px; }
        #wrapper #container #header-desktop #menu-desktop {
          float: right;
          margin-right: 100px;
          margin-top: 40px;
          font-size: 16px; }
          #wrapper #container #header-desktop #menu-desktop ul {
            margin: 0;
            list-style-type: none;
            padding: 0;
            font-family: "Boton Bold", sans-serif; }
            #wrapper #container #header-desktop #menu-desktop ul li {
              float: left;
              margin-left: 40px; }
              #wrapper #container #header-desktop #menu-desktop ul li a, #wrapper #container #header-desktop #menu-desktop ul li a:visited {
                color: white; }
      #wrapper #container #main-bg {
        background-repeat: no-repeat; }
        #wrapper #container #main-bg[data-pageid='index'] {
          background-image: url("../images/homebg.png"); }
        #wrapper #container #main-bg[data-pageid='services'] {
          background-image: url("../images/servicesbg.png"); }
        #wrapper #container #main-bg[data-pageid='testimonials'] {
          background-image: url("../images/testimonialsbg.png"); }
        #wrapper #container #main-bg[data-pageid='photosvideo'] {
          background-image: url("../images/photosandvideobg.png"); }
        #wrapper #container #main-bg[data-pageid='contactus'] {
          background-image: url("../images/constactusbg.png"); }
        #wrapper #container #main-bg #top-social-bar {
          display: block; }
          #wrapper #container #main-bg #top-social-bar div {
            margin-right: 60px; }
          #wrapper #container #main-bg #top-social-bar ul {
            margin: 0;
            padding: 0;
            list-style-type: none; }
            #wrapper #container #main-bg #top-social-bar ul li {
              float: right; }

  #footer-box .footer-left {
    display: block;
    float: left;
    width: 48%;
    font-size: 16px;
    padding-left: 60px;
    padding-top: 16px; }

  #footer-box .footer-center {
    width: 26%;
    font-size: 16px; }

  #footer-box .footer-right {
    width: 26%;
    font-size: 16px; } }

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