@charset "utf-8";

* {
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-appearance: none;
    border: none;
    border-radius: none;
    outline: none;
}

html {
    background:url(../images/backgrounds/background.jpg) repeat-y center fixed;
}

body { 
    width:100%; 
    height:100%;
    margin:0;
    padding:0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.02) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.02) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.02) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );    
}
p,li { 
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight:300; 
    color:#eee; 
}
h1,h2,h3 {
    font-family:Helvetica, "Arial", sans-serif;
    font-weight:500;
    color:#eee; 
    letter-spacing:1px;
}

a:link, a:hover, a:active, a:visited { 
    text-decoration:none; 
    color:inherit;
}

p  { font-size:18px; }

.heading { font-size:60px; }
.sub-heading { font-size:48px; }
.cell-heading { font-size:36px; }


/*containers*/
header { 
    width:100%;
    height:auto; 
    display:block;
    margin:0;
    position:relative;
}
header .slogan { 
    font-family: 'Satisfy', cursive; 
    float:right; 
    color:#da251d; 
    display:block;
    font-size: 24px;
}
header .logo {
    width:70%; 
    max-width:250px; 
    height:auto;
    margin:25px 0;
    float:left;
    position:relative; 
    z-index: 1000;
}

footer { 
    width:100%;
    height:auto;
    display:block; 
    margin:50px 0 0 0; 
    padding:4% 0; 
    background:#000;
    position:relative; z-index:50;
}
footer ul { 
    list-style:none; 
}
footer li { 
    display:inline;
    padding:0; 
    margin:auto auto auto 10px;
}
footer li a {
    color:#eee;
}
footer li a:hover {
    color:#da251d; 
}

.content { 
    width:90%; 
    max-width:1200px;
    height:auto; 
    margin:0 auto; 
    padding:0; 
    position:relative;
}
.content-map { 
    width:90%; 
    max-width:1200px;
    height:auto; 
    margin:0 auto;
    padding:50px 0 0 0; 
    position:relative; 
    top:0; 
    left:0; 
    right:0; 
    z-index:500;
}

.container-home {
    width:100%; 
    height:auto; 
    display:block; 
    margin:0; 
    padding:150px 0; 
    background:url(../images/banners/img-home.jpg) no-repeat left;
    background-size:cover;
}
.container-about {
    width:100%; 
    height:250px;
    display:block;
    margin:0; 
    padding:100px 0;
    background:url(../images/banners/img-about.jpg) no-repeat center; 
    background-size:cover;
}
.container-parts {
    width:100%; 
    height:250px;
    display:block;
    margin:0; 
    padding:100px 0;
    background:url(../images/banners/img-parts.jpg) no-repeat center; 
    background-size:cover;
}
.container-map {
    width:100%; 
    height:350px;
    display:block; 
    margin:0; 
    padding:0;
    position:relative;
}
.container-testimony { 
    width:100%; 
    height:auto; 
    display:block; 
    margin:0; 
    padding:150px 0; 
    background:url(../images/img-testimony.jpg) no-repeat center; 
    background-size:cover;
}
.container-clear {
    padding: 50px 0;
}
.container-black {
    padding: 50px 0;
    background: black;
}


/*navigation*/
.nav { 
    width:100%; 
    color:#eee; 
    margin:90px 0 0 0; 
    padding:0; 
    list-style:none; 
    text-align:right; 
    position:absolute;
    top:0; 
}
.nav > li {
    display:inline-block;
    margin:10px 0;
    padding:0; 
}
.nav > li > a { 
    text-decoration:none; 
    font-size:18px;
    color:#eee; 
    margin:0;
    padding:10px 20px;
    border-bottom:3px solid rgba(0,0,0,0);    
}
.nav > li > a:hover { 
    text-decoration:none; 
    border-bottom:3px solid rgba(218,37,29,1); 
}
.nav > li.current {
    text-decoration:none; 
    font-size:18px;
    color:#eee; 
    margin:0;
    padding:10px 20px;
    border-bottom:3px solid rgba(218,37,29,1); 
}


/*cells*/
.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.cell-1-2 { 
    width:50%;
    height:auto;
    float: left;
    padding:20px; 
    margin:0;
}
.cell-2-3 { 
    width:66%; 
    height:auto;
    float: left;
    padding:20px;
    margin:0; 
}
.cell-1-3 { 
    width:33%;
    height:auto; 
    float: left;
    padding:20px; 
    margin:0; 
}
.portrait { 
    width:80%;
    height:auto; 
    border-radius:100%;
    margin:3% auto; 
    border:10px solid rgba(0,0,0,0.5);
}
.cell-2-3 img { 
    width:100%;
}

.cell-service {
    width: calc(25% - 10px);
    background:url(../images/backgrounds/background.jpg) repeat-y center;
    margin: 10px 0;
    padding: 20px;
    text-align: center;
}
.cell-service img {
    height: 100px;
}
.cell-service h3 {
    font-size: 24px;
}


/*objects*/
.icon-1000parts { 
    width:80px; 
    height:80px;
    border-radius:80px; 
    margin:20px 20px 20px 0;
}
.icon-heading {
    width:40px;
    height:40px;
}
.icon-social {
    width:40px; 
    height:40px; 
    display:block; 
    background:#0058A1;
}
.icon-social:hover { 
    background:#007FE8;
}
.icon-social-large { 
    width:100%; 
    height:auto;
    margin:0; 
    background:#0058A1;
    display:none; 
}
.icon-login {
    width:20px;
    height:20px; 
    vertical-align:middle;
    margin-right:10px;
}

.icon-beard { 
    width:30px; 
    height:30px; 
    border-radius:30px;
    margin:15px; 
    background:url(../images/icon-beard.png) no-repeat; 
    background-color:#eee; 
	background-size:contain; 
    vertical-align:middle; 
}
.icon-beard:hover {
    background: #da251d;
}

.btn-red,
.submit-button { 
    width:auto; 
    height:auto;
    display:inline-block; 
    padding:20px; 
    background:#da251d;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    border-left: 3px solid #da251d;
    color:#eee; 
    font-weight: bold;
}
.btn-red:hover,
.submit-button:hover {
    background: black;
    color: #da251d;
    cursor: pointer;
}

.btn-login { 
    width:auto; 
    height:auto; 
    display:inline-block;
    padding:20px; 
    background:#da251d; 
    color:#eee; 
}

.rule { 
    width:auto; 
    height:1px;
    border-bottom:1px solid #eee;
    padding:25px 0 0 0;
}

#fb-root { 
    display:none;
}
.facebook-feed {
    width:100% !important;
    margin:0; 
    padding:0;
    border:0; 
    display:block;
}

.map-small { 
    width:100%; 
    height:350px;
    margin:0;
}
.map-large {
    width:100%; 
    height:350px;
    margin:0;
    border:0;
}
.overlay {
    background:transparent; 
    position:absolute; 
    width:100%; 
    height:350px; 
    top:350px; 
    margin-top:-350px;
}

.search {
    width: 100%;
    max-width: 550px;
    min-height: 500px;
    border: none;
    filter: invert(1);
}


/*forms*/
form label {
    display: none;
}
.textbox,
.textarea {
    width:100%; 
    height:40px; 
    padding:10px;
    margin:5px 0;
    background:#000;
    border-left: 3px solid #444;
    outline:none; 
    -webkit-appearance:none;
    border-radius:0;
	font-family: 'Roboto Condensed', sans-serif; 
    color:#eee; 
    font-size:18px;
}
.textbox:hover,
.textarea:hover {
    border-left: 3px solid #da251d;
}
.textarea { 
    height: 100px;
}

.jotform-form,
.form-all,
ul.page-section {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}
.form-all {
    max-width: none;
}
.form-label {
    display: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.form-line {
    padding: 0;
    margin: 0 0 10px 0;
}
.form-textbox,
.form-textarea {
    border: 0;
    border-left: 2px solid #333;
    border-radius: 0;
    outline:none; 
    -webkit-appearance:none;
    background: black;
    width: 100%;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color:#eee; 
    font-size:18px;
}
.form-textarea {
    height: 150px;
}
.form-textbox:hover,
.form-textarea:hover {
    outline: none;
    border: 0;
    border-left: 2px solid red;
}
li.form-line:not(.form-line-column) .form-input-wide[data-layout=half], li.form-line[data-type=control_signature]:not(.form-line-column):not(.fixed-width) .form-input-wide {
    width: 100%;
    margin: 0;
    padding: 0;
}
.form-buttons-wrapper, .form-pagebreak, .form-submit-clear-wrapper {
    border: 0;
}
.form-buttons-wrapper, .form-submit-clear-wrapper {
    padding: 0;
    margin: 0;
}
.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]), .page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
    margin-top: 0;
}


/*modifiers*/
.shadow {
    box-shadow:0px 0px 50px #000;
}

.font-script { 
    font-family: 'Satisfy', cursive; 
}
.text-shadow { 
    text-shadow:2px 2px 4px #000; 
}
.tagline { 
    font-size:24px; 
    font-weight: bold;
    width: 50%;
}

.white { 
    color:#eee; 
}
.red { 
    color:#da251d; 
}

.ftlt { 
    float:left;
}
.mrgrt { 
    margin-right:25px;
}
.ftrt { 
    float:right; 
}
.mrglt { 
    margin-left:25px; 
}
.clear { 
    clear:both; 
}

.right {
    text-align:right; 
}
.left { 
    text-align:left;
}
.center { 
    text-align:center; 
}
.justify { 
    text-align:justify;
}
.valign-m { 
    vertical-align:middle;
}

.hide-775 { 
    display:inline-block;
}

/*=====================================================================================*/

@media ( max-width:1200px )
{
    
}

@media ( max-width:1024px )
{
    .container-home {
        background: url(../images/banners/img-home-1024.jpg) no-repeat center;
        background-size: cover;
    }
	.cell-2-3, .cell-1-3 { 
        width:50%; 
    }

    .cell-service {
        width: calc(50% - 10px);
    }
}

@media ( max-width:960px )
{	
	header .slogan { 
        display:none;
    }
	
	.nav { 
        text-align:right;
        display:none;
        position:relative; 
        -webkit-transition: none;
        transition: none;
    }
	.nav > li {
        display:block;
        border:none;
    }
	.nav > li > a:hover { 
        border:none;
    }
	.nav-btn {
        display:block;
        margin:70px 0 0 0; 
        cursor:pointer;
        position:absolute; 
        top:0; 
        right:0;
        -webkit-transition: none;
        transition: none;
    }
	.nav-btn:before { 
        width:40px;
        height:40px; 
        display:block; 
        content:""; 
        padding:0; 
        background:url(../images/icons/icon-menu.png) no-repeat; 
        background-color:#da251d; 
        background-size:contain;
    }
}

@media ( max-width:768px )
{
    .container-home {
        background: url(../images/banners/img-home-768.jpg) no-repeat center;
        background-size: cover;
        padding: 100px 0;
    }
    
    .tagline {
        width: 100%;
    }
    
    .container-clear {
        padding: 50px 0;
    }
    
	.cell-2-3, .cell-1-3, .cell-1-2 { 
        width:100%; 
    }
	
	.facebook-feed {
        display:none;
    }
	.icon-social-large { 
        display:block; 
    }
	
	.tagline { 
        font-size:24px; 
    }
	
	footer ul { 
        display:none; 
    }
	
	.hide-775 { 
        display:none;
    }

    .heading { font-size:48px; }
    .sub-heading { font-size:36px; }
    .cell-heading { font-size:24px; }
}

@media ( max-width:500px )
{
 	.nav-btn { 
        margin:15% 0 0 0;
    }
	
	.tagline { 
        font-size:21px;
    }

    .cell-service img {
        height: 70px;
    }
    .cell-service h3 {
        font-size: 18px;
    }
}