/**handles:rainXwalmart-style**/
/*

Theme Name: Professional Wiper Blade Finder

Theme URI: http://rainx.com/

Author: the Professional Wiper Blade Finder team

Author URI: https://professionalbladefinder.com/

Description: Professional Wiper Blade Finder Theme

Version: 1.0



*/
/*


body{ font-family: "BogleWeb-Regular", Verdana, sans-serif; font-weight: normal; overflow: hidden; color: #333; background: #fff; }
sub, sup { font-size: 12px; vertical-align: super; }
.wrap{ width:100%;}

.container{width: 1100px; margin: 0 auto;}
.inner_wrap{width: 1054px;  margin: 0 auto;}

.clear{ clear: both; display: block;}
.container p{line-height: 28px; font-size: 18px; margin-bottom: 30px;}
.alignright{ float: right!important;}
.alignleft{ float: left!important;}
.text_center{ text-align: center;}
.row{width:100%;}
.col-6{width:50%; float: left;}

a.btn{ border: 1px solid #ff6700; color: #ff6700; line-height: 53px; font-size: 18px; max-width: 245px; display: block; margin-left: auto; margin-right:  auto; border-radius: 3px; box-sizing: border-box; margin-top: 60px; text-align:center; }



header.header{ width:100%; background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/product-banner-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; height: 353px; }
body.home header.header{height: 194px;}
header.header .inner_wrap{position: relative;}
header.header h1{position: absolute; left: -84px; top: 32px; width: 124px; z-index: 3;}
header.header h1 a{display: block; overflow: hidden; width: 100%; text-indent: -999px; height: 58px; background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/aap-logo.png) no-repeat left center; background-size: 124px auto;}
.pow_by{background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/rainx-small-logo.jpg) no-repeat right center; padding-right: 103px; line-height: 25px; color: #fff; float: right; margin: 34px 31px 0 0; font-size: 12px; display: inline-block;}
header.header .find_section{width: calc(100% - 30px);}


#blade-finder-form{position: relative;}
#blade-finder-form:before{background-color: #d82142; position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; content: ''; z-index: 2;}
.find_section{ background-color: rgb(255, 255, 255, 0.8); padding-top: 32px; padding-bottom: 10px; counter-reset: section; position: relative; }
.find_section:before{background-color: rgb(255, 255, 255, 0.8); position: absolute; left: -100%; top: 0px; z-index: 1; width: 100%; height: 100%; content: '';}
.find_section h3{color: #fff; font-size: 36px; font-weight: 400; text-align: center; margin: 10px 0 35px;}

.find_section label { color: #fff; font-size: 18px; text-transform: uppercase; float: left; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; line-height: 28px; margin-bottom: 0px; padding: 15px 8px 15px 50px; background: #d82142;}
.find_section input:not([type=submit]){float: left;  margin-right: 10px; width: 314px; margin-bottom: 23px;}
.bf-input.bf-submit{float: left; margin: 0 0 0 8px;}
.find_section button{ width: 178px; font-size: 19px; margin: 0; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; border: none; position: relative; background: #FBD417; color: #000;}
.find_section .bf-input:nth-of-type(1){width: 160px !important;}
.find_section .selector:before{ counter-increment: section; content: counter(section); position: absolute; left: 15px; top: 50%; transform: translateY(-50%); line-height: 30px; height: 30px; border-right: 1px solid #000; color: #000; display: block; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; width: 20px;}
.find_section .innerwrap > select{ visibility: hidden;}
.find_section .clear{display: none;}
.find_section .bf-input:not(.bf-submit){ float:left; width: 190px; box-sizing: border-box; padding: 10px 0 10px 10px; background: #d82142;}
.find_section .bf-input:nth-of-type(3){padding-right: 10px;}

.selector{ border-radius: 0px; overflow: hidden; background: #fff; position: relative; font-size: 17px; padding:0 18px 0 50px; color: #999999; width: 100%!important; box-sizing: border-box;}

.selector span {  background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/select.png) no-repeat right center; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; display: block; height: 38px; line-height: 38px; width: 100% !important; color: #000;}

.selector select{ cursor:pointer; position: absolute; top:0; left: 0; height: 100%; width: 100%; border: none;  opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}

.selector select option{ padding: 5px 5px 5px 8px; font-size:18px; color:#999999; }

#product_section{margin-top: -147px; background: #fff;}
#product_section .inner_wrap{padding-left: 17px; max-width: 1024px; margin-left: 0px; box-sizing: border-box;}

.premium h3{background-color: #d82229;}
.factory h3{background-color: #f3b53c;}
.value h3{background-color: #0072ac;}
.category_listing .premium ul li{border-bottom-color: #d82229}
.category_listing .factory ul li{border-bottom-color: #f3b53c}
.category_listing .value ul li{border-bottom-color: #0072ac}


.category_listing{margin-bottom: 12px; margin-top: 27px;}

.category_listing .col-3{width: calc(33.33% - 13px);  box-sizing: border-box; float: left;}
.category_listing .col-3 + .col-3{ margin-left: 19px;}
.category_listing h3{color: #ffffff; text-align: center; font-size: 24px; line-height: 47px; margin-bottom: 12px; text-transform: uppercase; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;}

.category_listing .col-3 ul li{background: #f2f2f2; margin-bottom: 8px; box-sizing: border-box; border-bottom-width: 11px; border-bottom-style:solid;}
.category_listing .col-3 ul li > a{position: relative; padding: 14px 10px 12px; display: block;}
.category_listing .col-3 ul li > a:before{background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/arrow.png) no-repeat 0 0; position: absolute; right: 26px; bottom: 19px; width: 47px; height: 47px; content: '';}
.category_listing .col-3 ul li figure{ height:248px; width: 110px;} 
.category_listing .col-3 ul li figure img{display: block; margin: 0 auto; max-height: 100%; max-width: 100%;}
.category_listing .col-3 ul li h6{color: #000; font-size: 16px; position: absolute; transform: translateY(-50%); top: 50%; left: 143px; width: calc(100% - 153px); margin-top: -20px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;}


.blade-finder-form_loading{background: rgba(0, 0, 0, 0.5); display: block; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 99;}
.blade-finder-form_loading{ width: 100%; height: 100%; left: 0; position: absolute; top: 0px; z-index: 99;}
.blade-finder-form_loading img{display: block; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; width: 120px;}


.footer{width: 100%; background: #D82142; margin-top: 60px; padding: 0px 0px; color: #fff; font-size: 12px; text-align: right;}
.footer .inner_wrap{display: flex; justify-content: flex-end; align-items: center;}
.footer .inner_wrap img{max-width: 200px; height: auto; margin-left: 10px;}


.search_header{border-bottom: 5px solid #e5e5e5; padding-bottom: 17px; padding-top: 22px;}
.search_header h3{ color: #000; font-size: 19px; font-weight: 400; float: left; line-height: 24px; text-transform: uppercase;}
.search_header h3 strong{font-size: 24px; font-weight: 800; display: block;}
.blade_size{width: auto; float: right; padding-left: 100px; background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/passager-side.png) no-repeat 0 0; height: 48px; font-size: 14px; color: #000; padding-top: 18px; box-sizing: border-box;font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;margin-right:20px;}

.blade_size_passenger{background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/passager-side.png)}
.blade_size_driver{background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/drive-side.png)}
.blade_size_rear{background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/rear-side.png)}


.product_outer{background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/dashed-border.png) repeat-x bottom left; padding: 45px 0 50px;}
.product_outer figure{float: left; position: relative; width: 155px; top: 25px;}
.product_outer figure img{max-width: 100%;}
.product_outer h2{ color: #000; font-size: 20px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; line-height: 24px; margin-top: 23px;}

.rating{font-size: 18px; line-height: 14px; text-transform: uppercase; color: #cc3333; position: relative; max-width: 650px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;}
.rating:after{content: ''; display: block; width: calc(100% - 110px); position: absolute; bottom: 0px; right: 0px; height: 7px; background: #d82229 url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/shadow.png) no-repeat top right;}

.rating.factory{ color: #ffcc33;}
.rating.value{ color: #006699;}
.rating.factory:after{background-color: #f3b53c;}
.rating.value:after{background-color: #0072ad;}
.rating.value:after{width: calc(100% - 88px);}

.search-icon{position: absolute; bottom: 40px; left: 0; background: url('https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/search.png') no-repeat 0 0; width: 27px; height: 27px; }
    
.product_content{float: right; width: calc(100% - 175px);position: relative; 	}
.product_detail{width: calc(100% - 245px); float: left; position: relative;}
.product_purchase{width: 195px; float: right; margin-top: 50px;}

.buy_now{font-size: 18px; text-align: center; background: #fbd417 url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/Walmart_Spark.fw.png) no-repeat 28px center; color: #000; display: block; border-radius: 0px; margin-bottom: -5px; width: 190px; padding: 10px 0px;  margin-top: 15px; background-size: 20px auto;
font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;}
.buy_now strong{font-size: 21px; display: block; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal;}
.buy_now span{font-size: 24px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; display: block;}
.buy_now.find_my_blade{background-image: none;}

.view_video{font-size: 16px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; text-align: center; background: #999999; display: block; border-radius: 0px; padding: 10px 0px; margin-right: 0px; width: 190px; color: #ffffff; margin-top: 15px;}

.product_txt{ margin-top: 30px; overflow: hidden; margin-bottom: 15px;}
.product_txt ul{margin-left: 18px;}
.product_txt li{font-size: 15px; text-indent: 0; padding-bottom: 8px; list-style: disc inside;}
.product_txt p{font-size: 14px; line-height: 20px; margin-bottom: 15px; color: #333}
.product_txt li strong,
.product_txt p strong{ text-transform: uppercase;}


.part_no{margin-top: 30px;font-size: 15px; color: #666666;}
.part_no h5{font-size: 16px; display: block; color: #666666; font-weight:700;}
.part_no span{display: block;}

.view_more{position: relative; width:100%;}
.view_more:after{content: ""; display: block; clear: both;}
.view_more:before{content: ""; height: 3px; background: linear-gradient(#fff,#999,#fff); width: 100%; position: absolute; top: 0px; left: 0px;}
.view_more a{color: #999; font-size: 16px; text-transform: capitalize; float: right; margin-top: 5px}

.popup_outer{ width: 100%; position: fixed; left: 0px; top: 0px; height: 100%; background: rgba(0,0,0,.8); z-index: 999; display: none; }
.popup_outer.close_popup{display: block; visibility: hidden; opacity: 0;}
.popup_outer .container { background: #d82142; padding: 20px 10px 15px; margin: 0px; transform: translate(-50%, -50%); position: relative; z-index: 2;
 left: 50%; top: 50%;}
#blade-finder-form_popup.container{max-width: 990px;}

a.btn_close { background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/close-button-white.png) no-repeat 0 0; width: 32px; height: 32px; position: absolute; right: -40px; top: 0px;

 text-indent: -999px; overflow: hidden;}

#installation_section .container{padding:50px 8px 8px; background: #fff;}
.left_section { width: 713px; float: left;}
.your_vechicle a { color: #000; font-size: 18px; background-color: #fbd417; width: 187px; height: 50px; float: right; line-height: 50px; text-align: center; border-radius: 0px; font-family: "BogleWeb-Bold",Verdana,sans-serif;

font-weight: 400;}
.left_section .video_box iframe { width: 100%; height: 100%; display: block;}


.right_section { width: 370px; float: right;}
.right_section h6 { background: #cccccc; padding: 12px 50px; text-align: center; font-size: 18px; line-height: normal; color: #000;}
.right_section ul { max-height: 460px; overflow-y: scroll;}
.right_section ul li {background: #ededed; padding: 10px 0 10px 12px;}
.right_section ul li:nth-of-type(2n) { background: #dcdcdc;}
.right_section ul li a { display: block; width: 100%;}
.right_section ul li a:after{content:''; display: block; clear: both;}
.right_section ul li figure {width: 151px; float: left; top: 0px;}
.right_section ul li span {display: block; width: calc(100% - 165px); float: right; padding-right: 10px; box-sizing: border-box; color: #000; font-size: 14px; line-height: 20px; margin-top: 10px;}
.right_section ul li figure img { max-width: 100%; display: block;}	


.left_section label { font-size: 22px; line-height: 24px; color: #fff; padding-left: 15px; font-weight: 400; float: left; margin-bottom: 0;}
.left_section label span { display: block; font-size: 18px;}
.left_section .video_box{height: 436px;}
.left_section ul {background: #ffd81f; width: 100%; display: flex; float: left; margin-top: 10px;}
.left_section ul li {color: #000000; font-size: 18px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; padding: 0 15px; flex-grow: 1; line-height: 36px;}


.youtube-player { left: 50%; overflow: hidden; position: relative; transform: translateX(-50%); width: 100%; height: 436px;}
.youtube-player img { cursor: pointer; display: block; max-width: 100%; transition: all 0.4s ease 0s; width: 100%; left: auto; top: auto; transform: none; margin: -60px auto auto;}
.youtube-player .play { background: url("https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/bnt-play.png") no-repeat; cursor: pointer; height: 85px; left: 50%; margin-left: -61px; margin-top: -43px; position: absolute; top: 50%; width: 121px; transition: all 0.4s ease 0s;}


#installation_section a.btn_close { background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/btn-close.png); width: 26px; height: 26px; right: 16px; top: 14px;}

.mCSB_container{text-align: center;}
.mCSB_container { top: 30% !important; }
.imagemapper-wrapper .mCSB_container { top: 0% !important; }

.product_txt_key_benefits:after{content: ''; display: block; clear: both;}
.product_txt_key_benefits h3{font-size: 17px; font-weight: 500; color: #0080c4; margin-bottom: 4px;}
.product_txt_key_benefits h4{font-size: 16px; color: #333; font-weight: 500; margin-top: 5px;}
.product_txt_key_benefits ul li{list-style: initial; padding: 0; float: left; width: 100%;}

.container .product_txt_key_benefits p{line-height: 20px; font-size: 14px; margin-bottom: 0; margin-top: 5px; display: none;}
.product_txt_key_benefits img { display: none; }

.size_summary{color: #000; font-weight: 400; font-size: 14px;}
.img{ color: red; display: block; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; margin-top: 3px;}

.make_proper_selection{font-size: 16px; padding: 50px 0; text-align: center; }
.make_proper_selection strong{ font-size: 25px; padding-bottom: 9px; display: block;}

.mobile_down{background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/arrow-down.png) no-repeat 0 0; width: 27px; height: 17px; text-indent: -999px; overflow: hidden; display: none;}
.mobile_down.active{background-image: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/arrow-up.png); }

.popup_outer.find_section .bf-input:not(.bf-submit),
.popup_outer.find_section label{background: none; padding-top: 0px; padding-bottom: 0px;}
.popup_outer.find_section label{line-height: 38px; padding-left: 10px;}
.popup_outer.find_section button{line-height: 38px; height: 38px;}

.product_purchase:after,
.blade_checkbox:after{content: ''; display: block; clear: both;}
.blade_checkbox{width: 100%;}
.blade_checkbox *{float: left}
.blade_checkbox label{color: #0174a9; font-size: 14px; margin-bottom: 0px; margin-left: 8px; line-height: 19px;}
.blade_checkbox ~ .blade_checkbox{margin-top: 4px;}

.checker{width: 19px; background: #0174a9; margin-bottom: 5px;}
.checker span{height: 18px; display: block; width: 100%; position: relative;}
.checker span.checked{background: url(https://professionalbladefinder.com/wp-content/themes/professionalbladefinder/assets/images/checkbox.jpg) no-repeat 0 0;}
.checker input{ cursor:pointer; position: absolute; top:0; left: 0; height: 18px; width: 100%; border: none;  opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}

.walmart_price {font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; font-size: 14px; display: block; margin-left: 8px; color: #f47421;}


.rear_model_popup,
.sub_model_popup_div form{ background: #fff; width: 500px; text-align: center; padding: 0 0 45px; transform: translate(-50%,-50%); position: relative; z-index: 2; left: 50%; top: 50%;}
.sub_model_popup_div .sub_modelUl{padding: 0 10px 0 50px; text-align: left;}
.sub_model_popup_div .sub_modelUl li *{display: inline-block; color: #000; font-weight: 300; font-size: 16px;}
.sub_model_popup_div .sub_modelUl li input{border-color: #000; margin-right: 13px; cursor: pointer;}
.sub_model_popup_div .sub_modelUl li{display: inline-block; margin: 0 20px; padding: 5px 0;}
.sub_model_popup_div h5{background: #051c43; padding: 24px 0px; text-align: center; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; font-size: 24px; line-height: normal; color: #fff;}
.sub_model_popup_div h6{ margin-top: 30px; padding-left: 70px; text-align: left; color: #000; font-size: 24px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; margin-bottom: 20px;}
.sub_model_popup_div button{padding-left: 28px; padding-right: 28px; margin-top: 30px;}

.walmart_price.price_range{margin-left: 27px;}

.rear_model_popup{position: relative; padding-bottom: 25px;}
.rear_model_popup:after{content: ''; display: block; clear: both;}
.rear_model_popup figure.rear_popup_image{ float: left; width: 145px; padding-top: 15px; z-index: 2; top: 0px; }
.rear_model_popup .rear_product_details{width: calc(100% - 145px); float: left; text-align: left; padding-top: 45px; padding-bottom: 45px;}
.bottom_offer{display: block; background: #dddddd; width: 100%; position: absolute; padding-left: 145px; color: #051c43; line-height: 54px; box-sizing: border-box;
bottom: 0px; left: 0px; font-size: 17px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; text-align: left;}
.rear_model_popup .rear_product_details h4 { color: #000; font-size: 18px; font-family: "BogleWeb-Bold", Verdana, sans-serif; font-weight: normal; line-height: 24px; margin-top: 0px; margin-bottom: 15px;}
.rear_model_popup .rear_product_details .buy_now{border-radius: 0; padding: 15px 0px; text-transform: uppercase; font-size: 16px; width: 100%; margin-top: 0px;}
.rear_model_popup .rear_product_details .walmart_buy_now_m{width: 170px; float: left; margin-top: 30px;}
.rear_model_popup .rear_product_details .walmart_buy_now_m + .walmart_buy_now_m{width: 124px; margin-left: 15px;}
.rear_model_popup .rear_product_details .walmart_buy_now_m + .walmart_buy_now_m .buy_now{ text-transform: capitalize; padding: 13px 0px; color: #f47321; background: none; border: 2px solid #e5e5e5; box-sizing: border-box;} 
.rear_model_popup .rear_product_details .img{display: none;}
.rear_model_popup .rear_product_details .walmart_price{margin-top: 0px; margin-bottom: 0px;}

.footer span{ display: none;}
*/