@charset "utf-8";
/* CSS Document */

/**************** BANNER ********************/

#latest-articles{ background:#fff; padding-bottom:18px; padding-top:26px;}
.category-description {margin-top: 30px; color: #666666; margin-bottom: 25px; border-left: 5px solid #eee; padding: 0 0 0 10px;}
.category-description p:last-child { margin-bottom:0;}
.pt25{padding-top:25px !important;}
#latest-articles .span7 .row-fluid .span6 {width: 47.718%; margin-left: 4.5641%;}
#latest-articles .span7 .row-fluid .span6:first-child {margin-left:0;}
.article{ padding-top:15px; padding-bottom:20px; margin-bottom: 20px; border-bottom:1px solid #e4e4e4;}
.articles-container .article:last-child{border-bottom:0;}
.article h2{font-size:28px; font-weight:400; color:#333; line-height:140%; margin-top:0; margin-bottom:5px;}
.article h2 a{color:#333; text-decoration:none;}
.article h2 a:hover{ text-decoration:none;}
.article p{ font-size:17px; color:#666666; padding-bottom:10px;}
.article img {border-radius:4px; margin-top: 5px; margin-bottom: 30px;}
#best-quote{ background:#E8E8E8; padding-top:38px; padding-bottom:50px;}
#best-quote h1, #best-quote div.best-quote-title{ font-size:30px;text-transform:uppercase; margin-bottom:0px; margin-top:10px; font-weight:bold; line-height:40px;}
#best-quote p{ font-size:22px; color:#777777;}
#best-quote a.comparerates{background:#333333; border-bottom:3px solid #2d4e96 !important; border-radius:5px; font-size:18px; color:#fff; text-transform:uppercase; line-height:58px; width:252px; display:inline-block; text-align:center;text-decoration:none; margin-top:15px;}
#best-quote a.comparerates:hover{ text-decoration:none; background:#333333; border-bottom-color:#012559 !important;}

#best-insurance-option{ background:#fff; padding-top:45px;}
#best-insurance-option h1{ font-size:30px; color:#373737; text-transform:uppercase; line-height:46px; margin-top:53px;}
#best-insurance-option h1 a{ color:#373737; text-decoration:none;}
#best-insurance-option p{font-size:18px; color:#666666; line-height:26px; padding-bottom:14px;}
#best-insurance-option .articles{ padding-top:22px;}

#still-get-insurance{padding-top:45px; padding-bottom:53px;}
#still-get-insurance .stillGetBanner img{ width:100%;}
#still-get-insurance .stillGetBanner{ position:relative;}
#still-get-insurance .stillGetBanner .text{ position:absolute; background:url(../images/banner_title_bg.png) repeat; font-size:40px; text-transform:uppercase; color:#F4F4F4; letter-spacing:-1px; line-height:40px; width:90%; padding-top:32px; padding-bottom:32px; bottom:0; text-align:center; padding-left:5%; padding-right:5%; font-weight:bold;}
#still-get-insurance .articles{ padding-top:57px;}
.wp-pagenavi{ text-align:center; margin-bottom: 25px;}
.wp-pagenavi a, .wp-pagenavi span {display:inline-block; padding: 5px 10px !important;}

.categoriesContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
	background-color:#f4f4f4;
	border-bottom:1px solid #e4e4e4;
}

.categoriesTitle {
	color: #333333;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 13px;
    margin-top: 25px;
    text-transform: uppercase;
	min-height:20px !important;
}

ul#categories {
	margin:0 0 10px 0;
}

ul#categories > li {
	padding: 0 1.7%;
    width: 33.333333333%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    display: block;
    float: left;
    min-height: 30px;
}

ul#categories .children {
    margin: 0 0 0 15px;
}

ul#categories .children li {
	margin: 10px 0;
}

.postTitle {background-color: #F5F5F5; padding: 40px 0; position:relative; overflow:hidden; clear:both; border-bottom: 1px solid #eee;}
.postTitle h1 {line-height:120%;}

.popular-articles-title{
    font-size: 38.5px;
    line-height: 40px;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 3px 0;
    text-rendering: optimizelegibility;
}

.pagination {
	margin-bottom: 50px;
	margin-top: 0;
}

.pagination-large ul li a, .pagination-large ul li span {
	font-size:15px;
}

.pagination ul li.active a, .pagination ul li.active span, .pagination ul li.active a:hover, .pagination ul li.active span:hover, .pagination ul li.active a:focus, .pagination ul li.active span:focus {
	color: #fff;
	background-color: #333333;
	border-color: #333333;
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
	color:#333333;
	background-color: #eee;
}

/*quoter*/
.span8.right-content-wrapper, .span5.right-content-wrapper {margin: 0 !important; padding-left: 420px; padding-right: 0; width: 100%;}
.span4.customquoteholder {width:100%;}

@media (max-width: 979px) {
	#fixedMenuTest{ display:none;}
	#blog .custome_quotes{ max-width:300px;}
	#blog .sidebarform label , #post-content .sidebarform .select2-container .select2-choice{font-size:14px;}
	.span8.right-content-wrapper, .span5.right-content-wrapper {padding-left: 335px;}
}
@media (max-width: 800px) {
	/*********Hide quoter********
	#desktopTest{ display:none;}
	#blog .customquoteholder{display:none !important;}
	.span8.right-content-wrapper, .span5.right-content-wrapper {padding-left: 0;}
	*********\Hide quoter*********/
}
@media (max-width: 767px) {
	/*********Display quoter*********/
	#desktopTest{ display:none;}
	.span8.right-content-wrapper, .span5.right-content-wrapper, #page .customquoteholder, #blog-post .customquoteholder {padding-left: 0; width:100%; float:none; max-width:100%;}
	#blog .custome_quotes {width:100%; max-width:100%; position:relative;}
	#blog .custome_quotes .custom_quote_body {padding: 20px 30px 10px 30px;}
    .inside-sticky{position: static !important; top: auto !important; width: auto !important; height: auto !important; bottom: auto !important; float: initial !important;}
	.span4.customquoteholder #blogQuoteFormScroll {position:relative !important;}
	/*********\Display quoter*********/
}
/*\quoter*/

@media (min-width: 100px) and (max-width: 500px) {
	#blogCarousel .banner .banner-content{position:absolute;top:30%;}	
	#blogCarousel .banner .banner-content h1{ font-size:35px; line-height:40px;}	
	#blogCarousel .banner .banner-content a.banner-more{ font-size:30px; width:250px; line-height:70px; height:70px;}
}

@media (min-width: 500px) and (max-width: 767px) {
	#still-get-insurance .stillGetBanner .text{ font-size:20px; line-height:25px;}
}

@media only screen and (max-width: 767px) {
	#latest-articles .span7 .row-fluid .span6 {width: 100%; margin-left: 0;}
}

@media (min-width: 200px) and (max-width: 500px) {
	#still-get-insurance .stillGetBanner .text{ font-size:16px; line-height:20px; padding-top:10px; padding-bottom:10px;}
}