/*17-11-22 style starts*/
/*global styling*/
body{max-width:2560px; margin: 0px auto}
.yellow-btn {font-weight:700; text-decoration: none; display: inline-block; background: #FFC427; font-size: 18px; line-height: 28px; color: #000; padding: 16px 32px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.yellow-btn i {margin-left: 15px; font-size: 20px; line-height: 20px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.yellow-btn:hover {background: #000; color: #FFC427; text-decoration: none;}
.yellow-btn:hover i {color: #FFC427;}
.modal {z-index: 111111;}
/*header styling*/
.header-row.vce-row[data-vce-full-width="true"] { position: fixed; top: 0; left: 0; width: 100%;}
.admin-bar .header-row.vce-row[data-vce-full-width="true"] { top: 32px;}
.admin-bar #wpadminbar 				{ display: block !important;}
header .big-joe-header-container 	{ height: 104px;}
header .big-joe-header-container>.header-wrapper {position: static; height: auto;}
header .topbar { background: #FFC427;}
header .topbar .top-txt {display: flex; position: relative; align-items: center; justify-content: center;}
header .topbar .top-txt button { display: inline-flex; width: 35px; height: 35px; background: #000; color: #fff; border: none; padding: 0px 5px; transition: all 0.5s; -webkit-transition: all 0.5s; justify-content: center; align-items: center;}
header .topbar .top-txt button:hover{background: #fff; color: #000; text-decoration: none;}
header .topbar .top-txt button i {vertical-align: middle;}
header .topbar .top-txt p { margin-bottom: 0px; padding: 0 10px; font-size: 18px; line-height: 21px; font-weight: 500; text-align: center;}
header .topbar.vce-text-block > .vce-text-block-wrapper p, header .topbar.vce-text-block > .vce-text-block-wrapper button { margin-left: auto;}
body:not(.no-topbar) .big-joe-header-container > .header-wrapper > .header-content .nav-icon { top: 47px;}
body.no-topbar .big-joe-header-container > .header-wrapper > .header-content .nav-icon { top: 44px;}
/* header .big-joe-header-container>.header-wrapper>.header-content .nav-icon {top: 53.5px;} */
/* .admin-bar header .big-joe-header-container>.header-wrapper>.header-content .nav-icon {top: 82.5px;} */
/* header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen {top: 36px;} */
/* .admin-bar header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen {top: 67px;} */
header .topbar.vce-text-block > .vce-text-block-wrapper > .vcvhelper p,
header .topbar.vce-text-block > .vce-text-block-wrapper, header .topbar.vce-text-block > .vce-text-block-wrapper > .vcvhelper{margin: 0px;}
/* header .big-joe-header-container {height: auto;} */
header .big-joe-header-container>.header-wrapper>.header-content>.header-background,
header .big-joe-header-container>.header-wrapper>.header-content>.logo-shadow-hider{background: #000;}
header .big-joe-header-container>.header-wrapper>.header-content>.menu-container .menu>li>a {color: #fff}

header .big-joe-header-container>.header-wrapper>.header-content .nav-icon div, header .big-joe-header-container>.header-wrapper>.header-content .nav-icon:after, header .big-joe-header-container>.header-wrapper>.header-content .nav-icon:before {background-color: #fff;}
header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen {background: rgba(0,0,0,0.8);}
header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen>.menu-container .menu>li>a{color: #fff;}
header .big-joe-header-container>.header-wrapper>.header-content>.logo-container {background: #000;}
header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen>.logo-container>img {margin: 8px;}

/*hidetopbar*/
.admin-bar.click header .big-joe-header-container>.header-wrapper { top: 32px;}
.click header .big-joe-header-container>.header-wrapper{top: 0px;}
.admin-bar.click header .big-joe-header-container>.header-wrapper>.header-content .nav-icon,
.click header .big-joe-header-container>.header-wrapper>.header-content .nav-icon{top: 12.5px;}
.admin-bar.click header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen,
.click header .big-joe-header-container>.header-wrapper>.header-content>.mobile-menu-fullscreen{top: 0px;}
body:not(.home) .vcv-content.vcv-content--header-footer { padding-top: 100px;}
body.no-topbar:not(.home) .vcv-content.vcv-content--header-footer { padding-top: 59px;}


/*banner styling*/
.home-banner-slider {margin-top: 102px;}
.no-topbar .home-banner-slider { margin-top: 67px !important;}
.home-banner-slider .vce-text-block-wrapper {margin-bottom: 0px;}
.banner-slider.slick-slider.slick-dotted{margin-bottom: 0px;}
.banner-slider-inner {position: relative;background-color: #000;}
.banner-slider-inner > img{position: absolute; top: 0; left: 0; width: 55%; height: 100%; object-fit: cover; object-position: top right;}
.banner-slider-inner > img.right-img { left: auto; right: 0; width: 60%; object-position: top right;}
.vce-text-block > .vce-text-block-wrapper .banner-slider-content {max-width:30%; position: relative; z-index: 1;padding: 150px 0;}
/* .click .vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding-top: 223px;} */
.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {color: #fff; font-size: 50px; line-height: 60px; margin-bottom: 24px; font-weight: 700;}
.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {color: #fff; font-size: 24px; line-height: 34px;}
.vce-text-block > .vce-text-block-wrapper .banner-slider-content .yellow-btn {margin-top: 20px;}
.banner-slider .slick-track { display: flex !important;}
.banner-slider .slick-slide{height: inherit !important;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots {padding: 0px; position: absolute; width: fit-content; bottom: 10%;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li::before {content: ''; display: none;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li {width: auto; padding: 0px; margin: 0px 7px}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li:first-child{margin-left: 0px;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li:last-child {margin-right: 0px;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li button{width: 11px; height: 11px; background: #fff; border-radius:50%; padding: 0px;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li:hover button{opacity: 0.5;}
.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots li.slick-active button {background: #FFC427;}
.home-banner-slider .vce-shortcode-wrapper.vce {margin-bottom: 0px;}
/*smart choice*/
.smart-choice {padding: 40px 0px;}
.smart-choice .vce-text-block .vce-text-block-wrapper.vce {margin-bottom: 0px;}
/*trucks*/
/* .trucks.vce-row.vce-element--has-background {padding-left: 168px; padding-right: 77px;}
 */
.trucks.vce-row.vce-element--has-background {padding-left: 15px !important; padding-right: 15px !important; }

/*left-desc*/
.trucks .truck-left-desc .vce-text-block-wrapper {padding: 0px; margin-bottom: 0px;}
.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 145px;}
/*right-desc*/
/* .trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content >  .vce-col {height: calc(100% - 26px); margin-bottom: 26px;}
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container:last-child > .vce-row > .vce-row-content >  .vce-col > .vce-col-inner > .vce-col-content .vce-col .vce-col-content {height: 100%;} */
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container:last-child > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col { margin-bottom: 26px;}
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content {height: 100%;}


.trucks .vce-row-content .truck-right-desc .vce-row-content {justify-content: center; -webkit-justify-content: center;}
.trucks .vce-row-content .truck-right-desc .vce-text-block {padding: 19px 0px !important; border-bottom: 10px solid #FFC427;}
.trucks .vce-row-content .truck-right-desc .vce-text-block .vce-text-block-wrapper  {margin-bottom: 0px;}
.trucks .vce-row-content .truck-right-desc .vce-separator-container {display: none}
.trucks .vce-row-content .truck-right-desc .home_box p:first-child { margin-bottom: 5px !important;}
.trucks .vce-row-content .truck-right-desc .vce-text-block .vce-text-block-wrapper.vce p:last-child {margin-bottom: 0px !important;}
.trucks .vce-row-content .truck-right-desc a {position: relative; font-size: 16px; line-height: 24px;}
.trucks .vce-row-content .truck-right-desc a:after{content: '\f0da'; position: absolute; top: -3px; right: -18px; font-family: 'Fontawesome'; font-weight: 900;}
.trucks .vce-row-content .truck-right-desc .home_box img {width: 42px;}
.trucks .vce-row-content .truck-right-desc .home_box p {margin-bottom: 10px !important; min-height: auto !important; font-size: 14px !important; line-height: 20px !important;}
.trucks .vce-row-content .truck-right-desc .home_box h2 {margin-bottom: 8px; min-height: 60px; font-size: 24px !important; line-height: 30px !important; height: fit-content;}
.trucks .vce-row-content .truck-right-desc .vce-text-block > .vce-text-block-wrapper{
		padding: 0 10px;
	}

.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots button::before { content: none;}
/*current specials*/
.vce-row.current-specials {margin-top: 0px !important;}
.current-specials .big-joe-product-slider-container>.gray-box {padding-bottom: 42px;}


/*sldier*/
.big-joe-product-slider-container>.gray-box>.product-wrapper>.next-prev-button {bottom: 155px !important;}


@media(min-width: 1400px) and (max-width: 1599px) {
	/*banner styling*/
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content 	{ padding: 124px 0px 150px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {font-size: 40px; line-height: 50px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {font-size: 20px; line-height: 30px;}
	/*trucks*/
/* 	.trucks.vce-row.vce-element--has-background {padding-left: 129px; padding-right: 30px;} */
	.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 45px;}
	
}

@media(min-width: 1200px) and (max-width: 1399px) {
	/*global styling*/
	.yellow-btn{font-size: 16px; line-height: 26px; padding: 12px 32px;}
	.yellow-btn i {font-size: 16px; line-height: 26px;}
	/*banner styling*/	
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding: 124px 0px 150px; max-width: 40%;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {font-size: 40px; line-height: 50px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {font-size: 20px; line-height: 30px;}
	/*smart choice*/
	.smart-choice {/*padding: 90px 0px;*/padding: 30px 0px;}
	/*trucks*/
/* 	.trucks.vce-row.vce-element--has-background {padding-left: 30px; padding-right: 30px;} */
	.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 0px;}
	.trucks .vce-row-content .truck-right-desc .vce-text-block .vce-text-block-wrapper.vce {padding-left: 15px; padding-right: 15px;}
	.trucks .vce-row-content .truck-right-desc .vce-text-block {min-height: auto !important}

}


@media(min-width: 992px) and (max-width: 1199px) {
	/*global styling*/
	.yellow-btn{font-size: 16px; line-height: 26px; padding: 12px 18px;}
	.yellow-btn i {font-size: 16px; line-height: 26px;}
	.no-topbar .home-banner-slider { margin-top: 54px !important;}
	/*banner styling*/
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding: 124px 0px 136px; max-width: 40%;}
	.click .vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding-top: 124px;}

	.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {font-size: 40px; line-height: 50px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {font-size: 20px; line-height: 30px;}
	.banner-slider-inner>img,
	.banner-slider-inner > img.right-img { width: 60%;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p br{display: none;}
	/*smart choice*/
	.smart-choice {padding: 30px 0px;}
	/*trucks*/
/* 	.trucks.vce-row.vce-element--has-background {padding-left: 15px; padding-right: 15px;} */
	.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 0px;}
	.trucks .vce-row-content .truck-right-desc a:after{right: -14px;}
	.trucks .vce-row-content .truck-right-desc .home_box h2 {font-size: 20px !important; line-height: 25px !important; min-height: 50px;}
	.trucks .vce-row-content .truck-right-desc .home_box img {width: 38px;}
	.trucks .vce-row-content .truck-right-desc .home_box p {font-size: 12px !important; line-height: 18px !important;}
	.trucks .vce-row-content .truck-right-desc a {font-size: 14px; line-height: 24px;}
	.trucks .vce-row-content .truck-right-desc .vce-text-block {padding: 17px 0px 14px !important; min-height: auto !important;}
	.trucks .vce-row-content .truck-right-desc .home_box p:first-child {line-height: 0px !important;}
}


@media(min-width: 768px) and (max-width: 991px) {
	/*global styling*/
	.yellow-btn{font-size: 14px; line-height: 24px; padding: 10px 25px;}
	.yellow-btn i {font-size: 16px; line-height: 26px;}
	.no-topbar .home-banner-slider { margin-top: 54px !important;}
	/*banner styling*/
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding: 110px 0px 136px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider ul.slick-dots {left: 25px;}
	.click .vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding-top: 104px;}

	.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {font-size: 35px; line-height: 45px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {font-size: 18px; line-height: 28px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content { margin-left: 25px; max-width: 50%;}
	.banner-slider-inner > img:not(.right-img),
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p br{display: none;}
	.banner-slider-inner > img.right-img {width: 100%;}
	/*smart choice*/
	.smart-choice {padding: 30px 0px;}
	/*trucks*/
/* 	.trucks.vce-row.vce-element--has-background {padding-left: 15px; padding-right: 15px;} */
	.trucks > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col {margin: 0px 0px 30px 0px; max-width: 100% !important; flex-basis: 100% !important;}
	.trucks > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col:last-child {margin-bottom: 0px;}
	.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 0px;}
	.trucks .vce-row-content .truck-right-desc a:after{right: -14px;}
	.trucks .vce-row-content .truck-right-desc .home_box h2 {font-size: 20px !important; line-height: 25px !important; min-height: 50px;}
	.trucks .vce-row-content .truck-right-desc .home_box img {width: 38px;}
	.trucks .vce-row-content .truck-right-desc .home_box p {font-size: 12px !important; line-height: 18px !important;}
	.trucks .vce-row-content .truck-right-desc a {font-size: 14px; line-height: 24px;}
	.trucks .vce-row-content .truck-right-desc .vce-text-block {padding: 17px 0px 14px !important; min-height: auto !important;}
	.trucks .vce-row-content .truck-right-desc .home_box p:first-child {line-height: 0px !important;}

}


@media (max-width: 767px) {
	/*global styling*/
	.yellow-btn{font-size: 14px; line-height: 24px; padding: 10px 25px;}
	.no-topbar .home-banner-slider { margin-top: 54px !important;}
	/*banner styling*/
	.banner-slider-inner:after{content: ''; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0, 0.5); width: 100%; height: 100%;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding: 80px 0px 120px; max-width: 100%}
	.click .vce-text-block > .vce-text-block-wrapper .banner-slider-content {padding-top: 104px;}

	.vce-text-block > .vce-text-block-wrapper .banner-slider-content h2 {font-size: 30px; line-height: 40px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p {font-size: 16px; line-height: 26px;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content p br {display: none;}
	.vce-text-block > .vce-text-block-wrapper .banner-slider-content {margin-left: 15px; margin-right: 15px;}
	.banner-slider-inner > img:not(.right-img) {display: none;}
	.banner-slider-inner > img.right-img {width: 100%;}
	.vce-text-block > .vce-text-block-wrapper  .banner-slider ul.slick-dots {left: 15px; bottom: 50px;}
	/*smart choice*/
	.smart-choice {padding: 30px 0px;}
	.smart-choice .vce-row-content {flex-direction: column-reverse; flex-direction: column-reverse;}
	.smart-choice .vce-row-content > .vce-col {margin-bottom: 30px;}
	.smart-choice .vce-row-content > .vce-col:first-child {margin-bottom: 0px;}
	/*trucks*/
/* 	.trucks.vce-row.vce-element--has-background {padding-left: 15px; padding-right: 15px;} */
	.trucks > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col {margin: 0px 0px 30px 0px;  max-width: 100% !important; flex-basis: 100% !important;}
	.trucks > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col:last-child {margin-bottom: 0px;}
	.trucks .truck-left-desc .vce-text-block-wrapper p {padding-right: 0px;}
	
	.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col,
.trucks .truck-right-desc > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content > .vce-row-container > .vce-row > .vce-row-content > .vce-col > .vce-col-inner > .vce-col-content {height: auto;}
		.trucks .vce-row-content .truck-right-desc a:after{right: -14px;}
	
		.trucks .vce-row-content .truck-right-desc .home_box h2 {font-size: 20px !important; line-height: 25px !important; min-height: 50px;}
	.trucks .vce-row-content .truck-right-desc .home_box img {width: 38px;}
	.trucks .vce-row-content .truck-right-desc .home_box p {font-size: 12px !important; line-height: 18px !important;}
	.trucks .vce-row-content .truck-right-desc a {font-size: 14px; line-height: 24px;}
	.trucks .vce-row-content .truck-right-desc .vce-text-block {padding: 17px 0px 14px !important; min-height: auto !important;}
	.trucks .vce-row-content .truck-right-desc .home_box p:first-child {line-height: 0px !important;}
}