*{	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box}

@font-face {
    font-family: 'aaarghnormal';
    src: url('../fonts/aaargh-webfont.eot');
    src: url('../fonts/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aaargh-webfont.woff2') format('woff2'),
         url('../fonts/aaargh-webfont.woff') format('woff'),
         url('../fonts/aaargh-webfont.ttf') format('truetype'),
         url('../fonts/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comfortaabold';
    src: url('../fonts/comfortaa-bold_0-webfont.eot');
    src: url('../fonts/comfortaa-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/comfortaa-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/comfortaa-bold_0-webfont.woff') format('woff'),
         url('../fonts/comfortaa-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/comfortaa-bold_0-webfont.svg#comfortaabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
	
body{font:16px/1.5 Calibri;
	background:#1d1d1d;}

ul{list-style:none}

a{text-decoration:none}

.clear{ clear:both }

#container{ position:relative;}

.logo{
	width:342px;
	height:60px;
	float:left;
	margin:10px 60px;
	background:url(../images/logo.png)no-repeat;
}

.navWrapper{
	width:100%;
	height:74px;
	background:black;
	position:fixed;
	opacity:0.9;
}
		
.nav{
	width:100%;
	height:74px;
	font-family:'aaarghnormal';
}		

.nav .mobileNav{display:none}

.nav ul{
	float:right;
}

.nav li{
	float:left;
}

.nav li a{
	color:white;
	display:block;
	padding:25px 15px;
}

.nav li a:hover{
	background:#cc0000;
	transition:All 0.5s;
}

.active {
  background:#cc0000;
}
			
.homepage{
	background:url(../images/homebg01.jpg)no-repeat;
	width:100%;
	height:670px;
	margin:0px auto;
	background-size:cover;
}			
			
			
.welcome{
	width:960px;
	margin:auto;
	text-align:center;
	padding-top:200px;
}


.welcome ul{
	background:url(../images/welcomebg.png)no-repeat;
	font-size:18px;
}

.welcome li{
	padding:15px 60px;
}

.welcome h1{
	font-family:'comfortaabold';
}

.mystyle{
	color:#cc0000;
	
}

.wrapperabout{
	width:100%;
	height:674px;
	background:#141414;	
}

.about{
	width:960px;
	margin:auto;
	text-align:center;
	padding-top:94px;
}

.about h1{
	color:white;
	font-size:40px;
}

.about p{
	font-size:18px;
	color:white;
	padding:10px 90px;
}

.owner{
	padding:40px 0 0 0;
	
}	

.wrapperservices{
	width:100%;
	height:824px;
	background:#1d1d1d;	
}

.services{
	width:940px;
	margin:auto;
	padding-top:94px;
	text-align:center;
}

.services h1{
	color:white;
	font-size:40px;
}

.services h2{
	font-family:'comfortaabold';
}	
	
.services li{
	width:271px;
	float:left;
	margin-left:40px;
	padding-top:80px;
}

.services p{
	color:white;
	padding-top:20px;
	padding-bottom:30px;
	text-align: justify;
}

.services .green{
	color:#73ba5e;
}

.services .red{
	color:#e44041;
}

.services .yellow{
	color:#ecb835;
}

.services .rm{
	width:112px;
	height:45px;
	font-size:18px;
	text-align:center;
	background:#ad0101;
	color:white;
	padding:8px 30px;
	border-radius:5px;
}

.wrappercontact{
	width:100%;
	height:660px;
	background:#141414;	
}	

.contact{
	width:960px;
	margin:0px auto;
	text-align:center;
}

.contact h1{
	color:white;
	font-size:40px;
	padding-top:94px;
}

.contact p{
	color:white;
	padding:20px 100px;
}

.contfom{
	width:960px;
	margin:auto;
	padding:20px 15px 15px 20px;
	color:white;
	text-align:left;
}

.contfom ul {
	float:left;
	margin-left:40px;	
}

.contfom p{
	padding:10px 0px 0px 0px;
}

input{
	width:410px;
	height:45px;
	background:#252525;
	border:none;
	color:white;
	text-indent:10px;
}

.holder{
	color:red
}

.lholder{
	color:#c9c9c9
}

textarea{
	width:410px;
	height:168px;
	background:#252525;
	border:none;
	resize:none;
	color:white;
	text-indent:10px;
	font-size:16px;
	font-family:Calibri;
}
	
input[type=submit]{
	width:100px;
	height:40px;
	font-size:16px;
	background:#720404;
	border:none;
	color:white;
}

input[type=submit]:hover{
	background:red;
}	

.mapsmob{
	display:none;
}

.maps{
	width:380px;
	height:145px;
	margin-top:10px;
}

.wrappersocial{
	width:100%;
	height:90px;
	background:#1d1d1d;
}

.social{
	width:960px;
	height:auto;
	margin:0px auto;
	padding-top:20px;
	text-align:center;
}

.social h1{
	color:white;
	font-size:26px;
	font-weight:normal;
}

.mediawrapper{
	width:960px;
	height:100px;
	margin:auto;
}

.copyright{
	width:960px;
	height:auto;
	margin:auto;
	text-align:center;
	padding-top:20px;
}

.copyright p{
	color:white;
}

/*smart phone*/
@media(min-width:320px) and (max-width:480px)
{

.navWrapper{
	width:100%;
	height:112px;
	background:black;
	position:fixed;
	opacity:0.9;
}

.logo{
	width:100%;
	height:91px;
	margin-top:10px;
	background:url(../images/logo2.png)no-repeat;
}
		
.nav .mainNav{display:none}

.nav .mobileNav{
	display:block;
	width:100%;
	height:30px;
	margin:auto;
	position:relative;
	background:#ca0000;
	color:white;
	margin-top:0px;
	border:none;
	text-align:center;
	font-size:16px;
	font-family:'aaarghnormal';
}

.homepage{
	background:url(../images/homebgmob.jpg)no-repeat;
	width:100%;
	height:521px;
	margin:0px auto;
	background-size:cover;
}

.welcome{
	width:100%;
	margin:auto;
	text-align:center;
	padding-top:180px;
}
.welcome h1{
	font-size:22px;
	text-align:center;
}

.welcome ul{
	background:url(../images/welcomebgmob.png)no-repeat;
	font-size:16px;
	width:320px;
	height:280px;
	margin:auto;
	text-align:justify;
}

.welcome li{
	padding:10px 10px;
}

.wrapperabout{
	width:100%;
	height:764px;
	background:#141414;	
}

.about{
	width:100%;
	margin:auto;
	text-align:center;
	padding-top:44px;
}

.about h1{
	font-size:28px;
}

.about p{
	font-size:16px;
	color:white;
	padding:10px 20px;
	text-align:justify;
}

.owner{
	padding:15px 0 0 0;
	
}

.wrapperservices{
	width:100%;
	height:1730px;
	background:#1d1d1d;	
}

.services{
	width:100%;
	margin:auto;
	padding-top:44px;
	text-align:center;
}

.services h1{
	font-size:28px;
	
}

.services li{
	width:100%;
	float:right;
	padding:30px 20px;
}

.services p{
	color:white;
	padding-top:20px;
	padding-bottom:30px;
	text-align:justify;
}

.wrappercontact{
	width:100%;
	height:1040px;
	background:#141414;	
}	

.contact{
	width:100%;
	margin:0px auto;
	text-align:center;
}

.contact h1{
	font-size:28px;
	padding-top:34px;
}

.contact p{
	color:white;
	padding:20px 10px;
	text-align:justify;
}

.contfom{
	width:100%;
	margin:auto;
}

.contfom ul {
	float:none;
	margin-left:0px;	
}

input{
	width:100%;
	margin:auto;
}

textarea{
	width:100%;
}	

.maps{
	width:100%;
	height:100%;
	margin-top:10px;
}
	
.wrappersocial{
	width:100%;
	height:207px;
	background:#1d1d1d;
}

.social{
	width:100%;
}

.social h1{
	color:white;
	font-size:26px;
	font-weight:normal;
}

.copyright{
	width:100%;
	height:90px;
}

}
/*Tablet*/
@media (min-width: 1280px) and (min-height: 768px)
{
.navWrapper{
	width:100%;
	height:112px;
	background:black;
	position:fixed;
	opacity:0.9;
}
.logo{
	width:30%;
	height:91px;
	margin-top:10px;
	background:url(../images/logo2.png)no-repeat;
}

.nav li a{
	padding:44px 15px;
}

.welcome{
	width:100%;
	margin:auto;
}

.welcome ul{
	background:url(../images/welcomebg.png)no-repeat;
	width:90%;
	margin:auto;
}

.welcome li{
	padding:10px 40px;
}

.about{
	width:100%;
	padding-top:110px;
}

.wrapperservices{
	width:100%;
	height:1560px;
}

.services{
	width:100%;
	margin:auto;
	padding-top:110px;
}

.services li{
	width:100%;
	float:none;
	margin-left:0px;
	padding-top:60px;
}

.services p{
	margin:0px 10px;
}

.wrappercontact{
	width:100%;
	height:1040px;
}

.contact{
	width:100%;
	padding-top:20px;
	text-align:center;
}

.contfom{
	width:100%;
	margin:auto;
}

.contfom ul {
	float:none;
	margin-left:0px;	
}

input{
	width:100%;
}

textarea{
	width:100%;;
}

.maps{
	width:100%;
	height:100%;
	margin-top:10px;
}

.wrappersocial{
	width:100%;
	height:90px;
}

.social{
	width:100%;
	height:auto;
}

.copyright{
	width:100%;
}

}