/**==========Our Affiliated Style==========**/
.affilated-slider{background: url("../images/abg.jpg") no-repeat 0px 0px; background-size: 100%;min-height: 700px;height: 700px ! important;background-size: 100% 100%;}
.affilated-slider .tp-leftarrow,.affilated-slider .tp-rightarrow{cursor:pointer;z-index:999;top: 52% !important;background: rgba(0, 0, 0, 0.55);color: #fff; padding: 15px 16.5px;border-radius: 33px;}
.affilated-slider .tp-rightarrow{right: 4% !important;}.affilated-slider .tp-leftarrow{left: 4% !important;}
.affilated-slider .tp-leftarrow:before,.affilated-slider .tp-rightarrow:before{font-family:carmel ! important;content:"\e102";font-size:17px;}
.affilated-slider .tp-rightarrow:before{content:"\e101";}
.fleet_slider_heading{font-size: 30px;text-align:center;color: #ffffff;padding-top:2.5%;}
.bg-car {width: 43% !important;height: auto ! important;    position: absolute;bottom: 0px;left: 0px;
    right: 0px;max-width:870px;}
.bg-car img{width:100% !important;height:auto ! important;}
.bgcar-info {width: 50% !important;top: 25% !important;max-width: 50% !important;left: 4% !important;}
.fleet_gallery_info {width: 85%;display: block;white-space: initial;line-height: 1.3 !important; font-size: 18px ;color: #000000;    margin-left: 6%;}
.fleet_gallery_info  p{width:50%;margin: 0;margin-top:25px;}
.fleet_gallery_info h5{font-weight:600;font-size: 20px ;}
.car0,.car1,.car2{margin-top:12% !important}.car3{margin-top:17% !important;width:35% !important;}.car4,.car5{margin-top:8% !important;width:33% !important;}.car6{margin-top:4% !important; width: 40% !important;}
/**/
.car7{margin-top:9% !important;width: 38% !important;}
.car8,.car9{margin-top:11% !important;width:40% !important;}
.car10{margin-top:13% !important;width:40% !important;}
/**/
.bx-wrapper {position: relative;margin: 0 auto 0px;padding: 0;*zoom: 1;width:650px;height:450px;display: block;}
.bx-wrapper img {max-width: 100%;display: block;}
#bx-pager a:hover{display:block;color:#347ded;}
#bx-pager a.active{display:block;color:#347ded;}
#bx-pager a{display:block;color:#000;height: 220px;position: relative;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
/**DIRECTION CONTROLS (NEXT / PREV)**/
.prev {float:left;left: 6%;}
.prev:before {content: "\e102";font-family: carmel ! important;font-size: 17px;display:block;}
.next {right:6%;}
.next:before{content: "\e101";font-family: carmel ! important;font-size: 17px;display:block;}
.bx-controls-direction a,.slideButtons a{position: absolute;top: 35%;outline: 0;text-indent: -9999px;color:#fff;}
.slideButtons a{text-indent: 0;}
.bxslider{list-style:none;}
.clear{clear:both;}
.prev, .next {background: rgba(0, 0, 0, 0.55);color: #fff;padding: 15px 15px;border-radius: 33px;z-index:999;cursor:pointer;}
.bxslider li{float:left;display:none; list-style:none;width:100%;position: relative;
    height: 100%;}
.bxslider li:first-child {display:block;}
.bxslider img { max-width:100%;}
#bbigcar0{display:block;}
.movecar{width: 500px;margin: 0px auto;text-align:center;}
.movecar img{width:100%;}
.cargallery{clear:both;width:100%;top:25%;height:75%;position: absolute;z-index: 1;border:0px solid green;}
.carimgleft{float:left;width:23px;height:400px;position: relative;z-index: 10;background:#fff;}
.carimgright{float:left;width:22px;height:400px;position: relative;z-index: 11;background:#fff;}
/**==========Our Affiliated Portfolio Style==========**/
#portfoliolist {height: 500px;}
.pcontainer { position: relative; width: 100%; margin: 0 auto; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;overflow: hidden;    max-width: 2000px;} 
#fleet_filters {margin: 3% auto; width:700px;padding:0;list-style:none;}
#fleet_filters li {float:left;}
#fleet_filters li div {display: inline-block;padding:5px 25px;text-decoration:none;font-size:16px;color: #000;cursor: pointer;}	
#fleet_filters li div.active {color:#347ded;}
#fleet_filters li span{font-weight:bold;}
#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;width:18%;
margin:2% 22% 5% 0%;height:220px;display:none;float:left;overflow:hidden;}
#portfoliolist .portfolio:nth-child(2){width:20%;}
#portfoliolist .portfolio:nth-child(2) a img {padding-top:10%;}
#portfoliolist .portfolio:nth-child(3){margin:2% 0% 5% 0%;width: 18%;}
#portfoliolist .portfolio:nth-child(4){margin:2% 0% 5% 0%;width: 18%;}
#portfoliolist .portfolio:nth-child(5){padding-top:0%;width:15%;margin:2% 25% 5% 25%;}
#portfoliolist .portfolio:nth-child(6){margin:2% 0% 5% 0%;width:16%;}
/*add style*/
#portfoliolist .portfolio:nth-child(7) {width: 17%;margin: 2% 5% 5% 0%;}
#portfoliolist .portfolio:nth-child(8){padding-top:0%;width:18%;margin:2% 0% 5% 20%;}
#portfoliolist .portfolio:nth-child(9){margin:2% 0% 5% 22%;width:18%;}
#portfoliolist .portfolio:nth-child(10){width: 18%;margin: 2% 0% 5% 0%;}
#portfoliolist .portfolio:nth-child(11){width: 18%;margin: 2% 0% 5% 25%;}
.nomargin{margin:2% 18% 5% 0% !important;}
.nomarginall{margin:2% 0% 5% 0% !important;}
/*end add style*/
.portfolio-wrapper {overflow:hidden;position: relative !important;cursor:pointer;color:#000;transition:all 0.5s ease-in-out;}
.portfolio img {width:100%;display:block;position: relative;top:0;-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);max-width: 300px;margin: 0 auto;}
.portfolio-wrapper h4{font-size:16px;text-align: center;margin:5px 0px;    position: absolute;
    width: 100%;
    bottom: 0;}
.carbg,.bxslider {
    height: 100%;
}
#ourfleetgallery{padding-bottom:0 !important;}
/**==========Media Queries==========**/
@media only screen and (max-width:1366px){
	#bx-pager a,#portfoliolist .portfolio{height:180px;}
}
@media only screen and (max-width:1090px){
	#portfoliolist {height: auto;}
	#fleet_filters li div span {padding-left: 10px;}
	#fleet_filters li div {padding: 5px 15px;}
	#fleet_filters {width: 560px;}
	#bx-pager a, #portfoliolist .portfolio {height: 160px;}
}
@media only screen and (max-width:960px){
	.affilated-slider {  min-height: 540px !important; height: 540px !important;}
	.fleet_slider_heading{font-size:26px;}
	.fleet_gallery_info { font-size: 17px;}
	.fleet_gallery_info p {margin-top: 20px;width: 80%;}
	.fleet_gallery_info h5{font-size:18px;}
	.portfolio-wrapper h4 {font-size: 14px;}
	#portfoliolist .portfolio { width: 24%;margin: 2% 7% 5% 0%;}
	#portfoliolist .portfolio:nth-child(2) {width: 30%;margin: 2% 11% 5% 5%;}
	#portfoliolist .portfolio:nth-child(3),#portfoliolist .portfolio:nth-child(7),#portfoliolist .portfolio:nth-child(10) {width: 23%;}
	#portfoliolist .portfolio:nth-child(6) {margin: 2% 0% 5% 0%;width: 23%;}
	#portfoliolist .portfolio:nth-child(5) {width: 23%;margin: 2% 13% 5% 14%;}
	#portfoliolist .portfolio:nth-child(4) {width: 27%;}
	#portfoliolist .portfolio:nth-child(8) {width: 23%;margin: 2% 0% 5% 14%;}
	#portfoliolist .portfolio:nth-child(9) {margin: 2% 0% 5% 13%;width: 22%;}
	#portfoliolist .portfolio:nth-child(11) {width: 23%;margin: 2% 0% 5% 13%;}

}
@media only screen and (max-width: 768px){
	.affilated-slider .tp-leftarrow:before, .affilated-slider .tp-rightarrow:before { font-size: 15px;}
	.affilated-slider .tp-leftarrow, .affilated-slider .tp-rightarrow { padding: 10px 12px;}
	#portfoliolist .portfolio { width: 44%; margin: 2% 7% 5% 0%;}
	#portfoliolist .portfolio:nth-child(2) {width: 44%;margin: 2% 0% 5% 0%;}
	#portfoliolist .portfolio:nth-child(2) a img {padding-top:6%;}
	#portfoliolist .portfolio:nth-child(3) {width: 40%;margin: 2% 6% 5% 0% !important;}
	#portfoliolist .portfolio:nth-child(4) {width: 44%;margin: 2% 0% 5% 8% !important; }
	#portfoliolist .portfolio:nth-child(6) {margin: 2% 0% 5% 7%;width: 34.3%;}
	#portfoliolist .portfolio:nth-child(5) {padding-top: 0%;width: 34%;margin: 2% 10% 5% 2%;}
	#portfoliolist .portfolio:nth-child(7){margin:2% 0% 5% 2%;width: 40.3%;}
	#portfoliolist .portfolio:nth-child(9) {margin: 2% 0% 5% 0% !important;width: 40%;}
	#portfoliolist .portfolio:nth-child(11) {margin: 2% 0% 5% 0% !important;width: 40%;}
	#portfoliolist .portfolio:nth-child(10) {width: 40%;margin: 2% 0% 5% 18%;}
	#fleet_filters li div { padding: 5px 10px;}
	#fleet_filters {width: 510px;}
	#portfoliolist .portfolio:nth-child(8) {width: 40%;margin: 2% 0% 5% 15%;}
	#portfoliolist .portfolio{float:none;}
	#bx-pager a,#portfoliolist .portfolio{height:185px;}
}
@media only screen and (max-width:660px){
	.bg-car { width: 47% !important;}
	.bgcar-info {max-width: 95% !important;width: 95% !important;}
	.affilated-slider {min-height: 400px !important;height: 400px !important;}
	.fleet_gallery_info {width: 100%;}
}
@media only screen and (max-width: 580px){
	#fleet_filters li div{font-size:13px;padding:5px 10px;}
	#fleet_filters li span{font-size:14px;}
	.portfolio-wrapper h4{margin:10px 0px;}
	#fleet_filters li div {padding: 5px 5px;}
	#fleet_filters li div span {padding-left: 3px;}
	#fleet_filters {width: 350px;}
	.bg-car { margin-top: 20% !important;}
	.fleet_gallery_info {font-size: 15px;}
	.pcontainer #fleet_filters {width: 400px ! important;}
	.cargallery{top:16%;}
	.fleet_slider_heading {font-size: 24px;}
	.bg-car { width: 60% !important;}
	.fleet_gallery_info p {margin-top: 25px;}
	#bx-pager a,#portfoliolist .portfolio{height:160px;}
}
@media only screen and (max-width:480px){
	.fleet_gallery_info p {width: 90%;}
	.next:before,.prev:before{font-size:10px;}
	.prev, .next{padding:10px 10px;}
	#portfoliolist .portfolio, #portfoliolist .portfolio:nth-child(3), #portfoliolist .portfolio:nth-child(4), #portfoliolist .portfolio:nth-child(9),#portfoliolist .portfolio:nth-child(11) {width: 80% !important;margin: 0 auto !important;float: none;height: auto;margin-left:auto;}
	#fleet_filters li div {padding: 5px 2px; margin: 10px auto 10px;}
	#fleet_filters li div span {padding-left: 0px;}
	#bx-pager a {height:auto;}
	.portfolio-wrapper h4 {position: relative;bottom: 0;    margin: 20px 0px;}
}
@media only screen and (max-width: 370px){
	#fleet_filters li div{ font-size: 10px;}
	#fleet_filters li span{font-size:11px;}
	.portfolio-wrapper h4{font-size:13px;}
	.fleet_slider_heading {font-size: 25px;}
	.bg-car { width: 70% !important;}
	#portfoliolist .portfolio,#portfoliolist .portfolio:nth-child(7),#portfoliolist .portfolio:nth-child(8),#portfoliolist .portfolio:nth-child(9),#portfoliolist .portfolio:nth-child(10),#portfoliolist .portfolio:nth-child(11)  {width: 90% !important;margin: 0 auto !important;float: none;height: auto;margin-left: auto !important;}
}
/**Self Clearing Goodness**/
.pcontainer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after {clear: both; }