/* sakhawar styling for credit card compare */

.aply>a {

    border-color: #008255;

    color: #008255 !important;

    background: unset !important;

}

.aply>a:hover{

    color: #fff !important;

    background-color: #008255 !important;

    border-color: #255625;

}

.hide_comparison_bar{

	position: absolute;

    right: 0px;

    display: block;

    background: #2f3639;

    color: #fff;

    padding: 1px 7px 1px 8px;

    font-weight: lighter;

    top: -21px;

    width: 103px;

	border-top-left-radius: 5px;

}



.hide_comparison_bar:hover,

.hide_comparison_bar:focus,

.hide_comparison_bar:visited{ text-decoration:none; color:#fff;}

.hide_comparison_bar i{ position:absolute;left: 16px;}

.hide_comparison_bar i.fa-sort-asc{ top:7px;}



/* compare bottom fixed area updated 

@media (min-width: 600px){*/

	

	.bottom-sec-footer .compare-btn{ 

		font-size:14px; 

		color:#fff;

		font-weight: bold; 

		float: none;

    	clear: both;

		width: 137px;

		height: 41px;

		background:#09bff3;

		padding:5px;

	}

	

	/* compare box */

	

	.bottom-sec-footer{background: #2f3639;box-shadow:none; z-index: 999; padding:0; }

	

	.compare_content_wrapper.slide-up {

		-webkit-animation: slideUp .3s forwards;

		animation: slideUp .3s forwards;

	}

	.compare_content_wrapper.slide-down {

		-webkit-animation: slideDown .3s forwards;

		animation: slideDown .3s forwards;

	}



	.compare_content_wrapper{ width:633px; margin:auto}

	

	.compareboxes{

		width: 470px;

		margin: auto;

		float:left;

	}

	

	.compareboxes li{ list-style-type:none;width: 142px; float:left; margin-left: 10px; margin-bottom: 6px;margin-top: 8px;}

	

	.compareboxes li div{

		padding: 10px 6px;

		border: 1px solid #f7f7f7;

		border-bottom-width: 6px;

		border-radius: 3px;

		height: 85px;

		display: flex;

		position: relative;

		align-items: center;

		text-align: center;

	}

	

	.compareboxes li div i{ margin:auto; color: #f7f7f7; font-size: 25px;}

	.compareboxes li div i.fa-car{ left: 39%; position:absolute}

	.compareboxes li div i.fa-user-md{ left: 43%; position:absolute}

	

	.compareboxes li.filled { position:relative}

	

	.compareboxes li.filled i.fa-close{    

		position: absolute;

		top: 4px;

		z-index:999;

		cursor:pointer;

		right: 6px;

	}

	

	.compareboxes li.filled div {

		background-color: #fff;

		border-bottom-color: #fff;

		border: 1px solid #fff;

		font-size: 12px;

		line-height: 14px;

		display: block;

		text-align: center;

	}

	

	.compareboxes li.filled div .comtitle{

		display: flex;

		height: 25px;

		align-items: top;


		text-align: center;

		top: 25px!important;

		font-weight: 700!important;
		text-align: left!important;
		left: 110px!important;
		position: absolute!important;
		font-size: 13px!important;

	}

	.compareboxes li.filled div .comprice{

		display: block!important;
		line-height: 20px!important;
		font-size: 16px!important;
		margin-top: 10px!important;
		left: 115px!important;
		font-weight: unset!important;
		position: absolute!important;
		top: 50px!important;
		text-align: center;
		width: 50%;
		text-align: center;

	}

	

	.compareboxesbtn{ position: relative; width: 150px; height: 74px; float:left; margin-top:20px;}

	

	.compareboxesbtn button{

		padding: 0px;

		margin: 0px;

		margin-bottom:7px;

		width: 145px;

	}

	

	.compareboxesbtn .clear_compare_filter{ 

		font-size:12px;

		text-transform: uppercase;

		color: #fff;

		width: 145px;

		display: block;

		font-style: normal;

		font-weight: inherit;

		text-decoration:none

	}

	

	.compareboxesbtn .clear_compare_filter:hover{color: #fff;text-decoration:none}

	

	.compareboxes .comlogo{

		height: 24px;

		display: block;

		text-align: center;

		width: 100%;

	}

	

	.compareboxes .comlogo img{

		position: absolute;
		top: 23px;
		left: 1% !important;
		width: 100px;

		height: 50px!important;

		

	}

	

/*}*/

@media only screen and (max-width: 540px) {
	.compareboxes li.filled div .comtitle{
		left: 50px!important;
		font-size: 12px !important;
		top: 6px!important;
		font-weight: unset !important;
	}
	.compareboxes .comlogo img{
		width: unset !important;
		height: unset !important;
	}
	.compareboxes li.filled div .comprice{
		text-align: left !important;
		width: 50% !important;
		left: 85px!important;
		font-size: 12px!important;
		top:24px !important;
	}

}