body {
    
    background-image: url(templates/SuperFlat_v2/resources/backgrounds/pw_maze_white.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: auto;
}

/* IOS devices 'bgd-att: fixed' solution */
@media only screen and (max-device-width: 1366px) {
    .bgd-attachment-fixed {
        background-image: none;
    }
    .bgd-attachment-fixed:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url(templates/SuperFlat_v2/resources/backgrounds/pw_maze_white.png);
        background-repeat: repeat;
        background-position: top left;
        background-size: auto;
        z-index: -2;
    }
}

.contact-form__label			{ display:block;font-family: 'Open Sans';
    font-size: 1rem;
    color: #4d4d4d;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;
	margin-top: 0.5em;}
input { color: #000;
    font-size: 16px;
    font-family: 'Open Sans';
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;
    padding: 0.63rem 0.4rem;
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #d1d5da;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-appearance: none;
	margin-bottom: 0.5rem;}
.ac							{ margin-top:2em; width:25%;}
.submit 					{ padding: 0.6rem 1.2rem;}

.Text_2_Default,
.yola_inner_heading_wrap {
  word-wrap: break-word;
}

.yola_bg_overlay{
    display:table;
    table-layout: fixed;
    min-height: 100vh;
    min-width: 100%;
    width:100%;
    height:100%;
}
.yola_outer_content_wrapper {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
}
.yola_inner_bg_overlay {
    display: table-cell;
    width:100%;
    min-height: 100vh;
    
    vertical-align: top;
}

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

.yola_outer_heading_wrap {
    text-align: center;
    margin: 0 auto;
    display: table;
    width:100%;
    text-align: center;
    background-attachment: scroll;
    
    max-width: 960px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.yola_inner_heading_wrap {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    	background-color: #242424;
	zoom: 1; /* hasLayout */
	background: transparent\9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc242424', endColorstr='#cc242424'); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc242424', endColorstr='#cc242424')"; /* IE 8+ */
	background-color: rgba(36,36,36,0.80);
}

.yola_innermost_heading_wrap {
    margin: 0 auto;
    
    padding-top:40px;
    padding-right:60px;
    padding-bottom:40px;
    padding-left:60px;
}

.yola_banner_wrap nav {
    margin: 0 auto;
    max-width: 960px;
    padding-top:5px;
    
    padding-bottom:5px;
    
    	background-color: #292929;

}

.yola_inner_nav_wrap {
    margin: 0 auto;
    
}

.yola_banner_wrap nav ul.sys_navigation {
    text-align: center;
}

.yola_banner_wrap h1 {
    text-align: center;
    margin:0;
}

.yola_site_tagline {
    margin:0;
    font-family: 'Open Sans';
    
    font-size: 1.5rem;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 5px;
    line-height: 1.5em;
    text-transform: none;
    
}

.yola_site_tagline span {
    display: inline-block;
    margin: 20px 0 0 0;
    
    
    
    
    
}

ul.sys_navigation {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.sys_navigation li {
    display: inline;
    list-style-type: none;
    margin:0 20px 0 0;
}

.yola_inner_nav_wrap ul.sys_navigation li:last-child {
    margin:0;
}

.yola_content_wrap {
    margin:0 auto;
    max-width: 960px;
    	background-color: #ffffff;

}

.yola_content_column {
	margin:0 auto;
    min-height:200px;
    
}

.yola_inner_content_column {
    padding-top:40px;
    padding-right:60px;
    padding-bottom:40px;
    padding-left:60px;
}

.yola_inner_footer_wrap {
    padding: 0 20px;
}

div[id*='sys_region_'] {
    padding-left: 0 ! important;
    padding-right: 0 ! important;
}

.yola_site_logo {
    
}

#sys_heading.yola_hide_logo img {
    display:none;
}
#sys_heading.yola_hide_logo span {
    display:inline;
}

#sys_heading.yola_show_logo img {
    display:inline;
    max-width: 100%;
    height: auto;
}
a#sys_heading.yola_show_logo {
    font-size:14px;
}
#sys_heading.yola_show_logo span {
    display:none;
}

.yola_footer_wrap {
    margin:0 auto;
    max-width: 960px;
}

.yola_footer_column {
    margin:0 auto;
    
    display: block;
}

footer {
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    padding-left: 60px;
    font-family: 'Open Sans';
    font-size: 0.8rem;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 2px;
    text-transform: none;
    	background-color: #222222;
	zoom: 1; /* hasLayout */
	background: transparent\9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc222222', endColorstr='#cc222222'); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc222222', endColorstr='#cc222222')"; /* IE 8+ */
	background-color: rgba(34,34,34,0.80);
}

span.yola_footer_socialbuttons{
    display:inline-block;
    line-height:0;
    margin:0;
    padding:0;
    display:inline-block;
    position:static;
    float:left;
    width:146px;
    height:20px;
    display: block;
}

.sys_yola_form .submit,
.sys_yola_form input.text,
.sys_yola_form input.email,
.sys_yola_form input.tel,
.sys_yola_form input.url,
.sys_yola_form textarea {
    font-family: 'Open Sans';
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    text-transform: none;
}

div.sys_yola_form {
    padding:0 !important;
}

div.sys_yola_form form{
    margin:0 !important;
    padding:0 !important;
}

.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
    margin-top:0;
}


div[id*='sys_region_'] {
    padding:0 !important;
}

blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid #4d4d4d;;
    
    
    
    
    
    
    
    font-style: italic;
}

.mob_menu {
  display: none;
}

.new-text-widget img, .old_text_widget img {
  max-width: 100%;
}

/* A rendered screen width > 736px excludes event the largest of mobile
 * phones such as the iPhone 6+ in landscape mode. Everything smaller than
 * these devices will have the following styles applied.
 */
@media only screen and (max-width: 736px) {
  html {
    font-size: 80%;
  }

  #sys_heading {
    word-wrap: break-word;
    word-break: break-word;
  }

  .small_device_hide {
    opacity: 0;
  }

  .yola_bg_overlay, .yola_inner_bg_overlay {
     display: block;
  }

  /* Zero out padding of the heading wrapper */
  .yola_inner_heading_wrap.top .yola_innermost_heading_wrap,
  .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap,
  .yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
  .yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
      padding-left: 0;
      padding-right: 0;
  }

  /* Make all image widgets center aligned */
 .Image_Default img {
      display: block;
      margin: 0 auto;
  }

  /* Center button widgets in column dividers */
  .column_divider .sys_button {
      text-align: center;
  }

  /* Make column dividers snap to one over another */
  .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block {
      float: none;
  }

  #sys_heading {
      word-wrap: break-word;
      word-break: break-word;
  }

  body .column_divider .left, body .column_divider .right {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }

  .mob_menu a:visited {
      color: #fff;
  }

  .mob_menu {
      display: block;
      background-color: #fff;
      z-index: 1;
      
      background: rgba(36,36,36,0.80);
      background: rgba(41,41,41,1);
  }

  .mob_menu.menu_open {
      position: absolute;
      min-height: 100%;
      
      margin: 0;
      top: 0;
      left: 0;
      right: 0;
  }

  .mob_menu.menu_open ~ header {
    display: none;
  }

  .yola_outer_content_wrapper {
      display: block;
      padding-top: 0;
  }

  .mob_menu_overlay {
      display: none;
  }

  .menu_open .mob_menu_overlay  {
      display: block;
  }

  .mob_menu_toggle {
      display: block;
      padding-top: 5%;
      padding-bottom: 6%;
      text-align: center;
      color: #666;
      cursor: pointer;
  }
  .mob_submenu_toggle {
      list-style: none;
      text-align: center;
      padding: 0;
      margin: 0;
  }
  #sys_heading span {
      font-size: 35px;
      font-weight: 500;
  }
  .sys_navigation {
      display: none;
  }

  .mobile_ham {
      stroke: #ffffff;
  }

  .mobile_quit {
      display: none;
  }

  .menu_open .mobile_ham {
      display: none;
  }

  .menu_open .mobile_quit {
      display: inline;
      stroke: #ffffff;
  }

  .mob_menu_list {
      font-family: 'Open Sans';
      font-weight: lighter;
      margin: 0;
      font-size: 2.2em;
      line-height: 2;
      letter-spacing: 0.1em;
      list-style: none;
      text-align: center;
      padding: 0;
      -webkit-animation-duration: .2s;
      -webkit-animation-fill-mode: both;
      -webkit-animation-name: fadeInUp;
      -moz-animation-duration: .2s;
      -moz-animation-fill-mode: both;
      -moz-animation-name: fadeInUp;
      -o-animation-duration: .2s;
      -o-animation-fill-mode: both;
      -o-animation-name: fadeInUp;
      animation-duration: .2s;
      animation-fill-mode: both;
      animation-name: fadeInUp;
  }

  .mob_menu_overlay .mob_menu_list a {
      color: #ffffff;
  }

  .mob_more_toggle {
      cursor: pointer;
      background: none;
      border: none;
      outline: none;
      padding: 8px;
      margin-bottom: -2.5%;
      margin-left: 0.5%;
      stroke: #ffffff;
  }

  .up_arrow {
      display: none;
  }

  .sub_menu_open svg .down_arrow {
      display: none;
  }

  .sub_menu_open .up_arrow {
      display: inline;
  }

  .mob_menu_overlay .mob_menu_list .selected a {
      color: #ffffff;
  }

  .sub_menu_open a {
      color: #ffffff;
  }

  .mob_menu_list .sub_menu_open a {
      color: #ffffff;
  }

  .sub_menu_open .mob_more_toggle {
      stroke: #ffffff;
  }

  .mob_submenu_list {
      font-family: 'Open Sans';
      font-weight: lighter;
      list-style: none;
      text-align: center;
      padding: 0 0 5% 0;
      margin: 0;
      line-height: 1.6;
      display: none;
      -webkit-animation-duration: .2s;
      -webkit-animation-fill-mode: both;
      -webkit-animation-name: fadeInUp;
      -moz-animation-duration: .2s;
      -moz-animation-fill-mode: both;
      -moz-animation-name: fadeInUp;
      -o-animation-duration: .2s;
      -o-animation-fill-mode: both;
      -o-animation-name: fadeInUp;
      animation-duration: .2s;
      animation-fill-mode: both
      animation-name: fadeInUp;
  }

  .sub_menu_open .mob_submenu_list{
      display: block;
  }

  .mob_submenu_items {
      font-size: 0.75em;
  }
  .mob_menu_list .mob_nav_selected {
      color: #ffffff;
  }

  .menu_open ~ .yola_outer_content_wrapper {
      display: none;
  }

  .new-text-widget img, .old_text_widget img {
    height: auto;
  }

  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @-moz-keyframes fadeInUp {
    0% {
      opacity: 0;
      -moz-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      -moz-transform: none;
      transform: none;
    }
  }

  @-o-keyframes fadeInUp {
    0% {
      opacity: 0;
      -o-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      -o-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }

}