/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}


table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** Overall *****/
html {
	width: 100%;
	height: auto;
}

body {
	width: 100%;
	height: auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 0px;
	background: url(../siteart/images/gridme2.png);
	background-repeat: repeat;
}

.divider1 {
	width: 15%;
	height: 5px;
	margin: 10px auto;
	position: relative;
	display: block;
	background-color: #2C5697;
}

.divider2 {
	width: 60%;
	height: 2px;
	margin: 10px auto;
	position: relative;
	display: inline-block;
	background-color: #63666A;
}

.divider3 {
	width: 2px;
	height: 70px;
	margin: 10px 20px;
	position: relative;
	display: inline-block;
	background-color: #fff;
	vertical-align: middle;
}

/********** Header **********/
.heading1 {
	width: 100%;
	height: auto;
	position: fixed;
	display: inline-block;
	box-sizing: border-box;
	background-color: aliceblue;
	*background-color: #231F20;
	z-index: 9999;
}

/********** Content **********/
.content0, .content1 {
	width: 100%;
	height: auto;
	margin-top: 50px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	*background-color: pink;
}

/*
.content0 .logo1, .content1 .logo1 {
	width: 100%;
	*height: 600px;
	height: 475px;
	position: relative;
	display: inline-block;
	background-color: orange;
	background: url(../siteart/images/SEP_Logo_Hi_Res2.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
*/

/* Test */
.content0 .logo1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

.content0 .logo1 img {
	width: 100%;
}
/* End Test */

.content0 .finders {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.content0 .finders .finder {
	width: 350px;
	height: 200px;
	margin: 20px 10px;
	border: 10px solid #2C5697;
	position: relative;
	display: inline-block;
	background-color: #2c5697;
	*background-color: orange;
	box-sizing: border-box;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.content0 .finders .finder:hover {
	background-color: transparent;
	transition: ease-in 0.15s;
}

.content0 .finders .finder:hover h1 {
	color: #2C5697;
}

.content0 .finders .finder h1 {
	width: 90%;
	margin: 17% auto;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	transition: ease-out 0.15s;
}

.content0 .welcome, .content1 .welcome {
	width: 60%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.content0 .welcome h1, .content1 .welcome h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #2C5697;
	letter-spacing: 5px;
}

.content0 .welcome p, .content1 .welcome p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content0 .photo1 {
	width: 100%;
	height: 550px;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/DSC_4520.jpg);
	background-position: 0% 25%;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.content0 .about {
	width: 60%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.content0 .about h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #2C5697;
	letter-spacing: 5px;
}

.content0 .about h2 {
	width: 70%;
	margin: 0px auto;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #2C5697;
	letter-spacing: 1px;
	word-spacing: 3px;
}

.content0 .about p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content0 .about ol {
	width: 50%;
	margin: 0px auto;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	text-align: left;
	color: #2C5697;
	position: relative;
}

.content0 .about ul li {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	color: #63666A;
	margin: 10px auto;
}

.content1 .photo2 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo2 img {
	width: 100%;
	height: auto;
}

.content1 .photo3 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo3 img {
	width: 100%;
	height: auto;
}

.content1 .photo4 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo4 img {
	width: 100%;
	height: auto;
}

.content1 .photo5 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo5 img {
	width: 100%;
	height: auto;
}

.content1 .photo6 {
	width: 500px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo6 img {
	width: 100%;
	height: auto;
}

.content1 .photo7 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo7 img {
	width: 100%;
	height: auto;
}

.content1 .photo8 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo8 img {
	width: 100%;
	height: auto;
}

.content1 .photo9 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo9 img {
	width: 100%;
	height: auto;
}

.content1 .photo10 {
	width: 400px;
	height: auto;
	margin: 20px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}

.content1 .photo10 img {
	width: 100%;
	height: auto;
}

.content1 .photo11 {
	width: 100%;
	height: 550px;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/_1000986.jpg);
	background-position: 0% 25%;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.content1 .products {
	width: 90%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.content1 .products h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #2C5697;
	letter-spacing: 5px;
}

.content1 .products p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content1 .products ul {
	width: 100%;
	height: auto;
	margin: 15px auto;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

.content1 .products h2 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	color: gray;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.content1 .products ul h3 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #2C5697;
}

.content1 .products ul li {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content1 .products ul li {
	*display: block;
	position: relative;
	display: inline-block;
	margin: 5px 12px;
	box-sizing: border-box;
}

.content1 .products .motor-photo {
	width: 500px;
	height: 500px;
	margin: 10px 20px;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/242-1164.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	*background-color: pink;
	box-sizing: border-box;
}

.content1 .products .gearbox-photo {
	width: 500px;
	height: 500px;
	margin: 10px 20px;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/LNM0434.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	*background-color: pink;
	box-sizing: border-box;
}

.content1 .products .repair-photo {
	width: 500px;
	height: 300px;
	margin: 10px auto;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/tokor.JPG);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: pink;
	box-sizing: border-box;
}

.content1 .products .button-section {
	width: 100%;
	height: auto;
	*margin: 10px 20px;
	margin: 10px auto;
	position: relative;
	display: inline-block;
	*background-color: green;
	box-sizing: border-box;
}

.buttons {
	display: inline-block;
	margin: 10px;
	vertical-align: top;
	box-sizing: border-box;
}

.quote {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	*background-color: orange;
	transition: ease-out 0.15s;
}

.quote:hover {
	opacity: 0.5;
	transition: ease-in 0.15s;
}

.quote img {
	height: 60px;
	margin: 10px auto;
}

.button1, .button2, .button3, .button4, .button5, .button6, .button7 {
	width: 300px;
	height: 200px;
	*width: 250px;
	*height: 166px;
	*margin: 10px;
	position: relative;
	display: inline-block;
	background-color: pink;
	vertical-align: middle;
}

.button1 {
	background: url(../siteart/images/buttons/buttons-09.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button2 {
	background: url(../siteart/images/buttons/buttons-02.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button3 {
	background: url(../siteart/images/buttons/buttons-03.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button4 {
	background: url(../siteart/images/buttons/buttons-04.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button5 {
	background: url(../siteart/images/buttons/buttons-05.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button6 {
	background: url(../siteart/images/buttons/buttons-06.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.button7 {
	background: url(../siteart/images/buttons/buttons-07.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.content1 .products .button-section .button1 h1, .content1 .products .button-section .button2 h1, .content1 .products .button-section .button3 h1, .content1 .products .button-section .button4 h1, .content1 .products .button-section .button5 h1, .content1 .products .button-section .button6 h1, .content1 .products .button-section .button7 h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0px;
	margin: 78px auto;
	text-shadow: 0px 0px 35px #333;
	color: #333;
}

.content1 .products .form {
	width: 60%;
	height: auto;
	margin: 10px auto;
	position: relative;
	display: inline-block;
	*background-color: green;
}

.content1 .references {
	width: 60%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.content1 .references h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #2C5697;
	letter-spacing: 5px;
}

.content1 .references h2 {
	width: 70%;
	margin: 0px auto;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #2C5697;
	letter-spacing: 1px;
	word-spacing: 3px;
}

.content1 .references p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content1 .references ul {
	width: 50%;
	margin: 0px auto;
	position: relative;
}

.content1 .references ul li {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	color: #63666A;
	margin: 10px auto;
}

.map {
	width: 100%;
	height: 550px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

.content1 .contact1 {
	width: 60%;
	height: auto;
	margin: 36px auto;
	position: relative;
	display: inline-block;
	*background-color: orange;
	box-sizing: border-box;
}

.content1 .contact1 h1 {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	color: #2C5697;
	letter-spacing: 5px;
}

.content1 .contact1 p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	text-align: cnter;
	color: #63666A;
	position: relative;
	display: inline-block;
}

.content1 .contact1 .contact-info {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	*background-color: green;
}

.content1 .contact1 .contact-info .info1 {
	width: 250px;
	height: auto;
	margin: 10px;
	position: relative;
	display: inline-block;
	*background-color: pink;
	box-sizing: border-box;
	vertical-align: top;
}

.content1 .contact1 .contact-info .info1 h1 {
	margin-bottom: 10px;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-transform: uppercase;
	color: #2C5697;
}

.content1 .contact1 .contact-info .info1 p {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	word-spacing: 0px;
	color: #63666A;
	transition: ease-out 0.15s;
}

.content1 .contact1 .contact-info .info1 p:hover {
	color: #2C5697;
	transition: ease-in 0.15s;
}

#todd {
	font-weight: 700;
	color: #2C5697;
	text-decoration: none;
}

/********** Form **********/
.CaptchaWhatsThisPanel {
	display: none;
}

.input2 {
	width: 400px;
	max-width: 100%;
	display: inline-block;
	margin: 10px;
}

.input2 input {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	margin: 9px auto;
	color: #231F20;
	letter-spacing: 0.5px;
	width: 95%;
	border-radius: 5px;
	border: 2px solid #63666A;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: transparent;
}

.message {
	display: inline-block;
	margin: 9px auto;
	box-sizing: border-box;
	max-width: 100%;
}

.message textarea {
	padding: 10px;
	font-size: 18px;
	display: inline-block;
	position: relative;
	color: #231F20;
	width: 820px;
	max-width: 100%;
	height: 175px;
	letter-spacing: 0.5px;
	box-sizing: border-box;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	border-radius: 5px;
	border: 2px solid #63666A;
	background-color: transparent;
}

#CaptchaAnswer {
	padding: 10px;
	border-radius: 5px;
	border: 2px solid #63666A;
	background-color: transparent;
}

.CaptchaWhatsThisPanel a {
	*color: #B4373C;
	color: #EA6B4A;
}

#submit {
	width: 200px;
	height: 50px;
	margin: 10px auto;
	background-color: transparent;
	border-radius: 5px;
	border: 2px solid #2C5697;
	position: relative;
	display: inline-block;
	color: #2C5697;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 9px;
	box-sizing: border-box;
}

#submit:hover {
	background-color: #2C5697;
	color: #fff;
	transition: ease-in-out 0.15s;
	cursor: pointer;
}

/********** Inventory **********/
.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {
	font-size: 14px;
}

.fdc-logo {
	display: none !important;
}

/********** Footer **********/
.footer1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background-color: #231F20;
}

.footer1 .pages {
	width: auto;
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	*background-color: aliceblue;
	vertical-align: middle;
}

.footer1 .pages a {
	color: #fff;
	text-decoration: none;
	transition: ease-out 0.15s;
}

.footer1 .pages a:hover {
	color: #7CA6DE;
	transition: ease-in 0.15s;
}

.footer1 .pages li {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin: 0px 15px;
	display: inline-block;
}

.footer1 .contacting {
	width: auto;
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	*background-color: pink;
	vertical-align: middle;
}

.footer1 .contacting a {
	color: #fff;
	text-decoration: none;
	transition: ease-out 0.15s;
}

.footer1 .contacting a:hover {
	color: #7CA6DE;
	transition: ease-in 0.15s;
}

.footer1 .contacting strong {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

.footer1 .contacting li {
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.4px;
	margin: 0px 15px;
	*color: #fff;
	display: inline-block;
	vertical-align: top;
}

.divfooter {
	width: 25%;
	margin: 20px auto;
	font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #fff;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.footerlink {
	color: #fff;
}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1500px) and (min-width: 1281) {
	.content0 .finders .finder {
		width: 290px;
	}
	
	.content0 .finders .finder h1 {
		margin: 20% auto;
	}
	
	/*
	.content0 .logo1 {
		height: 650px;
	}
	*/
	
	.content0 .about {
		width: 75%;
	}
	
	.content0 .about ol {
		width: 65%;
	}
	
	.content1 .products .form {
		width: 80%;
	}
	
	.content1 .references {
		width: 75%;
	}
	
	.content1 .references ul {
		width: 65%;
	}
	
	.content1 .contact1 {
		width: 90%;
	}
	
	.footer1 .pages li {
		margin: 0px 10px;
	}
	
	.footer1 .contactin li {
		margin: 0px 10px;
	}
	
	.divfooter {
		width: 20%;
	}
}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
	.content0 {
		margin-top: 0px;
	}
	
	.content1 {
		margin-top: 35px;
	}
	
	/*
	.content0 .logo1 {
		height: 500px;
	}
	*/
	
	.content0 .logo1 {
		margin-top: 36px;
	}
	
	.content0 .welcome {
		width: 90%;
	}
	
	.content0 .about {
		width: 90%;
	}
	
	.content0 .about ol {
		width: 80%;
		text-align: center;
	}
	
	.content0 .about ul li {
		text-align: center;
	}
	
	.content1 .products .form {
		width: 95%;
	}
	
	.content1 .references {
		width: 90%;
	}
	
	.content1 .references ul {
		width: 80%;
	}
	
	.content1 .contact1 {
		width: 90%;
	}
	
	.content1 .contact1 .contact-info .info1 {
		width: auto;
		margin: 10px 30px;
	}
	
	.divider3 {
		width: 65%;
		height: 2px;
		margin: 10px auto;
	}
	
	.footer1 .pages {
		width: 80%;
		margin: 40px auto 20px auto;
	}
	
	.footer1 .contacting {
		width: 80%;
	}
	
	.divfooter {
		width: 80%;
		margin: 20px auto 40px auto;
		text-align: center;
	}
}


@media screen and (max-width: 1024px) and (min-width: 771px) {
	.divider1 {
		width: 30%;
	}
	
	.content1 {
		margin-top: 55px;
	}
	
	.content0 {
		margin-top: 0px;
	}
	
	/*
	.content0 .logo1 {
		height: 375px;
		margin-top: 54px;
	}
	*/
	
	.content0 .logo1 {
		margin-top: 52px;
	}
	
	.content0 .logo1 p {
		margin: 10px auto;
		font-size: 18px;
		line-height: 20px;
	}
	
	.content0 .welcome {
		width: 90%;
		margin: 20px auto;
	}
	
	.content0 .welcome h1 {
		font-size: 48px;
		letter-spacing: 3px;
	}
	
	.content0 .photo1 {
		height: 375px;
	}
	
	.content1 .photo11 {
		height: 375px;
	}
	
	.content0 .about {
		width: 90%;
		margin: 20px auto;
	}
	
	.content0 .about h1 {
		font-size: 48px;
		letter-spacing: 3px;
	}
	
	.content0 .about h2 {
		width: 85%;
		font-size: 24px;
	}
	
	.content1 .products h2 {
		font-size: 28px;
	}
	
	.content1 .about ul li {
		text-align: center;
	}
	
	.content1 .photo2 {
		width: 300px;
	}
	
	.content1 .photo3 {
		width: 300px;
	}
	
	.content1 .photo4 {
		width: 300px;
	}
	
	.content1 .photo5 {
		width: 300px;
	}
	
	.content1 .photo6 {
		width: 300px;
	}
	
	.content1 .photo7 {
		width: 300px;
	}
	
	.content1 .photo8 {
		width: 300px;
	}
	
	.content1 .photo9 {
		width: 300px;
	}
	
	.content1 .photo10 {
		width: 300px;
	}
	
	.content1 .products {
		margin: 20px auto;
	}
	
	.content1 .products h1 {
		font-size: 48px;
		letter-spacing: 3px;
	}
	
	.content1 .products .button-section .button1, .content1 .products .button-section .button2 {
		width: 325px;
	}
	
	.content1 .products .form {
		width: 100%;
	}
	
	.content1 .references {
		width: 90%;
		margin: 20px auto;
	}
	
	.content1 .references h1 {
		font-size: 48px;
		letter-spacing: 3px;
	}
	
	.content1 .references ul {
		width: 100%;
	}
	
	.map {
		height: 375px;
	}
	
	.content1 .contact1 {
		width: 90%;
		margin: 20px auto;
	}
	
	.content1 .contact1 h1 {
		font-size: 48px;
		letter-spacing: 3px;
	}
	
	.content1 .contact1 p {
		text-align: center;
	}
	
	.content1 .contact1 .contact-info .info1 h1 {
		margin-bottom: 5px;
	}
	
	.input2 {
		width: 315px;
		height: auto;
		margin: 5px 10px;
		box-sizing: border-box;
	}
	
	.divider3 {
		width: 90%;
		height: 2px;
	}
	
	.footer1 .pages {
		width: 90%;
		margin: 40px auto 20px auto;
	}
	
	.divfooter {
		width: 90%;
		margin: 20px auto 40px auto;
		text-align: center;
	}
	
	.content1 .products .motor-photo {
		width: 300px;
		height: 300px;
	}
	
	.content1 .products .gearbox-photo {
		width: 300px;
		height: 300px;
	}
}
	

@media screen and (max-width: 770px) {
	.content0 .finders .finder {
		width: 300px;
		height: auto;
		margin: 10px;
	}
	
	.content0 .finders .finder h1 {
		margin: 10% auto;
		font-size: 24px;
	}
	
	.divider1 {
		width: 30%;
	}
	
	.content0 {
		margin-top: 0px;
	}
	
	.content1 {
		margin-top: 55px;
	}
	
	/*
	.content0 .logo1 {
		height: 180px;
		margin-top: 54px;
	}
	*/
	
	.content0 .logo1 {
		margin-top: 52px;
	}
	
	.content0 .logo1 p {
		display: none;
		margin: 5px auto;
		font-size: 15px;
		line-height: 18px;
	}
	
	.content0 .welcome {
		width: 90%;
		margin: 20px auto;
	}
	
	.content0 .welcome h1 {
		font-size: 36px;
		font-weight: 400;
		letter-spacing: 2px;
	}
	
	.content0 .welcome p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.content0 .photo1 {
		height: 280px;
	}
	
	.content1 .photo11 {
		height: 280px;
	}
	
	.content0 .about {
		width: 90%;
		margin: 20px auto;
	}
	
	.content0 .about h1 {
		font-size: 36px;
		font-weight: 400;
		letter-spacing: 2px;
	}
	
	.content0 .about h2 {
		width: 100%;
		font-size: 24px;
		letter-spacing: 0px;
		word-spacing: 1px;
	}
	
	.content0 .about p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.content0 .about ul li {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	
	.content1 .photo2 {
		width: 265px;
	}
	
	.content1 .photo3 {
		width: 265px;
	}
	
	.content1 .photo4 {
		width: 265px;
	}
	
	.content1 .photo5 {
		width: 265px;
	}
	
	.content1 .photo6 {
		width: 265px;
	}
	
	.content1 .photo7 {
		width: 265px;
	}
	
	.content1 .photo8 {
		width: 265px;
	}
	
	.content1 .photo9 {
		width: 265px;
	}
	
	.content1 .photo10 {
		width: 265px;
	}
	
	.content1 .products {
		margin: 20px auto;
	}
	
	.content1 .products h1 {
		font-size: 36px;
		font-weight: 400;
		letter-spacing: 3px;
	}
	
	.content1 .products h2 {
		font-size: 24px;
	}
	
	.content1 .products .form {
		width: 100%;
	}
	
	.content1 .references {
		width: 90%;
		margin: 20px auto;
	}
	
	.content1 .references h1 {
		font-size: 36px;
		font-weight: 400;
		letter-spacing: 2px;
	}
	
	.content1 .references h2 {
		font-size: 24px;
		letter-spacing: 0px;
		word-spacing: 1px;
	}
	
	.content1 .references p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.content1 .references ul {
		width: 100%;
	}
	
	.content1 .references ul li {
		font-size: 16px;
		line-height: 24px;
	}
	
	.map {
		height: 280px;
	}
	
	.content1 .contact1 {
		width: 90%;
		margin: 20px auto;
	}
	
	.content1 .contact1 h1 {
		font-size: 36px;
		font-weight: 400;
		letter-spacing: 2px;
	}
	
	.content1 .contact1 p {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	
	.content1 .contact1 .contact-info .info1 {
		width: 100%;
		margin: 15px auto;
	}
	
	.content1 .contact1 .contact-info .info1 h1 {
		margin-bottom: 5px;
	}
	
	.input2 {
		width: 100%;
		margin: 0px;
	}
	
	.divider3 {
		width: 90%;
		height: 2px;
	}
	
	.footer1 .pages {
		width: 100%;
	}
	
	.footer1 .pages li {
		margin: 5px 15px;
	}
	
	.footer1 .contacting {
		margin: 10px auto;
	}
	
	.footer1 .contacting li {
		width: 90%;
		margin: 10px auto;
	}
	
	.divfooter {
		width: 90%;
		text-align: center;
	}
	
	.content1 .products ul li {
		width: 100%;
		margin: 5px auto;
	}
	
	.content1 .products .motor-photo {
		width: 150px;
		height: 150px;
		margin: 10px;
	}
	
	.content1 .products .gearbox-photo {
		width: 150px;
		height: 150px;
		margin: 10px;
	}
	
	.content1 .products .repair-photo {
		width: 280px;
		height: 150px;
	}
}