/*   



Theme Name: Lift Mobile



Theme URI: http://www.forkliftrepairsmelbourne.com.au/



Author: Local Web Design Consultant



Author URI: http://localwebdesignconsultant.com.au/



Version: 1.0



*/







/*



 font-family: 'Oswald', sans-serif;



 font-family: 'Roboto', sans-serif;



*/







* {margin: 0px; padding: 0px;}



body {font-family: 'Roboto', sans-serif;}



.outer_wrap {width:100%}



.inner_wrap {margin: 0 auto; width:1002px;}



.clear {clear: both;}



img {border:0px;}



a {text-decoration:none;}



ol, ul {list-style:none;}



h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight:normal}











#header {background:url(images/headerbg.png) repeat-x top; padding:36px 0 27px 0}







.logo {float:left;}







.header_right {float:right; font-family: 'Oswald', sans-serif; width:207px; text-transform:uppercase; margin:5px 0 0 0}



.header_right .cone {background:url(images/onsite.jpg) no-repeat left center; color:#16a2eb; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:800; padding-left:22px; line-height:13px}



.header_right p {font-size:22px; color:#2e2e2e; line-height:26px}



.header_right strong {background:url(images/phone.png) no-repeat left center; padding:0 0 0 36px; font-size:30px; color:#16a2eb; line-height:32px}











/* Navigation */



/* ---------------------------------------------------------- */







#navigation {background: #16a2eb; clear: both; display: block; float: left; margin: 0px; padding:18px 0px; width: 100%; font-family: 'Oswald', sans-serif; text-transform:uppercase;}



#navigation .inner_wrap {position:relative;}







.mobile_nav {display:none;}







#navigation .menu-main_nav-container {float:left;}







#navigation a {color: #cfefff;}



#navigation li li a {color: #434343;}



#navigation ul {font-size: 15px; list-style: none; margin: 0px 0px 0px 0px; padding-left: 0;}



#navigation li {float: left; position: relative; background:url(images/navsprtr.png) no-repeat left center; margin-left:-1px}



#navigation li:first-child {background:none;}



#navigation a {display: block; line-height:34px; padding:0 15px; text-decoration: none;}



#navigation ul ul {-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; margin: 0; position: absolute; top:34px; left: 0; width: 188px; z-index: 99999;}



#navigation ul ul ul {left: 100%; top: 0;}



#navigation ul ul a {background: #f9f9f9; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px;}



#navigation li:hover > a, #navigation ul ul :hover > a, #navigation a:focus, #navigation li:hover > a, #navigation a:focus, #navigation .current_page_item > a, #navigation .current_page_ancestor > a { background: #252525; color:#fff; border-radius:5px; z-index:999; position:relative}



#navigation ul li:hover > ul {display: block;}











.top_social {float:right;}



.top_social a {background:url(images/social-icons.png); height:32px; width:32px; float:left; padding:0px !important; margin-left:5px;}



.top_social a.fb {background-position:0 0;}
.top_social a.twtr {background-position:-37px 0;}
.top_social a.gplus {background-position:-73px 0;}
.top_social a.youtube {background-position:-110px 0;}
.top_social a.oz {background:none; }
.top_social a.oz img {width:auto; height:32px; border-radius:3px;} 




/********/











.home_wrap {padding:30px 0;}







.banner_wrap {float:left; width:703px;}







.banner .slides li {position:relative;}



.banner .slides li img {height:auto;}







.slide_caption {position:absolute; top:130px; left:23px; z-index:9999; width:380px;}



.slide_caption h2 {background-color:rgba(22,162,235,0.8); float:left; padding:5px 15px; color:#0e0e0e; font-size:40px; text-transform:uppercase; margin-bottom:3px}



.slide_caption .caption_text {float:left; width:94%; background-color:rgba(0,0,0,0.6); color:#fff; padding:3%; position:relative}



.slide_caption .caption_text h4 {font-size:16px; line-height:18px; font-weight:bold; text-transform:uppercase}



.slide_caption .caption_text p {font-size:14px;}



.slide_caption .caption_text a {position:absolute; bottom:-35px; left:0px; background-color:rgba(255,255,255,0.9); height:32px; line-height:32px; padding:0 10px; color:#000; font-family: 'Oswald', sans-serif; font-size:20px; text-transform:uppercase; font-weight:bold}







.banner .flex-control-paging {bottom:10px;}



.banner .flex-control-paging li {background:rgba(0,0,0,.7); padding:5px 2px; margin:0px;}



.banner .flex-control-paging li a {width:50px; height:13px; background:#ffffff; border-radius:3px; box-shadow:none;}



.banner .flex-control-paging li a:hover, .banner .flex-control-paging li a.flex-active {background:#16a2eb;}



.banner .flex-control-paging li:first-child {border-radius:3px 0 0 3px; padding-left:5px;}



.banner .flex-control-paging li:last-child {border-radius:0px 3px 3px 0px; padding-right:5px}







.banner .flex-direction-nav a {background:url(images/banner-arrows.png) 0 0; width:74px; height:74px; font-size:0px; bottom:0px; top:auto; margin:0px; opacity:0.7;}



.banner .flex-direction-nav a.flex-next {background-position:0 0;}



.banner .flex-direction-nav a.flex-prev {background-position:-75px 0px;}



.banner .flex-direction-nav a.flex-next:hover, .banner .flex-direction-nav a.flex-prev:hover {opacity:1;}







.quick_links {float:right; width:261px; border:1px solid #e6e6e6; border-radius:5px 5px 0 0; padding:0 10px}



.quick_links h3 {background:url(images/car.png) no-repeat 10px center #16a2eb; height:42px; line-height:42px; padding:0 0 0 74px; color:#fff; font-size:25px; text-transform:uppercase; border-radius:5px 5px 0 0; width:209px; margin:0 0 5px -11px}







.quick_links h4 {color:#16a2eb; font-size:15px; text-transform:uppercase; padding:5px 0; float:left; width:100%}



.quick_links ul {width:100%; padding-bottom:0px; float:left; list-style:none}



.quick_links ul li {float:left; width:100%; font-size:12px; color:#969696; padding:3px 0}



.quick_links ul li ul {width:90%; margin-left:10%; list-style-type:disc; list-style-position:inside}



.quick_links ul li ul li {width:100%;}



.quick_links ul li a {color:#969696; border-bottom:1px solid #e6e6e6; display:block;}



.quick_links ul li a strong {font-weight:normal;}







.quick_links .view-all {background:#1c1c1c; width:283px; margin:10px 0 0 -11px; height:28px; line-height:28px; text-align:center; float:left; color:#fff; font-family: 'Oswald', sans-serif; font-size:15px; text-transform:uppercase}











.services_wrap {float:left; width:100%; padding:50px 0 0 0}



.services_wrap li {float:left; width:316px; margin-left:27px;}



.services_wrap li img {float:left; width:100%; margin-bottom:3px; height:auto;}



.services_wrap li:first-child {margin-left:0px;}



.services_wrap li .services_text {float:left; width:272px; position:relative; background:#eeeceb; padding:7px 43px 0px 0; height:72px}



.services_wrap li .services_text h3 {color:#272727; font-size:18px; text-transform:uppercase; padding-left:10px;}



.services_wrap li .services_text p {color:#656564; font-size:14px; font-weight:300; padding:0 10px}







.services_wrap li a.more {background:url(images/more.jpg); width:43px; height:79px; position:absolute; top:0px; right:0px;}







.services_wrap li:hover h3 {color:#2d6cf4;}



.services_wrap li:hover a.more {background-position:0 bottom;}











.home_wrap2 {background:url(images/grebg.jpg); border-top:4px solid #4b4b4b}



.home_wrap2 hr {height:0px; border:0px; border-bottom:1px solid #fff; border-top:1px solid #cac7c3}







.home_txt {text-align:center; padding:30px 0;}



.home_txt h1 {font-size:40px; text-transform:uppercase; color:#2d6cf4; line-height:45px}



.home_txt h1 strong {color:#4b4b4b;}



.home_txt h3 {text-transform:uppercase; color:#4b4b4b; letter-spacing:2px;}



.home_txt p {color:#646363; font-size:15px; font-weight:300; line-height:22px; padding:0 0 15px 0}

.home_txt a {color:#2d6cf4;}



.home_txt .button {display:inline-block; background:#2d6cf4; box-shadow:0 4px 0 #174ab9; color:#fff; font:15px/36px 'Oswald', sans-serif; text-transform:uppercase; padding:0 20px 2px 20px; border-radius:3px;}



.home_txt .button:hover {box-shadow:0 2px 0 #174ab9; line-height:38px; padding-bottom:0px}







.work_gallery {padding:30px 0;}



.work_gallery h2 {color:#4b4b4b; font-size:40px; text-transform:uppercase; text-align:center}



.work_gallery .carousel {width:956px; margin:0 auto;}



.work_gallery .carousel .slides li {position:relative; margin-right:14px; background:#f5f5f5; box-shadow:inset 0 0 0 1px #fff}



.work_gallery .carousel .slides li img {width:172px; border:2px solid #fafafa; margin:3px 2px; display:block}



.work_gallery .carousel .slides li a.zoom {background:url(images/zoom.png); width:93px; height:53px; position:absolute; top:50%; left:50%; margin:-26px 0 0 -46px; display:none;}



.work_gallery .carousel .slides li:hover img {opacity:0.6;}



.work_gallery .carousel .slides li:hover a.zoom {display:block;}











.work_gallery .flex-control-nav {display:none;}











.work_gallery .flex-direction-nav a {background:url(images/carousal-arrows.png); width:32px; height:32px; font-size:0px; top:50%; margin-top:-16px;}







.work_gallery .flex-direction-nav .flex-next {background-position:right 0; right:-52px !important}



.work_gallery .flex-direction-nav .flex-next:hover {background-position:right bottom; right:-52px;}







.work_gallery .flex-direction-nav .flex-prev {background-position:0 0; left:-52px !important}



.work_gallery .flex-direction-nav .flex-prev:hover {background-position:0 bottom; left:-52px;}







.work_gallery .flex-disabled {opacity:0.5 !important;}







.map h2 {color:#4b4b4b; text-transform:uppercase; font-size:40px; line-height:40px; text-align:center; padding:40px 0 10px 0}







.map iframe {width:100%; height:300px; border:0px; border-top:4px solid #272727; float:left}











.footer1 {background:#174ab9; height:42px;}



.footer1 ul li {float:left; width:33.33%; text-align:center; background:#2d6cf4; line-height:42px; font-size:15px; color:#fff; font-family:'Oswald', sans-serif; text-transform:uppercase}



.footer1 ul li img {vertical-align:middle; margin-right:5px}



.footer1 ul li a {color:#fff;}







.footer1 ul li.email {background:#174ab9; text-transform:none;}







.footer2 {background:#272727; color:#fff; padding:30px 0}







.footer2 h3 {font-size:18px; text-transform:uppercase; padding-bottom:15px;}



.ftr_quick_links {float:left; width:325px;}



.ftr_quick_links ul li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #333333; width:140px; padding:3px 0}



.ftr_quick_links ul li:nth-child(even) {margin-left:20px;}



.ftr_quick_links ul li a {color:#787878;}











.ftr_contact {float:left; width:302px; border-left:1px solid #3d3d3d; border-right:1px solid #3d3d3d; padding:0 0 0 40px; min-height:180px}



.ftr_contact li {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#787878; padding-left:40px; margin:0 0 10px 0}



.ftr_contact li a {color:#787878;}







.ftr_contact li.address {background:url(images/home.png) no-repeat left center}



.ftr_contact li.phn {background:url(images/phone3.png) no-repeat left center}



.ftr_contact li.emails {background:url(images/letter2.png) no-repeat left center}







.quick_contact {float:right; width:267px;}



.quick_contact input[type="text"], .quick_contact input[type="tel"], .quick_contact input[type="email"] {border:0px; width:246px; padding:0 10px; height:27px; line-height:27px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic}



.quick_contact .wpcf7-form-control-wrap {float:left; margin-bottom:10px;}



.quick_contact input[type="submit"] {background:#686868; height:27px; line-height:27px; padding:0 20px; color:#fff; text-transform:uppercase; border:0px; font-family:'Oswald', sans-serif; text-transform:uppercase; font-size:14px; border-radius:3px; cursor:pointer}



.wpcf7-not-valid-tip {background:none !important; border:0px !important; width:auto !important; left:auto !important; right:10px !important; color:#F00; font-size:11px !important;}



div.wpcf7-response-output {border:0px !important; margin:10px 0 0 0 !important; padding:0px !important; font-size:12px; width:100%; float:left}







.footer3 {background:#131313; padding:20px 0; text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif}



.footer3 p {color:#fff; padding-bottom:5px;}



.footer3 p span {color:#2d6cf4;}



.footer3 a {font-size:11px; color:#555555;}







/*******************************/







.content_wrap {padding:30px 0;}







.left_col {float:left; width:680px;}







.left_col h1 {text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:15px; font-size:25px; color:#272727}



.left_col h1 strong {color:#16a2eb; font-weight:400}



.left_col img {max-width:100%; height:auto;}







.left_col p {color:#4b4b4b; font-size:16px; line-height:23px; padding:0 0 15px 0}



.left_col h2 {color:#16a2eb; font-size:24px;}



.left_col h3 {color:#4b4b4b; font-size:20px;}



.left_col h4 {color:#16a2eb; font-size:18px;}







.left_col h6 {color:#4b4b4b; font-size:30px; font-weight:200; font-family: 'Roboto', sans-serif;}



.left_col h6 strong {color:#16a2eb; font-weight:900}







.left_col ul {list-style:disc; list-style-position:inside; padding-bottom:15px}



.left_col ul li, .left_col ol li {color:#4b4b4b; font-size:16px; line-height:23px; padding:0}



.left_col ol {list-style:decimal; padding:0 0 15px 20px;}



.left_col a {color:#16a2eb;}



.page-id-13 .left_col ul {list-style:none;}

.page-id-13 .left_col ul li {width:100%; float:left; margin: 7px 0;}

.page-id-13 .left_col ul li img {float:left; margin-right: 10px;}





.sidebar {float:right; width:283px;}







.sidebar .work_gallery {float:left; width:100%; height:440px; overflow:hidden}



.sidebar .work_gallery h3 {font-size:25px; color:#515151; text-transform:uppercase; padding-bottom:10px;}



.sidebar .work_gallery ul li {float:left; margin-bottom:10px; position:relative}



.sidebar .work_gallery ul li:nth-child(even) {float:right;}



.sidebar .work_gallery ul li img {width:124px; height:auto; padding:3px; box-shadow:0 0 2px #e2e2e2}







.sidebar .work_gallery ul li a.zoom {background:url(images/zoom.png); width:93px; height:53px; position:absolute; top:50%; left:50%; margin:-26px 0 0 -46px; display:none;}



.sidebar .work_gallery ul li:hover img {opacity:0.6;}



.sidebar .work_gallery ul li:hover a.zoom {display:block;}







.map2 {float:left; width:100%; padding:15px 0 0 0}



.map2 h2 {font-size:25px; color:#515151; text-transform:uppercase; padding-bottom:10px;}



.map2 iframe {width:100%; height:260px;}















.left_col .wpcf7 {float:left; width:100%;}







.left_col .wpcf7 input[type="text"], .left_col .wpcf7 input[type="email"], .left_col .wpcf7 input[type="tel"], .left_col .wpcf7 textarea {background:#f0f0f0; border:1px solid #dcdcdc; box-shadow:inset 0 0 3px #f9f9f9; color:#d0d0d0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; height:39px; line-height:39px; padding:0 48px 0 10px; width:160px}



.left_col .your-name input[type="text"] {background:url(images/name.png) no-repeat right center #f0f0f0;}



.left_col .your-email input[type="email"] {background:url(images/email.png) no-repeat right center #f0f0f0; margin:0 10px}



.left_col .your-subject input[type="text"] {background:url(images/subject.png) no-repeat right center #f0f0f0;}







.left_col .wpcf7 textarea {width:658px; height:200px; line-height:24px; padding:10px}







.left_col .wpcf7-form-control-wrap {float:left; margin:0 0 20px 0}



.left_col .wpcf7-not-valid-tip {top:37px;}







.left_col input[type="submit"] {height:37px; background:url(images/submit.png) no-repeat 15px center #16a2eb; border:0px; padding:0 15px 0 45px; border-radius:5px; cursor:pointer; font-family: 'Oswald', sans-serif; font-size:15px; text-transform:uppercase; color:#fff}





.left_col .model-number {margin:0 10px;}





.call {pointer-events: none; cursor: default;}