/* CSS Document */
#mainContent header #logo, #mainContent header .phone {
  display: none; }
#mainContent header #mm {
  opacity: 0; }
#mainContent section {
  width: 100%;
  max-width: none;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100; }
  #mainContent section #sliders {
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
    -ms-justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-align-content: stretch;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-align-content: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
    width: 100%; }
    #mainContent section #sliders .flexslider {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      overflow: hidden;
      position: relative;
      /* Hide the slides before the JS is loaded. Avoids image jumping */ }
      #mainContent section #sliders .flexslider .slides {
        margin-bottom: 0;
        /* Clearfix for the .slides element */ }
        #mainContent section #sliders .flexslider .slides > li {
          display: none;
          height: 100%;
          -webkit-backface-visibility: hidden;
          background-position: center center;
          background-repeat: no-repeat;
          -moz-background-size: cover;
          -o-background-size: cover;
          -webkit-background-size: cover;
          background-size: cover;
          -webkit-filter: saturate(50%);
          filter: saturate(50%); }
          #mainContent section #sliders .flexslider .slides > li.done {
            opacity: 1; }
        #mainContent section #sliders .flexslider .slides:after {
          content: "\0020";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        html[xmlns] #mainContent section #sliders .flexslider .slides {
          display: block; }
        * html #mainContent section #sliders .flexslider .slides {
          height: 1%; }
  #mainContent section #logoMark {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -80px;
    z-index: 200; }
    #mainContent section #logoMark .line {
      stroke: none; }
  #mainContent section #bottomLine {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    margin-top: 64px;
    margin-left: -11.5px;
    z-index: 200; }

.canvas {
  display: none; }

#loader {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  background: url(/_images/loader_squares.gif) no-repeat center;
  -moz-background-size: 50px;
  -o-background-size: 50px;
  -webkit-background-size: 50px;
  background-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%; }

footer {
	position: absolute !important;
	width: 100%;
	top: 100%;
}

@media (max-width: 640px) {
  #mainContent section #sliders {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    #mainContent section #sliders .flexslider {
      width: 100%; } }