/* This stylesheet is used to style the individual pages */

.hide-mobile{
display: block;
visibility:visible;
}
.show-mobile{
display: none;
visibility:hidden;
}

body{

}
.site-holder{
width: 1504px;
margin: 0px auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb9102+0,fcbf02+100 */
background: #ffffff; /* Old browsers */
}

h3{
}

.spacer-30{
width: 100%; 
height: 30px;
}

.clr{
clear: both;
}
.main-logo{
padding: 4px;
float: left;
}

.main-logo img{
width: 230px;
height: auto;
display: block;
margin: 0px auto;
}

.banner{
width: 980px;
margin: 0px auto;
}
.banner h4,
.banner h4 a:link,
.banner h4 a:active,
.banner h4 a:visited,
.banner h4 a:hover{
padding: 20px 20px 0px 0px;
text-align: right;
font-size: 24pt;
color: #25498a;
text-decoration: none;
}

.banner img{
display: block;

}

.insert{
width: 1504px;
height: 644px;
padding: 20px 200px 20px 200px !important;
background-image: url('http://clauderealty.com/landing/images/insert.jpg');
background-repeat: no-repeat;
overflow: hidden;
}

.form-holder{
float: left;
}
.main-form{
padding: 10px 40px;
border-radius: 20px;
background-color: #ffffff;
}
.main-form img{
width: 160px;
height: auto;
display: block;
margin: 0px auto;
}
.main-form #comments{
margin-bottom: 20px;
}

.insert-text{
float: left;
padding: 60px 40px;
}
.insert-text{
color: #ffffff;
}
.insert-text h2{
font-size: 36pt;
}
.insert-text h5{
font-size: 18pt;
}
.insert-text p{
font-size: 12pt;
}

.insert-text i{
color: #ffce34;
}

.content{
width: 980px;
margin: 0px auto;
}

.testimonials{
padding: 20px 0px;
color: #62686c;
}
.testimonials li{
width: 31%;
padding: 30px;
float: left;
list-style: none;
text-align:center;
}
.testimonials li img{
width: 120px;
height: auto;
display: block;
margin: 0px auto;
margin-bottom: 20px;
}
.testimonials li h5{
font-size: 14pt;
text-align: center;
}


.testimonials li i{
color: #ffce34;
}

.all-brands-large{
display: block;
visibility:visible;
}
.all-brands-large img{
display: block;
margin: 0px auto;
}
.all-brands-small{
display: none;
visibility:hidden;
}


#no-insurance{
font-size: 14pt;
font-weight: bold;
}

.main-form input{
/*text-transform: uppercase;*/
}

.jumbotron-fluid{
background: none;
}


.filestyle{
margin-bottom: 20px;
}

#mainForm{
display: block;
visibility:visible;
}

.main-form textarea{
width: 90%;
}


#success-message{
padding: 14px;
background-color: #ebebeb;
text-align: center;
display: none;
}
#error-message{
display: none;
}



/* Thumbnail of uploaded image */
.thumbnail{

}
.thumbnail-image{
width: 200px;
height: auto;
margin: 14px 14px;
}

.footer{
text-align: center;
}





/* STEPS */
.step{

}
.step h4{
margin-bottom: 30px;
}
.step button{
display: none;
}


/* Step 1 */

#stepOne ul{
padding: 0;
text-align:center;
}
#stepOne ul li{
padding: 0;
list-style: none;
float: left;
margin: 10px;
}
#stepOne ul li img{
width: 200px;
height: auto;
}

.selected-car{
background-color: #407ec9;
}
.deselected-car{
background-color: none;
}


/* Step 2 */

#stepTwo, 
#stepThree, 
#stepFour,
#stepFive{
display: none;
}


#stepTwo h5,
#stepThree h5{
display: block;
padding: 8px;
margin-bottom: 20px;
border-radius: 14px;
background-color: #407ec9;
color: #ffffff;
}

.filmRemovalList{
display: none;
}



#stepFour ul{
padding: 0;
margin: 0;
}
#stepFour ul li{
list-style: none;
float: left;
padding: 10px;
}
#stepFour ul li h5{
font-size: 14pt;
color: #000000;
}
#stepFour ul li img{

}
#stepFour ul li p{

}
#stepFour ul li button{
display: block;
}