@import https://fonts.googleapis.com/css?family=Raleway:100,400,700;

@font-face {
font-family:"icomoon";
src:
url("william.handstarautomotive.com/fonts/icomoon.eot") format("embedded-opentype"),
url("william.handstarautomotive.com/fonts/icomoon.ttf") format("truetype"),
url("william.handstarautomotive.com/fonts/icomoon.woff") format("woff"),
url("william.handstarautomotive.com/fonts/icomoon.svg") format("svg");
font-weight:40s;
font-style:normal;
}

html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

body {
background-color:#fff;
font-size:16px;
line-height:1.6;
font-family:LMRomanSlant10,serif;
color:#111;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:#FFF498;
margin:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display:block;
}

audio,canvas,progress,video {
display:inline-block;
vertical-align:baseline;
}

audio:not([controls]) {
display:none;
height:0;
}

[hidden],template {
display:none;
}

a {
background-color:transparent;
}

a:active,a:hover {
outline:0;
}

abbr[title] {
border-bottom:1px dotted;
}

h1 {
font-size:2em;
margin:.67em 0;
}

mark {
background:#ff0;
color:#000;
}

small {
font-size:80%;
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup {
top:-.5em;
}

sub {
bottom:-.25em;
}

img {
border:0;
}

svg:not(:root) {
overflow:hidden;
}

figure {
margin:1em 40px;
}

hr {
box-sizing:content-box;
border:solid #ddd;
clear:both;
height:0;
border-width:1px 0 0;
margin:10px 0 30px;
}

code,kbd,pre,samp {
font-family:monospace, monospace;
font-size:1em;
}

button,input,optgroup,select,textarea {
color:inherit;
font:inherit;
margin:0;
}

button {
overflow:visible;
}

button,select {
text-transform:none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
}

button[disabled],html input[disabled] {
cursor:default;
}

input {
line-height:normal;
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto;
}

input[type="search"] {
-webkit-appearance:textfield;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em;
}

table {
border-collapse:collapse;
border-spacing:0;
}

td,th {
padding:0;
}

[class^="icon-"],[class*=" icon-"] {
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.icon-chevron-thin-left:before {
content:"\e904";
}

.icon-chevron-thin-right:before {
content:"\e905";
}

.icon-pinterest-p:before {
content:"\e900";
}

.icon-twitter:before {
content:"\e901";
}

.icon-instagram:before {
content:"\e902";
}

.icon-facebook:before {
content:"\e903";
}

.gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6 {
color:#222;
font-weight:700;
}

.gigantic {
font-size:110px;
line-height:1.09;
letter-spacing:-2px;
}

.huge,h1 {
font-size:68px;
line-height:1.05;
letter-spacing:-1px;
}

.large,h2 {
font-size:42px;
line-height:1.14;
}

.bigger,h3 {
font-size:26px;
line-height:1.38;
}

.big,h4 {
font-size:22px;
line-height:1.38;
}

.small,small {
font-size:10px;
line-height:1.2;
}

p {
margin:0 0 20px;
}

svg {
position:absolute;
height:100%;
}

svg path {
fill:#e3e3e3;
}

#hero svg {
left:10px;
}

#about svg,#featured svg,#three-slide svg {
left:90px;
}

#full-slide svg {
left:0;
opacity:.1;
z-index:9;
}

#contact svg {
left:0;
}

.nav {
visibility:hidden;
position:absolute;
top:75px;
right:0;
display:flex;
width:100px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
list-style:none;
background-color:#e3e3e3;
border:1px solid rgba(17,17,17,0.15);
opacity:0;
z-index:10;
-webkit-transition:opacity .3s ease-in-out,visibility 0 .3s;
transition:opacity .3s ease-in-out,visibility 0 .3s;
margin:0;
padding:0;
}

.nav.open {
visibility:visible;
opacity:1;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
}

.nav:before {
content:"";
position:absolute;
top:-12px;
left:50%;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
width:25px;
height:25px;
border:1px solid rgba(17,17,17,0.15);
background-color:#e3e3e3;
}

.nav li {
position:relative;
width:100%;
text-align:center;
border-bottom:1px solid rgba(17,17,17,0.15);
background-color:#e3e3e3;
overflow:hidden;
z-index:10;
}

.nav li:last-child {
border-bottom:none;
}

.nav li a {
display:block;
width:100%;
height:100%;
color:#111;
font-size:12px;
font-family:Raleway,Helvetica,sans-serif;
text-transform:uppercase;
text-decoration:none;
-webkit-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out;
padding:5px 0;
}

.nav li a:hover {
background-color:#dbdbdb;
}

#hero header {
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
display:flex;
width:95%;
height:80px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
z-index:10;
}

#hero header .nav-toggle {
position:relative;
display:flex;
width:80px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
cursor:pointer;
}

#hero header .nav-toggle p {
margin-bottom:0;
font-size:14px;
font-family:Raleway,Helvetica,sans-serif;
text-transform:uppercase;
}

#hero header .nav-toggle span,#hero header .nav-toggle span:before,#hero header .nav-toggle span:after {
content:"";
position:relative;
display:block;
width:23px;
height:2px;
background-color:#111;
}

#hero header .nav-toggle span:before {
bottom:7px;
}

#hero header .nav-toggle span:after {
top:5px;
}

#hero .wrapper .welcome:after {
content:"";
display:block;
width:1px;
height:0px;
background-color:#111;
}

#hero .wrapper .welcome p {
max-width:450px;
margin-bottom:10px;
}

#hero .wrapper .photographer {
width:55%;
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
line-height:0;
}

#hero .wrapper .photographer img {
width:100%;
opacity:.95;
}

#about .wrapper .camera img {
width:85%;
}

#about .wrapper .blurb h2:before {
content:"";
position:relative;
bottom:15px;
display:inline-block;
width:70px;
height:1px;
margin-right:30px;
background-color:#111;
}

#about .wrapper .blurb p {
max-width:600px;
margin-bottom:45px;
}

#about .wrapper .blurb .social {
display:flex;
width:180px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}

#about .wrapper .blurb .social a {
color:#fff;
text-decoration:none;
}

#about .wrapper .blurb .social i {
display:block;
width:30px;
height:30px;
font-size:16px;
text-align:center;
line-height:30px;
background-color:#909090;
-webkit-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out;
}

#about .wrapper .blurb .social i:hover {
background-color:#020202;
}

#full-slide .banner {
position:relative;
width:100%;
height:100%;
list-style:none;
margin:0;
padding:0;
}

#full-slide .banner li {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
opacity:0;
-webkit-transition:opacity .6s ease-in-out;
transition:opacity .6s ease-in-out;
}

#full-slide .banner li.active {
opacity:1;
-webkit-transition:opacity .6s ease-in-out;
transition:opacity .6s ease-in-out;
}

#full-slide .banner li:nth-child(1) {
background-image:url("william.handstarautomotive.com/images/home/full-slide/thumb-1.jpg");
}

#full-slide .banner li:nth-child(2) {
background-image:url("william.handstarautomotive.com/images/home/full-slide/thumb-2.jpg");
}

#full-slide .banner li:nth-child(3) {
background-image:url("william.handstarautomotive.com/images/home/full-slide/thumb-3.jpg");
}

#full-slide i {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%) scale(1);
transform:translateY(-50%) scale(1);
width:60px;
height:60px;
font-size:28px;
text-align:center;
line-height:60px;
background-color:#fff;
cursor:pointer;
z-index:10;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}

#featured .wrapper .blurb:after {
content:"";
display:inline-block;
width:1px;
height:70px;
background-color:#111;
}

#featured .wrapper .blurb p {
max-width:400px;
margin-bottom:30px;
}

#three-slide .wrapper .slider {
position:relative;
width:calc(100%-60px);
height:100%;
list-style:none;
opacity:1;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
margin:0 auto;
padding:0;
}

#three-slide .wrapper .slider.swap {
opacity:0;
-webkit-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
}

#three-slide .wrapper .slider li {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:40%;
opacity:0;
}

#three-slide .wrapper .slider .back {
left:0;
opacity:1;
}

#three-slide .wrapper .slider .current {
left:50%;
-webkit-transform:translate(-50%,-50%) scale(1.3);
transform:translate(-50%,-50%) scale(1.3);
opacity:1;
z-index:10;
}

#three-slide .wrapper .slider .front {
right:0;
opacity:1;
}

#three-slide i {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:60px;
height:60px;
font-size:28px;
text-align:center;
line-height:60px;
background-color:#fff;
cursor:pointer;
z-index:10;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}

#contact .wrapper {
position:relative;
display:flex;
width:1180px;
max-width:95%;
height:100%;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto;
}

#contact .wrapper .blurb {
max-width:950px;
margin-top:-45px;
text-align:center;
}

#contact .wrapper .blurb p {
margin-bottom:45px;
}

#contact .wrapper form {
position:relative;
display:flex;
max-width:600px;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
color:#111;
font-family:Raleway,Helvetica,sans-serif;
}

#contact .wrapper form input[type="email"],#contact .wrapper form input[type="text"] {
width:42%;
height:40px;
border:1px solid #111;
border-radius:0;
background:transparent;
padding:0 15px;
}

#contact .wrapper form textarea {
width:100%;
height:90px;
border:1px solid #111;
border-radius:0;
background:transparent;
resize:none;
margin:30px 0;
padding:10px 15px;
}

#contact .wrapper form input[type="submit"] {
width:100%;
height:40px;
color:#fff;
font-weight:700;
text-transform:uppercase;
border:none;
border-radius:0;
background-color:#111;
}

#contact .copyright {
position:absolute;
bottom:10px;
left:50%;
-webkit-transform:translate(-50%);
transform:translate(-50%);
margin-bottom:0;
font-family:Raleway,Helvetica,sans-serif;
font-size:12px;
}

b,strong,optgroup,strong {
font-weight:700;
}

dfn,em {
font-style:italic;
}

pre,textarea {
overflow:auto;
}

button::-moz-focus-inner,input::-moz-focus-inner,legend {
border:0;
padding:0;
}

::-moz-selection,::selection {
background:#FFF498;
}

img::-moz-selection,img::selection {
background:transparent;
}

#hero,#about,#full-slide,#featured,#three-slide,#contact {
position:relative;
width:1440px;
max-width:95%;
height:600px;
background-color:#efefef;
overflow:hidden;
margin:30px auto;
}

#hero .wrapper,#about .wrapper,#featured .wrapper,#three-slide .wrapper {
position:relative;
display:flex;
width:1180px;
max-width:95%;
height:100%;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin:0 auto;
}

#hero .wrapper .welcome,#about .wrapper .camera,#featured .wrapper .blurb {
width:45%;
}

#hero .wrapper .welcome h1,#about .wrapper .blurb h2,#featured .wrapper .blurb h2,#contact .wrapper .blurb h2 {
margin-top:0;
margin-bottom:30px;
font-size:42px;
font-family:Raleway,Helvetica,sans-serif;
font-weight:100;
}

#about .wrapper .blurb,#featured .wrapper .featured {
width:55%;
}

#full-slide i:hover,#three-slide i:hover {
-webkit-transform:translateY(-50%) scale(1.1);
transform:translateY(-50%) scale(1.1);
}

#full-slide .prev,#three-slide .prev {
left:30px;
}

#full-slide .next,#three-slide .next {
right:30px;
}

#featured .wrapper .featured img,#three-slide .wrapper .slider li img {
width:100%;
}

#contact .wrapper form input[type="email"]::-webkit-input-placeholder,#contact .wrapper form input[type="text"]::-webkit-input-placeholder,#contact .wrapper form input[type="email"]::-moz-placeholder,#contact .wrapper form input[type="text"]::-moz-placeholder,#contact .wrapper form input[type="email"]:-ms-input-placeholder,#contact .wrapper form input[type="text"]:-ms-input-placeholder,#contact .wrapper form input[type="email"]::placeholder,#contact .wrapper form input[type="text"]::placeholder,#contact .wrapper form textarea::-webkit-input-placeholder,#contact .wrapper form textarea::-moz-placeholder,#contact .wrapper form textarea:-ms-input-placeholder,#contact .wrapper form textarea::placeholder {
color:#111;
}

#contact .wrapper form input[type="email"]:focus,#contact .wrapper form input[type="text"]:focus,#contact .wrapper form textarea:focus {
outline:none;
}

@media max-width 415px{
body {
font-size:14px;
}
}

@media max-width 640px{
#hero svg,#about svg,#featured svg,#three-slide svg,#full-slide svg,#contact svg {
left:0;
}

#contact .wrapper form input[type="email"],#contact .wrapper form input[type="text"] {
width:100%;
margin-bottom:10px;
}

#contact .wrapper form textarea {
margin:0 0 10px;
}

#hero .wrapper .welcome h1,#about .wrapper .blurb h2,#featured .wrapper .blurb h2,#contact .wrapper .blurb h2 {
margin-bottom:20px;
font-size:30px;
}

#hero .wrapper .welcome,#about .wrapper .blurb,#featured .wrapper .blurb {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center;
text-align:center;
}
}

@media max-width 768px{
#hero,#about,#full-slide,#featured,#three-slide,#contact {
margin:15px auto;
}
}

@media max-width 1180px{
#hero .wrapper .welcome:after {
display:none;
}

#hero .wrapper .welcome p {
margin-bottom:0;
}
}

@media max-width 1023px{
#featured .wrapper .blurb p {
margin-bottom:0;
}

#hero .wrapper .welcome,#about .wrapper .blurb,#featured .wrapper .blurb {
display:flex;
width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end;
text-align:right;
}

#hero .wrapper .photographer,#about .wrapper .camera,#about .wrapper .blurb h2:before,#featured .wrapper .blurb:after,#featured .wrapper .featured {
display:none;
}
}

@media max-width 767px{
#three-slide .wrapper .slider {
width:calc(100%-30px);
}

#three-slide .wrapper .slider li {
width:75%;
}

#three-slide .wrapper .slider .back,#three-slide .wrapper .slider .front {
display:none;
}

#full-slide i,#three-slide i {
-webkit-transform:translateY(-50%) scale(.7);
transform:translateY(-50%) scale(.7);
}

#full-slide i:hover,#three-slide i:hover {
-webkit-transform:translateY(-50%) scale(.8);
transform:translateY(-50%) scale(.8);
}

#full-slide .prev,#three-slide .prev {
left:0;
}

#full-slide .next,#three-slide .next {
right:0;
}
}

@media max-width 900px{
#three-slide .wrapper .slider li {
width:50%;
}
}