/* Santana style css 092415 C4COC  by Nick Sharp Nickswebworks */

div#hero{position: relative;top: 0;left: 0;width: 100%;height: 100vh;margin: 0;padding: 0;
background: transparent url(images/anaheim-1900-cash-for-cars.jpg) no-repeat scroll center bottom / cover;
transition: margin 500ms ease 0s;
    transition-property: margin;
    transition-duration: 500ms;
    transition-timing-function: ease;
    transition-delay: 0s;}
header{position:relative;width:80%;height:60px;top:1%;margin:0 auto;padding:0;background: rgba(256, 256, 256, 0.8);border-radius: 12px;}
.logo{float: left;margin:0;padding:0;width:60%;height: 60px;background:transparent url('images/logo-C4COC-2boogaloo.png') 0 0/contain no-repeat;border-radius: 12px;}
.logo h1{position: relative;top: 0;left: 0;font-size: 2em;text-indent: -9999px;}
div.phonebox{float: right;text-align: right;}
p.freequote{font-size: 14px;color: #ffa500;line-height: 20px;}
p a.toptel1{text-decoration: none;color: #00b52a;text-shadow: 1px 1px 1px #000;}
nav#navigation{position: relative;top: 0px;left: 30%;width:auto;height: 20px;margin: 0;padding: 5px 0;z-index: 9999;}
nav#navigation li a{font: 500 1em/1em Arial Helvetica san-serif;color: #ffa600;text-shadow: 1px 1px 2px #000;}
.toptel{font-size: 36px;font-weight: 700;color: #00b52a;text-decoration: none;}
#valueprop{height: 60%;background: none;}
#slider-wrap{position: relative;top: 2%;width: 80%;height: 80%;margin: 0px auto;padding: 0px;text-align: center;}
#slider-wrap h2{word-spacing: -.08em;font: 900 3em/1em Ronnia Basic, Arial, Helvetica, sans-serif;color: #fff;text-shadow: 2px 2px 2px #000;}
#slider-wrap h3{font: 900 2em/1em Arial, Helvetica, sans-serif;color: #fff;text-shadow: 1px 1px 1px #000;}
.vpphone{font: 900 3em/1em Arial, Helvetica, san-serif;text-decoration: none;color: #fff;text-shadow: 2px 1px 2px #00b52a;}
    #Anaheim{height: auto;border: 5px solid #eee;background-color: #fff;border-radius: 12px;overflow: hidden;}
    div.post-cnt{float: left;overflow: hidden;}
form#quickquote{width: 80%;margin:0 auto;}
    tr{padding: 20px;border: none;}
.labelcell{margin: 5px;font: 14px  Arial, Helvetica, sans-serif;color: #5A6673;background-color: transparent;width: 280px;}
.fieldcell{height: 20px;background-color:#eee; color: #000000;margin:0 0 0 5px;padding:0 0 0 5px;border-radius: 6px;}
p{padding:0px;font-family:tahoma;}
textarea{width:280px;background-color:#fff;color:#333;border:2px solid green;}

    @media only screen and (max-width:480px){
        form#quickquote{width: 90%;margin:0 auto;}
    
    }

    @media only screen and (max-width:767px){
    div#hero{height: 40%;}
    .logo{position:relative;top:0px;left:0;margin:0;padding:0;width:100%;height: 60px;background: rgba(256, 256, 256, 0.8) url('images/logo-C4COC-2boogaloo360.png') no-repeat;border-radius: 12px;}
    div.phonebox{float: none;top: 30%;width: auto;}
    nav#navigation{position: relative;top: 0px;left: 10%;}
    #slider-wrap h2{word-spacing: -.08em;font: 500 2em/1em Ronnia Basic, Arial, Helvetica, sans-serif;color: #fff;text-shadow: 2px 2px 2px #000;}
    .vpphone{font-size: 2em;width: auto;border: 1px solid;}
    form#quickquote{width: 90%;margin:0 auto;}

 }
    @media only screen and (max-width:1048px){
div.phonebox{margin-top: 1%;padding-right: 2%;width: auto;}

 p.freequote{display: none;}
 p a.toptel1{font-size: 1em;}

    }