/*
Theme Name: Auto wrecker
Theme URI: http://www.autowrecker.co.nz/
Description: Auckland based car wreckers and removal services
Version: 1.0
Author: A1dezine Ltd. Hamilton
Author URI: http://a1dezine.com
*/
@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

}

img{border:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; line-height:normal;}

.wrapper{width:1024px; margin:0 auto}

.header{float:left; width:100%; padding:10px 0;}
.logo{float:left; width:50%; color:#666666; margin-top:0px;}
.logo img{float:left; border-right:1px solid #ddd; margin-right:5px;}
.call{float:right; margin-top:8px; width:50%; text-align:right}


.menu_bar{float:left; width:100%; background:#303030; color:#FFFFFF; text-transform:uppercase;}
.menu_bar a{color:#FFFFFF; text-decoration:none; font-size:18px; font-family: 'Roboto Condensed', sans-serif; border-right:1px solid #222}
.menu_bar a:hover{color:#95bf37;}
.menu_bar .active{color:#95bf37 !important;}


.section{float:left; width:100%; margin-top:20px;}
.banner_sec{float:left; width:100%; border:3px solid #f87422; -webkit-box-sizing: border-box; background:#efefef;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
}
.banner{float:left; width:70%}
.banner ul{padding:0; margin:0; list-style-type:none}
.banner img{width:100%; height:auto; display:block;}

.banner_from{float:left; width:26%; padding:2%;}
.banner_from p{margin:10px 0 0 0;}

.in7{width:94%; padding:7px; border:1px solid #ddd; margin-bottom:5px; color:#666666; font-family:Arial, Helvetica, sans-serif}
.in7-textarea{width:94%; padding:7px; border:1px solid #ddd; margin-bottom:5px; color:#666666; font-family:Arial, Helvetica, sans-serif; height:100px; font-size:14px;}
.in7-textarea-x{width:94%; padding:7px; border:1px solid #ddd; margin-bottom:5px; color:#666666; font-family:Arial, Helvetica, sans-serif; height:80px; font-size:14px;}
.subs{padding:5px 35px; background:#f2863c; color:#FFFFFF; font-size:16px; font-family: 'Roboto Condensed', sans-serif; border:0; cursor:pointer;
border-radius:3px;
-webkit-border-radius:3px;
}

.banner_btm{float:left; width:100%; margin:15px 0}

.content_sec{float:left; width:100%;}
.content_left{float:left; width:70%; color: #626262; line-height:20px;}
.content_left h2{color: #626262; text-transform:uppercase; font-size:26px}
.content_left h1{color: #626262; text-transform:uppercase; font-size:36px}
.content_right{float:right; width:26%}


.quote_form{float:left; width:100%; padding:5%;
border:1px solid #f87422; -webkit-box-sizing: border-box; background:#efefef;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
}
.content_right h2{color:#333333; text-transform:uppercase; font-size:30px}

.content_right h3{color:#333333; text-transform:uppercase; font-size:20px}
.content_right h5{color:#333333; text-transform:uppercase; font-size:20px}
.content_right h6{color:#333333; text-transform:uppercase; font-size:30px}

.orange{color:#f87422}

.services_box{float:left; width:100%; padding:5%; margin-top:15px; color:#666666;
border:1px solid #999; -webkit-box-sizing: border-box; background:#fff;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
border-radius:5px;
-webkit-border-radius:5px;
}
.services_box p{border-bottom:1px dashed #999; font-size:12px; padding-bottom:10px;}
.services_box a{font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#f87422; text-decoration:none;}
.services_box a:hover{text-decoration:underline}
.services_box ul{margin:0; padding:0;}
.services_box ul li{list-style:none; border-bottom: 1px dashed #999; padding-top:10px;; padding-bottom:10px;}
.services_box ul li .post-date{display: inline-block; font-size:12px;}
.services_box ul li a{font-size:14px; font-weight:normal;}

.footer{float:left; width:96%; padding:2%; background:#333333; color:#c7c7c7; font-size:12px; margin-top:10px;}
.footer h3{font-size:24px; color:#f2863c}
.footer h6{font-size:24px; color:#f2863c}
.about_sec{float:left; width: 26%; margin-right:5%;}
.flinks{float:left; width:20%; margin-left:5%;}
.footer a{color:#c7c7c7; text-decoration:none; line-height:20px;}
.footer a:hover{color:#fff;}

.img7{display:block; width:100%; height:auto}


.sell_car_sec{float:left; width:100%; margin:15px 0; border-bottom:1px solid #ddd;}
.sell_car_sec img{width:100%; height:auto}
.sell_car_sec h1{color:#f87422; text-transform:uppercase; font-size:36px; margin-top:15px;}

.sell_car2{float:left; width:100%;}
.sell_car2 img{width:100%; height:auto; border-bottom:1px solid #999}



/*new_blog*/

.new_blog{float:left; width:100%}
.new_blog_left{float:left; width:68%; padding:0 2% 0 0; background:#fff; border-right:1px solid #ddd; margin-top:0;
border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
}
.new_blog_left h1{font-size:35px;}
.newpost_wrap{float:left; width:100%; padding-top:15px; border-bottom:1px solid #ddd;}
.new_blog a{text-decoration:none; color:#333333;
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
}
.newpost_wrap h2{color:#333; font-size:22px; margin-bottom:25px;}

.newpost_tags{float:left; width:100%; padding:5px 0;}
.newpost_tags a{background-color:#95bf37; color:#FFFFFF; font-size:14px; padding-bottom:6px; padding-top:6px;
-webkit-border-radius:0;
border-radius:0;
}
.newpost_tags a:hover{background-color:#7f7f7f;}

.blog_img_main{float:left; width:100%;}
.blog_img_main img{width:100%; height:auto}
.newpost_content{float:left; width:100%; font-size:14px; line-height:24px; color:#000; padding:1% 0 0 0;}

.read_more7{color:#FFFFFF; text-decoration:none; background:#95bf37; padding:10px 18px; border:0; font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;

}
a.read_more7{color:#FFFFFF; }
.read_more7:hover{background:#333; color:#FFFFFF;}

.admin_ico{background:url(images/admin.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.clock_ico{background:url(images/clock.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.comment_ico{background:url(images/comment.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.tag_ico{background:url(images/tag.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}


.paginationB{float:left; width:100%; padding:25px 0; font-size:16px; text-align:center;}
.paginationB a{color:#333; background:#fff; border:1px solid #ddd; padding:5px 10px;}
.paginationB a:hover{color:#fff; background:#7f7f7f; border:1px solid #7f7f7f;}

.new_blog_right{float:right; width:29%; padding:0; background:#f1f1f1; font-size:16px; 
border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
 box-sizing: border-box;
}
.new_blog_right h3{font-size:18px; text-transform:uppercase;}

.new_blog_right .blog_search1{float:left; width:90%; background:#999; padding:5% 5% 2% 5%; color:#FFFFFF;}
.in77{width:90%; padding:5%; border:0; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
}
.new_blog_right .blog_search1 .sub77{width:100%; padding:3%; border:0; background:#ff9600; color:#FFFFFF; cursor:pointer; font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;
}

.new_blog_recent{float:left; width:100%; padding:0; background:#fff; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.new_blog_recent h3{width:94%; padding:3%; background:#333; color:#fff; text-align:center}
.new_blog_recent ul{padding:4%; margin:0; list-style-type:none;}
.new_blog_recent ul li{padding:7px 0; width:100%; float:left; border-bottom:1px dashed #ddd;}
.new_blog_recent ul li a{color:#000}
.new_blog_recent ul li a:hover{color:#68a008}
.new_blog_recent ul li img{float:left; margin-right:10px;}
.greyy{color:#666666; font-size:12px}

.new_blog_category{float:left; width:100%; padding:0; background:#fff; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.new_blog_category h3{width:94%; padding:3%; background:#333; color:#fff; text-align:center}
.new_blog_category ul{padding:4%; margin:0 0 0 5px; list-style-type:square; color:#666666}
.new_blog_category ul li{padding:7px 0; width:100%; float:left; border-bottom:1px dashed #ddd;}
.new_blog_category ul li a{color:#000; display:block}
.new_blog_category ul li a:hover{color:#68a008}

.blog_archives{float:left; width:100%; padding:0; background:#fff; text-align:center; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}

.blog_archives h3{width:94%; padding:3%; background:#333; color:#fff; text-align:center}
.in78{width:90%; padding:1%; border:1px solid #999; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
}

.blog_tag{float:left; width:100%; padding:0; background:#fff; text-align:center; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.blog_tag h3{width:94%; padding:3%; background:#333; color:#fff; text-align:center}
.blog_tag p{padding:2%}
.blog_tag a{padding:5px 10px; background:#999; display:inline-table; color:#FFFFFF; margin-bottom:5px; font-size:12px}
.blog_tag a:hover{padding:5px 10; background:#95bf37;}

.commment_wrapper{float:left; width:100%; margin-top:35px; font-size:14px; color:#333333;}
.commment_wrapper h3{font-size:24px; font-weight:normal; color:#000; margin-bottom:10px;}
.commment_wrapper .input4{width:50%; padding:2%; border:1px solid #ddd; margin-right:3px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;

}
.commment_wrapper .input5{width:75%; padding:2%; border:1px solid #ddd; margin-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}
/*new_blog*/


.mobile_buttons{display:none}


/*social links*/ 
.social_links {
    float: left;
   
}

.social_icon{padding: 0px;margin:0px;}
.social_icon li{display: inline-block;vertical-align: top;list-style-type: none;}
.social_icon li a{width: 32px;
    height: 22px;
    background-color: #f2863c;
    color: #000;
    border-radius: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
        margin-top: 13px;
    padding: 4px 0;}
.social_icon li a:hover{    color: #fff;}
/*social links*/

@media only screen and ( min-width : 150px) and ( max-width : 768px ) {
.wrapper{width:95%; margin:0 auto}

.logo{float:left; width:100%; margin-top:0}
.logo img{float:none; border:0}
.logo p{float:left; width:100%; text-align:center; margin:10px 0;}

.call{float:left; width:100%; text-align:center; margin:0;}

.img7{width:100%; height:auto; display:block}

.banner{float:left; width:100%}

.banner_from{float:left; width:96%; padding:2%;}
.banner_btm img{width:98%; height:auto}

.content_left{float:left; width:100%}
.content_right{float:left; width:100%; margin-bottom:15px;}

.about_sec{float:left; width:100%; margin-right:0%;}
.flinks{float:left; width:100%; margin-left:0%; margin-top:10px;}


.new_blog_left{float:left; width:100%; padding:0; background:#fff; border:0;}
.new_blog_left h1{font-size:25px;}
.new_blog_right{float:left; width:100%; margin-top:35px;}
.newpost_tags a{ display:block; margin-bottom:1px}
.commment_wrapper .input4{width:94%;}
.commment_wrapper .input5{width:94%;}
.mobile_buttons{float:left; width:80%; background:#fff; text-align:center; padding:1% 10% 1% 10.2%; display:inherit}
.mobile_buttons a{background-color:#95bf37; text-decoration:none; width:153px; padding:12px 15px 12px 45px; color:#fff; font-size:20px; font-weight:600; display:inline-block; margin-bottom:0;
border-radius:5px;
-webkit-border-radius:5px;
}
.mail7{background:url(http://www.autowrecker.co.nz/wp-content/uploads/2016/07/mail.png) no-repeat left center; background-position:15px;}

.footer {
   
   text-align: center;}
.social_links {
     float: none; 
    padding-bottom: 20px;
}


}



/*@media only screen and ( max-width : 480px ) {
.logo img{width:98%; height:auto}
.call img{width:75%; height:auto}
}*/


.banner_sec .banner_from .gfield_required{display:none;}
.banner_sec .banner_from .ginput_container .medium{width:94%; padding:3%; border:0; color:#666666 !important; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px;}
.banner_sec .banner_from .ginput_container textarea.medium{width:94%; padding:3%; border:0; color:#666666 !important; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px; height:45px;}
.banner_sec .banner_from .gform_wrapper{ margin:0; max-width:100%;}
.banner_sec .banner_from .gform_wrapper ul{ margin:0;}

.banner_sec .banner_from .gform_wrapper .gform_footer{ margin-top:0;padding-top: 8px;}
.banner_sec .banner_from .gform_wrapper .gform_footer .gform_button{
	background: #f2863c none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    padding: 5px 35px;
}
.banner_sec .banner_from .gform_wrapper .validation_error{ color:#000; font-size:14px; font-weight:normal;}
.banner_sec .banner_from .gform_wrapper .gfield_label{display:none;}
.banner_sec .banner_from .gform_wrapper .gfield{margin-top:8px;}
.banner_sec .banner_from .gfield_description{display:none;}
.banner_sec .banner_from .ginput_container{ margin-top:0 !important;}


.content_right .quote_form .gfield_required{display:none;}
.content_right .quote_form .ginput_container .medium{width:94%; padding:3%; border:0; color:#666666 !important; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px;}
.content_right .quote_form .ginput_container textarea.medium{width:94%; padding:3%; border:0; color:#666666 !important; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px; height:75px;}
.content_right .quote_form .gform_wrapper{ margin:0; max-width:100%;}
.content_right .quote_form .gform_wrapper ul{ margin:0;}

.content_right .quote_form .gform_wrapper .gform_footer{ margin-top:0;padding-top: 8px;}
.content_right .quote_form .gform_wrapper .gform_footer .gform_button{
	background: #f2863c none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    padding: 5px 35px;
}
.content_right .quote_form .gform_wrapper .validation_error{ color:#000; font-size:14px; font-weight:normal;}
.content_right .quote_form .gform_wrapper .gfield_label{display:none;}
.content_right .quote_form .gform_wrapper .gfield{margin-top:8px;}

.blog_archives select{width:90%; padding:1%; border:1px solid #999; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
margin: 14px 0;
}
.blog_archives .screen-reader-text{display:none;}
.blog_tag .tagcloud{padding:2%}
.right_top p{margin:0;}
.social p{margin:0;}
.content_left .ssba{display:none;}
.part_img2{width:100%; height:auto}
.slideshow_pagination_center{float:left; margin-left:10px !important;}
.slideshow_container_style-light .slideshow_pagination .slideshow_currentView{background: rgba(0, 0, 0, 0) url("images/light-bullet.png") no-repeat scroll 0 0;}
#respond #commentform #submit{
background: #f2863c none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    padding: 5px 35px;
}



.review-btn {
    display: inline-block;
    margin-top: 20px
}

.review-btn a {
    background: #f2863c;
    padding: 9px 25px;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    font-size: 16px
}

.review-btn a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none
}