/*

Theme Name: Leo Skip Bins

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

Author: AdVisible

Author URI: http://www.advisible.com.au

Description: The LeoSkipBins theme for WordPress.

Version: 1.0

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

/*Css Wp*/

a,a:focus{outline: none;}

a:active, a:focus{text-decoration: none; color: inherit;}

.alignnone{margin:5px 20px 20px 0;}

.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}

.alignright{float:right;margin:5px 0 20px 20px;}

.alignleft{float:left;margin:5px 20px 20px 0;}

.aligncenter{display:block;margin:5px auto 5px auto;}

a img.alignright{float:right;margin:5px 0 20px 20px;}

a img.alignnone{margin:5px 20px 20px 0;}

a img.alignleft{float:left;margin:5px 20px 20px 0;}

a img.aligncenter{display:block;margin-left:auto;margin-right:auto}

.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}

.wp-caption.alignnone{margin:5px 20px 20px 0;}

.wp-caption.alignleft{margin:5px 20px 20px 0;}

.wp-caption.alignright{margin:5px 0 20px 20px;}

.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}

.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

strong{font-weight:bold;}

em{font-style:italic;}

body{font-family: 'Open Sans', sans-serif; font-size: 16px; color: #494949; line-height: 20px;}

h1{font-size: 48px; font-family: 'Oswald', Courier, monospace; color: #f08c07;}

h2{font-size: 42px; font-family: 'Oswald', Courier, monospace; color: #f08c07;}

h3{font-size: 34px; font-family: 'Oswald', Courier, monospace; color: #f08c07;}

h4{font-size: 26px; font-family: 'Oswald', Courier, monospace; color: #f08c07; line-height: normal;}

.logo img{opacity: 0.8; transition: all  0.5s ease-in-out;}

.logo img:hover{opacity: 1;}

.headerphone {width:340px;}

.call-us{font-family: 'Oswald', Courier, monospace; font-size: 16px; color: #000; line-height: 29px; text-transform: uppercase;}
.call-us span {display:block;} 
.call-us a{font-size:25px; color: #f08c07; transition: all  0.5s ease-in-out;}

.call-us a:hover, .call-us span a:active{text-decoration: none; color: #d9a14f;} 

.text-right {float:right;}

.call-us-wrap {text-align:left; background:url(images/callus.png) no-repeat left center; padding-left:40px; float:right; margin-top:20px}
.call-us-wrap i {vertical-align:top; font-size:40px; font-weight:900; line-height:20px; font-style:normal}


.promotional {margin-left:80px;}
.header_message {float:right; background:#f2f2f2; border:1px solid #e0e0e0; border-radius:5px; position:relative; padding:8px 0 8px 45px; margin-top:20px}
.header_message img {position:absolute; left:-48px; top:-6px;}
.header_message h4 {color:#332f2f; font-size:18px; line-height:18px; text-transform:uppercase; margin:0px; padding:0px}
.header_message p {color:#332f2f; font-size:13px; padding:0px; margin:0px; line-height:18px}
.header_message a {color:#e50d00; font-size:12px; font-weight:bold; text-transform:uppercase}

.top-header{padding:12px 0;}

.menu-wrap{background: #332f2f;}

.menu-wrap ul{margin: 0;}

.menu-wrap ul > li{position: relative; padding: 0;}

.menu-wrap ul li a{position: relative; color: #fff; float: left; font-size: 18px; overflow: hidden; text-transform: uppercase; font-family: 'Oswald', Courier, monospace; padding: 18px 24px; display: inline-block; text-decoration: none; transition: all 1s ease;}

.menu-wrap ul li:hover{}

.menu-wrap ul li{ z-index: 2; float: left; position: relative;}

.menu-wrap ul li a:before{background: #464040; content: ''; height: 100%; width: 100%; opacity: 0; position: absolute; display: block; z-index: -1; top: 0; left: 0;}

.menu-wrap ul li a:hover:before{width: 100%; opacity: 1; transition: all 0.5s linear;}

.menu-wrap ul ul{position: absolute; width: 250px; background: #332f2f; display: none; top: 56px; padding: 0px; overflow: hidden;}

.menu-wrap ul li li, .menu-wrap ul li li a{display: block; float: none;}

.menu-wrap ul li li a{font-size: 16px; padding: 12px 19px;}

.menu-wrap ul li:hover ul{display: block;}

.menu-wrap ul li:hover a{color: #f08c07;}

.menu-wrap .current-menu-item{background: #464040;}

.menu-wrap .current-menu-item a{color: #f08c07;}

.footer-menu .current-menu-item a{color: #f08c07;}

.quote_block_wrap{background: url(images/banner_img2.jpg) no-repeat fixed center; background-size: cover; height:800px; position: relative;}

.quote_block_wrap:before{content: ''; background: rgba(51,47,47, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.quote_block_wrap h2{font-size: 48px; font-family: 'Oswald', Courier, monospace; color: #fff; padding: 202px 0 20px 0; line-height: 60px;}

.quote_block_wrap h3 {font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#fff; font-size:45px; line-height:50px; font-weight:500; padding: 202px 0 0px 0;}
.quote_block_wrap h3 strong {display:block; color:#f08c07; font-size:80px; font-weight:700;}
.quote_block_wrap h4 {color:#fff; font-size:23px; font-weight:bold; text-transform:uppercase; font-family: 'Raleway', sans-serif;}
.quote_block_wrap p {color:#dbdbdb; font-size:25px; font-weight:400; font-family: 'Raleway', sans-serif; line-height:30px}
.quote_block_wrap p span {color:#dbdbdb; text-transform:uppercase; font-weight:500;}


.big-link{background: #f08c07; color: #313131; font-family: 'Raleway', sans-serif; font: 20px; font-weight:bold; padding: 0px 40px; display: inline-block; border-radius: 3px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; margin-right: 10px; transition: 0.4s all ease-in-out; min-width:242px}

.big-link:hover{text-decoration: none; background: #d9a14f; color: #313131;}

.quote_form input[type="submit"]:hover{ background: #d9a14f; transition: 0.4s all ease-in-out;}

.quote_block_wrap .big-link {min-width:inherit;}

.home .quote_block{margin-top: 40px;}

.quote_title{background: #595757 url(images/bus.png) no-repeat 90% center; color: #fff; font-family: 'Oswald', Courier, monospace; font-size: 32px; padding: 40px 40px; text-transform: uppercase;}

.quote_form{background: #3C3C3C; border: 2px solid #595757; padding: 24px 32px;}

.quote_form input[type="text"], .quote_form input[type="email"], .quote_form  textarea, .quote_form select{background: #fff; border: 1px solid #cacaca; color: #000; font-size: 16px; padding: 14px 18px; margin-bottom: 10px; width: 100%;}

input::-moz-placeholder, textarea::-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder  {opacity: 1; color: #b7b7b7;}

.quote_form input[type="submit"]{background: #f08c07; color: #313131; font-size: 18px; font-family: 'Oswald', Courier, monospace; border: 0; width: 100%; text-align: center; padding: 15px 0; text-transform: uppercase;}

.quote_form  textarea{max-width: 100%;}

.intro_box h3{font-weight: 300;}

.intro_box .big-link{margin-top: 40px;}

.intro_content{padding: 94px 55px;}

.footer-top-block-wrap{min-height: 578px; background: url(images/banner_img3.jpg) no-repeat fixed center; background-size: cover; position: relative;}

.footer-top-block-wrap:before{content: ''; background: rgba(242,188,97, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.icon-round{width: 138px; height: 138px; border-radius: 50%; border: 3px solid #363935; background: rgba(255,255,255, 0) url(images/sprite_icon.png) no-repeat; display: inline-block; transition: 0.7s all ease-in-out;}

.icon-block:hover .competitive{background-position: 0 0;}

.icon-block:hover .delivery{background-position: 0 -138px;}

.icon-block:hover .skipbins{background-position: 0 -276px;}

.icon-block:hover .satisfaction{background-position: 0 -414px;}

.competitive{background-position: -139px 0;}

.delivery{background-position: -140px -138px;}

.skipbins{background-position: -140px -276px;}

.satisfaction{background-position: -138px -413px;}

.icon-block:hover .icon-round{ border-color: transparent;}

.icon-block:hover{transform:scale(1.1);}

.icon-block{color: #363935; font-weight: 600; border: 3px solid transparent; margin-top: 100px; padding: 21px 51px; transition: 0.7s all ease-in-out; cursor: default;}

.icon-block h4{color: #363935; text-transform: uppercase;}

.services h4{text-transform: uppercase;}

.footer_tag_block{background: #332f2f; padding-bottom: 20px;}

.footer_maps{min-height: 520px; background: url(images/maps.jpg) no-repeat bottom; position: relative;}

.footer_bottom{background: #332f2f; font-size: 12px; color: #fff; line-height: 60px;}

.footer-menu{margin: 0; padding: 0;}

.footer-main-menu{font-family: 'Oswald', Courier, monospace; font-size: 16px; color: #fff; text-transform: uppercase;}

.footer-menu a{color: #fff; transition: all 0.5s linear;}

.footer-menu a:hover{text-decoration: none; color: #f08c07;}

.footer-menu li{padding: 0;}

.footer-main-menu a{ padding: 0 10px;}

.services{float: left; background: #332f2f; max-width: 714px; padding: 10px 27px; font-size: 14px; color: #fff; font-weight: 400; margin-top: 20px;}

.services .group-list ul{display: inline-block; vertical-align: top; padding: 10px 32px 0 0;}

.services .group-list ul a{color: #fff;}

.page-title{margin: 0 0 36px 0;}

.page-wrap{margin-top: 48px;}

.address_block{font-size: 33px; color: #494949; line-height: 55px; padding-top: 50px; }

.page-box{padding: 0 20px 50px 5px;}

.quote_form{margin-bottom: 30px;}

.wasetype_title{font-size: 16px; color: #494949; font-weight: 700;}

.top_title{border-bottom: 1px solid #aaaaaa; line-height: 25px; padding-bottom: 5px; text-transform: uppercase;}

.wasetype_list{padding-top: 16px;}

.wasetype_list li{padding: 0px 15px 30px 55px;}

.wasetype_list li.green{background: url(images/green.png) no-repeat left top;}

.wasetype_list li.red{background: url(images/red.png) no-repeat left top;}

.wasetype_list li span{color: #d66c57; font-size: 14px;}

.sidebar-intro{background: #f5f3f0; font-weight: 600;}

.intro-title{padding: 28px 32px; background-color: #ebe8e2; font-size: 20px; font-weight: 700;  text-transform: uppercase;}

.intro-content{padding: 20px 32px;}

.bin-title{font-weight: 700; border-bottom: 1px solid #aaaaaa; padding-bottom: 5px; text-transform: uppercase;}

.bin-title span{float: right; font-size: 14px; text-transform: capitalize;}

.bin-image img{max-width: 100%; height: auto; margin-left: 22px;}

.bin-content{padding: 30px 0 45px 0;}

.wpcf7-validation-errors{color: red;}

.wpcf7-not-valid-tip{position: absolute; display: none;}

.wpcf7-not-valid{border: 1px solid red!important; box-shadow: inset 0px 0px 0px 1px red;}

.page-box img, .bin-image img{max-width: 100%; height: auto;}

.wpcf7-validation-errors, .wpcf7-mail-sent-ok{bottom: 16px;color: red;left: 0;position: absolute;}

.wpcf7-mail-sent-ok {color: #fff;}

.intro_content h3{margin-bottom: 20px;}

.footer_tag_block h2{line-height: 57px; padding: 5px 0;}

.bin-wrap{padding-bottom: 40px;}

.address_block a{color: #494949; transition: 0.2s all ease-in-out;}

.address_block a:hover{color: #f08c07; text-decoration: none;}

@media (min-width: 1280px) {

    .container{width: 1280px;} 

}



@media (max-width: 1270px) {

    .quote_title{font-size: 29px;}
	.promotional {margin-left:40px;}
}

@media (max-width: 1200px) {
	
	
	.logo img {max-width:90%;}
    
	.promotional {margin-left:30px; width:390px}
	.header_message {margin-top:12px;}
	
	.headerphone {width:210px;}
	.call-us-wrap {background-position:left 30px; margin-top:5px}
	.call-us a{display:block;}
	.call-us i {display:none;}
	
	
	.quote_title{font-size: 22px; padding: 21px 32px;}

    .quote_block_wrap h2{font-size: 37px; line-height: 45px;}

    .big-link{min-width: 191px;}

    .quote_form{padding: 21px;}

    .icon-block{padding: 21px 7px;}

    h2{font-size: 34px; line-height: 40px;}

    .footer_bottom{font-size: 8px;}

    

    }

@media (max-width: 1024px) {


	.promotional {float:right;}
	
	.headerphone {width:100%; padding-top:10px}
	.call-us-wrap {background-position: left center; margin-top: 5px; width: 340px; margin: 0 auto; float: none;}
	.call-us a {display:inline-block;}
	.call-us i {display:inline-block;}
	
	
    .quote_title{font-size: 22px; padding: 21px 32px;}

    .quote_block_wrap h2{padding: 12px 0 20px;}
.quote_block_wrap h3 {padding:30px 0 0 0;}
    .quote_block_wrap{height: auto;}

    .intro_content{padding: 30px 24px;}

    .icon-block{padding: 21px 0;}

    h4{font-size: 24px;}

    h2{font-size: 28px; line-height: 34px;}

    .footer_bottom, .footer_bottom .text-right{font-size: 12px; text-align: center!important;}

    .bin-image img{margin-left: 0;}
.quote_block_wrap h3 {font-size:30px; line-height:40px}
.quote_block_wrap h3 strong {font-size:50px;}
.quote_block_wrap p br {display:none;}
}

@media (max-width: 767px) {

    .top-header, .top-header .text-right{text-align: center!important;}

    .menu-wrap ul li a{padding: 18px 20px;}

    .icon-block{margin-right: 15px; margin-top: 15px; padding: 21px 100px;}

    .bin-title span{float: none; display: block;}

    .bin-image{text-align: center; margin-bottom: 20px;}
	
	.promotional {width:100%; margin-left:0px; padding:15px 0 0 0}
	.header_message {width: 300px; margin: 0 auto; text-align: left; float:none}
	
}

@media (max-width: 600px) {

        .menu-wrap ul li a {padding: 18px 17px; transition: none!important;}

        .menu-wrap ul li a:before{transition: none!important; width: 100%;}

        .menu-wrap ul li a:after{transition: none!important; width: 100%;}

    }

@media (max-width: 480px) {

.services .group-list{font-size: 12px;}

.footer-main-menu{font-size: 15px;}

.header_message img {display:none;}
.header_message {padding:10px; width:280px;}


.call-us-wrap {width:280px; background:none; padding-left:0px;}

}

@media (max-width: 450px) {

    .quote_block_wrap h2{ font-size: 24px; line-height: 36px;}

    .icon-block{margin-right: 0; margin-top: 15px; padding: 21px 10px;}

    h2 {font-size: 24px; line-height: 34px}

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

}

div.wpcf7-response-output {

margin: 2em 2em 1em !important;

padding: 0.2em 2em !important;

}

div.wpcf7-validation-errors {

border: none !important;

}