html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*-------------------------------------------section--------------------------- -------------------*/



.slide {
    position: absolute;
    margin-top: 00px;
    opacity: 0;
    z-index: 10;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
	
}

.showing {
    opacity: 1;
}

#slide1{
	width:100%;
	min-height:200px;
	max-height: 400px;
	position: relative;

}
#slide2{
	width:100%;
	min-height:200px;
	max-height: 400px;
	position: relative;
}
#slide3{
	width:100%;
	min-height:200px;
	max-height: 400px;
	position: relative;
}

#title{
	font-size: 2vmax;
	font-size: 6vmax;
	font-weight:bold;
	text-align: center;
	margin-top: 400px;
}
		@media screen and (max-width:1000px){
			#title{
				margin-top:330px;
			}
		}
		@media screen and (max-width:900px){
			#title{
				margin-top:300px;
			}
		}
		@media screen and (max-width:800px){
			#title{
				margin-top:270px;
			}
		}
		@media screen and (max-width:650px){
			#title{
				margin-top:220px;
			}
		}
		

.three{
	font-size: 0.5vmax;
	font-size: 3vmax;
	font-weight:bold;
	text-align: center;
	margin-top: 40px;
}


.services{
	font-size: 5vmax;
	font-size: 6vmax;
	text-align:center;
	margin-top: 60px;
}
.line1 {
	
	width: 70%;
	height:3px;
	background-color: #0682CD;
	margin-top: 5px;
	margin:auto;
}




#extpic{
	margin-top: 30px;
	margin-left: 17%;
	width: 100px
}
#refurbpic{
	margin-left: 20%;
	width:100px;
}
#mainpic{
	margin-left: 20%;
	width:100px;
}
.Extentions{
	margin-left: 15%;
	margin-top: 20px;
	list-style-type: circle;
	line-height: 2;
	font-size: 20px;
	
}

.Refurb{
	margin-left: 42%;
	margin-top:-265px;
	list-style-type: circle;
	line-height: 2;
	font-size: 20px;
}
.Main{
	margin-left: 70%;
		margin-top:-304px;
	list-style-type: circle;
	line-height: 2;
	font-size: 20px;
}

@media screen and (max-width:800px){
	#extpic, #refurbpic, #mainpic{
		display:none;
	}
	.Extentions{
		margin:auto;
		text-align:center;
		width:100%;
		margin-top: 20px;
		list-style-type: circle;
		line-height: 2;
		font-size: 15px;
		background-color: none;
		
	}
	.Refurb{
		margin:auto;
		text-align:center;
		width:100%;
		margin-top:20px;
		list-style-type: circle;
		line-height: 2;
		font-size: 15px;
			background-color: none;
	}
	.Main{
		margin:auto;
		text-align:center;
		width:100%;
		margin-top:20px;
		list-style-type: circle;
		line-height: 2;
		font-size: 15px;
			background-color: none;
	}
	
}

.why{
	margin-left: 15%;
	margin-top: 100px;
	font-size: 35px;
}
.whyinfo{
	margin-top:20px;
	margin-left: 13%;
	font-size: 20px;
	max-width: 400px;
}
		@media screen and (max-width:1000px){
			.why{
				margin-left: 8%;
			}
			.whyinfo{
				margin-left: 5%;
			}
			
		}
.review{
	font-size:35px;
	margin-left: 63%;
	margin-top:-255px;
	
}
.reviewinfo{
	font-size:20px;
	margin-left: 58%;
	margin-top:20px;
	min-width:200px;
	max-width: 400px;
}
.box{
	margin-top: -270px;
	width:100%;
	height: 300px;
	background-color: #A6A4AA;
}

	@media screen and (max-width:920px){.box{margin-top:-290px;}}

@media screen and (max-width:800px){
	.review,.reviewinfo{
		display:none;
	}
	.why{
		text-align:center;	
		margin:auto;
		margin-top: 20px;
		font-size: 35px;
	}
	.whyinfo{
		margin:auto;
		margin-top:20px;
		text-align:center;
		width:90%;
		font-size: 18px;
	}
	.box{
		margin-top:-250px;
		height: 270px;
	}
}
@media screen and (max-width:365px){.box{margin-top:-300px;height:300px;}}