.header{
	color:#494949 !important;
	
}
.bg-blue{
	background:#003466 !important;
}
.bg-red{
	background:#F3380B !important;
}
.bg-f2{
	    background: #F2F2F2;
}
.bg-light-gray{
	background:#EDF1F4;
}
.bg-dark{
	background-color:#212121 !important;
}
.margin-top-none{
	margin-top:0;
}


.margin-bottom-none{
	margin-bottom:0;
}

.padding-none{
	padding:0;
}
.border-top{
	border-top: 1px solid #DEDEDE !important;
}
.border-bottom{
	border-bottom: 1px solid #DEDEDE !important;
}
.border-left{
	border-left: 1px solid #DEDEDE !important;
}
.border-right{
	border-right: 1px solid #DEDEDE !important;
}

.margin-none{
	margin:0;
}
.white-bg{
	background:white !important;
}
.black-bg{
	background:black;
}
.blue-light-bg2{
	background-color:#F5FAFD;
}
.blue{
	color:#003466 !important;
}
.dark-gray{
	color:#48494D !important;
}
.blue-light{
	color:#318FAE;
}
.blue-light2{
	color:#41C4E5;
}
.blue-light3{
	color:#63ADF4;
}
.blue-light-bg{
	background:#259FB7 !important;
}
.custom-light-gray{
	color:#747577;
}
.bold{
	font-weight:bold;
}

.width-100{
	width:100%;
}
.border-radius{
	border-radius:25px;
}
#banner-form{
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 30px;
	margin-bottom:30px;
}

.custom-button{
	border-radius:25px;
	background-image: linear-gradient(to right, #896010, #a17816, #b8911c, #ceab23, #e3c72b, #e3c72b, #e3c72b, #e3c72b, #ceab23, #b8911c, #a17816, #896010) !important;
}
.three-logos-title{
	    font-size: 30px;
}
.three-logos-img:hover{
	transform:scale(1.5);
}
.rotating-title{
	color:#242424;
}
.box-above-text{
	padding: 15px 55px 15px 55px;
	background: #003466;
	
}
#car-warranties-title{
	color:#3C3C3C;
	/*font-size: 55px;*/

}
#single-company-row{
	margin-top:20px;
	
	
}
#quote-banner{
	background: url("../images/cwr-images/quote-banner.png") ;
	background-size:cover;
}
.middle{
    display: inline-block;
    float: none;
}
#lp2-banner-text {
    color: #143C6B;
    font-size: 45px;
    font-weight: bold;
}
#myframe {
   /* padding: 150px 0;*/
}
#banner-text{
	color: white;
    font-size: 40px;
    font-weight: bold;
	
}
.next-button{
	color:white;
	background:#FB340B !important;
	border-radius:0px !important;
	
}
#quote-banner .content{
	background-color: white;
    padding: 18px;
    width: 46%;
    float:left;
    padding-top: 11px !important;
	box-shadow: 0px 10px 29px 10px #00000094;
	position:relative;
	z-index:99;
}
#quote-banner .content-side{
	display: inline-block; width: 27%; float: left;
	    background: white;
		margin-top: 10px;
		border-top: 5px solid #2D649C;
		border-bottom: 5px solid #2D649C;
		position:relative;
		z-index:0;
		
		
}

.box-text{
	color:#012C61;
	font-size:25px;
	font-weight:bolder;
}
.phone-button{
	border-radius: 25px;
  background:#B2871F !important;
}
#customer-testimonials{
	padding:0 !important;
}
.star{
	color:#FFBD00;
	font-size: 20px;
}
.star-green{
	color:#007F02;
	font-size: 15px;
}
.read-review{
	font-weight:bold;
}
.single-company-quote-btn
{
	background:#617C8D !important;
	border-radius: 15px !important;
	
	color: white;
	text-decoration: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

.single-company-quote-btn:hover
{
	background:#617C8D !important;
	border-radius: 15px !important;
	
	color: #16a085;
	text-decoration: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	
}


.company-point{
	font-size: 25px;
    color: #616A69;
}
.gray{
	color:#595e58c7;
}
.grade-desc{
	font-size: 15px;
    color: #616A69;
    font-weight: 600;
	
}
#get-lastest-section{
	background-color:#F8F9FB !important;
}
.double-car-option{
	    width: 67.5%;

}
#car-option{
	margin-bottom:15px;
}
#car-option-title{
	margin-bottom:10px;
}
.single-car-option{
	width:30%;
}

#who-needs-a-car-warranty
{
	background-color:white !important;
}
.custom-block{
	background:black;
}
.margin-bottom-20{
	margin-bottom:20px;
	
}
.top-warranty-companies{
	color:#21211F !important;
}
.wcw-img{
	width:100%;
	
}
.review-head-img{
	width:100%;
	
}
.get-latest-middle-title{
	color:#212121 !important;
}
.get-latest-right-title{
	color:#212121 !important;
}
.review-title{
	color:#6D6D6D;
	font-weight: 600;
}
#single-car-warranty-section{
	    background: #F8F9FB !important;
		/*padding-top:15px !important; */
}
#line-number-wrapper
{
	background:#EBE7E6;
	color:#A7A8A8;
	border-radius: 50%;
	    box-shadow: 1px 2px 3px;
	    visibility: visible;	
}

@media only screen and (max-width:1024px)
{
	#line-number-wrapper
	{
	    visibility: hidden;	
	}
		
}

.single-company-title{
	font-size: 22px;
    margin: 0;
}
.company-single-image{
	width:100%;
}
.review-button{
	border-radius:20px;
	width:100%;
}


#line-number
{
	color:#A7A8A8;
	font-size:25px;
	visibility: visible;
}

@media only screen and (max-width:1024px)
{
	#line-number
	{
	    visibility: hidden;	
	}
		
}

#top-gray-header{
	    padding-top: 10px;
    padding-bottom: 10px;
}

#what-is-a-car-warranty{
	background: url("../images/cwr-images/couple.png") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}

#top-auto-warranty-companies{
	background: url("../images/cwr-images/yellow-car-guy.png") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
	
	
}

#basic-1-10{
	background: url("../images/cwr-images/blue-bg.png") center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
	
	
}


@media only screen and (max-width:768px){
	#quote-banner .content{
		
		width:100% !important;
		
	}
	#quote-banner .content-side{
		display:none;
	}
	
}
@media only screen and (max-width:1200px){
	#banner-text {
    color: white;
    font-size: 31px;
    font-weight: bold;
}
	
	
}

@media only screen and (max-width:992px)
{
	#banner-text 
	{
        color: white;
        font-size: 18px;
        font-weight: bold;
    }

}


@media only screen and (max-width:568px)
{
	#banner-text 
	{
        color: white;
        font-size: 15px;
        font-weight: bold;
    }

}

.custom-card
{
    padding: 20px;
    border: 1px solid #dedfe3;
    margin-bottom: 40px;
    background-color: #fff;
    width: 100%;
    position: relative;
    box-shadow: 0 0 6px 0 hsla(0,0%,76.9%,.5);
    border-radius: 3px;
    background-clip: padding-box;
}


.navbar-default .navbar-nav >li>a 
{
    color:white;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus 
{
    color: #16a085;
    background-color:white;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.normal-font
{
    font-size:20;
}

/*Media Queries*/
@media all and (min-width:801px) and (max-width: 959px) {
  .normal-font
    {
        font-size:16px;
    }
    
    #myframe 
    {
    padding: 0px;
    }
    
    .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
    

}

@media all and (min-width:769px) and (max-width: 800px) {
  .normal-font
    {
        font-size:16px;
    }
    #myframe 
    {
    padding: 0px;
    }
     .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
}

@media all and (min-width:569px) and (max-width: 768px) {
  .normal-font
    {
        font-size:16px;
    }
    #myframe 
    {
    padding: 0px;
    }
     .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
}

@media all and (min-width:481px) and (max-width: 568px) {
  .normal-font
    {
        font-size:16px;
    }
    #myframe 
    {
    padding: 0px;
    }
     .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
    
}

@media all and (min-width:321px) and (max-width: 480px) {
  .normal-font
    {
        font-size:16px;
    }
    
    #myframe 
    {
    padding: 0px;
    }
    
    .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
    
}

@media all and (min-width:0px) and (max-width: 320px) {
  .normal-font
    {
        font-size:16px;
    }
    #myframe 
    {
    padding: 0px;
    }
     .quote-padding-none
    {
        padding-left:0px;
        padding-right:0px;
    }
}

