@import url("http://fonts.googleapis.com/css?family=Open+Sans");
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1,
h2,
h3 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 700;
}
h2 {
font-size: 20px;
}
.call-us {
position: absolute;
top: 15%;
right: 0;
}
#header {
position: relative;
margin:0 auto;
} #header .sidemenu {
width: 229px;
height: 503px;
background: transparent url(//metroofficefitouts.com.au/wp-content/themes/metro/assets/img/sidemenu.png) no-repeat;
}
#header .sidemenu .logo {
display: inline-block;
width: 191px;
line-height: 175px;
text-align: center;
background-color: #0b77a9;
background: url(//metroofficefitouts.com.au/wp-content/themes/metro/assets/img/logo-bg.jpg) no-repeat;
position:relative;
margin-left:-16px;
}
#header .sidemenu .logo:after {
content: "";
position: absolute;
top: 175px;
left: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: transparent #074b6a transparent transparent ;
display: block; width: 0;
border-style: inset;
}
#header .sidemenu .logo img {
margin-left: 0;
}
#header .sidemenu .menu { margin-left: 15px;
margin-top: 20px;
padding: 0;
list-style: none;
}
#header .sidemenu .menu li {
margin-bottom: 2px;
}
#header .sidemenu .menu li.menu-item-87 { width:176px; }
#header .sidemenu .menu li.menu-item-67 { width:173px; }
#header .sidemenu .menu li.menu-item-71 { width:170px; }
#header .sidemenu .menu li.menu-item-85 { width:166px; }
#header .sidemenu .menu li.menu-item-69 { width:164px; }
#header .sidemenu .menu li.menu-item-87:after {
content: "";
position: relative;
float: right;
height: 0;
margin-left: 148px;
margin-top: -35px;
border-width: 36px 5px 0 0;
border-style: solid;
border-color: rgba(98,189,230, 1) transparent transparent transparent;
background-color: #53b2dd;
width: 0;
}
#header .sidemenu .menu li.menu-item-67:after {
content: "";
position: relative;
float: right;
height: 0;
margin-left: 148px;
margin-top: -35px;
border-width: 36px 5px 0 0;
border-style: solid;
border-color: rgba(98,189,230, 1) transparent transparent transparent;
background-color: #53b2dd;
width: 0;
}
#header .sidemenu .menu li.menu-item-71:after {
content: "";
position: relative;
float: right;
height: 0;
margin-left: 148px;
margin-top: -35px;
border-width: 36px 5px 0 0;
border-style: solid;
border-color: rgba(98,189,230, 1) transparent transparent transparent;
background-color: #53b2dd;
width: 0;
}
#header .sidemenu .menu li.menu-item-85:after {
content: "";
position: relative;
float: right;
height: 0;
margin-left: 148px;
margin-top: -35px;
border-width: 36px 5px 0 0;
border-style: solid;
border-color: rgba(98,189,230, 1) transparent transparent transparent;
background-color: #53b2dd;
width: 0;
}
#header .sidemenu .menu li.menu-item-69:after {
content: "";
position: relative;
float: right;
height: 0;
margin-left: 148px;
margin-top: -35px;
border-width: 36px 5px 0 0;
border-style: solid;
border-color: rgba(98,189,230, 1) transparent transparent transparent;
background-color: #53b2dd;
width: 0;
}
#header .sidemenu .menu li a {
display: block;
padding: 5px 10px;
font-size: 18px;
background-color: #62bde6;
color: #515150;
border-left: 5px solid #40a3d0;
}
#header .sidemenu .menu li a:hover {
text-decoration: none;
background-color: #8ecfed;
}
#header .banner {
position: absolute;
top: 15%;
left: 80px;
right: 0;
z-index: -1; }
#header .default-banner {
width:100%;
}
#header .banner img {
width: 100%;
}
#header .slider {
overflow: hidden;
position: absolute;
top: 15%;
left: 171px;
right: 0;
z-index: -1;
width: 85%;
height: 378px;
}
#header .slider .bx-viewport {
left: 0;
border: 0;
box-shadow: none;
}
#header .slider img {
width: 100%;
}
#header .banner img {
height: 285px;
}
#header .banner .header-title {
width: 84%;
height: 130px;
position: absolute;
text-decoration: none;
text-align: center;
left: 50%;
top: 86%;
margin-left: -42%;
z-index: 99;
border-bottom: solid 3px rgba(0, 106, 155, 0.55);
}
#header .banner .header-title h2 {
margin-top: 30px;
color: #0e0e0e;
font-size: 32px;
}
#header .banner .header-title .header-bar {
width: 100%;
height: 60px;
background-color: #53b2dd;
background:transparent url(http://metroofficefitouts.com.au/wp-content/uploads/2017/07/rectangle-bar2.png) top center no-repeat;
opacity: 0.55;
}
.about .mob-workstation-pic {
display: none;
}
.about .mob-workstation-pic img {
width: 100%;
}
#footer {
padding: 30px 30px 10px;
background: url(//metroofficefitouts.com.au/wp-content/themes/metro/assets/img/footer.jpg) top center;
color: #ffffff;
width:1180px; margin:0 auto;
}
#footer h6 {
font-size: 14px;
margin-top: 10px;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer ul li a {
font-size: 16px;
color: #ffffff;
}
#footer ul li:not(:last-child) {
margin-bottom: 5px;
}
#footer address {
margin: 0;
}
#footer .contact a {
color: #ffffff;
}
#footer .contact .click-to-call {
margin-top: 20px;
}
#footer .powered {
margin-top: 30px;
}
#footer .powered a:link {
text-decoration: none;
color: #ffffff;
}
#footer .powered a:visited {
text-decoration: none;
color: #ffffff;
}
#map_canvas {
width: 955px;
height: 285px;
background-color: #CCC;
float: right;
}
input[type=text],
input[type=email] {
width: 50%;
}
textarea {
width: 80%;
}
input[type=submit] {
padding: 10px 25px;
background: #53b2dd;
border: 0 none;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bottomheadermenu {
display:none;
} blockquote {
display: block;
margin-top: 20px;
background-color: #f7f7f7;
border-left: 0;
border-top: 4px solid #e2e2e2;
font-weight: 600;
}
blockquote q,
blockquote cite {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #656565;
}
.about {
margin-bottom: 60px;
}
.about .main-feature-text { }
.about .info {
padding: 10px 20px;
background-color: #fefefe;
}
.about .main {
margin-bottom: 25px;
}
.about .main hr {
width: 80%;
display: block;
border: 0;
border-top: 1px solid #e2e2e2;
}
.about .main .content-text {
margin-bottom: 50px;
}
.about .main .text-center h2 {
font-size: 16px;
}
.about .testimony {
margin-bottom: 50px;
}
.about .displayPic {
float: left;
margin: 5px;
}
blockquote {
background-color: #f7f7f7;
border-left: 0;
border-top: 4px solid #e2e2e2;
}
blockquote q,
blockquote cite {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #656565;
}
blockquote cite {
display: block;
margin-top: 20px;
font-weight: 600;
}
.about {
margin-bottom: 60px;
}
.about .sidebar .info {
margin-bottom: 35px;
}
.about .sidebar .info h3 {
padding-left: 20px;
padding-right: 20px;
padding-bottom:5px;
border-bottom:1px solid #000;
border-color:#e8e8e8;
}
.about .sidebar .info .wrap { }
.about .main hr {
width: 80%;
display: block;
border: 0;
border-top: 1px solid #e2e2e2;
}
.testimonials {
margin-bottom: 60px;
}
.past-work {
margin-bottom: 60px;
}
.past-work .job {
text-align: center;
padding: 20px 10px;
background-color: #53B2DD;
color: #ffffff;
}
.past-work .job img {
display: inline-block;
}
.partners {
padding-top: 20px;
padding-bottom: 20px;
list-style: none;
}
.partners > div {
display: inline-block;
text-align: center;
line-height: 104px;
}
.partners > div img {
display: inline-block;
}
.affiliates {
margin-top: 40px;
margin-bottom: 40px;
} @media only screen and (max-width: 990px) {
body,
#site {
width: 100%;
margin: 0;
padding: 0;
}
.container {
margin: 0;
padding: 0;
}
#header {
width: 100%;
height: 95px;
background-color: #0c78a9;
margin-left: 5px;
padding: 0;
width: 100%;
height: 100%;
background-color: transparent;
margin-left: none;
padding: 0;
}
#header .slider {
left: 0;
width: 100%;
}
#header .slider {
overflow: hidden;
position: absolute;
top: 100%;
right: 0;
z-index: -1;
width:100%;
height: auto !important;
overflow:hidden;
}
.attachment-full{
width:100% !important;
height:100% !important;
}
#header .banner {
left: 0;
width: 100%;
}
#header .banner .header-title {
width: 84%;
height: 100px;
position: absolute;
text-decoration: none;
text-align: center;
left: 50%;
top: 86%;
margin-left: -42%;
z-index: 99;
border-bottom: solid 3px rgba(0, 106, 155, 0.55);
}
#header .banner .header-title h2 {
margin-top: 80px;
color: #0e0e0e;
font-size: 24px;
}
#header .banner .header-title .header-bar {
display: none;
}
#header .top {
width: 100%;
margin: 0;
padding: 10px 0;
position: absolute;
top: 330px;
left: 0;
right: 0;
background:transparent;
}
#header .top ul {
margin: 0;
padding: 0;
}
#header .top ul li {
width: 100%;
margin: 0;
padding: 0;
display: block;
}
#header .top ul li a {
height: 68px;
width: 33.333%;
padding: 5px 10px;
margin-bottom: 5px;
font-size: 1em;
float: left;
background-color: #62bde6;
color: #ffffff;
}
#header .top ul li a:hover {
text-decoration: none;
background-color: #8ecfed;
}
#header .top ul li:not(:last-child) a {
border: 0;
}
#header .sidemenu {
background-image: none;
width: 100%;
margin: 0;
padding: 0;
}
#header .sidemenu .logo {
display: inline-block;
padding: 10px 5px;
width: 240px;
height: 95px;
box-shadow: none;
background-image: url(//metroofficefitouts.com.au/wp-content/uploads/2017/02/metro-logo.png);
background-position: 10px 10px;
}
#header .sidemenu .logo img {
display: none;
}
#header .sidemenu .menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative; background:#ffffff;
}
#header .sidemenu .menu li {
margin-bottom: 2px;
}
#header .sidemenu .menu li a {
display: block;
padding:10px;
font-size: 18px;
background-color: #62bde6;
color: #515150;
border-left: 5px solid #40a3d0;
}
#header .sidemenu .menu li a:hover {
text-decoration: none;
background-color: #8ecfed;
}
#header .callus {
width: auto !important;
height: auto !important;
float: left;
font-size: 1.2em!important;
position: absolute;
top: 0px;
right: 0;
}
#header .callus a:link{
width: auto !important;
height: auto !important;
padding: 5px 10px 5px;
position: absolute;
text-decoration: none;  z-index: 99;
color: #fefefe;
font-size: 1.9rem;  }
#header .callus-btn {
display: block;
float: left;
font-size: 1em!important;
position: absolute;
top: 95px;
right: 0;
}
.about {
position: absolute;
top: 106%;
width: 100%;
margin: 0;
padding: 0 10px 40px;
}
.about .main {
width: 100%;
margin: 0;
padding: 0;
}
.about .sidebar {
display: none;
}
.about .contact-info {
display: block;
width: 100%;
margin: 0 20px 35px;
}
.about .main-feature-text {
display: none;
}
.about .testimony {
left: 0;
margin: 0;
padding: 0;
}
.about .mob-workstation-pic {
display: block;
}
.mobile-hide {
display: none !important;
}
.testimonials {
display: none;
}
.past-work {
display: none;
}
.partners {
display: none;
}
.affiliates {
display: none;
}
footer {
display: none;
}
.testimony,
.info,
.main {
width: 100%;
left: 0;
}
#map_canvas {
width: 100%;
height: 285px;
background-color: #CCC;
float: right;
}
.post-24 h1 {
margin-left: 7px;
margin-right: 7px;
bottom: -10%;
position: absolute;
z-index: 99;
color: #333333;
}
.company-veichle img{
width:100% !important;
}
.sidebar {
position: none;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#header .sidemenu .logo {
display: inline-block;
padding: 10px 5px;
width: 100%;
height: 95px;
box-shadow: none;
background-image: url(//metroofficefitouts.com.au/wp-content/uploads/2017/03/metro-logo.png);
background-position: 10px 10px;
}
}
.past-work {
margin-bottom:60px;
}
.past-work .job {
text-align: center;
padding:0;
background-color:transparent;
}
.past-work .job img {
display: inline-block;
color: #ffffff;
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.links-to-information-pages {
margin-top:45px; display:block;
}
.links-to-information-pages ul {
margin:0; padding:0;  list-style:none;
}
.links-to-information-pages ul li {
}
.links-to-information-pages h4{
text-align:center;
}
@media only screen and (max-width: 654px) {
#header .sidemenu {
height:auto !important;
}
#header .top {
width: 100%;
margin: 0;
padding: 10px 0;
position: absolute;
top: 320%;
left: 0;
right: 0;
}
#header .sidemenu .menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
margin-top: -14%;
}
.post-24 h1 {
margin-left: 7px;
margin-right: 7px;
bottom: 0%;
position: absolute;
z-index: 99;
color: #333333;
}
.company-veichle img{
width:100% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
#header .sidemenu .menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
margin-top: -20%;
}
.post-24 h1 {
margin-left: 7px;
margin-right: 7px;
bottom: -5%;
position: absolute;
z-index: 99;
color: #333333;
}
}
@media only screen and (max-width: 380px) {
.about {
position: absolute;
top: 105%;
width: 100%;
margin: 0;
padding: 0 10px 40px;
}
#header .top {
width: 100%;
margin: 0;
padding: 10px 0;
position: absolute;
top: 290%;
left: 0;
right: 0;
}
#header .sidemenu .menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
margin-top: -30%;
}
.post-24 h1 {
margin-left: 7px;
margin-right: 7px;
bottom: -5%;
position: absolute;
z-index: 99;
color: #333333;
display:none;
}
}
.testimonial-links ul {
list-style:none;
}
.testimonial-links ul li backquote {
font-family: 'Lora', serif;
font-size:2.8rem;
color:#111; font-style: italic;
}
.testimonial-text-column {
float:left; display:block;
width:75%;
}
.testimonial-text-column p {
font-size:1.4rem; margin-left:25px !important;
}
.testimonial-image-column {
float:right; display:block;
width:22%;
}
.testimonial-image-column img {
float:right; width:100%;
margin-right:10px;
}
.past-work { margin-top:20px; width:33%;}
.past-work .job img{
width:100%;
}
.company-veichle img{
width:740px !important;
}
section #body {
width:1180px;
}
.about, .findoutabout, .past-work, .partners, .affiliates, .addtoany_share_save_container, footer {
margin-right: -15px;
margin-left: -15px;
width:1180px; margin:0 auto !important;
}
@media only screen and (min-width: 992px) {
.container { }
}
@media only screen and (max-width: 990px) {
.container {
width: 100% !important;
height:auto; overflow:hidden;
}
.footer-holder {
display:none;
}
section #body {
}
.findoutabout {
}
.testimonial-links {
}
#header .sidemenu {
width: 100%;
margin: 0;
padding: 0;
height: 720px;
}
#header .slider {
overflow: hidden;
position: relative;
top: 10%;
left: 0% !important;
right: 0;
z-index: -1;
width: 100% !important;
height: 378px;
}
#header .callus, #header .callus a:link, #header .callus-btn, #header .callus-btn a:link {
padding: 2px 10px 5px;
position: absolute;
text-decoration: none;
right: 0.5%;
top: 0% !important;
z-index: 99;
color: #fefefe;
font-size: 26px;
background-color: #53b2dd;
float: left;
display:block;
}
}
@media only screen and (max-width: 1180px) {
.container {
padding-left:0px !important; padding-right:0px !important; 
}
#header {
position: inherit;
margin: 0 auto;
width: 100%;
}
#header .slider {
overflow: hidden; top: 8%;
left: 14.9%;
right: 0;
z-index: -1;
width:84.5%;
height: 308px;
}
#header .sidemenu {
width: 100%;
margin: 0;
padding: 0; height:420px;
}
.sidebar, .findoutabout {
clear:both; display:block;
}
.past-work, .partners, .affiliates, .addtoany_share_save_container, footer {
clear:both; display:none !important;
}
.about, .findoutabout, .past-work, .partners, .affiliates, .addtoany_share_save_container, footer {
margin-right: -15px;
margin-left: -15px;
width: 100%;
margin: 0 auto !important;
}
#header .default-banner { top: 10%; right: 0;
z-index: -1; }
#header .banner .header-title {
width: 100%;
height: 130px;
position: absolute;
text-decoration: none;
text-align: center;
left: 50%;
top: 86%;
margin-left: -42%;
z-index: 99;
border-bottom: solid 3px rgba(0, 106, 155, 0.55);
}
}
@media only screen and (max-width: 990px) {
#header .callus, #header .callus a:link, #header .callus-btn, #header .callus-btn a:link {
padding: 2px 10px 5px;
position: absolute;
text-decoration: none;
right: 0.5%;
top: 0% !important;
z-index: 99;
color: #fefefe;
font-size: 26px;
background-color: #53b2dd;
float: left;
display:block;
}
#header .callus {
overflow: visible;
height: auto !important;
display: block;
}
.findoutabout .sidebar {
display:none !important;
}
.about, .findoutabout, .past-work, .partners, .affiliates, .addtoany_share_save_container, footer {
position:relative !important;
}
h1 {
margin:0 auto;
position: inherit !important;
z-index: 99;
color: #333333;
}
.company-veichle img {
width: 100% !important;
}
.default-banner {
display:none !important;
}
}
@media only screen and (max-width: 654px) {
#header .sidemenu {
height:auto !important; }
#header .top {
width: 100%;
margin: 0;
padding: 10px 0;
position: absolute;
top: 320%;
left: 0;
right: 0;
}
#header .sidemenu .menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
margin-top: 0%;
}
.post-24 h1 {
margin-left: 7px;
margin-right: 7px;
bottom: 0%;
position: absolute;
z-index: 99;
color: #333333;
}
.company-veichle img{
width:100% !important;
max-height: 195px;
}
#header .top {
width: 100%;
margin: 0;
padding: 10px 0;
position: inherit !important;
top: 0%;
left: 0;
right: 0;
}
.bottomheadermenu {
display:none !important; clear:both;
}
.testimonial-image-column {
float: right;
display: none;
width: 22%;
}
.testimonial-text-column {
float: left;
display: block;
width: 100%;
overflow:hidden;
}
.testimonial-column {
overflow:hidden; margin-top:45px;
}
.testimonial-column h3{
text-align:center;
}
}
header .entry-header {
display:none !important;
}
@media only screen and (max-width: 654px) {
#header .callus a:link{
width: auto !important;
height: auto !important;
padding: 5px 10px 5px;
position: absolute;
text-decoration: none;  z-index: 99;
color: #fefefe;
font-size: 1.9rem;  }
#header .callus-btn {
display: block;
float: left;
font-size: 1em!important;
position: absolute;
top: 40%;
right: 0;
}
}      .about .main {
margin-bottom: 10px !important;
}
.about .main .content-text {
margin-bottom: 0px !important;
}
.findoutabout {
margin: 0 auto 30px !important;
}
.past-work, .partners, .affiliates{
margin: 0 auto 10px !important;
}
.content-text .content-text h2.text-center {
font-size: 24px;
}
.calltoaction h5 a, .calltoaction h5 a:visited, .calltoaction h5 a:link, .calltoaction h5 a:active {
color:#333; font-style: normal;
}
.company-bottom-graphic {
height:422px; width:740px;
background:transparent url(//metroofficefitouts.com.au/wp-content/themes/metro/assets/img/company-car-bottom-blue.jpg) right bottom no-repeat;
}
.company-side-graphic {
height:422px; width:847px; margin:0 auto;
background:transparent url(//metroofficefitouts.com.au/wp-content/themes/metro/assets/img/company-car-side-blue.jpg) right bottom no-repeat;
}
.company-veichle h5{
text-align:center;
}
.company-veichle h6{
text-align:center;
}
@media only screen and (min-width: 992px) {
body { }
}
@media only screen and (max-width: 1180px) {
body {
}
#header .top {
top: 10px;
}
#header .slider {
overflow: hidden; top: 8%;
left: 14.9%;
right: 0;
z-index: -1;
width: 84.5%;
height: 374px;
}
.affiliates, footer {
clear: both;
display: block !important;
}
#footer {
padding: 10px 5px 10px;
background-image:none;
background-color:#62bde6;
color: #ffffff;
width: auto !important;
margin: 0 auto;
}
}
@media only screen and (max-width: 990px) {
body {
}
.footer-holder {
display:block;
}
}
@media only screen and (max-width: 654px) {
body {
}
.affiliates {
padding-top: 0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
body {
}
} #header .top {
position: absolute;
right: 0; background:transparent;
width:79%;
}
#header .top .top-info {
text-align:center; background:#53b2dd;
color:#000000;
background: transparent; background: -moz-linear-gradient(left, #ffffff 0%, #53b2dd 51%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#53b2dd 51%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#53b2dd 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }
#header .top ul {
margin: 0; padding:0;
text-align: center;
list-style: none;
width:100%;
}
#header .top ul li {
display: inline-block;
}
#header .top ul li a {
display: block;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
color: #000000;
font-weight:bold;
margin-top: 8px;
}
#header .top ul li:not(:last-child) a {
border-right: 1px solid #c1d4dd;
}
#header .callus-btn {
width: 240px;
height: auto;
padding: 15px 15px 0px 15px;
position: absolute;
text-decoration: none;
right: 0;
top: 15%;
z-index: 99;
color: #000000;
background-color: #ffffff;
border-top:1px solid #53b2dd;
border-left:1px solid #53b2dd;
border-right:1px solid #53b2dd;
border-bottom:1px solid #53b2dd;
margin-bottom:20px;
}
#header .callus-btn a{
margin-bottom:10px; line-height:22px;
clear:both; display:block;
text-decoration: none;
font-size: 18px;
color:#000;
padding-left:15px;
}
#header .callus-btn span {
color: #000000;
font-size: 18px;
}
#header .callus-btn ul {
margin:0; padding:0 0 10px;
padding-left:-10px;
}
#header .callus-btn ul li {
float:left;
margin-right:6px;
list-style:none; display:block;
}
#header .callus-btn ul li a {
letter-spacing: 1px; word-spacing: 1px;
font-size:9px; padding:0; margin:0;
color:#0B0080;
}
#header .banner-side-links {
width: 240px !important;
height: auto;
padding: 2px 10px 5px;
position: absolute;
text-decoration: none;
right: 0;
top: 38%;
z-index: 99;
display:block;
}
#header .banner-side-links h6 a{
font-size: 1.6rem !important;
color: #fff;
margin-bottom: 16px;
line-height: 2rem;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#header .banner-side-links h6 .fa-point {
color:#ffffff; margin-right:10px; font-size:13px;
}
.btn-primary, .btn-primary:hover, .btn-primary:active:hover {
color: #000 !important;
background-color: #fff !important;
border-color: #ffffff !important;
width:100% !important;
}
.extended-panel {
padding:10px !important;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px transparent;
box-shadow: inset 0 3px 5px transparent;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 9px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.clearfix {
height:40px;
}
#menu-pages-menu li#menu-item-88 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/suspended-ceiling-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-90 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/office-partitioning-walls-rooms-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-89 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/office-workstation-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
} 
.callus-btn .callus-btn-bottom-decoration-holder {
height:30px; display:block; clear:both; position:relative;
background: #ffffff; }
.callus-btn .callus-btn-bottom-decoration {
height:10px; width:210px; display:block; clear:both; position:absolute; bottom:0;
background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #53b2dd 51%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#53b2dd 51%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#53b2dd 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 0px auto -webkit-focus-ring-color;
outline-offset: 0px;
}
@media only screen and (min-width: 992px) {
body { }
}
@media only screen and (max-width: 1180px) {
body {
}
#header .top {
top:0;
}
#header .sidemenu {
height:490px;
}
#header .default-banner {
top:9%;
}
#header .callus-btn {
top:9%;
}
#header .banner-side-links {
top: 26%;
}
#header .site-banner {
top:9% !important;
}
}
@media only screen and (max-width: 1095px) {
#header .top {
position: relative;
width:100%;
}
}
@media only screen and (max-width: 990px) {
body {
}
#header .site-banner {
display:none;
}
#header .top {
position: relative;
width:100%; top:0; padding-top:0;
}
#header .top ul li {
display: block; background:transparent;
}
#header .top ul li a {
display: block; background:transparent; font-size: 1.4rem;
height:auto; padding-bottom:10px;
}
#header .callus-btn {
display:none;
}
#header .sidemenu .menu li.menu-item-87 { width:auto; }
#header .sidemenu .menu li.menu-item-67 { width:auto; }
#header .sidemenu .menu li.menu-item-71 { width:auto; }
#header .sidemenu .menu li.menu-item-85 { width:auto; }
#header .sidemenu .menu li.menu-item-69 { width:auto; }
#header .banner-side-links { display:none; }
#header .sidemenu {
height: auto;
background: #64b9e0; background: -moz-linear-gradient(-45deg, #64b9e0 0%, #1e99d0 31%, #0c78a9 100%) ; background: -webkit-linear-gradient(-45deg, #64b9e0 0%,#1e99d0 31%,#0c78a9 100%); background: linear-gradient(135deg, #64b9e0 0%,#1e99d0 31%,#0c78a9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64b9e0', endColorstr='#0c78a9',GradientType=1 ); display:block; clear:both;
}
#header .sidemenu .logo {
margin-left:0px;
background-image: transparent url(//metroofficefitouts.com.au/wp-content/uploads/2017/03/metro-logo.png);
background-repeat:no-repeat;
background-position: 10px 10px;
}
#menu-pages-menu li#menu-item-88 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-90 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-89 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
} 
#footer { display:none !important; }
#header .sidemenu .menu li.menu-item-87:after {
border:none;
}
#header .sidemenu .menu li.menu-item-67:after {
border:none;
}
#header .sidemenu .menu li.menu-item-71:after {
border:none;
}
#header .sidemenu .menu li.menu-item-85:after {
border:none;
}
#header .sidemenu .menu li.menu-item-69:after {
border:none;
}
#header .default-banner {
position:initial;
}
.default-banner {
display:block !important;
}
}
@media only screen and (max-width: 740px) {
body {
}
#header .top ul li a {
display: block; background:transparent; font-size: 1.2rem;
height:auto; padding-bottom:10px; padding-top:10px;
}
#header .top ul li a {
display:none;
}
#header .top .top-info {
display:none;
}
#header .top {
padding:0;
}
}
@media only screen and (max-width: 654px) {
body {
}
#header .top ul li a {
display: block;
font-size: 1.2rem;
height: auto;
padding-bottom: 10px;
padding-top: 10px;
height: 53px;
}
#header .callus-btn {
width: 100%;
height: auto;
padding: 5px;
text-decoration: none;
right: 0;
top: 0;
z-index: 99;
color: #000000;
background-color: #ffffff;
border-top: 1px solid #53b2dd;
border-left: 1px solid #53b2dd;
border-right: 1px solid #53b2dd;
border-bottom: 1px solid #53b2dd;
margin-bottom: 20px;
clear: both;
position: relative;
display:block;
}
#header .callus-btn div{
clear:both; margin-bottom:20px;
}
#header .callus-btn a, #header .callus-btn a:link{
margin-bottom:10px; line-height:22px;
clear:both; display:block;
text-decoration: none;
font-size: 12px;
color:#000;
padding-left:15px;
margin-left: 5px !important;
}
#header .callus-btn span {
color: #000000;
font-size: 12px;
}
#header .callus-btn ul {
margin:0; padding:0 0 10px;
padding-left:-10px;
}
#header .callus-btn ul li {
float:left;
margin-right:6px;
list-style:none; display:block;
background:transparent;
}
#header .callus-btn ul li a {
letter-spacing: 1px; word-spacing: 1px;
font-size:9px; padding:0; margin:0;
color:#0B0080;
}
#header .callus-btn ul {
display:none;
}
.callus-btn .callus-btn-bottom-decoration-holder {
display:none;
}
#header .callus-btn div div a {
font-size:2rem !important; clear:both !important; line-height:2.3rem;
float:left; margin:10px 10px; padding:10px 10px;
position: relative !important; background:transparent !important;
text-align:center;
}
#header .callus-btn div {
clear: both;
margin-bottom:0;
background:transparent !important;
}
#header .top ul li a {
display:none;
}
#header .top .top-info {
display:none;
}
.affiliates {
padding-top: 0px;
margin-bottom: 45px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
body {
}
} .contactform-background {
background:transparent url(http://metroofficefitouts.com.au/wp-content/uploads/2017/07/metro-office-fitouts-new-vehicle-photo.png) top right no-repeat;
}
.wpcf_wrapper h1 { display:none;  }
.wpcf_wrapper .form-control {
display: block;
width: 50%;
}
.wpcf_wrapper input[type=text], .wpcf_wrapper input[type=email] {
width: 50%;
}
.wpcf_wrapper .text-area {
max-height:100px;
} #header .top {
position: absolute;
right: 0; background:transparent;
width:79%;
}
#header .top .top-info {
text-align:center; background:#53b2dd;
color:#000000;
background: transparent; background: -moz-linear-gradient(left, #ffffff 0%, #53b2dd 51%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#53b2dd 51%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#53b2dd 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }
#header .top ul {
margin: 0; padding:0;
text-align: center;
list-style: none;
width:100%;
}
#header .top ul li {
display: inline-block;
}
#header .top ul li a {
display: block;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
color: #000000;
font-weight:bold;
margin-top: 8px;
}
#header .top ul li:not(:last-child) a {
border-right: 1px solid #c1d4dd;
}
#header .callus-btn {
width: 240px;
height: auto;
padding: 15px 15px 0px 15px;
position: absolute;
text-decoration: none;
right: 0;
top: 15%;
z-index: 99;
color: #000000;
background-color: #ffffff;
border-top:1px solid #53b2dd;
border-left:1px solid #53b2dd;
border-right:1px solid #53b2dd;
border-bottom:1px solid #53b2dd;
margin-bottom:20px;
}
#header .callus-btn a{
margin-bottom:10px; line-height:22px;
clear:both; display:block;
text-decoration: none;
font-size: 18px;
color:#000;
padding-left:15px;
}
#header .callus-btn span {
color: #000000;
font-size: 18px;
}
#header .callus-btn ul {
margin:0; padding:0 0 10px;
padding-left:-10px;
}
#header .callus-btn ul li {
float:left;
margin-right:6px;
list-style:none; display:block;
}
#header .callus-btn ul li a {
letter-spacing: 1px; word-spacing: 1px;
font-size:9px; padding:0; margin:0;
color:#0B0080;
}
#header .banner-side-links {
width: 240px !important;
height: auto;
padding: 2px 10px 5px;
position: absolute;
text-decoration: none;
right: 0;
top: 38%;
z-index: 99;
display:block;
}
#header .banner-side-links h6 a{
font-size: 1.6rem !important;
color: #fff;
margin-bottom: 16px;
line-height: 2rem;
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#header .banner-side-links h6 .fa-point {
color:#ffffff; margin-right:10px; font-size:13px;
}
.btn-primary, .btn-primary:hover, .btn-primary:active:hover {
color: #000 !important;
background-color: #fff !important;
border-color: #ffffff !important;
width:100% !important;
}
.extended-panel {
padding:10px !important;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px transparent;
box-shadow: inset 0 3px 5px transparent;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 9px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.clearfix {
height:40px;
}
#menu-pages-menu li#menu-item-88 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/suspended-ceiling-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-90 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/office-partitioning-walls-rooms-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-89 a:before {
content:url(http://192.168.33.10/metro2/wp-content/uploads/2017/05/office-workstation-little-image.jpg);
margin-right:8px; width:40% !important; height:40% !important;
} 
.callus-btn .callus-btn-bottom-decoration-holder {
height:30px; display:block; clear:both; position:relative;
background: #ffffff; }
.callus-btn .callus-btn-bottom-decoration {
height:10px; width:210px; display:block; clear:both; position:absolute; bottom:0;
background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #53b2dd 51%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#53b2dd 51%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#53b2dd 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 0px auto -webkit-focus-ring-color;
outline-offset: 0px;
}
@media only screen and (min-width: 992px) {
body { }
}
@media only screen and (max-width: 1180px) {
body {
}
#header .top {
top:0;
}
#header .sidemenu {
height:490px;
}
#header .default-banner {
top:13.4%;
}
#header .callus-btn {
top:13.4%;
}
#header .banner-side-links {
top: 39%;
}
#header .site-banner {
top:9% !important;
}
}
@media only screen and (max-width: 1095px) {
#header .top {
position: relative;
width:100%;
}
}
@media only screen and (max-width: 990px) {
body {
}
#header .site-banner {
display:none;
}
#header .top {
position: relative;
width:100%; top:0; padding-top:0;
}
#header .top ul li {
display: block; background:transparent;
}
#header .top ul li a {
display: block; background:transparent; font-size: 1.4rem;
height:auto; padding-bottom:10px;
}
#header .callus-btn {
display:none;
}
#header .sidemenu .menu li.menu-item-87 { width:auto; }
#header .sidemenu .menu li.menu-item-67 { width:auto; }
#header .sidemenu .menu li.menu-item-71 { width:auto; }
#header .sidemenu .menu li.menu-item-85 { width:auto; }
#header .sidemenu .menu li.menu-item-69 { width:auto; }
#header .banner-side-links { display:none; }
#header .sidemenu {
height: auto;
background: #64b9e0; background: -moz-linear-gradient(-45deg, #64b9e0 0%, #1e99d0 31%, #0c78a9 100%) ; background: -webkit-linear-gradient(-45deg, #64b9e0 0%,#1e99d0 31%,#0c78a9 100%); background: linear-gradient(135deg, #64b9e0 0%,#1e99d0 31%,#0c78a9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64b9e0', endColorstr='#0c78a9',GradientType=1 ); display:block; clear:both;
}
#header .sidemenu .logo {
margin-left:0px;
background-image: transparent url(//metroofficefitouts.com.au/wp-content/uploads/2017/03/metro-logo.png);
background-repeat:no-repeat;
background-position: 10px 10px;
}
#menu-pages-menu li#menu-item-88 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-90 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
}
#menu-pages-menu li#menu-item-89 a:before {
content:'';
margin-right:8px; width:40% !important; height:40% !important;
} 
#footer { display:none !important; }
#header .sidemenu .menu li.menu-item-87:after {
border:none;
}
#header .sidemenu .menu li.menu-item-67:after {
border:none;
}
#header .sidemenu .menu li.menu-item-71:after {
border:none;
}
#header .sidemenu .menu li.menu-item-85:after {
border:none;
}
#header .sidemenu .menu li.menu-item-69:after {
border:none;
}
#header .default-banner {
position:initial;
}
.default-banner {
display:block !important;
}
}
@media only screen and (max-width: 740px) {
body {
}
#header .top ul li a {
display: block; background:transparent; font-size: 1.2rem;
height:auto; padding-bottom:10px; padding-top:10px;
}
#header .top ul li a {
display:none;
}
#header .top .top-info {
display:none;
}
#header .top {
padding:0;
}
}
@media only screen and (max-width: 654px) {
body {
}
#header .top ul li a {
display: block;
background: transparent;
font-size: 1.2rem;
height: auto;
padding-bottom: 10px;
padding-top: 10px;
height: 53px;
}
#header .callus-btn {
width: 100%;
height: auto;
padding: 5px;
text-decoration: none;
right: 0;
top: 0;
z-index: 99;
color: #000000;
background-color: #ffffff;
border-top: 1px solid #53b2dd;
border-left: 1px solid #53b2dd;
border-right: 1px solid #53b2dd;
border-bottom: 1px solid #53b2dd;
margin-bottom: 20px;
clear: both;
position: relative;
display:block;
}
#header .callus-btn div{
clear:both; margin-bottom:20px;
}
#header .callus-btn a, #header .callus-btn a:link{
margin-bottom:10px; line-height:22px;
clear:both; display:block;
text-decoration: none;
font-size: 12px;
color:#000;
padding-left:15px;
margin-left: 5px !important;
}
#header .callus-btn span {
color: #000000;
font-size: 12px;
}
#header .callus-btn ul {
margin:0; padding:0 0 10px;
padding-left:-10px;
}
#header .callus-btn ul li {
float:left;
margin-right:6px;
list-style:none; display:block;
background:transparent;
}
#header .callus-btn ul li a {
letter-spacing: 1px; word-spacing: 1px;
font-size:9px; padding:0; margin:0;
color:#0B0080;
}
#header .callus-btn ul {
display:none;
}
.callus-btn .callus-btn-bottom-decoration-holder {
display:none;
}
#header .callus-btn div div a {
font-size:2rem !important; clear:both !important; line-height:2.3rem;
float:left; margin:10px 10px; padding:10px 10px;
position: relative !important; background:transparent !important;
text-align:center;
}
#header .callus-btn div {
clear: both;
margin-bottom:0;
background:transparent !important;
}
#header .top ul li a {
display:none;
}
#header .top .top-info {
display:none;
}
.affiliates {
padding-top: 0px;
margin-bottom: 45px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
body {
}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7;
background-color: #62bde6 !important;
} .text-capsule-1 {
display: block;
height: 242px;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom:24px;
}
.col-md-4.text-capsule-1 {
width: 32%;
margin-left:1% !important;
}
body div.twoJGallery .twoJGalleryCSSwrap {
display: none;
}
.text-capsule-1 #twoJGallery-359 {
width: 120px; float: left;
margin-left: 15px !important;
margin-top:5px !important;
display:block;
}
.text-capsule-1 #twoJGallery-359 .twoJG_content{
width:120px !important; height:117px !important;
}
.text-capsule-1 #twoJGallery-362 {
width: 120px; float: left;
margin-left: 15px !important;
display:block;
}
.text-capsule-1 #twoJGallery-362 .twoJG_content{
width:120px !important; height:100px !important;
}
.text-capsule-2 {
display: block;
height: 210px;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.text-capsule-2 div div p, .text-capsule-2 div div div a{
font-size: 20px; font-weight:bold;
}
.other-text-area { height:200px; }
.content-callus {
border-top:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #898989;
background:transparent;
padding-top:20px; padding-bottom:20px;
padding-left: 26px;
color: #000; font-weight:bold;
}
.content-callus a {
font-size:1.6rem; font-weight:bold; letter-spacing:0.08rem; color:#000;
}
.our-other-pages ul { margin-top:20px; }
.our-other-pages ul li{
margin:0; padding:0; height:auto;
}
.our-other-pages ul li h6{
margin:0; padding:0; line-height:2.3rem; font-size:1.3rem; color:#111; font-weight:600; letter-spacing:0.06rem;
}
.content-testimonial {
padding-top:0px; padding-bottom:20px;
background:transparent url(http://metroofficefitouts.com.au/wp-content/uploads/2017/07/performance-education-background2-2.png) center top no-repeat;
background-image:
radial-gradient(
#fff,
#e3e3e3
);
height: 480px; padding-top:1px;
}
.content-testimonial ul {
border-top:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #898989;
background:transparent;
padding-top:10px; padding-bottom:10px;
margin-top:10px; margin-left:10px; margin-right:10px;
}
.content-testimonial ul li {
list-style:none; height:auto;
}
.content-testimonial ul li strong { font-weight:bold !important; }
.content-testimonial ul li strong, .content-testimonial ul li  a{
margin:0; padding:0; line-height:2.6rem; font-size:1.5rem; display:block; color:#111;
}
.testimonial-text-column {
padding-left:20px; padding-right:20px;
}
.content-actions {
border-top:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #898989;
background:transparent;
padding-top:10px; padding-bottom:5px;
padding-left: 20px;
color: #fff; margin-bottom:30px;
}
.content-actions h6{
color: #000; font-size:1.7rem; font-weight:bold; margin:0; padding:0; line-height:1.9rem;
}
.content-actions strong{
color: #050505; font-size:1.35rem; font-weight:bold;
}
.content-actions p{
color: #000;
}
h6.pastcompanies {
color:#5e5e5e; font-size:1.5rem; margin-bottom:25px;
}
ul.pastcompanies {
margin:0; padding:0; height: 80px; margin-bottom:10px;
}
ul.pastcompanies li {
list-style:none; float:left; margin-right:41px;
}
ul.pastcompanies li + li {
margin-right:41px;
}
.registeredlicenses {
height:44px; width: 488px; background:#52b1dd; margin-bottom:25px;
}
.registeredlicenses .registered-text{
width:244px; float:left; padding-left:10px;
}
.registeredlicenses .registered-text p{
font-size:1.3rem; font-weight:bold; color:#fff; margin:0; padding:0; line-height:1.5rem;
margin-top:5px;
}
.registeredlicenses .registered-text span{
height:44px; padding-top:8px; padding-left:9px; padding-right:9px;
float:left; background:#ededed; margin-right:1px;
}
.builder-members {
padding-left: 17px !important;
width: auto !important;
}
.footer-container {
width:820px; margin:0; padding:0; float:left;
background:#3e99c3; color:#fff; font-size:1.1rem !important;
margin-bottom:24px;
}
.footer-details {
width:385px; height:200px; float:left; padding:23px 0px 23px 17px;
background:#46acdc;
}
.footer-details-text {
width:215px; height:90px; float:left; font-size:1.1rem;
line-height:1.38rem; padding-top:10px; margin-bottom:10px;
}
.footer-details-image {
width:140px; height:90px; float:left;
line-height:1.1rem; font-size:0.9rem; margin-bottom:10px;
}
.footer-details-image p{
line-height:1rem; font-size:0.9rem !important; float:right;
}
.footer-container .footer-details p {
clear:both; font-size:1.2rem; margin:0; padding:0;
line-height:1.5rem; letter-spacing: 0.07rem; word-spacing: 0.08rem; font-weight:normal;
font-family: Arial, 'Helvetica', sans-serif;
}
.footer-contact {
width:385px; height:200px; float:right; padding:23px 0px 0px 17px;
background:#46acdc; font-size:0.9rem !important; line-height:1.3rem;
}
.footer-contact .email-address {
float:left; font-size:1.2rem; font-weight:normal !important;
font-family: Arial, 'Helvetica', sans-serif; clear:both; height:20px; padding-left:10px;
}
.footer-contact .email-address a { color:#fff; font-weight:normal !important; margin:0; padding:0; letter-spacing: 0.04rem;}
.footer-contact span {
float:left; font-size:1.2rem; font-weight:normal !important;
font-family: Arial, 'Helvetica', sans-serif; width:100%;
}
.footer-contact span .phone-number {
float:left; width:100px; height:25px; padding-left:10px;
} 
.footer-contact span .phone-number a { color:#fff; font-weight:normal !important; margin:0; padding:0; font-size:1.3rem;}
.footer-contact span span {
float:left; width:17px; height:20px; margin-top:4px;
}
.footer-contact .contactnumber {
width:100%; height:auto; margin:0; margin-bottom:24px; padding-left:0px;
}
.footer-contact .contactnumber IMG { margin-right:30px; }
.footer-contact .contactnumber span.footer-site-links {
width:100%; height:45px; padding-left:10px;
clear:both; margin-top:21px;
}
.footer-contact .contactnumber span.footer-site-links a {
float:left; margin-right:12px; color:#fff; font-size:1.24rem; font-weight: 200; letter-spacing: 0.06rem;
}
.footer-contact .contactnumber span.footer-site-links span{
margin-top:-2px;
}
.footer-copyright {
clear:both; width:386px; height:66px; margin-bottom:100px;
background:#46acdc; font-size:1.1rem; line-height:1.5rem; padding-top:10px;
}
.footer-copyright p{
width:386px; margin:0; padding:0; text-align:center;
clear:both; color:#fff !important; line-height: 2rem;
} .company-veichle img {
width: 100% !important;
}
@media only screen and (max-width: 1199px) {
#header .top .top-info {
width: 90%;
right: 0; display: block;
margin-left: 9%;
}
#header .top ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;   clear:both;
}
#header .top ul li a {
display: block;
font-size: 14px;
}
#header .banner {
position: absolute;
top: 18%;
left:0px !important;
}
#header .callus-btn {
top: 18% !important;  
}
#header .banner-side-links {
top: 42%;
}
.col-md-4.text-capsule-1 {
height: auto;
}
.content-testimonial {
height:auto; display: inline-table;
}
.testimonial-text-column {
display:block;
}
}
@media only screen and (max-width: 1180px) {
#header .top .top-info {
width: 90%;
right: 0; display: block;
margin-left: 9%;
}
#header .callus-btn {
right: 7.8% !important;
top: 18% !important;  
}
#header .banner-side-links {
right: 7.8% !important;
top: 40%;
}
#slider1_container {
margin: 0 auto;
margin-bottom: 10px;
position: relative;
top: 0;
left: 0;
display: none !important;
overflow: hidden;
width: 82%;
height: 380px !important;
}
#header .banner {
left:5px !important;
}
}
@media only screen and (max-width: 1095px) {
.col-md-4.text-capsule-1 {
width: auto; height:140px;
margin-left:0% !important;
padding:10px;
}
#header .top ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none; right: 0;
position: absolute;
}
#slider1_container {
margin: 0 auto;
margin-bottom: 10px;
position: relative;
top: 0;
left: 0;
display: none;
overflow: hidden;
width: 87%;
height: 400px !important;
}
#header .callus-btn {
right: 5.8% !important;
top: 18% !important;  
}
#header .banner-side-links {
right: 5.8% !important;
top: 42%;
}
#header .top {
width:80%; float:right;
}
}
@media only screen and (max-width: 992px) {
.container {
width: 100% !important;
}
#header .top {
display:none;
}
#header .banner { }
}
@media only screen and (min-width: 1097px ) and (max-width: 1180px) {
#header .banner {
position: absolute;
top: 15%;
left: 0px !important;
}
#header .callus-btn {
right: 7.8% !important;
top: 15% !important;
}
}
@media only screen and (max-width: 992px) {
.col-md-4.text-capsule-1, .content-callus, .content-testimonial, #twoJGallery-363, .content-actions, .company-veichle, .pastcompanies  {
margin-right:4% !important; margin-left:4% !important;
}
.company-veichle img {
width:50% !important;
}
.footer-container {
width: 100%;
margin: 0;
padding: 0;
float: left;
background: #3e99c3;
color: #fff;
font-size: 1.1rem !important;
margin-bottom: 10px;
}
.footer-details {
width: 100%;
height: 200px;
float: left;
padding: 23px 0px 23px 17px;
background: #46acdc;
clear:both; margin-bottom:10px;
}
.footer-contact {
width: 100%;
height: 200px;
float: left;
padding: 23px 0px 0px 17px;
background: #46acdc;
font-size: 0.9rem !important;
line-height: 1.3rem;
clear:both;
}
.footer-copyright {
clear: both;
width: 100%;
height: 66px;
margin-bottom: 100px;
background: #46acdc;
font-size: 1.1rem;
line-height: 1.5rem;
padding-top: 10px;
}
.footer-copyright p {
width:auto !important;
}
.registeredlicenses {
height: 100px;
width: auto;
background: #52b1dd;
margin-bottom: 25px;
}
.registeredlicenses .registered-text {
width: 244px;
float: left;
padding-left: 10px; margin-bottom:5px;
}
.builder-members {
padding-left: 10px !important;
width: auto !important;
margin-bottom:0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #198fc5 !important;
}
}
@media only screen and (max-width: 652px) {
#header .callus-btn {
left: 5% !important;
top: 18% !important;
margin-right:4% !important;
width:50%;
}
.footer-copyright {
margin-bottom:2% !important;
}
.col-md-4.text-capsule-1 {
height: auto !important;
}
ul.pastcompanies li {
height: 90px;
}
}
@media only screen and (max-width: 438px) {
#header .callus-btn {
left: 5% !important;
top: 18% !important;
margin-right: 4% !important;
width: 80%;
}
}
@media only screen and (max-width: 372px) {
.footer-details {
width: 100%;
height: 320px;
float: left;
padding: 23px 0px 23px 17px;
background: #46acdc;
clear: both;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1095px) {
.col-md-4.text-capsule-1 {
width: auto;
height: auto !important;
margin-left: 0% !important;
padding: 10px;
}
}
@media only screen and (max-width: 1180px) {
#header .site-banner {
left:15% !important;
width:80% !important;
top:18% !important;
}
#header .site-banner .header-title {
width: 80%;
height: 130px;
position: absolute;
text-decoration: none;
text-align: center;
left: 50%;
top: 86%;
margin-left: -42%;
z-index: 99;
border-bottom: solid 3px rgba(0, 106, 155, 0.55);
}
#header .callus-btn {
right: 5% !important;
top: 18% !important;
}
#slider1_container {
display: block !important;
}
} @media only screen and (max-width: 990px) {
#slider1_container {
display: none !important;
}
} @media only screen and (max-width: 1180px) and (min-width: 1097px) {
#header .banner {
position: absolute;
top: 9%;
left: 10px !important;
}
}
@media only screen and (max-width: 1199px) {
#header .banner {
position: absolute;
top: 10%;
left: 0px !important;
}
}
@media only screen and (max-width: 1180px) {
#header .banner {
left: 10px !important;
top: 10%;
}
#header .callus-btn {
right: 4.5% !important;
top: 10% !important;
}
}
@media only screen and (max-width: 1095px) {
#header .banner-side-links {
right: 5.8% !important;
top: 26%;
}
}
@media only screen and (max-width: 1180px) {
#header .site-banner {
left: 15% !important;
width: 80% !important;
top: 0% !important;
}
#header.site-header .callus-btn {
right: 5% !important;
top: 9% !important;
}
}
@media only screen and (max-width: 1199px) {
#header.site-header .callus-btn {
top: 18% !important;
}
}
@media only screen and (max-width: 1000px) {
#header .top {
display: block;
}
}
@media only screen and (max-width: 990px) {
#header .top {
display: none;
}
}
@media only screen and (max-width: 990px) {
.col-md-4.text-capsule-1 {
width: auto;
height: auto !important;
margin-left:4% !important;
padding: 10px;
}
}
@media only screen and (max-width: 768px) {
#header .banner {
position:initial !important;
}
.navbar {
margin-bottom: 0px !important;
}
#header .sidemenu .logo:after {
display:none;
}
}