/*
Theme Name: SEO Wizards
Author: Web Wizards
Description: Another quality web design by Web Wizards
Author URI: http://www.webwizards.com.au
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background: url(images/textureBG.png) repeat center top;
	 font-family: 'LatoRegular';
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
a{
	color:#bbbdc0;
	font-size:18px;
	font-family: 'LatoItalic';
	margin:10px 0px;
	text-decoration:none;
}
a:hover{
	color:#96c93d;
}
h1{
	color:#bbbdc0;
	font-size:29px;
	font-family: 'LatoBlackItalic';
	text-align:center;
	margin:28px 0px 38px;
}
h2{
	color:#92c83d;
	font-family: 'LatoBlackItalic';
	font-size:24px;
	margin:10px 0px;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
}
h3{
	color:#00517b;
	font-family: 'LatoBlackItalic';
	font-size:20px;
	margin:15px 0px;
	font-weight:normal;
}
h4{
	color:#85c53f;
	font-size:18px;
	background: url(images/underline.png) repeat-x center bottom;
	display:inline-block;
	padding-bottom:5px;
	margin:20px 0px 29px 0px;
	font-weight: normal;
}
h5{
	color:#85c53f;
	font-size:17.9px;
	text-align:center;
	margin:10px 20px;
	font-weight: normal;
}
p{
    font-size: 12px;
    line-height: 21px;
    margin: 13px 0px;
    font-weight: normal;
    color: #00517b;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}
.clear{
	clear:both;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.half{
	width:48%;
	margin-bottom:70px;
}
@font-face {
    font-family: 'LatoBlack';
    src: url('fonts/lato-bla.eot');
    src: url('fonts/lato-bla.eot') format('embedded-opentype'),
         url('fonts/lato-bla.woff') format('woff'),
         url('fonts/lato-bla.ttf') format('truetype'),
         url('fonts/lato-bla.svg#LatoBlack') format('svg');
}
@font-face {
    font-family: 'LatoBold';
    src: url('fonts/lato-bol.eot');
    src: url('fonts/lato-bol.eot') format('embedded-opentype'),
         url('fonts/lato-bol.woff') format('woff'),
         url('fonts/lato-bol.ttf') format('truetype'),
         url('fonts/lato-bol.svg#LatoBold') format('svg');
}

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/lato-reg.eot');
    src: url('fonts/lato-reg.eot') format('embedded-opentype'),
         url('fonts/lato-reg.woff') format('woff'),
         url('fonts/lato-reg.ttf') format('truetype'),
         url('fonts/lato-reg.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoItalic';
    src: url('fonts/lato-regita.eot');
    src: url('fonts/lato-regita.eot') format('embedded-opentype'),
         url('fonts/lato-regita.woff') format('woff'),
         url('fonts/lato-regita.ttf') format('truetype'),
         url('fonts/lato-regita.svg#LatoItalic') format('svg');
}

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('fonts/lato-blaita.eot');
    src: url('fonts/lato-blaita.eot') format('embedded-opentype'),
         url('fonts/lato-blaita.woff') format('woff'),
         url('fonts/lato-blaita.ttf') format('truetype'),
         url('fonts/lato-blaita.svg#LatoBlackItalic') format('svg');
}

/* Header */

hgroup {
    height: 143px;
    padding-top: 15px;
}

#logo {
    margin: 0 auto;
    width: 225px;
}

#menu {

}

#phone {
    float: right;
}

/* Slider */

#slider {
    height: 360px;
    width: 980px;
    background: url(images/sliderBG.png) no-repeat center top;
}

/* Content */

#page {
    width: 980px;
}

.wpcf7-form-control-wrap.radio-386 {
    width: 272px;
    display: block;
    margin: 0 auto !important;
}
    
    #page {
        width: 100%;
    }
    
    .content{
    	width:980px;
    	margin:0 auto;
    }
    footer a {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    
    /* Header */
    hgroup{
    	width:980px;
    	margin:0 auto;
    	height:161px;
    	position:relative;
    	padding: 0px;
    }
    #logo{
    	top: 8px;
    	left: 7px;
    	position: absolute;
    	height: 178px;
    }
    #social{
    	margin:15px 15px 0px 0px;
    	float:right;
    	height:38px;
    	width: 250px;
    }
    #facebook, #twitter , #linkedin , #google , #pinterest  , #rss {
    	display:inline-block;
    	width: 38px;
    	height: 47px;
    }
    #facebook {
    	background: url(images/social-media.png) no-repeat 0px -7px;
    }
    #twitter {
    	background: url(images/social-media.png) no-repeat -41px -7px;
    }
    #linkedin {
    	background: url(images/social-media.png) no-repeat -80px -7px;
    }
    #google {
    	background: url(images/social-media.png) no-repeat -118px -7px;
    }
    #pinterest {
    	background: url(images/social-media.png) no-repeat -160px -7px;
    }
    #rss {
    	background: url(images/social-media.png) no-repeat -201px -7px;
    }
    #facebook:hover{
    	background: url(images/social-media.png) no-repeat 0px  -55px;
    }
    #twitter:hover{
    	background: url(images/social-media.png) no-repeat -40px  -55px;
    }
    #linkedin:hover{
    	background: url(images/social-media.png) no-repeat -80px  -55px;
    }
    #google:hover{
    	background: url(images/social-media.png) no-repeat -118px  -55px;
    }
    #pinterest:hover{
    	background: url(images/social-media.png) no-repeat -160px  -55px;
    }
    #rss:hover{
    	background: url(images/social-media.png) no-repeat -201px  -55px;
    }
    
    #phone{
        margin: 56px 51px 0px 0px;
        float: right;
        background: url(images/phone-icon.png) no-repeat 32px 11px;
        color: #01507c;
        font-size: 24px;
        line-height: 36px;
        padding-left: 54px;
    }
    #phone h5{
    	font-weight:normal;
    }
    #main-content a {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    /* Menu */
    #menu{
    	margin:17px 0px 0px 0px;
    	float:right;
    	width:735px;
    }
    #menu .sub-menu {
    display: none;
    position: absolute;
    background: #FFF;
    z-index: 100;
    width: 170px;
    padding: 10px;
    left: -15px;
    
    }
    #menu li:hover .sub-menu {
        display: inline-block;
    }
    #site-navigation li{
    	display:inline-block;
    	font-size:15px; 
    	font-weight:normal;
    	text-transform:uppercase;
    	position: relative;
    }
    #site-navigation li a {
        text-decoration: none;
        padding-bottom: 0px;
    	font-family: 'LatoBold';
    	color:#000;
    	margin-right:16px;
    	font-size: 17px;
    	-webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    #site-navigation a:hover{
    	color:#9ccb3b;	
    }
    .sub-menu li {
        width: 100%;
        padding: 5px;
    }
    /* slider */
    #slider{
        width: 100%;
    } 
    /* Content */
    #services{
    	background: url(images/arrowBG.png) no-repeat center top;
    	background-size: cover;
    }
    #services .services, #inner_services .services{
    	display: inline;
    	width: 202px;
    	float: left;
        padding: 0px 18px;
    	text-align:center;
    	padding-bottom:60px;
    }
    #inner_services .services{
    	padding-bottom:0px;
    }
    .services h3{
    	font-family: 'LatoBlack';
    	color:#96c93d;
    	font-size:21px;
    	padding-bottom:10px;
    	background: url(images/underline.png) no-repeat center bottom;
    	margin:0px 0px 15px 0px;
    }
    #servicesImg{
    	height:164px;
    }
    #servicesView a{
    	margin:14px 0px 57px 0px;
    	    	-webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .services p{
    	color:#00517b;
    	font-size:14px;
    	margin:10px 0px;
    	line-height:19px;
    	text-align:center;
    }
    #services-30, #services-29, #services-28, #services-27, #services-26, 
    #services-25, #services-24, #services-23{
    	display: inline-block;
    	width: 169px;
    	height: 158px;
    	margin-left:30px;
    }
    #services-30, #s-audit{
    	background: url(images/servicesBG.png) no-repeat 0px 4px;	
    }
    #services-29, #s-services{
    	background: url(images/servicesBG.png) no-repeat -243px 4px;	
    }
    #services-28, #s-results{
    	background: url(images/servicesBG.png) no-repeat -475px 4px;	
    }
    #services-27, #s-packages{
    	background: url(images/servicesBG.png) no-repeat -725px 4px;	
    }
    #services-26, #s-perth{
    	background: url(images/servicesBG.png) no-repeat 0px -305px;	
    }
    #services-25, #s-bus{
    	background: url(images/servicesBG.png) no-repeat -224px -305px;	
    }
    #services-24, #s-process{
    	background: url(images/servicesBG.png) no-repeat -478px -305px;	
    }
    #services-23, #s-tips{
    	background: url(images/servicesBG.png) no-repeat -722px -305px;	
    }
    .services:hover a{
    	color:#96c93d;
    }
    .services:hover  #servicesImg #services-30{
    	background: url(images/servicesBG.png) no-repeat 0px -143px;	
    }
    .services:hover  #servicesImg #services-29{
    	background: url(images/servicesBG.png) no-repeat -243px -143px;	
    }
    .services:hover  #servicesImg #services-28{
    	background: url(images/servicesBG.png) no-repeat -475px -143px;	
    }
    .services:hover  #servicesImg #services-27{
    	background: url(images/servicesBG.png) no-repeat -725px -143px;	
    }
    .services:hover  #servicesImg #services-26{
    	background: url(images/servicesBG.png) no-repeat 0px -453px;	
    }
    .services:hover  #servicesImg #services-25{
    	background: url(images/servicesBG.png) no-repeat -224px -453px;	
    }
    .services:hover  #servicesImg #services-24{
    	background: url(images/servicesBG.png) no-repeat -478px -453px;	
    }
    .services:hover  #servicesImg #services-23{
    	background: url(images/servicesBG.png) no-repeat -722px -453px;	
    }
    #main-content{
    	background: url(images/contentBG.png) no-repeat center top;
    	background-size: cover;
    	width:100%;
    }
    #main-content h4{
    	margin:50px 0px 4px 0px;
    	font-family: 'LatoBlackItalic';
    	color:#96c93d;
    	font-size:20px;
    }
    #main-content span{
    	color:white;
    }
    #video{
    	background: url(images/video.png) no-repeat 15px 97px;
    	width:300px;
    	padding-left:18px;
    	padding-right:39px;
    	float:left;
    	height:403px;
    }
    #text{
    	width:608px;
    	margin-right:10px;
    	float:right;
    	
    }
    #text p{
    	color:white;
    }
    #quote{
    	background: url(images/quoteBG.png) no-repeat center center;
    	padding-top:23px;
    }
    #quote h2, #quote h3{
    	text-transform:uppercase;
    	text-align:center;
    }
    .form-labels, .audit_form-labels{
    	background: none;
    	border: 1px solid #00517b;
    	padding: 12px;
    	color: #92c83d;
    	margin: 5px auto !important;
    	display: block;
    	font-size: 16px;
    	border-radius:8px;
    	width:327px;
    }
    .form-labels, .wpcf7-captchac {
    	display: block;
    	margin: 5px auto !important;
    }
    #submit, #audit_submit{
    	width:189px;
    	margin-top:25px;
    	color:#00517b;
    	border:1px solid #a6d166;
    	margin-bottom:24px;
    }
    #submit{
    	margin-left:230px;
    }
    #audit_submit{
    	margin-left:90px;
    	font-size:18px;
    	
    }
    #choose{
    	color:#00517b;
    	font-family: 'LatoItalic';
    	font-size:12px;
    	text-align: center;
    }
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #92c83d;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #92c83d;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #92c83d;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: #92c83d;
    }
    #forms{
    	margin:0 auto;
    	width:600px;
    }
    #audit_forms{
    	margin:27px auto 0px;
    	width:335px;
    }
    
    /* inner page */
    
    .inner_page {
    	width: 100%;
    	background: url(images/arrowBG.png) no-repeat center top;
    	min-height: 300px;
    }
    #banner{
    	width: 100%;
    	background: url(images/banner.jpg) repeat center top;
    	height: 153px;
    }
    #inner_services{
    	height:478px;
    	background: url(images/shadow.png) no-repeat center bottom;
    }
    #inner_services h1{
    	margin-bottom:24px;
    }
    #inner_services .services h3{
    	font-size:13.51px;
    	padding-bottom:8px;
    	background: url(images/small-line.png) no-repeat center bottom;
    }
    button{
    	background: none;
    	border: 1px solid #00517b;
    	padding: 12px;
    	margin: 4px 0px;
    	font-size: 16px;
    	border-radius:8px;
    	width:193px;
    	margin-bottom:39px;
    }
    button a{
    	color: #92c83d;
    }
    #your-site{
    	margin:300px;
    	margin:0 auto;
    	display:block;
    }
    /* Footer */
    #colophon{
    	background: url(images/footerBG.png) no-repeat center center;
    	background-size: cover;
    	width:100%;
    }
    aside{
    	display:inline-block;
    	width:33%;
    	float:left;
    }
    aside a{
    	color:#fff;
    	margin-left:44px;
    	font-size:14px;
    	 font-family: 'LatoRegular';
    }
    #menu-seo-wizards li, #menu-legal li{
    	margin-bottom:16px;
    }
    .textwidget p{
    	color:#fff;
    	font-size:20px;
    	margin:0px 0px 18px 44px;
    	line-height:20px;
    }
    #addr{
    	margin-top:43px;
    }
    #addr p{
    	font-size:14px;
    	margin:0px 0px 11px 44px;
    }
    .footerHeadings{
    	margin:39px 0px 39px 34px;
    	color:#a6d166;
    	font-size:20px;
    	font-family: 'LatoBold';
    }
    #subfooter{
    	height:57px;
    	width:100%;
    	background:#fff;
    }
    #rights {
    	font-size: 12px;
    	color: #00517b;
    	width: 250px;
    	float: left;
    	margin-top:24px;
    }
    #webwizards-logo {
    	float: right;
    	margin: 12px 0px 0px 0px !important;
    	width: 57px !important;
    	height: 38px !important;
    }

.body-wrapper {
  position: relative;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

.panel-button, .mobile-navigation {
    display: none;
}

.site-wrapper {
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    z-index: 2;
    -webkit-transition: left 0.2s ease-in-out 0s;
    -moz-transition: left 0.2s ease-in-out 0s;
    -ms-transition: left 0.2s ease-in-out 0s;
    -o-transition: left 0.2s ease-in-out 0s;
    transition: left 0.2s ease-in-out 0s;
}

    .nav-active .site-wrapper {
        left: 0;
    }



/* line 1, assets/sass/_mobile_nav.scss */
.mobile-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #006399;
  z-index: 0; }

  .nav-active .mobile-navigation {
  	display: block;
  }

  .mobile-navigation .wrapper {
    position: relative;
    width: 218px;
    height: 100vh;
    margin: 0 !important;
    overflow-x: hidden;
    overflow: auto;
    z-index: 1; }

    .mobile-navigation .wrapper ul {
      position: relative;
      width: 200px;
      padding: 0;
      margin: 0; }

      .mobile-navigation .wrapper ul li {
        position: relative;
        float: none !important;
        width: 200px;
        padding: 0;
        margin: 0;
        list-style: none; }

        .mobile-navigation .wrapper ul li a {
          position: relative;
          width: 200px;
          min-height: 20px;
          padding: 15px 20px;
          display: block;
          border-left: 0;
          background: transparent;
          font-family: Arial, Helvetica, sans-serif;
          text-decoration: none !important;
          font-size: 16px;
          font-weight: 400;
          line-height: 20px;
          color: #fff;
          -webkit-transition: background 0.2s ease-in-out 0s;
          -moz-transition: background 0.2s ease-in-out 0s;
          -ms-transition: background 0.2s ease-in-out 0s;
          -o-transition: background 0.2s ease-in-out 0s;
          transition: background 0.2s ease-in-out 0s;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 1; }

          .mobile-navigation .wrapper ul li a:before {
            position: absolute;
            top: 0;
            left: -5px;
            width: 5px;
            height: 100%;
            display: block;
            background: transparent;
            content: ' ';
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            z-index: 2; }

          .mobile-navigation .wrapper ul li a:hover {
            background: rgba(51, 51, 51, 0.5); }

            .mobile-navigation .wrapper ul li a:hover:before {
              left: 0;
              background: #90e52b; }

        .mobile-navigation .wrapper ul li.current-menu-item > a {
          background: rgba(51, 51, 51, 0.5); }

          .mobile-navigation .wrapper ul li.current-menu-item > a:before {
            left: 0;
            background: #62c249; }

        .mobile-navigation .wrapper ul li.current-menu-ancestor > a:before {
          background: #90e52b; }

        .mobile-navigation .wrapper ul li ul {
          position: relative;
          width: 100%;
          padding: 0!important;
          display:block;
         }

        .mobile-navigation .wrapper ul li li a {
          padding: 15px 20px 15px 40px; }


.panel-button {
  position: absolute;
  top: 45px;
  right: 25px;
  width: 56px;
  height: 56px;
  background: rgba(39, 41, 142, 0.75);
  z-index: 100;
  -webkit-transition: background 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s;
  -ms-transition: background 0.2s ease-in-out 0s;
  -o-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s; }

  .panel-button button {
    width: 56px;
    height: 56px;
    display: block;
    border: 0;
    margin: 0 !important;
    background: transparent !important;
    outline: none;
  }

    .panel-button button span {
      display: block; }

    .panel-button button.lines-button {
      cursor: pointer;
      user-select: none;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }

      .panel-button button.lines-button:hover {
        opacity: 1; }

        .panel-button button.lines-button:hover .lines:before {
          top: 7px; }

        .panel-button button.lines-button:hover .lines:after {
          top: -7px; }

      .panel-button button.lines-button:active {
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }

      .panel-button button.lines-button.close {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        -moz-transform: scale3d(0.8, 0.8, 0.8);
        -ms-transform: scale3d(0.8, 0.8, 0.8);
        -o-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8); }

      .panel-button button.lines-button.x2 .lines {
        -webkit-transition: background 0.2s ease-in-out 0.2s;
        -moz-transition: background 0.2s ease-in-out 0.2s;
        -ms-transition: background 0.2s ease-in-out 0.2s;
        -o-transition: background 0.2s ease-in-out 0.2s;
        transition: background 0.2s ease-in-out 0.2s; }

        .panel-button button.lines-button.x2 .lines:before, .panel-button button.lines-button.x2 .lines:after {
          -webkit-transform-origin: 50%, 50%;
          -moz-transform-origin: 50%, 50%;
          -ms-transform-origin: 50%, 50%;
          -o-transform-origin: 50%, 50%;
          transform-origin: 50%, 50%;
          transition: top 0.2s 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
          transition: top 0.2s 0.2s ease-in-out, transform 0.2s ease-in-out; }

      .panel-button button.lines-button.x2.close .lines {
        background: transparent;
        -webkit-transition: background 0.2s ease-in-out 0s;
        -moz-transition: background 0.2s ease-in-out 0s;
        -ms-transition: background 0.2s ease-in-out 0s;
        -o-transition: background 0.2s ease-in-out 0s;
        transition: background 0.2s ease-in-out 0s; }

        .panel-button button.lines-button.x2.close .lines:before, .panel-button button.lines-button.x2.close .lines:after {
          top: 0;
          width: 23px;
          transition: top 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease;
          transition: top 0.2s ease-in-out, transform 0.2s 0.2s ease-in-out; }

        .panel-button button.lines-button.x2.close .lines:before {
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          -moz-transform: rotate3d(0, 0, 1, 45deg);
          -ms-transform: rotate3d(0, 0, 1, 45deg);
          -o-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg); }

        .panel-button button.lines-button.x2.close .lines:after {
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          -moz-transform: rotate3d(0, 0, 1, -45deg);
          -ms-transform: rotate3d(0, 0, 1, -45deg);
          -o-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg); }

      .panel-button button.lines-button .lines {
        position: relative;
        top: -3px;
        width: 20px;
        height: 3px;
        display: inline-block;
        background: #fff;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }

        .panel-button button.lines-button .lines:before, .panel-button button.lines-button .lines:after {
          position: absolute;
          left: 0;
          width: 20px;
          height: 3px;
          display: inline-block;
          background: #fff;
          content: '';
          -webkit-transition: all 0.2s ease-in-out 0s;
          -moz-transition: all 0.2s ease-in-out 0s;
          -ms-transition: all 0.2s ease-in-out 0s;
          -o-transition: all 0.2s ease-in-out 0s;
          transition: all 0.2s ease-in-out 0s;
          -webkit-transform-origin: 0, center;
          -moz-transform-origin: 0, center;
          -ms-transform-origin: 0, center;
          -o-transform-origin: 0, center;
          transform-origin: 0, center; }

        .panel-button button.lines-button .lines:before {
          top: 7px; }

        .panel-button button.lines-button .lines:after {
          top: -7px; }

  .panel-button.close-button {
    background: rgba(39, 41, 142, 0.75); }

@media screen and (max-width: 1020px) {

    #art_content, .inner_page .content {
        width: 100%;
        padding: 0 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}

/* Media Queries */
@media screen and (max-width: 959px) {
    #services, .content {
        width: 100% !important;
    }

    #services .services, #inner_services .services {
        width: 50%;
        min-height: 440px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #video {
        display: none !important;
    }
    #main-content #video {
        display: none !important;
    }
    #main-content #text {
        float: none !important;
        width: 100%; !important;
        padding: 0 20px;
        margin-right: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    .nav-active .site-wrapper {
        left: 220px;
    }

    .panel-button {
        display: block;
    }

    #site-navigation, .rev_slider_wrapper {
        display: none !important;
    }

    #slider {
        height: 50px;
    }

    #services .services, #inner_services .services {
        width: 100%;
        min-height: 0;
    }
    
    #forms {
        width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 540px) {

    #colophon {
        padding: 30px 0;
    }

    aside {
        display: block;
        width: 100%;
        float: none;
    }

    #subfooter img {
        display: block;
    }

    #subfooter .rights {
        width: 100%;
        text-align: center;
    }
}


@media screen and (max-width: 479px) {
    
    .panel-button {
        right: 15px;
    }
    
    .form-labels, .audit_form-labels{
    	width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #audit_forms{
    	width:100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}