/*
CSS Grid Structure by cssgrid.co
-------------------------------------------------------------
01. Normalise
02. CSS Animation
03. Fonts
04. Header + Menu + Footer
05. Website Styles
06. Tablet Portrait
07. Mobile, below 768 width
-------------------------------------------------------------
*/

/* 01. Normalise */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
body {
	width:100%;
	margin:0 auto;
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999;
	background-color:#ccc;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
	margin:0 auto;
	overflow-x:hidden;
}

/* 02. CSS Animation */
.animated {
-webkit-animation-duration: 1.2s;
		animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.delayed {
	opacity:0;
}

/* fadeIn Animation */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}

}
.fadeIn {
	-webkit-animation-name:fadeIn;
			animation-name:fadeIn;
}
/* slideUp Animation */
@-webkit-keyframes slideUp {
0% {
	margin-top:20px;
	opacity:0;
}
100% {
	margin-top:0;
	opacity:1;
}
}
@keyframes slideUp {
0% {
	margin-top:20px;
	opacity:0;
}
100% {
	margin-top:0;
	opacity:1;
}

}
.slideUp {
	-webkit-animation-name:slideUp;
			animation-name:slideUp;
}

.wrapper, a, a img, .header, .nav, .nav-off, .line-nav-1, .line-nav-2, .line-nav-3, .line-nav-4, .logo, ul.nav-buttons li a span, .service-content-over .arrow, a .service, a .service .myname strong, h2 a span, .upnext {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

/* 03. Fonts */
@font-face {
    font-family: 'gotham-mediumregular';
    src: url('../fonts/gom____-webfont.woff2') format('woff2'),
         url('../fonts/gom____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'averta_regularregular';
    src: url('../fonts/intelligent_design_-_averta-regular-webfont.woff2') format('woff2'),
         url('../fonts/intelligent_design_-_averta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avertalight';
    src: url('../fonts/intelligent_design_-_averta-light-webfont.woff2') format('woff2'),
         url('../fonts/intelligent_design_-_averta-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avertabold';
    src: url('../fonts/intelligent_design_-_averta-bold-webfont.woff2') format('woff2'),
         url('../fonts/intelligent_design_-_averta-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
	   url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	   url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
	   url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
	   url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 04. Header + Menu + Footer */
.social {
	width:100%;
	height:54px;
	position:absolute;
	z-index:3;
}
.social .underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	position:absolute;
	top:54px;
	left:0;
	right:0;
	opacity:0.4;
}
.social-links {
	margin-top:16px;
	float:right;
}
.social-links a {
	color:#fff;
	padding-left:14px;
}
.social-links a:hover {
	opacity:0.6;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.fa {
	color:#fff;
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-google-plus:before {
  content: "\f0d5";
}

.header {
	position:absolute;
	width:auto;
	top:55px;
	left:0;
	right:0;
	margin:0 auto;
	height:120px;
	z-index:3;
}
.south-australia {
	width:88px;
	margin-top:12px;
	float:left;
}
.certified {
	width:25px;
	float:left;
	margin-top:7px;
	margin-left:20px;
}
.logos-footer {
	margin-top:10px;
}
.max-width {
	max-width:1380px;
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
}
.max-width-top {
	max-width:1380px;
	margin:0 auto;
	padding-left:40px;
	padding-right:40px;
}
.max-width-inner {
	max-width:1400px;
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
}
.padding {
	padding:60px;
}
.logo {
	font-family:'poppinsregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	z-index:3;
	position:relative;
	max-width:276px;
	margin-top:45px;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
}
.logo {
	float:left;
}
.nav {
	float:right;
}
.nav {
	margin-top:40px;
	z-index:2;
	display:inline-block;
}
ul.nav-buttons {
	list-style:none;
}
ul.nav-buttons li {
	text-align:left;
	display:inline-block;
}
ul.nav-buttons li a {
	font-family:'gotham-mediumregular', Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	line-height:30px;
	padding-left:24px;
}
ul.nav-buttons li a span {
	display:inline-block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
ul.nav-buttons li.current-menu-item a span,
ul.nav-buttons li:hover a span {
	border-bottom-color: #fff;
}

/* 05. Website Styles */
a {
	text-decoration:none;
	outline:0;
	color:#74797e;
}
img,
img a {
	font-size:14px;
	color:#999;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
.wrapper {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
.content.full.first {
}
.content.full {
	position:relative;
	width:100%;
	height:100%;
	background-color:#666;
}
.content.half {
	position:relative;
	width:100%;
	height:70%;
	min-height:550px;
	max-height:700px;
	background-color:#fff;
}
.content.auto {
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff;
}
.cover {
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.gallery-frame {
	margin-bottom:-1px;
	overflow:hidden;
}
.fullscreen {
	min-height:100%;
	height:100%;
	width:100%;
	position:relative;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
	z-index:1;
}
.gallery-fullscreen {
	position:relative;
	height:100%;
}
.shadow-top {
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-image: url(../images/shadow-top.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.shadow-bot {
	width:100%;
	height:500px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	background-image: url(../images/shadow-bot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.text-over {
	position:absolute;
	bottom:60px;
	z-index:4;
	left:0;
	right:0;
}
.text-over {
	color:#fff;
}
.text-over .two-four {
}
.gallery-image {
	overflow:hidden;
	width:100%;
	height:auto;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.gallery-image img {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:-5px;
}
.gallery.boxed .gallery-image {
	width:1024px;
	text-align:center;
	margin:0 auto;
	padding-top:8%;
	padding-bottom:8%;
}
.gallery-over {
	display:block;
	position:relative;
	z-index:3;
}
.gallery-over-content {
	position:absolute;
	top:0;
	bottom:0;
	left:70px;
	right:70px;
	z-index:3;
}
.gallery .owl-nav,
.gallery2 .owl-nav {
	z-index:5;
	width:100%;
	height:0;
	top:50%;
}
ul.switcher,
ul.switcher2 {
	position:absolute;
	z-index:3;
	height:60px;
	text-align:left;
	list-style:none;
	margin-top:-52px;
	padding:0;
	text-align:left;
	left:50px;
}
ul.switcher li,
ul.switcher2 li {
	display:inline-block;
	width:10px;
	height:10px;
	border:0px;
	padding-right:3px;
}
ul.switcher li a,
ul.switcher2 li a {
	background-color:#ccc;
	display:block;
	width:5px;
	height:5px;
	opacity:0.5;
}
ul.switcher li a:hover,
ul.switcher li a.on,
ul.switcher2 li a:hover,
ul.switcher2 li a.on {
	background-color:#ccc;
	opacity:1;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight:normal;
}
h1 {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:40px;
	line-height:50px;
	color:#fff;
	padding-right:40px;
}
.one h2 {
	padding-right:20px;
}
h2 {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:40px;
	color:#000;
	width:98%;
}
.h2-margin h2 {
	margin-bottom:14px;
}
.grey h2 {
	color:#666;
	padding-right:40px;
}
.grey a {
	color:#666;
}
.grey a:hover {
	color:#000;
}
h2 a {
	display:block;
	color:#666;
	margin-left:30px;
}
h2 a:hover {
	color:#000;
}
h2 a span {
	width:14px;
	height:23px;
	display:inline-block;
	background-image: url(../images/icon-arrow-grey.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:12px;
	-moz-background-size:12px;
	margin-left:20px;
}
h2 a:hover span {
	margin-left:30px;
}
.h2 h2 {
	display:inline-block;
	width:94%;
}

h3 {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:32px;
	color:#666;
	padding-right:20px;
}
h4 {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:40px;
	padding-right:30px;
	padding-bottom:30px;
	color:#a9cf99;
	padding-top:50px;
}
p {
	font-family:'avertalight', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:28px;
	color:#666;
	padding-right:35px;
	margin-bottom:20px;
}
p strong {
	font-family:'avertabold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.cols ul {
	font-family:'avertalight', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:28px;
	color:#666;
	list-style:square;
	padding-left:20px;
	padding-right:20px;
}
.cols {
	padding-top:60px;
}
.cols .half {
	float:left;
	width:48%;
	margin-right:2%;
}
.cols img {
	width:70px;
	float:right;
	padding-left:20px;
}
.angelina {
	float:right;
	width:180px;
	padding-left:30px;
	padding-bottom:20px;
}
.angelina span {
	padding-top:4px;
	font-size:14px;
	line-height:19px;
	display:block;
}
.angelina span strong {
	font-family:'avertabold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
}
.services.space {
	padding-top:60px;
	padding-bottom:60px;
}
.service {
	float:left;
	width:33.3333%;
}
.service.half {
	float:left;
	width:50%;
}
.service.wider {
	float:left;
	width:100%;
	margin-bottom:3px;
}
.service.blank {
	background-color:#ecedf3;
}
.service.blank span {
	color:#666;
}
a:hover .service {
	opacity:0.8;
}
.service img {
	margin-bottom:-5px;
	overflow:hidden;
}
.service-content {
	position:relative;
	display:block;
	overflow:hidden;
}
.service-content-over {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #fff;
	border-bottom-color: #fff;
}
.service-content-over span {
	font-family:Arial, Helvetica, sans-serif;
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:38px;
	color:#fff;
	padding:30px;
	display:block;
}
.service-content-over .arrow {
	width:12px;
	height:21px;
	position:absolute;
	left:30px;
	bottom:30px;
	display:block;
	background-image: url(../images/icon-arrow.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:12px;
	-moz-background-size:12px;
}
a .service:hover .service-content-over .arrow {
	left:40px;
}
.blank .service-content-over .arrow {
	background-image: url(../images/icon-arrow-grey.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:12px;
	-moz-background-size:12px;
}
.myname {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	padding-top:10px;
}
.myname strong {
	font-family:'avertabold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
}
.myname2 {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	color:#666;
	padding-top:10px;
}
.myname2 strong {
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
}
a:hover .service .myname strong {
	color:#666;
}
.social-people {
	padding-top:10px;
}
.social-people a {
	color:#999;
	padding-right:14px;
}
.social-people a:hover {
	color:#666;
}
.gallery2-frame {
	float:left;
	width:50%;
}
.gallery2 {
}

.bg {
	background-color:#999;
}
.margin-top {
	padding-top:60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}
.margin-bot {
	padding-bottom:60px;
}
.scpa img {
	float:right;
	width:106px;
	margin-top:50px;
	padding-left:10px;
}
.person {
	float:left;
	width:50%;
	padding-bottom:40px;
}
.person img {
	width:90%;
}
.footer {
	font-family:'avertalight', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
	line-height:28px;
	background-color:#999;
}
.footer a {
	color:#fff;
	border-bottom-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
.footer strong {
	font-family:'avertabold', Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
}
.footer span.lwc {
	color:#e4e4e4;
	padding-right:20px;
}
span.space {
	width:100px;
	display:inline-block;
}
.nav-footer {
	padding-left:29px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}
ul.footer-nav {
	font-family:'gotham-mediumregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	list-style:none;
	margin:0;
}
ul.footer-nav li {
	font-family:'gotham-mediumregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	list-style:none;
	margin:0;
}
ul.footer-nav li a {
	opacity:1;
}
ul.footer-nav li.current-menu-item a,
ul.footer-nav li a:hover {
	opacity:0.6;
}

.share {
	padding-top:80px;
}
.share span {
	color:#fff;
	display:block;
	padding-bottom:10px;
	font-family:'averta_regularregular', Arial, Helvetica, sans-serif;
}
.share a {
	padding-right:14px;
	opacity:1;
}
.share a:hover {
	opacity:0.6;
}
.copyright {
	font-size:12px;
	position:relative;
	padding-top:20px;
}
.copyright {
	font-size:12px;
	position:relative;
	padding-top:40px;
}
.lbd {
	float:right;
}
.lbd a {
	color:#fff;
}
.lwc-icon {
	width:37px;
	height:70px;
	display:inline-block;
	float:left;
	padding-right:14px;
}
.lwc-icon img {
	padding-top:4px;
}
a .upnext {
	opacity:1;
}
a:hover .upnext {
	opacity:0.7;
}
.upnext {
	background-color:#ecedf3;
	display:block;
	float:right;
	width:50%;
}
.upnext .up {
	background-color:#ecedf3;
	float:left;
	width:30%;
}
.upnext .up span {
	font-size:20px;
	line-height:30px;
	color:#666;
	padding:30px;
	display:block;
}
.upnext .up-right {
	width:70%;
	background-color:#ecedf3;
	float:left;
}
.upnext .up-right img {
	margin-bottom:-5px;
}
.up-right-over {
	display:block;
	overflow:hidden;
	position:relative;
}
.up-right-over-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.up-right-over-content {
	color:#fff;
	font-size:30px;
	line-height:38px;
	padding:30px;
}

.map-google {
	margin-top:60px;
}
.map-google,
.map {
	width:100%;
	height:650px;
	background-color:#f0f0f0;
	position:relative;
}

.displayme,
.desktop {
	display:block!important;
}
.hideme,
.mobile {
	display:none!important;
}

@media screen and (min-width: 1201px) {

.one h2 {
	width:90%;
}

}

@media screen and (min-width: 1024px) and (max-width: 1200px) {

.service-content-over span {
	font-size:25px;
	line-height:30px;
	padding:25px;
}
.service-content-over .arrow {
	left:25px;
	bottom:25px;
}

.upnext .up span {
	font-size:16px;
	line-height:26px;
	padding:20px;
}
.up-right-over-content {
	color:#fff;
	font-size:25px;
	line-height:34px;
	padding:20px;
}
span.space {
	width:80px;
}

.footer {
	font-size:15px;
	line-height:24px;
}

}

/* 06. Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 1023px) {

.content.full {
	min-height:600px;
}
.logo {
	max-width:206px;
	margin-top:35px;
}
.nav {
	margin-top:35px;
	z-index:2;
	display:inline-block;
}
ul.nav-buttons li a {
	font-size:15px;
	line-height:30px;
	padding-left:14px;
}
h1 {
	font-size:30px;
	line-height:40px;
	padding-right:50px;
}
h2 {
	font-size:25px;
	line-height:35px;
}
h2 a {
	display:block;
	color:#666;
	margin-left:0;
	padding-top:30px;
}
.grey h2 {
	padding-right:0;
}

h3 {
	font-size:20px;
	line-height:30px;
	padding-right:20px;
}
h4 {
	font-size:25px;
	line-height:35px;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
}
.services.space {
	padding-top:40px;
	padding-bottom:40px;
}
.service {
	width:50%;
}
.service-content-over span {
	font-size:25px;
	line-height:30px;
	padding:25px;
}
.service-content-over .arrow {
	left:25px;
	bottom:25px;
}
.p4 .one {
	padding-bottom:40px;
}
.p4 .two {
	padding-bottom:40px;
}
.footer {
	font-size:15px;
	line-height:24px;
}
span.space {
	width:80px;
}
.nav-footer {
	padding-left:0;
	border-left-width: 0;
	border-left-style: solid;
	border-left-color: #fff;
}

.padding {
	padding:40px;
}
.cols {
	padding-top:50px;
}
.cols .half {
	float:none;
	width:100%;
	margin-right:0;
	padding-bottom:30px;
}
.upnext {
	background-color:#ecedf3;
	display:block;
	float:right;
	width:100%;
}
.upnext .up span {
	font-size:16px;
	line-height:26px;
	padding:20px;
}
.up-right-over-content {
	color:#fff;
	font-size:25px;
	line-height:34px;
	padding:20px;
}
span.space {
	width:80px;
}

.footer {
	font-size:15px;
	line-height:24px;
}


}

/* 07. Mobile, below 768 width */
@media screen and (min-width: 0px) and (max-width: 767px) {

.content.full {
	min-height:500px;
}
.south-australia {
	width:70px;
	margin-top:15px;
}
.logo {
	max-width:180px;
	margin-top:20px;
}
.logoz {
	z-index:4;
	position:relative;
}
.logoz-on {
	z-index:2;
	position:relative;
}
.social-links a {
	font-size:14px;
	color:#fff;
	padding-left:10px;
}
.max-width {
	padding-left:30px;
	padding-right:30px;
}
.navclosed {
	color:transparent;
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:9px;
	right:8px;
	z-index:5;
	cursor:pointer;
}
.navclosed a {
	color:transparent;
	display:block;
	width:100%;
	height:100%;
}
.line-nav-1,
.line-nav-2,
.line-nav-3,
.line-nav-4 {
	width:24px;
	height:2px;
	position:absolute;
	background-color:#fff;
}
.line-nav-1 {
	top:20px;
	left:14px;
}
.line-nav-4 {
	top:38px;
	left:14px;
}
.line-nav-2,
.line-nav-3 {
	top:29px;
	left:14px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.line-nav-2-open {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.line-nav-3-open {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.line-nav-1-open,
.line-nav-4-open {
	opacity:0;
}
.nav-off {
	top:0;
	bottom:0;
	right:-200px;
	position:fixed;
	opacity:0;
	background-color:#666;
	width:200px;
	z-index:5;
}
.nav-on {
	top:0;
	bottom:0;
	right:0;
	position:fixed;
	opacity:1;
	background-color:#666;
	width:200px;
	z-index:5;
}
.nav {
	margin-top:0;
	position:absolute;
	width:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
}
ul.nav-buttons {
	margin-top:55px;
	padding:10px;
	padding-top:58px;
	overflow-x:hidden;
	overflow-y:auto;
}
ul.nav-buttons li {
	display:block;
}
ul.nav-buttons li a {
	font-size:15px;
	display:block;
	text-decoration:none;
	line-height:28px;
	margin-bottom:14px;
}

ul.switcher,
ul.switcher2 {
	height:60px;
	margin-top:-42px;
	left:34px;
}
.text-over {
}
h1 {
	font-size:25px;
	line-height:35px;
	padding-right:20px;
}
h2 {
	font-size:20px;
	line-height:30px;
}
h2 a {
	margin-left:0;
	padding-top:30px;
}
.h2 h2 {
	width:100%;
}

.grey h2 {
	padding-right:30px;
}
h3 {
	font-size:18px;
	line-height:28px;
	padding-right:0;
}
h4 {
	font-size:20px;
	line-height:30px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:10px;
}
.services.space {
	padding-top:30px;
	padding-bottom:30px;
}
.service {
	width:50%;
}
.service-content-over span {
	font-size:20px;
	line-height:25px;
	padding:20px;
}
.service-content-over .arrow {
	left:20px;
	bottom:20px;
}
.p4 .one {
	padding-bottom:30px;
}
.p4 .two {
	padding-bottom:30px;
}
.padding {
	padding:30px;
}
.margin-top {
	padding-top:30px;
}
.margin-bot {
	padding-bottom:30px;
}
.footer {
	font-size:15px;
	line-height:24px;
}
span.space {
	width:80px;
}
.nav-footer {
	padding-left:0;
	border-left-width: 0;
	border-left-style: solid;
	border-left-color: #fff;
}
.cols {
	padding-top:40px;
}
.cols .half {
	float:none;
	width:100%;
	margin-right:0;
	padding-bottom:30px;
}
p {
	font-size:15px;
	line-height:25px;
	padding-right:20px;
}
.cols ul {
	font-size:15px;
	line-height:25px;
	list-style:square;
	padding-left:20px;
}

.upnext {
	background-color:#ecedf3;
	display:block;
	float:right;
	width:100%;
}
.upnext .up span {
	font-size:16px;
	line-height:26px;
	padding:20px;
}
.up-right-over-content {
	color:#fff;
	font-size:20px;
	line-height:30px;
	padding:20px;
}
.myname2 {
	font-size:15px;
	line-height:23px;
	padding-top:10px;
}
.max-width-top {
	padding-left:30px;
	padding-right:30px;
}
.map-google,
.map {
	height:400px;
}
.lbd {
	float:none;
}
.share {
	padding-top:30px;
	padding-bottom:30px;
}
.angelina {
	float:none;
	padding-left:0;
	padding-bottom:20px;
}

.desktop {
	display:none!important;
}
.mobile {
	display:block!important;
}
.hideme {
	display:none!important;
}


}


@media screen and (min-width: 0px) and (max-width: 400px) {

h1 {
	font-size:20px;
	line-height:30px;
	padding-right:20px;
}
h2 {
	font-size:20px;
	line-height:30px;
}
h3 {
	font-size:18px;
	line-height:28px;
	padding-right:0;
}
.service {
	width:100%;
}
.service-content-over span {
	font-size:18px;
	line-height:22px;
	padding:15px;
}
.service-content-over .arrow {
	left:15px;
	bottom:15px;
}
.copyright {
	font-size:12px;
}
.content.full {
	min-height:500px;
}
.person {
	float:none;
	width:100%;
	padding-bottom:20px;
}
.person img {
	width:100%;
}
.myname2 {
	font-size:14px;
	line-height:22px;
	padding-top:10px;
}



}