/* Theme Name: Theme Name
 * Theme URI: http://zoomroom.co.nz
 * Version: 1.0
 * Author: Zoomroom Interactive
 * Author URI: http://www.zoomroom.co.nz
 * Tags: simple, clean, valid XHTML, valid CSS, blank-slate
 * Licence: 
 * Description:The CSS is minimal but consistent cross-browser.
 */
/*TABLE OF CONTENTS:
 *1.0 Normalize
 *2.0 Typography
 *3.0 Elements
 *4.0 Forms
 *5.0 Navigation
 *	5.1 Links
 *	5.2 Menus inc header
 *	5.3 Mobile Menu Set up
 *6.0 Footer
 *7.0 Alignments/Grid
 *8.0 Clearings
 *9.0 Content
 *	9.1 Homepage template 
 *	9.2 Internal landing template
 *	9.3 Basic internal template
 *10.0 Media
 */
/*1.0 Normalize
 */
 
html {
  font-family: sans-sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  font-style: normal;
	overflow-x: hidden;}

body {
font-family: 'Open Sans', sans-sans-serif;
  margin: 0;
overflow-x: hidden; } /* Added to remove whitespace created by sidemenu on mobile */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: yellow;
  color: black; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*2.0 Typography
 */
body,
button,
input,
select,
textarea {
  color: #404040;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }
/*
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }*/

p {
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 400; 
  color:#636363;}

b,
strong {
  font-weight: bold; }

dfn,
cite,
em,
i {
  font-style: italic; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

/*3.0 Elements
 */
body {
  background: none repeat scroll 0 0 white;
  color: black;
  font: normal 16px/22px "Open Sans", sans-sans-serif;
  height: 100%;
  width: 100%; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

hr {
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/*ul,
ol {
  margin: 0; }*/

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: 80px;
 /* max-width: 100%;*/ }

/*4.0 Forms
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /*border: 1px solid */
  border: none;
  /*border-color: #ccc #ccc #bbb */
  /*background: #e6e6e6 */
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05) */
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

input {
  -webkit-border-radius: 0px; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  /*border-color: #ccc #bbb #aaa */
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02) */ }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  /*border-color: #aaa #bbb #bbb */
  /*box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15) */ }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  /*color: #666 */
  /*border: 1px solid #ccc */
  -webkit-appearance: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  padding: 1% !important;
  width: 100%; }

::-webkit-input-placeholder {
  color: black;
  text-transform: none; }

:-moz-placeholder {
  color: black;
  text-transform: none; }

::-moz-placeholder {
  color: black;
  text-transform: none; }

:-ms-input-placeholder {
  color: black;
  text-transform: none; }

/*5.0 Navigation
 */
/*5.1 Links
 */
a {
  color: #636363; }

a:visited {
  color: #636363; }

a:hover,
a:focus,
a:active {
  color: #636363; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

/*5.2 Links inc header
 */
#top-header {
  background: black;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 14px;
  z-index: 99;
  font-weight: 600;
  height:50px;  }
  #top-header .contact-info {
    float: right; 
	font-size: 14px;
	margin-top: 15px;}
  #top-header .telephone {
    float: left;}
  #top-header .email {
    float: left;
    margin-right: 15px; }
  #top-header span {
    margin-right: 7px; }
  #top-header a {
    color: #171717;
    text-decoration: none;
    text-align: left;
    display: inline-block; text-decoration:none; }
#top-header a:hover { text-decoration:underline; }
#header {
  padding: 0px 3%;
  height: 150px;
  width: 94%;
  top: 0px;
  left: 0;
  z-index: 9; }
.header-contact {
  height: 30px;
  background:#FFD700;
  padding: 0px 3%;
  width: 94%;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 9; }
  #owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
  #header .container {
  /*font-family:Open Sans;*/
    display: table;
    height: 150px;	}
  #header #logo-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: px; }
    #header #logo-wrapper #logo {
      width: px; }
      #header #logo-wrapper #logo a {
        color: white;
        text-decoration: none;
        font-weight: 800; }
    #header #logo-wrapper #logo-image {
      max-width: 20px;
      padding:; }
      #header #logo-wrapper #logo-image img {
        width: %;
        display: block;
        height: auto; }
  #header #nav-wrapper {
    display: table-cell;
    text-align: left;
    vertical-align: middle; }

#header.grey {
  background-color: #f7f7f7; }

#nav-menu {
  display: none; }

#header.lighter #logo-wrapper #logo a {
  color: black; }
#header.lighter #menu li a {
  color: black; }



/*Sponsor slider*/

.container2 {
  max-width: 400px;
  background-color: black;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.container2 div {
  background-color: white;
  width: 100%;
  display: inline-block;
  display: none;
}
.container2 img {
  width: 100%;
  height: auto;
}

button {
  position: absolute;
}

.next {
  right: 5px;
}

.prev {
  left: 5px;
}
#logo-slider-wraper { margin: 20px auto;}
.slide {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.logo-img {
    vertical-align: middle;
    width: auto;
}
#next {
	margin-left: -100px !important;
	margin-top: -35px;
}
#prev {
	margin-right: -100px !important;
		margin-top: -35px;
}


/*6.0 Footer
 */
 #basebutt{padding-bottom:10px;}
footer {
  background-color: #2a292b ;
  padding: 0px 0 50px;
  border-top: 1px solid #d2d2d2;
  color: white;
  font-size: 16px;
  width: 100%; }
  footer p {
    margin: 0;
    padding: 0; }
  footer .logo {
    float: left;
    width: 21.92982%; }
	footer h4{
	color:white;
	}
    footer .logo img {
      height: 100px;
      width: auto; }
  footer .logo.empty {
    margin-top: 20px; }
  footer .news {
    float: left;
    width: 21.92982%;
    margin-top: 20px; }
  footer .contact {
    margin-top: 20px;
    float: left;
    width: 21.92982%; }
    footer .contact span {
      color: #ffae00;
      font-weight: 600; }
    footer .contact a {
      color: white;
      text-decoration: none; }
  footer .site-info {
    border-top: 1px solid #d2d2d2;
    margin-top: 20px;
    width: 100%;
    padding: 20px 0;
    display: table; }
    footer .site-info .copyright {
      display: table-cell;
      vertical-align: middle; }
    footer .site-info .site-builder {
      text-align: right;
      display: table-cell;
      vertical-align: middle; }
      footer .site-info .site-builder a {
        text-decoration: none;
        color: black; }
		
.fa-envelope {
color: white !important;
}
.fa-map-marker {
color: white !important;
}
.fa-phone {
color: white !important;
}
.secondary-navigation ul{
	margin: 0;
    padding: 0;
	list-style-type: none;
	line-height: 30px;

}

.secondary-navigation a{
	color: #fff;
	text-decoration:none;
}
.menu a {
	text-decoration:none;
	color: #636363;
    font-size: 16px;
    font-weight: bold;
}
.menu a:hover {
	opacity: 0.7;
}
 .container-menu {
 margin: 0 auto;
 max-width:1200px;
 padding:0 3%;
 width:94%;
 }
 .container-menu span {
 float:right;
 display:inline
 }
 .col-3 img {margin-top:15px;}
 .site-menu {margin-top:40px;}
 .site-menu ul li{
	display:inline;
	text-decoration:none;
	padding: 1%;
 }
 
.site-menu a {
	text-decoration:none;
	color:#171717;
 }
 .site-menu img{
	position:relative;
	display:inline;
	text-decoration:none;
	padding: 0 2%;
	max-width:220px;
	height:80px;
	vertical-align:bottom;
	padding: 0 2%;
 }

/*7.0 Alignments/grids
 */
.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%; }
.row {
  width: 90%;
  margin: 0 auto; }

[class*="col-"] {
  float: left; 
  margin:0 40px;}

.col-4 {
  margin-left: 0%;
  margin-right: 3%;
  /*width: 25%; */}
  
.col-3 {
text-align:center;
  margin-left: 3%;
  margin-right: 3%;
  width: 18%;

  }
  
.col-8 {
  float: right;
  width: 66%; }

.col-6 {
  margin-left: 3%;
  margin-right: 3%;
  width: 44%; }

.col-12 {
  width: 94%;
  margin: 0 3%; }

.image-cover, .slides, .bk-cover {
  height: 520px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative; }

.internal.image-cover {
  height: 450px; }

/*8.0 Clearings
 */
.clearfix:after {
  clear: both; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table;
  line-height: 0; }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-ms-keyframes fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
#content {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  animation: fadein 2s; }

/*Homepage
 */
.slides {
  overflow: hidden; }
  .slides .owl-pagination {
    position: absolute;
    bottom: 0px;
    /*left: 0px;*/
    right: 50%; }
  .slides .owl-prev, .slides .owl-next {
    position: absolute;
    top: 0;
    font-size: 40px;
    height: 100%;
    color: white; }
    .slides .owl-prev span, .slides .owl-next span {
      top: 50%;
      position: absolute;
      width: 20px;
      display: none; }
  .slides .owl-prev {
    left: 0px; }
    .slides .owl-prev span {
      left: 10px; }
  .slides .owl-next {
    right: 0px; }
    .slides .owl-next span {
      right: 10px; }

.slides:hover .owl-prev span, .slides:hover .owl-next span {
  display: block; }

#hero-image .caption-inner, .slides .caption-inner {
  position: relative; }
  #hero-image .caption-inner .caption.left, .slides .caption-inner .caption.left {
    left: 0%;
    position: absolute;
    right: 20%;
    text-align: left;
    top: -400px;
    width: 50%; }
  #hero-image .caption-inner .caption.right, .slides .caption-inner .caption.right {
    right: 0%;
    position: absolute;
    text-align: right;
    top: -350px;
    width: 50%;
    left: auto; }
  #hero-image .caption-inner .caption, .slides .caption-inner .caption {
    left: 20%;
    position: absolute;
    right: 20%;
    text-align: center;
    top: -370px;
    width: 60%; }
  #hero-image .caption-inner .caption.search, .slides .caption-inner .caption.search {
    margin-top: 100px; }
  #hero-image .caption-inner h1, .slides .caption-inner h1 {
    color: white;
    font: 700 34px/38px "Open Sans", sans-sans-serif; }
  #hero-image .caption-inner p, .slides .caption-inner p {
    color: white;
    font: 300 21px/28px "Open Sans", sans-sans-serif; }
  #hero-image .caption-inner a, .slides .caption-inner a {
    display: inline-block;
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1em;
    margin: 10px 0;
    padding: 1em 1.75em;
    text-decoration: none;
    text-transform: uppercase; }

#intro {
  text-align: center;
  width: 80%;
  margin: 0px auto 40px; }
  #intro p {
    font: 300 24px/32px "Open Sans", sans-sans-serif; }

#intro-block h2 {
  font: 700 36px/38px "Open Sans", sans-sans-serif; }
#intro-block p {
  font: 700 26px/28px "Open Sans", sans-sans-serif;
  margin-bottom: 20px; }

#blocks {
  margin: 50px auto; }
  #blocks img {
    width: 100%;
    height: auto;
    display: block; }
    #blocks img.alignright { clear:right;float:right;/* margin-left:20px; width:auto; height:auto; */}
  #blocks .entry-description h2 {
    font: 700 21px/24px "Open Sans", sans-sans-serif;
    margin-top: 30px; }
  #blocks #full {
    margin-top: 60px;
    border-top: 1px solid #cccccc;
    padding: 60px 0 0 0; }
  #blocks #testimonials {
    border-top: 1px solid #cccccc;
    margin-top: 60px;
    padding: 60px 0 0 0; }
    #blocks #testimonials p {
      text-align: center;
      font-size: 18px; }
    #blocks #testimonials h2 {
      text-align: center; }
    #blocks #testimonials h3 {
      font-weight: bold;
      text-align: center;
      color: black;
      font-size: 16px; }
    #blocks #testimonials .quote {
      display: block;
      font-size: 60px;
      line-height: 0;
      margin: 0 auto;
      padding-top: 30px;
      text-align: center; }
.postImage {
float:left;
padding: 0 1em;
}
.postImage-image {
float:right;
padding: 0 1em;
}
aside.col-4 {
 /* margin-top: 22px;*/
  background: #f7f7f7;}
  aside.col-4 h1 {
    margin-top: 0; }
  aside.col-4 ul {
    margin: 0;
    padding: 0; }
    aside.col-4 ul li {
      list-style: none; }
      aside.col-4 ul li a {
        color: black;
        text-decoration: none; }

#social {
  text-align: center;
  margin-bottom: 60px; }
  #social a {
    display: inline-block; }
    #social a .fa-circle {
      color: #f7f7f7; }
    #social a .fa-inverse {
      color: #cccccc; }

#social a:hover span.fa-stack-1x {
  color: white; }

#breadcrumbs {
  margin-bottom: 25px; }
  #breadcrumbs ul {
    margin: 0;
    padding: 0; }
    #breadcrumbs ul li {
      list-style: none;
      display: inline-block;
      margin-right: 7px;
      color: black; }
      #breadcrumbs ul li a {
        color: black;
        text-decoration: none; }
    #breadcrumbs ul strong {
      color: black;
      font: 500 14px/16px "Open Sans", sans-sans-serif;
       }

main.error {
  margin-bottom: 60px; }
  main.error h1 {
    margin-top: 50px; }
  main.error form {
    margin: 0 auto;
    display: table; }
  main.error input {
    font-size: 16px;
    -webkit-appearance: none;
    float: left; }
  main.error input.errorsearch {
    padding: 0px;
    line-height: 35px;
    padding-left: 10px;
    border: none; }
  main.error button.button {
    padding: 0px 10px;
    text-shadow: none;
    float: left; }
    main.error button.button span {
      font-size: 16px;
      line-height: 35px; }

/*Search Page */
h1.entry-title a {
  text-decoration: none; }

#mobile-contact {
  display: none; }


/* ANDYS STYLES 
font-family: "Open Sans",sans-serif; - 400, 700 
font-family: "Open Sans",sans-sans-serif; - 400, 700 */
.col1 { width:8.33%; float:left; margin:0px; padding:0px; }
.col2 { width:16.66%; float:left; margin:0px; padding:0px; }
.col3 { width:25%; float:left; margin:0px; padding:0px; }
.col4 { width:31%; float:left; margin:0px; text-align:center; color:#636363;}
.col4:not(:last-child) { padding-right:2%;}
.col5 { width:41.66%; float:left; margin:0px; padding:0px; }
.col6 { width:48%; float:left; margin:0px; padding:0px; }
.col7 { width:58.33%; float:left; margin:0px; padding:0px; }
.col8 { width:66.66%; float:left; margin:0px; padding:0px; }
.col9 { width:75%; float:left; margin:0px; padding:0px; }
.col10 { width:83.33%; float:left; margin:0px; padding:0px; }
.col11 { width:91.66%; float:left; margin:0px; padding:0px; }
.clr { display:block; width:100%; clear:both; height:0px; }
.clr2 { display:block; width:100%; clear:both; height:30px; }
#top-header { background:#ffd700 left top repeat; font-family: "Open Sans",sans-sans-serif; font-size:12px; font-weight:400; } 
.addr { float:left; margin-right:15px; } 
#logo-wrapper-break { position:relative; width:14%; float:left; } 
#nav-wrapper { display:block; width:86%; float:left; padding-top:85px; }
a#home-con { float:right; margin-right:43px; }
#site-menu { position:relative; width:100%; text-align:right; }
ul#menu-header-menu { display:block; width:100%; margin:0px; padding:0px; white-space:nowrap; text-align:right; } 
ul#menu-header-menu li { list-style-type:none; display:block; float:right; position:relative; margin-left:43px; }
ul#menu-header-menu li a { font-family: "Open Sans",sans-serif; font-size:14px; font-weight:600; color:#fff; text-decoration:none; text-transform:uppercase; }
ul#menu-header-menu li.menu-item-has-children > a:after { content:' \25BA'; font-size:12px; }
#site-menu ul.sub-menu { display:none; position:absolute; left:-20px; top:50px; text-align:left; margin:0px; padding:0px; line-height:2.5em; background:#ffD700; }
#site-menu ul.sub-menu li { text-align:left; margin-left:0px; width:100%; }
#site-menu ul.sub-menu li a { text-align:left; padding:7px 20px; text-transform:none;  }

#logo-image { width:100%; } 
#logo-image #actuallogo { display:block; width:180px; height:auto; position:absolute; top:65px; left:0px; z-index:100;  }
.menu-header-menu-container { width:100%; text-align:right; }
#placeholderlogo { display:block; width:100%; height:auto; }
#header { z-index:100; }

.owl-theme .owl-controls { text-align:right; bottom:10px; }
#intro h2 { margin-top:0px; font-family: "Open Sans",sans-serif; font-size:24px; font-weight:700; color:#636363; }
#blocks { padding:0px; max-width:1200px; }
#blocks .row { width:100%; }
#blocks .entry-description h2 { font-family: "Open Sans",sans-serif; font-size:15px; font-weight:700; color:#636363;text-align:center; }
#blocks .entry-description p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px;text-align:center;margin:20px; }
#blocks h4 {font-size: 16px; float: left; width: 100%;}
#blocks img { width:80%; height:200px; margin:0px auto; } 
#blocks .entry-description a { transition: all 0.5s ease; display:inline-block; background:#fff; /*border:2px solid #ffD700;*/ border-radius:17px; color:#636363; text-decoration:none; padding:5px 15px; margin-top:15px; font-family: "Open Sans",sans-serif; font-size:14px; font-weight:700; }
#blocks/* .entry-description a:hover { background:#ffD700; color:#fff; } */

.quotewide { width:100%; position:relative; }
.quotewide img { display:block; width:100%; height:auto; }
.widerowinner { position:absolute; top:0px; left:50%; margin-left:-600px; width:100%; max-width:1200px; } 
.bigquote { color:#fff; padding-top:85px; font-family: "Open Sans",sans-serif; font-size:18px; font-weight:700; text-align:center; line-height:1.5em;  }
.bigquote span { display:block; float:left; margin-right:35px; }

#fullblockimg { float:right; width:280px; height:auto; display:block; margin:0px 30px; }
#full #principal { display:block; clear:right; float:right; margin:0px 30px; width:280px; text-align:center; font-weight:700; font-size:14px; color:#636363; }
#full #principal span { font-weight:400; display:block; }
#full { padding:50px 0px; width:100%; margin:0px; } 
#full h3 { display:inline-block;  font-family:"Open Sans",sans-serif; font-size:15px; text-transform:uppercase; font-weight:700; color:#636363; } 
#full p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px; }
#pmessage { width:100%; padding:0px; max-width:1200px; }
#pmessage .row { width:100%; padding:0px; max-width:1200px; }

#greyfull { width:100%; clear:both; background:#eee; }
#greyfull .row { width:94%; margin:0px auto; max-width:1200px; padding:0; padding-bottom:50px;  }
#greyfull h3 { font-family:"Open Sans",sans-serif; font-size:15px; text-transform:uppercase; font-weight:700; color:#636363; padding-top:40px; margin-bottom:0px; }
#greyfull p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px; }
#greyfull .col6:first-child { width:47%; margin-right:3%; }
#greyfull .col6:last-child { width:47%; margin-left:3%; }

#crest { width:100%; clear:both; background:#ffD700; }
#crest .row { width:94%; margin:0px auto; max-width:1200px; padding:40px 0px; }
#crest h3 { font-family:"Open Sans",sans-serif; font-size:15px; text-transform:uppercase; font-weight:700; color:#fff; margin-bottom:0px; }
#crest p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#fff; line-height:21px; }
#crest img { display:block; width:90%; height:auto; }

#character { width:100%; clear:both; background:#fff; padding-top: 2%; }
#character .row { width:94%; margin:0px auto; max-width:1200px; padding:0; padding-bottom:50px;  }
#character h3 { text-align:center; font-family:"Open Sans",sans-serif; font-size:18px; text-transform:uppercase; font-weight:700; color:#636363; padding-top:40px; }
#character .col4 p { text-align:center; font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px; width:92%; margin:10px auto; }
#character .col4 img { display:block; width:92%; height:auto; border-bottom:3px solid #ffD700; margin:20px auto 0px auto; }
#character .col4 h4 { text-align:center; text-transform:uppercase; /*font-family:"Open Sans",sans-serif;*/ font-size:15px; text-transform:uppercase; font-weight:700; color:#636363; }
#character .col6 p { text-align:center; font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px; width:92%; margin:20px auto; }
#character .col6 img { display:block; width:92%; height:auto; border-bottom:3px solid #ffD700; margin:20px auto 0px auto; }
#character .col6 h4 { text-align:center; text-transform:uppercase; /*font-family:"Open Sans",sans-serif;*/ font-size:15px; text-transform:uppercase; font-weight:700; color:#636363; }
#basebutt { clear:both; text-align:center; }
#basebutt a, a.biggbutt { transition: all 0.5s ease; display:inline-block; background:#FFD700; border:2px solid #ffD700; border-radius:17px; color:#636363; text-decoration:none; padding:5px 35px; font-family: "Open Sans",sans-serif; font-size:14px; font-weight:700; }
#basebutt a:hover, a.biggbutt:hover {  background:#ffD700; color:#fff; }

#culture { width:100%; clear:both; background:#eee; }
#culture .row { width:94%; margin:0px auto; max-width:1200px; padding:0; padding-bottom:50px;  }
#culture .col7 h3 { font-family:"Open Sans",sans-serif; font-size:15px; text-transform:uppercase; font-weight:700; color:#636363; padding-top:50px; }
#culture .col7 p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:21px; padding-right:4%; }
#culture .col5 img { display:block; width:100%; height:auto; border-bottom:3px solid #ffD700; margin-top:60px; }
#culture .col7 ul { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; padding-left:0px; margin-left:0px; }
#culture .col7 ul li { list-style-type:none; }
#culture .col7 ul li:before { content:'\2022'; color:#ffD700; margin-right:5px; }
.splitul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

/*#mastfoot { left top repeat; border-top:3px solid #ffD700; padding-top:70px; padding-bottom:50px; }*/
#mastfoot { left top repeat; border-top:3px solid #ffD700; padding-top:20px; padding-bottom:10px; }
#mastfoot .container { padding:0px; /*max-width:1200px;*/max-width:1000px; }
#footerlogo { display:block; width:70%; height:auto; margin:0px auto 40px auto;}
a#footera { display:inline-block; background:#333; border:2px solid #ffD700; border-radius:17px; color:#fff; text-decoration:none; padding:5px 35px; margin-top:25px; font-family: "Open Sans",sans-serif; font-size:14px; font-weight:700; transition: all 0.5s ease;}
a#footera:hover { background:#ffD700; color:#fff;}
#mastfoot h4 { font-size:14px; font-weight:700; color:#fff; }
#mastfoot p { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#fff; line-height:16px; }
#mastfoot #menu-footer a { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:bold; color:#ffD700; line-height:10px; text-decoration:none; }
#mastfoot a { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#ffD700; text-decoration:none; }
#mastfoot a:hover { text-decoration:none; }
#mastfoot span { color:#ffD700; }
#gmap { margin:0px; padding:0px; height:350px; }
#gmapiframe { width:100%; height:350px; }

#base { background:#ffD700; text-align:center; color:#fff; font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; padding:15px 0px;}
#base a { color:#fff; text-decoration:none; }
#homecover { position:absolute; top:370px; right:0px; z-index:10000; width:25%; padding:0px; border-left:4px solid #333; background:#ffD700; }
#homecoverinner { padding:0px 0px 25px 23px; }
#homecoverinner h3 { line-height:37px; border-bottom:1px solid #fff; font-family:"Open Sans",sans-serif; font-size:22px; color:#fff; padding-bottom:12px; margin-top:25px; margin-bottom:30px; }
#homecoverinner a { font-family:"Open Sans",sans-serif; font-size:16px; color:#fff; text-decoration:none; display:block; width:90%; margin:10px 0px; }
.owl-page > span { background:#fff!important; }
.owl-page.active > span { background:#ffD700!important; }

#homesliderlogo { position:absolute; left:50%; top:540px; margin-left:-190px; z-index:10000; }
#homesliderlogo img { display:block; width:300px; height:auto; margin:0px auto; }
#homesliderlogo h2 { font-family:"Open Sans",sans-serif; font-size:24px; font-weight:700; color:#fff; text-transform:uppercase; }
a#downarrow { display:block; width:100%; text-align:center; font-size:36px; color:#fff; text-decoration:none;}
#newsletters ul { margin:0px; padding:0px; }
#newsletters ul li { list-style-type:none; font-family: "Open Sans",sans-sans-serif; font-size:12px; font-weight:400; }
#newsletters ul li:before { content:'\2022'; color:#ffD700; margin-right:5px;}
#newsletters ul li a { font-size:12px; padding-left:5px; text-decoration:none; }
#newsletters ul li a:hover { text-decoration:underline;}
#newsletters ul li span { font-size:24px; }

.header-text { float: left; font-size: 16px; margin-top: 1%; font-weight: bold; text-transform: uppercase; color: #fff; }

ul#menu-primary {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
}

ul#menu-primary li {
    display: block;
    float: left;
    list-style-type: none;
    margin-left: 43px;
    position: relative;
	padding: 4px 0;
}
.menu-open ul#menu-primary li {
    margin-left: 10px;
	width: 100%;
}
.menu-open ul#menu-primary li a{
	float: left;
}

/* internal styles */
.next{visibility:hidden;}
.prev{visibility:hidden;}
.gallery-images ul li{text-decoration:none;}
img.internal-header-image { display:block; width:100%;
    background-size: cover;
    height: auto;
    position: relative;
	max-width: 100%;
}
#breadcrumbsa { border-bottom:3px solid #ffD700; }
#breadcrumbsa .container { padding:0px; max-width:1200px; width:100%;}
#breadcrumbs { margin:0px; padding:10px 0px; text-transform: uppercase; }
#breadcrumbs ul li { font-family:"Open Sans", sans-sans-serif; font-size:14px; color:#636363; }
#breadcrumbs ul strong {font-family:"Open Sans", sans-sans-serif; font-size:14px; color:#ffD700;  }
aside.col-4 { background:none; }
aside.widget_pages { background:none; }
aside.widget_pages h1 { display:none; }
aside.col-4 ul { line-height:2em; padding-bottom:15px; border-bottom:3px solid #ffD700; }
aside.col-4 ul.children { margin-left:20px; border-bottom:none;}
aside.col-4 li { font-family:"Open Sans",sans-serif; font-size:15px; color:#636363; }
aside.col-4 li.current_page_item a { color:#ffD700; }
#intro-block h2 { font-family:"Open Sans",sans-serif; font-size:24px; color:#636363; font-weight:700; margin-top:10px; }
#intro-block p { font-family:"Open Sans",sans-serif; font-size:16px; color:#636363; font-weight:700; }
.entry-content, #blocks .col3  { font-family: "Open Sans",sans-sans-serif; font-size:14px; font-weight:400; color:#636363; line-height:1.7em; }
.entry-content-images h1 { font-size: 18px; }
#loadingdiv { text-align:center; font-size:58px; padding-top:100px; }
h2.entry-title { color:#333; font-size: 18px; }
img#parentinfo { float:left; margin-right:10px; }
.sponsor img {width:350px;height:auto;}
.sponsor{
	float: left;
    margin: 0.5% 0.5% 2% 0;
    padding-left: 5%;
    width: 25%;}

/* custom icons */
h2.entry-title.pi63 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-council.png') left center no-repeat; }
h2.entry-title.pi65 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-students.png') left center no-repeat; }
h2.entry-title.pi69 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-sport.png') left center no-repeat; }
h2.entry-title.pi142 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-holistic-culture.png') left center no-repeat; }
h2.entry-title.pi144 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-choir.png') left center no-repeat; }
h2.entry-title.pi146 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-orchestra.png') left center no-repeat; }
h2.entry-title.pi148 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-music-programme.png') left center no-repeat; }
h2.entry-title.pi71 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-chess.png') left center no-repeat; }
h2.entry-title.pi67 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-drama.png') left center no-repeat; }
h2.entry-title.pi155 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-social.png') left center no-repeat; }
h2.entry-title.pi69 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-sport.png') left center no-repeat; }
h2.entry-title.pi152 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-spiritual.png') left center no-repeat; }
h2.entry-title.pi73 { padding-left:95px; height:82px; line-height:82px; text-transform:uppercase; display:block; font-size:28px; background:url('images/icon-inviroschools.png') left center no-repeat; }

.gform_wrapper input, .gform_wrapper textarea { border:1px solid #ccc; }
#gform_2 .gform_title { display: none; }
#gform_2 #extensions_message { display: block;}
.ginput_container_text input,  .ginput_container_textarea textarea { width:100%; }
input#gform_submit_button_2 , input#gform_submit_button_1 { transition: all 0.5s ease; display:inline-block; background:#FFD700; border:2px solid #ffD700; border-radius:17px; color:#636363; text-decoration:none; padding:5px 35px; font-family: "Open Sans",sans-serif; font-size:14px; font-weight:700; }
input#gform_submit_button_1:hover, input#gform_submit_button_2:hover { background:#ffD700; color:#fff; }
#contactform { } 
.page-template-page-contact .col4 { text-align: left; }
#sidebaras h2, body.page-id-77 h1, body.page-id-77 h3 { font-family: "Open Sans",sans-serif; font-size:15px; font-weight:700; color:#636363; }
.entry-content p { font-size: 14px; line-height: 1.7em; }
h2.tribe-events-page-title, .tribe-events-single-event-title { font-family:"Open Sans",sans-serif; font-size:24px; color:#636363; font-weight:700; margin-top:70px; }
#tribe-bar-views .tribe-bar-views-list { display:none; }
#tribe-events-content { margin-top:150px;}
body.events-gridview #tribe-events-content { margin-top:70px;}
.tribe-events-schedule h3, .tribe-events-meta-group h3, #tribe-events-content a  { color:#7C1A2E; }
#tribe-events-content { padding-bottom:60px; }

@media only screen and (max-width: 1200px) { /* FF: Tablet landscape (1024 x 768) */
    ul#menu-header-menu li { margin-left:12px;}
    a#home-con { margin-right:12px; }
    #breadcrumbs { padding-left:25px; }
    #newsletters .fa-file-pdf-o { display:none; }
    .bigquote { padding-top:25px; }
    #pmessage h3 , #pmessage p{ padding-left:25px; }
    #homecover { width:35%; }
	#basebutt{padding-bottom:10px;}
		
	.col-4-1 { margin-left:0px !important; }
	.col-4-1 ul li { float:none; width:45%; text-align:left;margin-left:20px; }
	.col-4-1 p{ float:none; width:45%; text-align:left;margin-left:20px; }
	.col-4-1 h4{ float:none; width:70%; text-align:left;margin-left:20px; }
	.col-4-1 hr{ float:none; width:75%; text-align:left;margin-left:20px; }
}



@media only screen and (max-width: 820px) { /* FF: Small tablet landscape (800 x 600) */
    ul#menu-header-menu li { margin-left:8px;}
    ul#menu-header-menu li a { font-size:11px; }
    a#home-con { display:none; }
    #mastfoot .col3, #mastfoot .col-4-1, #mastfoot .col5 { float:none; width:100%; text-align:left; }
    #mastfoot .col3 img { width:40%; margin:0px auto;}
	#masterfoot .col-4-1 .secondary-navigation hr {width:400px;}
    #mastfoot .col5 { padding-bottom:60px;}
    .bigquote { font-size:13px; padding:20px 20px 0px 20px; }
    .widerowinner { left:0; margin-left:0px; }
    .bigquote img { display:none; }
    #pmessage p { width:95%; }
	#basebutt{padding-bottom:10px;}
	
}

@media all and (max-width: 800px) { /* FF: Tablet portrait (768 x 1024) */
    ul#menu-header-menu li { margin-left:8px;}
    ul#menu-header-menu li a { font-size:11px; }
    a#home-con { display:none; }
    .bigquote { font-size:13px; padding:15px 20px 0px 20px; }
    .widerowinner { left:0; margin-left:0px; }
    .bigquote img { display:none; }
    #homecover { width:45%; }
    #footerlogo,#fullblockimg { padding-top:20px; }
	#basebutt{padding-bottom:10px;}
	.col4, .col6 {width:100%;}
	#block img {}
	#blocks img  {width:350px; height:auto; }
	#blocks p {width:100%;}
	#blocks h1 {text-align:center;}
	.sidebar{ float:none; width:90%; padding:0 0 0 5%; }
}

@media only screen and (max-width: 620px) { /* FF: Small tablet portrait (600 x 800) */
    #mastfoot { width:100%!important; }
    #header { background:#FFD700!important; height:84px; }
    #header .container { padding:0px!important; }
    #nav-menu { background:none!important;}
    #logo-image #actuallogo { display:block; height:44px; width:auto; position:relative; top:0;left:0; margin-left:20px; }
    #homesliderlogo { top:350px;}
    #homecover { display:none; }
    #blocks .col4 { width:43%; }
    #blocks .col6 { width:43%; }
    .bigquote { font-size:11px; }
    #pmessage p { width:90%; }
	 #mastfoot { clear:both; }
    #footerlogo,#fullblockimg { padding-top:20px; }
	#basebutt{padding-bottom:10px;}
	#blocks { padding:0px; max-width:1200px; }
	#blocks .col-8, #crest .col8 h3 { width:100%; }
    #blocks .col-8 p { width:100%!important; }
	#blocks .col4{ width:100%; float:none; }
	#blocks .clr .col4 img p h2{ width:100%; float:none; }
}

@media only screen and (max-width: 500px) { /* FF: Mobile landscape (480 x 320) */
    .bigquote { font-size:10px; }
    #character .col4, #blocks .col-3, #character .col6 { width:100%; float:none; }
    #blocks .col-3 img { width:40%; }
    img#fullblockimg { float:none; margin:0px auto; }
    .bigquote { padding:20px 0px; background:#7c1a2e; height:auto; }
    #principal { width:100%!important; float:none!important; margin:0px!important; }
    #footerlogo,#fullblockimg { padding-top:20px; }
    #blocks .entry-description p { width:94%; }
    #culture .col5, #culture .col7 { width:100%; float:none; clear:left; }
    #contactform { float:none; width:100%; } 
	#menu .container .col-3 img {width:180px; height:80px;}
	#basebutt{padding-bottom:10px;}	
	.col-4-1 li { float:none; width:100%; text-align:left; }
	#blocks img  { float:none; width:350px; height:280px; }
	#blocks p  { float:none; width:100%; }
	#blocks h1  { right:25%;}
	#blocks h1 {text-align:left;}
    #blocks article.col-8 { float:none; width:90%; padding:0 0 0 0; }
	.image-cover, .slides, .bk-cover { height: 350px;}

}

@media only screen and (max-width: 380px) { /* FF: Mobile portrait (320 x 480) */
    #homesliderlogo { margin-left:0px; width:100%; left:0px; }
    #homesliderlogo img { width:50%!important; }
    #homesliderlogo h2 {font-size:16px; text-align:center; }
    #greyfull .col6 { float:none!important; width:94%!important; margin-left:3%!important; }
    #crest .col4, .col6 { float:none; width:100%; }
    #crest .col4, .col6 img { width:100%; }
	#blocks { margin-top: 0; }
    #blocks .col-8, #crest .col8 h3 { width:100%; }
    #blocks .col-8 p { width:100%!important; }
	#blocks .col4{ width:100%; float:none; }
	#blocks .clr .col4 img p h2{ width:100%; float:none; }
	.col-4-1 li { float:none; width:100%; text-align:left;margin-left:305px; }
	#blocks img  { float:left; width:100%; height:auto; }
	#blocks p  { float:none; width:90%; padding:0 0 0 0; }
	#blocks h1  { float:none; width:100%; padding:0 0 0 5%; }
    #blocks article.col-8 { float:none; width:90%; padding:0 0 0 0; }
	.sidebar{ float:none; width:90%;margin-left:5%; padding:0 0 0 5%; }
    #footerlogo,#fullblockimg { padding-top:20px; }
	#basebutt{padding-bottom:10px;}
	#contactform {margin:0; padding:0;}
	.slides .owl-pagination { right: 40%; }
	.col-3 img {width:50em; height:80px;}
	
}

@media all and (max-width: 770px) { /* tablet portrait */

  #header #logo-wrapper #logo a {
    position: absolute;
    top: 10px;
    left: 20px; }

  #black-overlay.fade-in {
    opacity: 0.7; }

  #black-overlay.display-hide {
    visibility: hidden; }

  #black-overlay {
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150; }

  #nav-menu {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: #ffd700;
    height: 20px;
    width: 35px;
    z-index: 9999 !important;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation: fadein 1s; }

  #nav-menu span, #nav-menu span:before, #nav-menu span:after {
    cursor: pointer;
    height: 3px;
    width: 30px;
    background: white;
    position: absolute;
    display: block;
    content: ""; }

  #nav-menu span:before {
    top: -7px; }

  #nav-menu span:after {
    bottom: -7px; }

  #nav-menu span, #nav-menu span:before, #nav-menu span:after {
    transition: all 500ms ease-in-out; }

  #nav-menu.active {
    right: 20px;
    left: auto;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation: fadein 1s; }

  #nav-menu.active span {
    background-color: transparent; }

  #nav-menu.active span:before, #nav-menu.active span:after {
    top: 0; }

  #nav-menu.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

  #nav-menu.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  #content.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #logo-wrapper.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

 /* #nav-menu.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); } */

  #mobile-contact.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #logo-wrapper {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 100%; }

  #nav-menu {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }

  #mobile-contact {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    display: block; }

  #content {
    height: 100%;
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 100%; }

  #menu.menu-open {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #menu {
    background-color: white;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -280px;
    top: 0;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 280px;
    z-index: 500; }

  .row {
    padding-top: 20px;
    padding-bottom: 20px; }

  #header {
    height: 44px;
    background-color: #ffd700;
    padding: 0px;
    width: 100%;
    top: 0px; }
    #header #logo {
      margin-top: -30px; }
    #header #logo-wrapper {
      width: 30px!important;
      padding-left: 5px;
      vertical-align: top; }
      #header #logo-wrapper #logo-image {
        padding: 2px 0; }
        #header #logo-wrapper #logo-image img {
          height: 40px;
          width: auto; }
    #header #nav-wrapper {
      text-align: left; }
    #header #menu li {
      display: block; }
      #header #menu li a {
        color: black; }
    #header #menu ul {
      margin-top: 100px;
      padding-left: 20px; }
    #header .container {
      padding: 0 3%;
      width: 100%; }
    #header #logo-wrapper {
      padding: 0px; }
    #header #nav-menu {
      top: 20px; }

	#home-con{
	
	}
    #header { height:84px;}
    #logo-wrapper-break { width:30%; height:84px;}
    #logo-image #actuallogo { display:block; height:80px; width:auto; top:3px; }
    .mobile-buttons span.fa { top:30px; }
    #header #nav-menu { top:40px;}
    span.fa.fa-phone { top:32px!important; }
  
  span.fa {
    position: absolute;
    top: 11px;
    right: 85px;
    color: white;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer; }

  span.fa.fa-phone {
    right: 125px;
    top: 12px; }

  .phone-mobile {
    position: absolute;
    top: 44px;
    line-height: 40px;
    left: 0;
    padding-left: 20px;
    position: absolute;
    width: 100%;
    background: black;
    display: none; }
    .phone-mobile span {
      color: white; }
    .phone-mobile a {
      color: white;
      text-decoration: none; }

  .email-mobile {
    position: absolute;
    top: 44px;
    line-height: 40px;
    left: 0;
    padding-left: 20px;
    position: absolute;
    width: 100%;
    background: black;
    display: none; }
    .email-mobile span {
      color: white; }
    .email-mobile a {
      color: white;
      text-decoration: none; }

  #top-header {
    display: none; }
    #top-header .contact-info {
      width: 100%; }

  #hero-image .caption-inner .caption.left, .slides .caption-inner .caption.left {
    left: 2%;
    width: 80%;
    text-align: left; }
  #hero-image .caption-inner .caption.right, .slides .caption-inner .caption.right {
    left: 2%;
    width: 80%;
    text-align: left; }
  #hero-image .caption-inner .caption, .slides .caption-inner .caption {
    left: 2%;
    width: 80%;
    text-align: left; }
    #hero-image .caption-inner .caption h1, .slides .caption-inner .caption h1 {
      font: 700 26px/28px "Open Sans", sans-sans-serif; }
    #hero-image .caption-inner .caption p, .slides .caption-inner .caption p {
      display: none; }
  #hero-image .caption-inner .image-cover, .slides .caption-inner .image-cover {
    height: 450px; }
  #hero-image .owl-buttons, .slides .owl-buttons {
    display: none; }

  #intro {
    width: 98%;
    margin: 0 auto 20px;
    text-align: left; }
    #intro p {
      font: 300 16px/21px "Open Sans", sans-sans-serif; }

  #blocks .col-6 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks .col-8 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks .col-4 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks #full {
    margin-top: 0; }
    #base .logo {
      float: none;
      width: 100%; }
    #base .address {
      float: none;
      width: 100%; }
    #base .contact {
      float: none;
      width: 100%; }
      #base .contact a {
        color: black;
        text-decoration: none; }
    #base .copyright {
      display: block;
      text-align: left;
      font-size: 90%; }
    #base .site-builder {
      display: block;
      text-align: left;
      margin-top: 5px;
      font-size: 90%; }
#base row {
      display: block;
      text-align: left;
      margin-top: 5px;
      font-size: 90%; 
	  background:#ffd700;}
	  	#basebutt{padding-bottom:10px;}
		
#mastfoot ul li{width:33%;}
	  }
@media all and (max-width: 1200px) { /* tablet landscape */

	    #header #logo-wrapper #logo a {
    position: absolute;
    top: 10px;
    left: 20px; }

  #black-overlay.fade-in {
    opacity: 0.7; }

  #black-overlay.display-hide {
    visibility: hidden; }

  #black-overlay {
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150; }

  #nav-menu {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: #ffd700;
    height: 20px;
    width: 35px;
    z-index: 9999 !important;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation: fadein 1s; }

  #nav-menu span, #nav-menu span:before, #nav-menu span:after {
    cursor: pointer;
    height: 3px;
    width: 30px;
    background: white;
    position: absolute;
    display: block;
    content: ""; }

  #nav-menu span:before {
    top: -7px; }

  #nav-menu span:after {
    bottom: -7px; }

  #nav-menu span, #nav-menu span:before, #nav-menu span:after {
    transition: all 500ms ease-in-out; }

  #nav-menu.active {
    right: 20px;
    left: auto;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation: fadein 1s; }

  #nav-menu.active span {
    background-color: transparent; }

  #nav-menu.active span:before, #nav-menu.active span:after {
    top: 0; }

  #nav-menu.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

  #nav-menu.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  #content.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #logo-wrapper.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  /* #nav-menu.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); } */

  #mobile-contact.menu-in {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #logo-wrapper {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 100%; }

  #nav-menu {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }

  #mobile-contact {
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    display: block; }

  #content {
    height: 100%;
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 100%; }

  #menu.menu-open {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px); }

  #menu {
    background-color: white;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -280px;
    top: 0;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 280px;
    z-index: 500;
 }

  .row {
    padding-top: 20px;
    padding-bottom: 20px; }

  #header {
    height: 44px;
    background-color: #ffd700;
    padding: 0px;
    width: 100%;
    top: 0px; }
    #header #logo {
      margin-top: -30px; }
    #header #logo-wrapper {
      width: 30px!important;
      padding-left: 5px;
      vertical-align: top; }
      #header #logo-wrapper #logo-image {
        padding: 2px 0; }
        #header #logo-wrapper #logo-image img {
          height: 40px;
          width: auto; }
    #header #nav-wrapper {
      text-align: left; }
    #header #menu li {
      display: block; }
      #header #menu li a {
        color: black;
		padding-right: 5px;}
    #header #menu ul {
      margin-top: 100px;
      padding-left: 0px; }
    #header .container {
      padding: 0 3%;
      width: 100%; }
    #header #logo-wrapper {
      padding: 0px; }
    #header #nav-menu {
      top: 20px; }

	#home-con{
	
	}
    #header { height:84px;}
    #logo-wrapper-break { width:30%; height:84px;}
    #logo-image #actuallogo { display:block; height:50px; width:auto; top:15px; }
    .mobile-buttons span.fa { top:30px; }
    #header #nav-menu { top:40px;}
    span.fa.fa-phone { top:32px!important; }
	  
  span.fa {
    position: absolute;
    top: 11px;
    right: 85px;
    color: white;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer; }  
	
	span.fa-angle-right {
    color: #333;
    font-size:14px;
    line-height: 20px;
    cursor: pointer;
	position: static;}

  span.fa.fa-phone {
    right: 125px;
    top: 12px; }
	
    .phone-mobile span {
      color: white; }
    .phone-mobile a {
      color: white;
      text-decoration: none; }

  .email-mobile, .phone-mobile {
    position: absolute;
    top: 75px;
	z-index: 99;
    line-height: 40px;
    left: 0;
    padding-left: 20px;
    position: absolute;
    width: 100%;
    background: #2c2f2f;
    display: none;
	font-family: "Open Sans", sans-serif; }
    .email-mobile span {
      color: white; }
    .email-mobile a {
      color: white;
      text-decoration: none; }

  #top-header {
    display: none; }
    #top-header .contact-info {
      width: 100%; }

  #hero-image .caption-inner .caption.left, .slides .caption-inner .caption.left {
    left: 2%;
    width: 80%;
    text-align: left; }
  #hero-image .caption-inner .caption.right, .slides .caption-inner .caption.right {
    left: 2%;
    width: 80%;
    text-align: left; }
  #hero-image .caption-inner .caption, .slides .caption-inner .caption {
    left: 2%;
    width: 80%;
    text-align: left; }
    #hero-image .caption-inner .caption h1, .slides .caption-inner .caption h1 {
      font: 700 26px/28px "Open Sans", sans-sans-serif; }
    #hero-image .caption-inner .caption p, .slides .caption-inner .caption p {
      display: none; }
  #hero-image .caption-inner .image-cover, .slides .caption-inner .image-cover {
    height: 450px; }
  #hero-image .owl-buttons, .slides .owl-buttons {
    display: none; }

  #intro {
    width: 98%;
    margin: 0 auto 20px;
    text-align: left; }
    #intro p {
      font: 300 16px/21px "Open Sans", sans-sans-serif; }
	  
 #blocks {
	width: 96%;
 }
  #blocks .col-6 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks .col-8 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks .col-4 {
    width: 100%;
    margin: 0 0 30px 0;
    float: none; }
  #blocks #full {
    margin-top: 0; }

    #base .logo {
      float: none;
      width: 100%; }
    #base .address {
      float: none;
      width: 100%; }
    #base .contact {
      float: none;
      width: 100%; }
      #base .contact a {
        color: black;
        text-decoration: none; }
    #base .copyright {
      display: block;
      text-align: left;
      font-size: 90%; }
    #base .site-builder {
      display: block;
      text-align: left;
      margin-top: 5px;
      font-size: 90%; }
	#base row {
      display: block;
      text-align: left;
      margin-top: 5px;
      font-size: 90%; 
	  background:#ffd700;}
	#mastfoot .col3, #mastfoot .col-4-1, #mastfoot .col5 { float:none; width:100%; text-align:left; }
    #mastfoot .col3 img { width:40%; margin:0px auto;}
	#masterfoot .col-4-1 .secondary-navigation hr {width:400px;}
    #mastfoot .col5 { padding-bottom:60px;}

	#basebutt{padding-bottom:10px;}
		.col-4-1 hr{ width:75%; }
	  
	#logo-slider-wraper {
		display: none;
	}
	.page-template-page-contact #blocks p {
		margin-left: 0;
		padding: 0;
	}
	footer {
		padding: 0;
	}
}

#nav-wrapper > nav {
	float: right;
}
.blackbg::after {
	background: black !important;
}
.blackbg::before {
	background: black !important;
}