@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
@font-face{font-family: nexa_bold-webfont;src: url("nexa_bold-webfont.ttf");
}
body{font-family: "Quicksand";
margin:0;
padding: 0;
line-height: 1.5;
font-size: 14px;
background: #eeeeee;
}

.text-right{text-align: right;
}
.text-center{text-align: center;
}
.pad-b{padding-bottom:50px;
}
.pad-tb-25{padding-top:50px;padding-bottom:50px;
}
.no-pad{padding:0;
}
.pad-tb-10{padding-top:10px;padding-bottom:10px;
}
.full{width:100%;
}
.bc-1{background:#93c01f;color:#fff;
}
.bc-2{background:#0a93bb;color:#fff;
}
.bc-3{background:#373549;color:#fff;
}
.bc-4{background:#12b1cf;
}
.bc-5{background:#000000;color:#fff;
}
.c-f{color:#fff;
}
.f-right{float: right;
}
.column, .columns {margin-left: 0;
}
.six.columns {width: 50%;
}
.right{padding:25px 10% 10px 15px;
}
.haf{height:390px;
}
.haf img{height:390px;
}
.haf-other{padding-top:25px;
}
h1, h2{font-family: "nexa_bold-webfont";font-weight: lighter;letter-spacing: 5px;padding-left: 14%;word-spacing: 0;
}
h1{color:#007698;font-size:36px;line-height: 1;
}
h2{color:#fff;font-size:24px;
}
h3 {background: #010000 none repeat scroll 0 0;color: #0a93bb;display: inline-block;font-size: 24px;padding: 7px 24px;text-align: center;font-weight: bold;
}
h4 {background: #000000 none repeat scroll 0 0;font-size: 22px;padding: 6px 15px;font-weight: bold;
}
.main-h4{padding-left:15%;
}
.other-h3 h3 {background: #010000 none repeat scroll 0 0;color: #0a93bb;display: inline-block;font-size: 24px;font-weight: bold;left: 0;margin-left: 27%;margin-top: -90px;padding: 7px 80px;position: absolute;text-align: center;
}
.cars-body .other-h3 h3{margin-top: -115px;
}
#apex span {background: rgba(225, 225, 225, 0.2) none repeat scroll 0 0;color: #fff;display: block;font-family: "nexa_bold-webfont";font-size: 24px;letter-spacing: 5px;margin-bottom: 10px;padding-left: 14%;
}
.ex {color: #0a93bb;display: block;font-size: 24px;margin-bottom: 50px;text-align: center;font-weight: bolder;font-style: italic;font-family: "nexa_bold-webfont";
}
#apex{background: url(homepage.jpg);background-size: 100% 100%;padding-bottom:15%;
}
.about-body #apex{background: url(about.jpg);background-size: 100% 100%;padding-bottom:15%;
}
.cars-body #apex{background: url(cars-we-buy.jpg);background-size: 100% 100%;padding-bottom:15%;
}
.contact-body #apex{background: url(contact.jpg);background-size: 100% 100%;padding-bottom:15%;
}
.form-holder{background: url(contacqwetdyft.jpg);background-size: 100% 100%;
}
#apex button {background: #93c01f none repeat scroll 0 0;border: 0 none;border-radius: 0;color: #fff;font-size: 15px;margin-left: 14%;letter-spacing: 5px;margin-top:10px;
}
.cars-body #apex button, .contact-body #apex button{background: #12b1cf none repeat scroll 0 0;
}
.menu, .menu li{margin:0;padding:0;list-style-type: none;
}
.menu li{display:inline;
}
.menu li > a {border-top: 10px solid #0a94bc;color: #535352;display: inline-block;padding: 60px 20px;text-decoration: none;transition:all .3s;
}
.cars-body .menu li > a, .contact-body .menu li > a {border-top: 10px solid #72a912;
}
.menu li > a:hover, .active{border-top: 10px solid #535352 !important;
}
.logo{height: 120px;margin-top: 20px;margin-bottom:5%;
}

.last-part{background:url(homepageQ3W4E.jpg);background-size:100% 100%;
}
.last-part .ex {color: #0a93bb;display: block;font-size: 24px;margin-bottom: 20px;text-align: left;font-weight: normal;font-style: normal;font-family: "Quicksand";
}
.cot {float: left;margin-top: 35px;margin: 35px 10px ;
}
.bg-wala {background: #d2d2d2 none repeat scroll 0 0;float: left;margin: 0;padding: 10px;width: 70%;
}
.number {background: #0073c0 none repeat scroll 0 0;border: 5px solid #b2d0fe;border-radius: 50%;color: #fff;display: block;font-size: 22px;font-weight: bold;height: 50px;line-height: 50px;margin: 0 auto;text-align: center;width: 50px;margin-bottom:15px;
}
input{width:98%;padding: 3% 1%;background-size: none;border:none;border:1px solid #fff;border-radius:0px;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {background-color: rgba(0, 0, 0, .0);border: 1px solid #fff;border-radius: 0;box-shadow: none;box-sizing: border-box;height: 45px;padding: 6px 10px;margin-bottom: 5px;
}
form button{background:#93c01f;width:98%;text-align: center;color:#fff;border-radius: 0px;height: 45px;
}


/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */


@media only screen and (min-width: 960px) and (max-width: 1090px) {
.cot {margin: 50px 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.menu li > a {padding: 60px 8px;
}
h2 {font-size: 20px;padding-left:5%;
}
#apex span {font-size: 20px;padding-left:5%;
}
h1 {font-size: 30px;padding-left:5%;
}
#apex button {font-size: 13px;padding-left:5%;
}
.container {width: 95% !important;
}
.bg-wala {width: 80%;
}
.cot {margin: 45px 10px;
}
.last-part {background: rgba(0, 0, 0, 0) url("homepageQ3W4E.jpg") repeat scroll center right / auto 100%;
}
.haf {height: 450px;
}
.haf img {height: 450px;width: 133%;
}
.other-h3 h3 {background: #010000 none repeat scroll 0 0;color: #0a93bb;display: inline-block;font-size: 24px;font-weight: bold;left: 0;margin-left: 20%;margin-top: -78px;padding: 7px 43px;position: absolute;text-align: center;
}
.cars-body .other-h3 h3 {margin-top: -100px;
}
}
@media only screen and (max-width: 767px) {
.menu li > a {border-top: 0 solid #0a94bc;color: #fff;display: list-item;padding: 5px 0;text-align: left;text-decoration: none;transition: all 0.3s ease 0s;border-bottom:1px solid #fff;
}
.menu li > a:hover, .active {border-top: 0 solid #0a94bc !important;
}
h2 {font-size: 16px;padding-left:5%;
}
#apex span {font-size: 16px;padding-left:5%;
}
h1 {font-size: 20px;padding-left:5%;
}
.haf img {
  height: auto;
  width: 100% !important;
}
#apex button {font-size: 13px;padding-left:5%;
}
#apex span {letter-spacing: 3px;
}
#apex button {margin-left: 5%;
}
#apex {background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat fixed 0 0%, rgba(0, 0, 0, 0) url("homepage.jpg") repeat scroll right center / 166% 100%;padding-bottom: 15%;
}
h2{font-size: 16px;
}
h3{font-size: 16px;
}
.six.columns {width: 100%;
}
.haf {
 height: 500px;
}
.haf-img{height:250px;
}
.haf img {height: 100%;width: auto;
}
.last-part .ex {font-size: 16px;
}
.cot {float: left;margin: 120px 10px;
}
.last-part {background: rgba(0, 0, 0, 0) url("homepageQ3W4E.jpg") repeat scroll right center / auto 100%;
}
.other-h3 h3 {background: #010000 none repeat scroll 0 0;color: #0a93bb;display: inline-block;font-size: 20px;font-weight: bold;left: 0;margin-left: 3%;margin-top: -40px;padding: 7px;position: absolute;text-align: center;
}
.cars-body .menu li > a, .contact-body .menu li > a {border-top: 0px solid #72a912;
}
.cars-body #apex {background: rgba(0, 0, 0, 0) url("cars-we-buy.jpg") repeat scroll center right / auto 100%;padding-bottom: 31%;
}
.contact-body #apex {background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat fixed 0 0%, rgba(0, 0, 0, 0) url("contact.jpg") repeat scroll center right / 200% 100%;padding-bottom: 13%;
}
.form-holder {background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat fixed 0 0%, rgba(0, 0, 0, 0) url("contacqwetdyft.jpg") repeat scroll left center / 200% 100%;
}
input{color:#fff;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}