/*
Theme Name: We Buy Car
Theme URI: https://www.webuycar.co.nz/
Description: Car Buyers Auckland
Version: 1.0
Author: A1dezine Ltd. Hamilton
Author URI: http://a1dezine.com
*/
@charset "utf-8";
/* CSS Document */

body{margin:0 auto; padding:0; font-family: 'Roboto', sans-serif; font-size:16px; max-width:1920px;}

img{border:0}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal; font-family: 'Roboto', sans-serif;}
	
h1{font-size:52px;}
h2{font-size:42px;}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:18px}
	
input{outline:0;font-family: 'Roboto', sans-serif;}

a{color:#bc2643; text-decoration:none;}
a:hover{color:#bc2643; text-decoration:underline;}

.wrapperH{margin:0 auto; width:90%;}
.wrapper{margin:0 auto; width:1100px;}
.wrapper2{margin:0 auto; width:1024px;}
.wrapper3{margin:0 auto; width:800px;}

.header{float:left; width:100%; transition:.3s; background:#bc2643; padding:15px 0; left:0;}

.logo{float:left; margin-top:0;}
.logo img{display:block; margin:0; width:250px; height:auto; transition:.3s;}

.menu_sec{float:left; width:100%; transition:.3s; font-size:16px; background:#3a3a3a; z-index:9999}
.menu_sec .active{
  color: #e94161 !important;
  background:#555555;
}
.menu_sec ul{padding:0; margin:0}

.header_right{float:right; #width:70%; margin-top:24px;}
.header_phone{float:right; width:100%; text-align:right; margin-top:0;}
.header_phone img{ width:300px; height:auto; }

html {
  scroll-behavior: smooth;
}

.sections{float:left; width:100%;}
.header_phone p{margin:0; padding:0;}

.banner_sec{float:left; width:100%; position:relative;}
.banner{float:left; width:100%;}
.banner img{width:100%; height:auto; display:block;}

.form_sec{float:left; width:400px; position:absolute; right:13%; top:7%; color:#fff;}
.form_sec_bg{float:left; width:86%; padding:3% 5%; background:rgba(255, 255, 255, 0.9); color:#111; font-size:16px;  border-radius:5px;}
.form_sec_bg h2{font-size:32px; text-align:left; font-weight:500; color:#3a3a3a; text-transform:none; margin-bottom:15px;}
.form_sec_bg p{margin:0 0 10px 0; padding:0; font-size:14px;}
.input1{width:49%; padding:3%; background:#3a3a3a; border:0 solid #bbb; color:#fff; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box;}
.input1:focus{ background:#1a1a1a}

.input2{width:100%; padding:4%; border:0 solid #bbb; background:#3a3a3a; border-radius:3px; font-size:14px; font-family: 'Roboto', sans-serif; color:#fff; box-sizing:border-box;}
.input2:focus{ background:#1a1a1a}

.input2-textarea{width:100%; height:100px; padding:4%; border:0 solid #bbb; background:#3a3a3a; border-radius:3px; font-size:14px; font-family: 'Roboto', sans-serif; color:#fff; box-sizing:border-box;}
.input2-textarea:focus{ background:#1a1a1a}

.submit1{background:#bc2643; color:#fff; font-size:24px; border:0; cursor:pointer; padding:10px 30px; font-weight:600; font-style:italic;
	border-radius:35px;
	box-shadow:0 1px 2px 0px rgb(0, 0, 0, .8);
}

a.button1{background:#bc2643; color:#fff; font-size:18px; border:0; cursor:pointer; padding:10px 25px; font-weight:600; font-style:italic; text-decoration:none;
	border-radius:35px;
	box-shadow:0 1px 2px 0px rgb(0, 0, 0, .8);
	display:inline-block;
	line-height:normal;
}

.buying_service{float:left; width:100%; background:#fff; padding:2% 0; color:#1a1a1a;}
.buying_service h2{font-weight:400; color:#3a3a3a; font-size:32px; text-align:center; text-transform:uppercase; margin-bottom:15px;}
.buying_service ul{padding:0; margin:0 0 0 0; list-style-type:none;}
.buying_service ul li{float:left; width:24%; margin:.5%; border:1px solid #ddd;  box-sizing:border-box; padding:1% 2%; text-align:center; font-size:14px; font-weight:300;}
.buying_service ul li img{border-radius:180px;transition: .5s; width:auto; height:auto}
.buying_service ul li img:hover{border-radius:180px; 
	transform: rotate(360deg);
	transform-origin: center;
	transition: .5s;
}
.buying_service ul li h4{font-weight:400; font-size:22px; color:#bc2643;}


.webuy_service{float:left; width:100%; padding:2% 0; color:#333;
	background:linear-gradient( rgba(58, 58, 58, 0.9) 100%, rgba(58, 58, 58, .9)100%),url("images/background-image.jpg") fixed; background-size:cover; background-position:top;
}
.webuy_service h2{font-weight:300; color:#fff; text-align:center;}
.webuy_service ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.webuy_service ul li{float:left; width:19%; margin:.5%; box-sizing:border-box; padding:1%; text-align:center; color:#fff;}
.webuy_service ul li img{border-radius:180px; border:0 solid #fff; box-shadow: 0 5px 5px #1a1a1a;}
.webuy_service ul li img:hover{border-radius:180px; border:0 solid #fff; box-shadow: 0 2px 2px #1a1a1a; height:auto;}


.content_sec1{float:left; width:100%; padding:2% 0; color:#3a3a3a;}
.content_sec1 h2{font-weight:400; color:#3a3a3a; font-size:42px;}
.content_sec1 img{float:right; margin-left:50px; width:45%; height:auto;}
.content_sec1 p{line-height:24px; color:#3a3a3a; font-weight:300; font-size:14px;}


.content_sec2{float:left; width:100%; padding:2% 0; color:#3a3a3a;}
.content_sec2 h2{font-weight:400; color:#3a3a3a; font-size:42px;}
.content_sec2 img{float:left; margin-right:50px; width:45%; height:auto;}
.content_sec2 p{line-height:32px; color:#3a3a3a; font-weight:300; font-size:16px;}
.content_sec2 p img{float:left; margin-right:5px; position:relative; top:7px; width:auto; margin-bottom:0}


.light_bg{background:#f0f0f0}

.arrow7{background:url(images/arrow.png) no-repeat right top; width:50px; height:100px; top:-50px; position:relative}


.customer_sec{float:left; width:100%; background:url(images/gold-bg.jpg) no-repeat; text-align:center; background-size:cover; padding:2% 0 0% 0; color:#fff;}
.customer_sec h2{font-weight:300; color:#fff; text-align:center;}
.customer_sec ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.customer_sec ul li{display:inline-block}
.boox{margin:2% 3%; box-sizing:border-box; border:1px solid #fff; padding:1%; text-align:center; color:#3a3a3a; font-size:18px; border-radius:180px;
	width:175px; height:175px; display:inline-block; background:#fff;
}

.customer_sec ul li img{border-radius:180px; margin-top:10px;}

.brand_logos{float:left; width:100%; padding:3% 0 0% 0; text-align:center;}
.brand_logos h2{font-weight:400; color:#1a1a1a; font-size:42px; text-align:center;}


.bottom_contact{float:left; width:100%; background:url(images/gold-bg.jpg) no-repeat; background-size:cover; padding:2% 0; color:#fff; text-align:center;}


.testimonials_sec{float:left; width:100%; background:#f0f0f0; padding:3% 0; text-align:center;}
.testimonials_sec h2{font-weight:300; color:#3a3a3a; text-align:center;}
.testimonials_sec ul{padding:0; margin:0; list-style-type:none;}
.testimonials_sec ul li{float:left; width:46%; padding:2%; line-height:24px; font-weight:300; color:#666; text-align:left;}

.testimonials_sec h5{color:#bc2643; font-size:16px;}
.testimonials_sec img{ border-radius:180px; float:left; margin-right:15px; margin-bottom:100px;}

.footer{float:left; width:100%; padding:2% 0 2% 0; color:#fff; font-size:14px;
background:linear-gradient( rgba(58, 58, 58, 0.9) 100%, rgba(58, 58, 58, .9)100%),url("images/background-image.jpg") fixed; background-size:cover; background-position:top;
}
.footer h4{font-weight:400; color:#fff;}
.footer a{color:#ddd; line-height:26px; font-size:14px; text-decoration:none;}
.footer a:hover{color:#fff;}
.fddiv1{float:left; width:33.33%;}

.copyright{float:left; width:100%; text-align:center; margin-top:25px;}

.fddiv2{float:left; width:40%;}

.inp7{width:190px; border:0; padding:2.5%; border-radius:5px; font-family: 'Roboto', sans-serif; color:#fff; color:#3a3a3a; font-size:14px}
.inp8{width:405px; border:0; padding:2.5%; border-radius:5px; font-family: 'Roboto', sans-serif; color:#fff; color:#3a3a3a; font-size:14px}

.color{color:#bc2643!important}

.m_banner{float:left; width:100%; display:none;}


.inner_banner{float:left; width:100%; padding:5% 0 5% 0; color:#fff; font-size:14px; text-align:center;
background:linear-gradient( rgba(33, 33, 33, 0.9) 100%, rgba(33, 33, 33, .9)100%),url("images/background-image.jpg") fixed; background-size:cover; background-position:top;
}

.brd_crmp{float:left; width:100%; background:#f0f0f0; font-size:14px; color:#bc2643; font-weight:400;}
.brd_crmp a{padding:10px 5px; display:inline-block; color:#3a3a3a;}
.brd_crmp i{color:#999}


.content_block2{float:left; width:100%; background:#fff; color:#3a3a3a;}
.content_block2 h1{font-weight:700!important; color:#bc2643; text-transform:none;}
.block3{float:right; width:45%; padding:2% 5% 2% 5%; line-height:24px; color:#3a3a3a; font-weight:300;}
.block33{float:right; width:100%; padding:2% 0 2% 0; line-height:24px; color:#3a3a3a; font-weight:300;}
.block4{float:left; width:45%}
.block4 img{float:left; width:100%; height:auto; display:block;}

.content_block1{float:left; width:100%; background:#f1f1f1; color:#3a3a3a;}
.content_block1 h2{font-weight:700!important; color:#bc2643; text-transform:none;}
.block1{float:left; width:30%; padding:5% 5% 2% 5%;}
.block2{float:right; width:60%}
.block2 img{float:right; width:100%; height:auto; display:block;}
.content_block1 ul{padding:0; margin:20px 0; list-style-type:none; line-height:32px;}
.content_block1 ul li img{float:left; margin-right:7px; display:block;}



.contact_sec1{float:left; width:100%; padding:4% 0; text-align:centerl}
.contact_sec1 ul{padding:0; margin:0; list-style-type:none;}
.contact_sec1 ul li{float:left; width:31.33%; padding:2%; box-sizing:border-box; margin:1%; border:1px solid #ddd; line-height:24px;
	box-shadow:0 3px 3px 0px rgb(0, 0, 0, .2); border-radius:10px;}
.contact_sec1 ul i{background:#bc2643; color:#fff; width:50px; height:50px; float:left; margin-right:10px; font-size:26px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	 border-radius:180px;
}


.contact_form_bg{float:left; width:100%; padding:5% 0 5% 0; color:#fff; font-size:14px; text-align:center;
background:linear-gradient( rgba(33, 33, 33, 0.9) 100%, rgba(33, 33, 33, .9)100%),url("images/background-image2.jpg") fixed; background-size:cover; background-position:top;
}
.quote_wrap{float:right; width:50%; text-align:left;}
.input002{width:44%; padding:2%; background:#fff; border:0 solid #bbb; color:#3a3a3a; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box; margin:0 .5%;}
.input002-textarea{width:89.5%; height:150px; padding:2%; background:#fff; border:0 solid #bbb; color:#3a3a3a; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box; margin:0 .5%;}
.input003{width:89.5%; padding:2%; background:#fff; border:0 solid #bbb; color:#3a3a3a; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box; margin:0 .5%;}


.cash_img{float:left; width:40%;}
.cash_img img{width:100%; height:auto;}




.block5{float:left; width:35%; padding:2%; text-align:center; box-sizing:border-box;}
.block5 img{border-radius:360px; width:100%; height:auto;}


.block6{float:right; width:56%; padding:2%; line-height:24px; color:#3a3a3a; font-weight:300;}



.blog_sec{float:left; width:100%; padding:2% 0; text-align:left; background:#fff; font-weight:400; line-height:26px;}
.blog_sec h1{color:#000000}
.blog_sec .img999{width:100%; height:auto;}

.blog_sec p{ color:#666;}

.blog_left{float:left; width:66%; border-right:1px solid #ddd; padding-right:2%;}

.blog_left ul{padding:0; margin:0 0 0px 0; list-style-type:none}
.blog_left ul li{float:left; width:46%; padding:2%; text-align:left; color:#666; margin-top:30px; margin:0; font-weight:300; line-height:normal; transition:.3s; }
.blog_left ul li img{width:100%; height:auto; margin-bottom:0;
 border:0 solid #000;
}
.blog_left ul li h2{color:#333333; font-weight:300!important; line-height:36px; font-size:32px;}
.blog_left ul li:hover{}

.blog_left ul li a{color:#1a1a1a;}
.blog_left ul li a:hover{color:#1a1a1a; text-decoration:none;}

.blog_detail_left{float:left; width:66%; border-right:1px solid #ddd; padding-right:2%;}
.blog_detail_content{float:left; width:100%}
.blog_detail_left h1{font-weight:700}

.blog_commetns{float:left; width:100%; border-top:1px solid #ddd; margin-top:15px; padding-top:15px;}
.comment_in1{width:96%; padding:2%; border:0 solid #ddd; border-radius:3px; background:#f0f0f0; font-family:'Noto Sans', sans-serif; font-size:14px;}
.comment_submit{padding:12px 55px; background:#bc2643; color:#fff; border:0; font-size:18px; cursor:pointer;
border-radius:35px;
}


.blog_detail_right{float:right; width:30%}
.blog_detail_right h4{font-size:18px}
.blog_categories{float:left; width:100%}
.blog_categories ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.blog_categories ul li{float:left; width:100%; line-height:32px; font-size:14px;}
.blog_categories ul li a{ color:#bc2643; background:url(images/arrow2.png) right no-repeat; display:block; font-size:16px; transition:.3s;}
.blog_categories ul li a:hover{ color:#bc2643; background:url(images/arrow2.png) right no-repeat; display:block;}


.recent_blog{float:left; width:100%; margin-top:0; line-height:normal; font-size:14px}
.recent_blog ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.recent_blog ul li{float:left; width:46%; margin:2%}
.recent_blog ul li img{width:100%; height:auto}
.recent_blog ul li a{color:#bc2643; transition:.3s;}
.recent_blog ul li a:hover{color:#bc2643}


.archive_sec{float:left; width:100%; margin-top:10px; line-height:normal; font-size:14px}
.archive_sec ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.archive_sec ul li{float:left; width:100%; line-height: normal; font-weight:500; font-size:16px; margin-bottom:5px;}
.archive_sec ul li img{float:left; margin-right:7px; width:16px; height:auto;}

.blog_tags{float:left; width:100%; margin-top:25px; line-height:normal; font-size:14px}
.blog_tags ul{padding:0; margin:10px 0 0 0; list-style-type:none;}
.blog_tags ul li{display:inline-block; background:#f0f0f0; margin-bottom:5px;}

.blog_tags ul li a{color:#111; font-size:14px; padding:10px; border:1px solid #fff; display:block;
	transition:.5s; 
 	border-radius:3px;
	text-decoration:none;
}
.blog_tags ul li a:hover{color:#bc2643; border:1px solid #bc2643; background:#fff;}



@media only screen and (max-width :1680px) {
.form_sec{float:left; width:400px; position:absolute; right:13%; top:7%; color:#FFFFFF;}
}

@media only screen and (max-width :1366px) {
.form_sec{float:left; width:400px; position:absolute; right:9%; top:7%; color:#FFFFFF;}

}

@media only screen and (max-width :1280px) {
.wrapperH{margin:0 auto; width:1100px;}
}

@media only screen and (max-width :1024px) {
.wrapper{margin:0 auto; width:90%;}
.wrapper2{margin:0 auto; width:90%;}
.wrapper3{margin:0 auto; width:90%;}
.wrapperH{margin:0 auto; width:90%;}

.logo{float:left; margin-top:7px; width:100%; text-align:center;}
.logo img{display:inherit; margin:0; width:275px; height:auto; transition:.3s;}

.menu_sec{float:right; width:100%; transition:.5s; position:relative;}

.banner{display:none;}
.m_banner{float:left; width:100%; display:inherit;}
.m_banner img{width:100%; height:auto; display:block;}


.form_sec{float:left; width:100%; position:inherit; right:0%; top:0%; color:#FFFFFF;}
.form_sec_bg{float:left; width:86%; padding:3% 7%; background:#3a3a3a; color:#fff; font-size:16px; border-radius:0;}
.form_sec_bg h2{color:#fff}
.input1{background:#fff; color:#3a3a3a}
.input1:focus{background:#fff; color:#3a3a3a}
.input2{background:#fff; color:#3a3a3a}
.input2:focus{background:#fff; color:#3a3a3a}
.input2-textarea{background:#fff; color:#3a3a3a}
.input2-textarea:focus{background:#fff; color:#3a3a3a}

.header_right{float:right; width:100%;}
.header_phone{float:right; text-align:center; width:100%; margin-top:5px;}
.header_phone img{display:inline; width:200px; height:auto;}

.fddiv1{float:left; width:50%;}
.fddiv2{float:left; width:100%;}
.fddiv2 h4{margin:0 0 15px 0; padding:0}
.fddiv2 P{margin:0; padding:0}
.inp7{width:95%; border:0; padding:2.5%; border-radius:5px; font-family: 'Roboto', sans-serif; color:#fff; color:#3a3a3a; margin-bottom:10px;}
.inp8{width:95%; border:0; padding:2.5%; border-radius:5px; font-family: 'Roboto', sans-serif; color:#fff; color:#3a3a3a;}


}


@media only screen and (min-width:150px) and (max-width:768px){

h1{font-size:36px!important;}
h2{font-size:32px!important;}
h3{font-size:24px!important}
h4{font-size:20px!important}
h5{font-size:18px!important}


.header_right{float:right; width:100%;}
.header_location{float:right; width:100%; margin-right:0%; margin-top:20px; color:#fff;}
.header_location img{float:left; margin-right:0;}
.header_phone{float:right; text-align:center; width:100%; margin-top:5px;}
.header_phone img{display:inline;}


 #nav > a {
 top:-120px!important;

}

.buying_service ul li{float:left; width:48%; margin:.5%; box-sizing:border-box; padding:1%; text-align:center;}
.customer_sec{width:80%; padding:3% 10%}
.customer_sec ul li{display:inline-block; width:100%;}
.boox{margin:2% 3%; box-sizing:border-box; border:1px solid #fff; padding:1%; text-align:center; color:#3a3a3a; font-size:18px; border-radius:180px;
	width:175px!important; height:175px!important; display:inline-block; background:#fff;
}
.arrow7{background:url(images/arrow.png) no-repeat right top; width:50px; height:50px; display:none!important; top:-50px; position:relative}

.webuy_service ul li{float:left; width:48%; margin:1%; box-sizing:border-box; padding:1%; text-align:center; color:#fff;}

.testimonials_sec ul li{width:90%; text-align:center; padding:2% 5%;}
.testimonials_sec img{ border-radius:180px; float:none; margin-right:0; margin-bottom:0;}


.block1{float:left; width:90%; padding:5% 5% 5% 5%;}
.block2{float:left; width:100%;}

.block3{float:right; width:90%; padding:5% 5% 5% 5%; line-height:24px;}
.block4{float:left; width:100%}


.contact_sec1 ul li{float:left; width:100%; padding:5%; box-sizing:border-box; margin:2% 0;}
.quote_wrap{float:right; width:90%; text-align:left; padding:5%;}
.cash_img{float:left; width:100%; padding:0%; display:none;}


.blog_detail_left{float:left; width:100%; border-right:0 solid #ddd; padding-right:0%; border-bottom:1px solid #ddd; padding-bottom:2%;}
.blog_detail_right{float:right; width:100%}
.blog_left{float:left; width:100%; border-right:0 solid #ddd; padding-right:0%; border-bottom:1px0 solid #ddd; padding-bottom:2%;}


}

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

/*update-css*/
.logo{width:150px}
.logo img{display:inherit; margin:0; width:100%; height:auto; transition:.3s;}

 #nav > a {
 width:35px; /* 50 */
 height: 35px; /* 50 */
 text-align: left;
 text-indent: -9999px;
 background-color: #3a3a3a;
 position: absolute;
 right:2%;
 top:-55px!important;
 border-radius:180px;
 border-color: #fff;
}
.menu_sec{float:right; width:100%; transition:.5s; position:relative; top:20px;}
/*update-css*/
.buying_service ul li{float:left; width:99%; margin:.5%; box-sizing:border-box; padding:1%; text-align:center;}
.webuy_service ul li img{width:80%;}
.content_sec1 img{float:left; margin:0; width:100%; height:auto; margin-bottom:15px;}
.content_sec2 img{float:left; margin:0; width:100%; height:auto; margin-bottom:15px;}

.bottom_contact img{width:80%; height:auto;}

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

.header_phone img{display:inline; width:250px; height:auto;}

 #nav > a {
 top:-245px!important;

}


.quote_wrap p{padding:0; margin:5px 0;}
.input002{width:98%; padding:3%; background:#fff; border:0 solid #bbb; color:#3a3a3a; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box; margin:5px 0 5px 0;}
.input003{width:98%; padding:3%; background:#fff; border:0 solid #bbb; color:#3a3a3a; border-radius:3px; margin-bottom:5px; font-size:14px; font-family: 'Roboto', sans-serif; box-sizing:border-box; margin:0;}

.blog_left ul li{float:left; width:96%; padding:2%; text-align:left; color:#666; margin-top:30px; margin:0; font-weight:300; line-height:normal; transition:.3s; }



.block5{float:left; width:100%; padding:2%; text-align:center; box-sizing:border-box;}
.block5 img{border-radius:10px; width:75%; height:auto;}
.block6{float:right; width:100%; padding:2% 5%; line-height:24px; box-sizing:border-box;}



}