* { box-sizing: border-box; margin: 0; moz-box-sizing: border-box; padding: 0; webkit-box-sizing: border-box; }
img { border: 0;max-width:100% }
a { text-decoration: none; }
a:focus,a:hover { outline: 0; text-decoration: none; }
li,ul { list-style: none; margin-bottom: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: 400; line-height: normal; margin: 0; }
button,input,select,textarea { background-color: #fff; border: 0; border-radius: 0; color: #909090; font-size: 14px; moz-border-radius: 0; o-border-radius: 0; outline: 0; padding: 0 15px; resize: none; webkit-border-radius: 0; }
textarea { height: 80px; padding: 16px 15px; }
input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { opacity: 1; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { opacity: 1; }
input.get-input-color::-moz-placeholder { opacity: 1; }
input.get-input-color:-ms-input-placeholder { opacity: 1; }
input.get-input-color::-webkit-input-placeholder { opacity: 1; }
label { font-weight: 400; line-height: normal; margin-bottom: 0; width: 100%; }
body{font-family:"Open Sans",sans-serif;font-size:14px}
p {line-height: 30px; margin: 0 0 1em 0;}

.videomodel-outer {
    background-color: #f4f4f4;
    margin: auto;
    position: relative;
}

.videomodel-outer .cross-btn {
    background-color: #fff;
    background-image: url(../images/icon-cross.svg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 10;
}

.videomodel-outer img {
    padding-bottom: 24px;
    width: 100%;
}

.used-by h3.subhead { color: #868686; }

.drawer-hamburger{width:40px}
.drawer-hamburger:hover,
.drawer-hamburger:focus{background-color: transparent}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {background-color:#fff}
.drawer-nav {background-color:rgba(0,0,0,0.5)}

.row.collapse > div[class*="col-"] {padding-left:0;padding-right:0}

.modal .modal-content { padding:0;border-radius:0 }
.modal .modal-content button { background-color: #ceaa4c; border-radius: 0; color: #000;transition:all ease-in-out 300ms; display: block; font-family: 'Montserrat', sans-serif; font-size:26px;display:block;padding:20px;line-height:1em; moz-border-radius: 0; o-border-radius: 0; padding: 20px 10px; text-align: center; text-transform: uppercase; webkit-border-radius: 0; }
.modal .modal-content button:active,.modal .modal-content button:focus,.modal .modal-content button:hover { box-shadow: none; color: #fff; outline: 0; }

.modal .modal-content { background-color: #f4f4f4; margin: auto; position: relative; }
.modal .modal-content img { left: 54px; position: absolute; top: -282px; }
.modal .modal-content .btn-close { background-color: #fff; background-image: url(../images/icon-cross.svg); background-position: center center; background-repeat: no-repeat; height: 50px; position: absolute; right: 0; top: 0; width: 50px; z-index:10 }
.modal .modal-content iframe { border: 0; height: 200px; margin-bottom: 32px; width: 100%; }
.modal .modal-content .form {padding-top:2em;padding-bottom:1em}
.modal .modal-content .form h3 {margin-bottom:1em;}
.modal .modal-content form,
.modal .modal-content form ._form-content { float: left; width: 100%; }
.modal .modal-content form ._form-content ._form_element {  padding-bottom: 20px; padding-left: 2%; padding-right: 2%; text-align: left; }
.modal .modal-content form ._form-content ._form_element._field2,
.modal .modal-content form ._form-content ._form_element._clear{ width: 100%;padding-left:2%;padding-right:2% }
.modal .modal-content form ._form-content ._form_element textarea { width: 100%;padding-left:2%;padding-right:2% }
.modal .modal-content form input[type=email],
.modal .modal-content form input[type=number],
.modal .modal-content form input[type=password],
.modal .modal-content form input[type=submit],
.modal .modal-content form input[type=tel],
.modal .modal-content form input[type=text] { background-color: #fff; border: 0; border-radius: 0; color: #909090; font-family: Raleway,sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 0; moz-border-radius: 0; o-border-radius: 0; padding: 15px 2%; webkit-border-radius: 0; width: 100%; }
.modal .modal-content form select { padding:15px 2% }
.modal .modal-content form button,
.modal .modal-content form input[type=submit] { background-color: #ffcd36; color: #000; font-size: 20px; line-height: 38px;width:100% }
.modal .modal-content form button:hover,
.modal .modal-content form input[type=submit]:hover { color: #fff; }
.modal .modal-content form ._button-wrapper { font-weight: 700; padding-left: 15px; padding-right: 15px; }
.modal .modal-content form ._form-label { display: none; }
.modal .modal-content ._form_1,
.modal .modal-content ._form_1>div { float: left; width: 100%; }
.modal .modal-content form ._form-content ._field10 {display:none}
.modal .modal-content .visual {background: url(/wp-content/uploads/2016/08/tim-kintz-exclusive-access.jpg) no-repeat center top; background-size:cover; color:#fff;padding:12em 1em 2em 1em;margin: 0 15px;}
.modal .modal-content .visual h4{text-transform: uppercase; color:#999;margin:1em 0;font-weight:700;}
.modal .modal-content .visual p{font-size:18px;font-weight: 300;}
.modal .modal-content .visual ul {margin-left:0;padding-left:0}
.modal .modal-content .visual ul li{text-transform: uppercase;border-bottom:solid 1px rgba(255,255,255,0.5);padding:0.5em 0;font-weight:700 }
.modal .modal-content .visual ul li:first-child{border-top:solid 1px rgba(255,255,255,0.5) }
.modal .modal-content .visual ul li span{ color:#fbcd4b}
.modal .modal-content .visual ul li i{ color:#fbcd4b; font-size:2em;margin-right:0.25em}

.btn {background-color: #ceaa4c; border-radius: 0; color: #000;transition:all ease-in-out 300ms; display: block; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 700; line-height: 50px; moz-border-radius: 0; o-border-radius: 0; padding: 20px 10px; text-align: center; text-transform: uppercase; webkit-border-radius: 0;font-size:26px;display:block;padding:20px;line-height:1em}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus,.btn:hover { box-shadow: none; color: #fff; outline: 0; }

.slick-slide a { text-align: center;}
.slick-slide img { display: inline-block;}
.slick-dots li { display: inline-block; margin-right: 0.25em; }
.slick-dots li button { border-radius: 50% !important; padding: 0 7px; text-indent: -9999px; width: auto; }
.slick-dots li button:hover { background-color: #999; }
.slick-dots li.slick-active button { background-color: #333; }

header#site-header { background-color: rgba(0,0,0,0); left: 0; padding-top: 32px; position: absolute; top: 0; transition: background-color ease-in-out 300ms; width: 100%; z-index: 3; }
header#site-header.fixednav { background-color: rgba(0,0,0,1); left: 0; padding: 10px 0; position: fixed; top: 0; }
header#site-header .logo { display: block; }
header#site-header .nav-menu { background-color: transparent; font-size: 3em;color:#fff}
header#site-header { padding-top: 20px; }
header#site-header .logo { float: none; }
header#site-header nav.open {max-height: 300px}
header#site-header nav a {color:#fff;padding:10px 0 8px 10px; display: block; border-bottom: solid 1px #666; text-transform: uppercase}
header#site-header nav a.btn {font-size:1em;color:#000;padding:10px 0}


footer { background-color: #222; font-size: 0; padding: 84px 0 26px; position: relative; text-align: center; }
footer .logo { display: block; height: 54px; margin: 0 auto 40px; width: 54px; }
footer p { color: #b3b3b3; font-size: 12px; font-weight: 400; padding-bottom: 54px; }
footer .social-media { padding-bottom: 13px; width: 100%; }
footer .social-media ul { width: 100%; }
footer .social-media ul li { display: inline-block; padding: 0 5px; zoom: 1; }
footer .social-media ul li a { background-position: center center; background-repeat: no-repeat; background-size: 70%; border: 1px solid #b3b3b3; border-radius: 3px; display: block; height: 25px; moz-border-radius: 3px; o-border-radius: 3px; webkit-border-radius: 3px; width: 25px; }
footer .social-media ul li a.facebook { background-image: url(../images/icon-facebook.svg); background-size: 35%; }
footer .social-media ul li a.twitter { background-image: url(../images/icon-twitter.svg); }
footer .social-media ul li a.googleplus { background-image: url(../images/icon-google.svg); }
footer .social-media ul li a.linkedin { background-image: url(../images/icon-linkedin.svg); }
footer .social-media ul li a.ytube { background-image: url(../images/icon-youtube.svg); }
footer .scrl-up { color: #b3b3b3; display: inline-block; font-size: 10px; font-weight: 700; margin: auto; padding-top: 23px; text-align: center; text-transform: uppercase; width: 90px; }

section { background-color: #f1f2f2; padding: 80px 0; position: relative; }

.icon-play { border: solid 2px #fff; border-radius: 50%; height: 110px; left: 50%; margin-left: -55px; margin-top: -55px; position: absolute; top: 50%; transition: background-color ease-in-out 250ms; width: 110px; }
.icon-play .arrow { border-color: transparent transparent transparent #fff; border-radius: 2px; border-style: solid; border-width: 12px 0 12px 24px; height: 0; left: 50%; margin: -8px 0 0 -8px; position: absolute; top: 50%; width: 0; }

.row.collapse {margin-left:0;margin-right:0; display: block;}

.kicker { font-family: "Fjalla One";font-size: 1.5em; letter-spacing: 0.2em;text-align: center;background-color:rgba(0,0,0,0.6);text-transform:uppercase;padding: 0.5em 0;width:300px;margin:2em auto }
.kicker span { color:#fff;opacity:0.5 }
.headline {font-family: "Fjalla One";font-size:2em;text-align:center;text-transform: uppercase;color:#fff;}
.headline em{color:#f4c446;font-style: normal; display: block;}
.deckline {font-size:1em;text-align:center;margin:0.5em 0 1em 0;letter-spacing: 0.2em;text-transform: uppercase}
.subhead { color:#f4c446;font-size:1.5em; }
.subhead em { font-weight:700;color:#fff;font-size:1.25em; text-transform: uppercase; font-style: normal;  }
.summary{ font-family: "Fjalla One";font-size:1em;letter-spacing: 0.3em;text-align:center;text-transform: uppercase;}
section {color:#dedede}
.hero { padding-bottom:40px }
.hero .summary{ color:#c3c3c3;}
.hero .divider {border-bottom:solid 1px #f4c446;width:20%;margin:2em auto}
.hero .actions { text-align: center;margin:2em 0 }
.hero .actions .btn { display: inline-block;padding:20px 40px }
.main-content {background-color: #fff;padding:50px 0;color:#666;}

.reverse { background-color:#5c5c5c;color:#fff }
.reverse { background-color:#5c5c5c }

.meet-tim { display: block; padding: 250px 0% 50px; position: relative;background-image: url('/wp-content/uploads/2016/08/meet-tim-image.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.meet-tim .icon-play {top:20%}
.meet-tim:hover .icon-play { background-color: rgba(255,255,255,0.25); }
.meet-tim-content { color: #fff; display: block; font-size: 22px; margin: 3% auto 0; text-align: center; width: 90%; }
.meet-tim-header { color: #fff; font-family: "Fjalla One"; font-size: 46px; line-height:1.25em; margin: 0% auto 0%; text-align: center; width: 90%; }

#meet-tim-modal.modal {margin-top:100px;}
#meet-tim-modal.modal .modal-content iframe {margin-bottom:0}

.used-by {background-color:#222;text-align:center}
.photo-gallery {background-color:#222;}

.testimonial { padding: 80px 0px; text-align: center; }
.testimonial .test-large { color: #fff; font-family: Arial; font-size: 300px; font-style: italic; line-height: 0px; margin: 100px 0px 0px; }
.testimonial .test-others { border-bottom: 1px solid #fff; color: #fff; display: block; font-size: 26px; font-weight: 700; margin: 0 auto 30px; padding-bottom: 10px; text-shadow: 0 0 0.5em rgba(212,180,1,0.95); }
.testimonial .test-header { color: #494949; font-family: "Fjalla One"; font-size: 36px; text-transform: uppercase; }
.testimonial .test-name { color: #494949; font-size: 1.25em; font-weight:700; font-style: italic }
.testimonial .test-centent { display: block; font-size: 16px; line-height: 2em; margin: 25px auto; opacity: 0.9; width: 90%; }

.page-template-template-workshop .btn {font-size:24px;line-height:1em}
.page-template-template-workshop { background-attachment: fixed; background-image: url("/wp-content/uploads/2016/08/meet-tim-image.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.page-template-template-workshop .intro { background:#4d4d4d url(/wp-content/uploads/2016/10/kintz-dealership-vehicle-inventory-reversed.jpg) no-repeat left bottom; background-size:contain; }
.page-template-template-workshop .intro .btn {margin:1em 0}
.page-template-template-workshop .intro p {margin:1em 0}
.page-template-template-workshop .intro .icon-play { background-color: rgba(0,0,0,0.5);}
.page-template-template-workshop .intro .video img {border:solid 5px rgba(100,100,100,0.85)}
.page-template-template-workshop .schedule-of-events { background:#e7e7e7;padding:40px 0 40px 0 }
.page-template-template-workshop .schedule-of-events .subhead { color:#2e2e2e;font-family: "Fjalla One";margin-bottom:1em;text-transform: uppercase }
.page-template-template-workshop .schedule-of-events .event-day { padding:0 1em 1em 1em }
.page-template-template-workshop .schedule-of-events .event-day header{ border-bottom:solid 1px #868686;margin-bottom:1em;padding:1em 0 }
.page-template-template-workshop .schedule-of-events .event-day .date{ color:#f4c446;font-family: "Open Sans", sans-serif;font-weight:700;font-size:1.5em;text-transform: uppercase;line-height:1em }
.page-template-template-workshop .schedule-of-events .event-day .date-name { color:#868686;font-family: "Open Sans", sans-serif;font-weight:700;font-size:3em;text-transform: uppercase }
.page-template-template-workshop .schedule-of-events .event-day .itinerary { margin:0;padding:0 }
.page-template-template-workshop .schedule-of-events .event-day .itinerary li { margin-bottom:1em;list-style-type: none;padding:0 }
.page-template-template-workshop .schedule-of-events .event-day .itinerary li b {text-transform: uppercase;font-size:1.15em;}
.page-template-template-workshop .schedule-of-events .action { background: url(/wp-content/uploads/2016/09/kintz-night-driving-highway.jpg) no-repeat center top; background-size: cover; margin-top:2em;padding:1em;position:relative;border:solid 8px #787878}
.page-template-template-workshop .schedule-of-events .action .btn { font-size:1.5em;font-family: "Fjalla One";font-weight:500 }
.page-template-template-workshop .schedule-of-events .action h3 { color:#f4c446; }
.page-template-template-workshop .benefits { background-color:#222222; }
.page-template-template-workshop .benefits .container { position: relative }
.page-template-template-workshop .benefits .subhead { color:#868686;font-family: "Open Sans", sans-serif;font-weight:700;margin-bottom:1em;text-transform: uppercase }
.page-template-template-workshop .benefits .list {margin-left:0;}
.page-template-template-workshop .benefits .list li { border-top:solid 1px #393939;padding:0.5em 0;font-size: 1.5em }
.page-template-template-workshop .benefits .list li:last-child { border-bottom:solid 1px #393939; }
.page-template-template-workshop .benefits .list li .fa,
.page-template-template-workshop .benefits .list li em,
.page-template-template-workshop .benefits .list li span{ color:#f4c446; font-style: normal; }
.page-template-template-workshop .benefits .list li span { color: #f4c446; border: solid 1px #f4c446; border-radius: 50%; padding: 0.5em; font-size: 0.8em; }
.page-template-template-workshop .benefits .list li .fa { margin-right:1em;}
.page-template-template-workshop .benefits .service-manual { position: absolute;left:40px;top:75px;z-index:2 }
.page-template-template-workshop .promo { background-color:#4d4d4d }
.page-template-template-workshop .promo .subhead { color:#fff; font-family: "Fjalla One";margin-bottom:0.5em;text-transform: uppercase;font-size:2.5em }
.page-template-template-workshop .promo .subhead sup {font-family: "Open Sans", sans-serif;font-weight:500;font-size:0.5em}
.page-template-template-workshop .promo .subhead em { color:#f4c446; }
.page-template-template-workshop .schedule-of-events .event-day .date em{ color:#fff;font-weight:500;font-size:0.75em;display: block}
.page-template-template-workshop .promo .btn em { color:#fff;display: block;font-style: normal }
.page-template-template-workshop .testimonial .test-centent {color:#131313}

@media all and (min-width:768px) {

    .modal .modal-content .visual {background-size:100%}
    .modal .modal-content .visual h4 {margin-top:0}

    .modal .modal-content iframe {height:345px;}
    .modal .modal-content form ._form-content ._form_element {float:left;width:50%}
}

@media all and (min-width:992px) {

    .modal-dialog.wide { width: 950px; }
    .modal .modal-content .visual {margin:0;padding:12em 1em 4em 1em;background-size:130%}
    .modal .modal-content .visual h4{margin-top:2em;}

    .headline {font-size:5em;}
    .deckline {font-size:1.5em;}
    .subhead { font-size:1.5em; }
    .subhead em {display: block;}
    .summary {font-size:2em;letter-spacing: 0.4em;}
    .main-content {padding:100px 0;}

    .meet-tim { padding: 550px 0% 50px; background:none }
    .meet-tim-header { font-size: 80px; width: 60%; }
    .meet-tim-content { width: 60%; }
    .meet-tim .icon-play {top:35%}

    #meet-tim-modal {margin-top: 150px;}

    .used-by { padding: 50px 10%;}
    .used-by .slick-slide { padding-left: 20px; padding-right: 20px; }

    .testimonial .test-header { font-size: 60px; }
    .testimonial .test-centent { width: 70%;font-size: 20px }


    .page-template-template-workshop .intro .action {margin-top:-40px}
    .page-template-template-workshop .benefits .list li { padding:0.5em 0 0.5em 400px; }
    .page-template-template-workshop .meet_tim .icon-play {top:40%}
}

@media all and (min-width:1200px) {

    .modal-dialog.wide { width: 1150px; }
    .modal .modal-content .visual {margin:0;padding:18em 2em 2em 2em}
    .modal .modal-content .visual ul li {  font-size: 1.25em; }

    header#site-header nav { float: none; text-align: center; position:absolute; right:5px; width: 100%; max-height: 0; overflow: hidden; transition:max-height ease-in-out 300ms }
    header#site-header nav.open {max-height:75px}

    header#site-header nav { float: right; padding-top: 20px; max-height:none; transition: none; position: static; background-color:transparent }
    header#site-header nav ul { background-color:transparent }
    header#site-header nav ul li { float: left; }
    header#site-header nav a { padding: 0 10px 5px;border-bottom-color: transparent }
    header#site-header nav a.btn {font-size:1em;color:#000;margin-top:-15px;padding:20px 40px}
    header#site-header nav .tel { border-left:solid 1px #aaa }
    header#site-header.fixednav .logo img {max-width:70%}
    header#site-header.fixednav nav {padding-top:0}
    header#site-header.fixednav a {padding-top:10px; display: block;}
    header#site-header.fixednav .btn {padding:10px 0;margin:0}
    header#site-header nav ul { width: 100%;margin:0 }
    header#site-header nav ul li a { color: #fff; display: block; font-size: 13px; font-weight: 700; padding: 6px 10px 5px; text-transform: uppercase; }
    header#site-header nav ul li.current_page_item a,header#site-header nav ul li:focus a,header#site-header nav ul li:hover a { border-bottom: 2px solid #ffcd36; color: #ffcd36; }

    header#site-header .container-fluid {max-width:1400px}

    .kicker { margin:3em auto }
    .headline { font-size: 6em; }
    .deckline {font-size:2em;}
    .subhead { font-size:2em; }
    .subhead em {display: inline;}

    .page-template-template-workshop .hero .divider {margin:4em auto}
    .page-template-template-workshop .hero .actions { margin:4em 0 }
    .page-template-template-workshop .intro .container { width:1200px }
    .page-template-template-workshop .intro .btn {margin:0}
    .page-template-template-workshop .schedule-of-events { background:#e7e7e7 url(/wp-content/uploads/2016/09/kintz-drawing-sales-chart-b.jpg) no-repeat -15% top; background-size:contain; }
    .page-template-template-workshop .schedule-of-events .event-day { padding:0 2em 2em 2em }
    .page-template-template-workshop .schedule-of-events .action { padding:2em;}


}

@media all and (min-width:1500px) {
    .modal-dialog.wide { width: 1400px; }
    .modal-dialog.wide .container { width: 1440px; }

    header#site-header nav ul li { padding: 0 10px; }
}