@charset "utf-8";
body
{
	background-color:#FFF;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
*
{
	transition:all 1s;
}
ul,ol,li,h1,h2,h3,h4,h5,h6
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
}
#wrapper {
	width: 100%;
	margin: 0px auto;
}
img
{
	max-width:100%;
}
.section {
	margin: 0px;
	padding: 0px;
	clear:both;
}
.group:before, .group:after
{
	content:"";
	display:table;
}
.group:after
{
	clear:both;
}
.group
{
	zoom:1;
}
.col
{
	display:block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child
{
	margin-left:0%;
}
.container
{
	width:80%;
	margin:0px auto;
	text-align:center;
	position:relative;	
}
.span_5
{
	width:3.4%;
}
.span_10
{
	width:8.4%;
}
.span_15
{
	width:13.4%;
}
.span_18
{
	width:16.4%;
}
.span_20
{
	width:18.4%;
}
.span_25
{
	width:23.4%;
}
.span_27
{
	width:25.4%;
}
.span_30
{
	width:28.4%;
}
.span_303
{
	width:28.4%;
}
.span_33
{
	width:31.4%;
}
.span_40
{
	width:38.4%;
}
.span_45
{
	width:43.4%;
}
.span_50
{
	width:48.4%;
}
.span_60
{
	width:58.4%;
}
.span_70
{
	width:68.4%;
}
.span_707
{
	width:68.4%;
}
.span_75
{
	width:73.4%;
}
.span_80
{
	width:78.4%;
}
.span_100
{
	width:100%;
}
.row
{
	width:100%;
}
#content
{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}
.clear
{
	clear:both;
}
#center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.phone
{
	padding-top:8px;
}
.phone a
{
	text-decoration:none;
	color:#000;
}
.phone a:hover
{
	text-decoration:underline;
	color:#00afd1;
}
.mobile
{
	margin-top:30px;
	text-align:right;
}
#logo
{
	text-align:center;
}
.red
{
	background-color:red;
}
#menu
{
	text-align:center;
	margin:0px;
	height:80px;
}
#menu ul li
{
	display:block;
	float: left;
	margin:25px 50px 0px 0px;;
}
#menu ul li a
{
	color: #444;
	text-decoration: none;
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:10px 15px;
	border-radius:5px;
}
#menu ul li:hover
{
	border-bottom:solid 2px #00afd1;
}
#social
{
	text-align:center;
}
#social img
{
	width:70px;
	margin:5px;
}
#contact-link a
{
	color:#666;
	text-decoration:none;
}
#contact-link a:hover
{
	text-decoration:underline;
}
#welcome
{
	font-weight:lighter;
	text-align:center;
	color:#00afd1;
}
#header
{
	background-color:#444444;
	color:#FFF;
	padding:10px 0px;
	text-align:center;
}
#header a:hover
{
	text-decoration:underline;
}
#header a
{
	color:#FFF;
	text-decoration:none;
}
#welcome2
{
	font-weight:lighter;
	text-align:center;
	color:#00afd1;
}
h2#welcome
{
	text-align:left;
}
h3#welcome
{
	text-align:left;
}
#tags-link a
{
	color:#FFF;
	text-decoration:none;
}
#tags-link a:hover
{
	text-decoration:underline;
}
#box-3
{
	background-color:#00afd1;
	color:#FFF;
	padding: 10px 0px;
}
.box-border
{
	
}
.box-border p
{
	margin:5px 10px;
}
#new-links a
{
	color:#00afd1;
	text-decoration:none;
}
#new-links a:hover
{
	color:#000;
	text-decoration:underline;
}
#new-links ul li
{
	padding:5px;
}
#services
{
	text-align:center;
}
#services p
{
	color:#666;
	text-align:justify;
}
#services a
{
	text-decoration:none;
}
.tags h3
{
    margin: 10px 0px;
}
.blog h3 a
{
	color:#00afd1;
	text-decoration:none;
}
.blog h3 a:hover
{
	text-decoration:underline;
}
#auto-services h3
{
	text-align:left;
	color:#00afd1;
}
#footer-bg
{
	background-color:#1c1c1c;
	color:#fff;
}
#footer-bg2
{
	background-color:#00afd1;
}
#copy
{
	color:#FFF;
	font-size:14px;
}
#copy a
{
	color:#FFF;
	text-decoration:none;
}
#copy a:hover
{
	text-decoration:underline;
}
#tags a
{
	color:#00afd1;
	text-decoration:none;
}
#tags a:hover
{
	text-decoration:underline;
}
.marq
{
	text-align:left;
	color:#00afd1;
}
#winx
{
	text-align:right;
}
#winx a
{
	color:#FFF;
	text-decoration:none;
	font-size:14px;
}
#winx a:hover
{
	text-decoration:underline;
}
#hide
{
	text-align:center;
}
#hidde
{
	text-align:center;
	display:none;
}
.about
{
	margin-top:20px;
}
.link2
{
	background-color:#1c1c1c;
	color:#FFF;
	padding: 7px;
}
.link a
{
	color:#00afd1;
	text-decoration:none;
}
.link a:hover
{
	text-decoration:underline;
}
.box-border .link2 a
{
	color:#fff;
	text-decoration:none;
	
}
.box-border .link2 a:hover
{
	
}
.more
{
	border:1px red solid;
	padding:10px;
	margin: 0% 40%;
	text-align: center;
	border-radius:20px;
}
.more:hover
{
	background-color:red;
	color:#FFF;
}
.more:hover a
{
	color:#FFF;
}
.more a
{
	text-decoration:none;
	color:red;
	padding: 10px;
}
.more a:hover
{
	color:#FFF;
}
.scial
{
	text-align:left;
}
.scial img
{
	width:55px;
}
.scial h3
{
	margin:10px 0px;
}
.contact h3
{
	margin-top:10px;
}
.contact p
{
	font-size: 18px;
}
.contact a
{
	color:#fff;
	text-decoration:none;
}
.contact a:hover
{
	text-decoration:underline;
}
#contact-us
{
	text-align:left;
}
.button input
{
	background-color:red;
	color:#FFF;
	border: none;
	padding: 10px 35px;
}
.button input:hover
{
	background-color:#CCC;
	color:red;
}
@media only screen and (max-width:1024px)
{
	.col
	{
		margin: 1% 0%;	
		float:left;
	}
	.span_5, .span_15, .span_33, .span_303, .span_707
	{
		width:100%;
	}
	.mobile
	{
		text-align:center;
	}
	.phone
	{
    	padding-top: 8px;
    	text-align: center;
	}
	div#menu
	{
    	width: 80%;
	}
	.container
	{
		width:100%;
		margin:0px auto;
		position:relative;
	}
	#content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	}
	.more
	{
		margin: 0% 35%;
	}
}
@media only screen and (max-width:1310px) and (min-width:1201px)
{
	#menu ul li
	{
		margin: 25px 35px 0px 0px;
	}
}
@media only screen and (max-width:1200px) and (min-width:1136px)
{
	#menu ul li
	{
		margin: 25px 25px 0px 0px;
	}
}
@media only screen and (max-width:1135px) and (min-width:1025px)
{
	#menu ul li
	{
		margin: 25px 10px 0px 0px;
	}
}
@media only screen and (max-width:1024px) and (min-width:1001px)
{
	#menu ul li
	{
		margin: 25px 40px 0px 0px;
	}
	#menu ul li a
	{
		padding: 10px 15px;
	}
}
@media only screen and (max-width:1000px) and (min-width:925px)
{
	#menu ul li
	{
		margin: 25px 50px 0px 0px;
	}
}
@media only screen and (max-width:924px) and (min-width:769px)
{
	#menu ul li
	{
		margin: 25px 25px 0px 0px;
	}
}
@media only screen and (max-width:1000px) and (min-width:769px)
{
	#menu ul li a
	{
		padding: 5px;
	}
}
@media only screen and (max-width:768px)
{
	.col
	{
		margin: 1% 0%;	
		float:left;
	}
	.span_20, .span_25, .span_30, .span_33, .span_40, .span_45, .span_50, .span_60, .span_70, .span_75, .span_80, .span_100
	{
		width:100%;
	}
	.container
	{
		width:100%;
		margin:0px auto;
		position:relative;
	}
	#content
	{
		width: 90%;
		margin-left:auto;
		margin-right:auto;
	}
	#menu
	{
		height:auto;
		line-height:normal;
		
	}
	div#menu
	{
    	width: 100%;
	}
	#menu ul li 
	{
		display: block;
		clear:both;
		width:50%;
		text-align:center;
		margin: 0.5% 25%;
		background-color: #00afd1;
		border-radius:5px;
	}
	#menu ul li:hover
	{
		background-color:#000;	
	}
	#menu ul li a
	{
		padding:10px;
		color:#fff;
		border: 1px #000 Solid;
	}
	#menu ul li:hover
	{
		border-bottom:none;
	}
	#header
	{
		position: fixed;
		z-index: 10000;
	}
	#top-mrg
	{
		margin-bottom:40px;
	}
	#whatsapp
	{
		display:block !important;
		position: fixed;
		bottom: 8px;
		left: 15px;
		z-index:10000000000000;
	}
	#whatsapp2
	{
		display:block !important;
		position: fixed;
		bottom: 8px;
		right: 15px;
		z-index:10000000000000;
	}
	#hide-call
	{
		display:block !important;
		background-color:#00AFD1;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index:1000000;
		width:100%;
		padding: 16px;
		text-align:center;
	}
	#hide-call a
	{
		text-decoration:none;
		color:#fff;
	}
	#footer-bg2
	{
		margin-bottom: 50px;
	}
}
@media only screen and (max-width:680px)
{
	.more
	{
		margin: 0% 30%;
	}
}
@media only screen and (max-width:530px)
{
	.more
	{
		margin: 0% 25%;
	}
}
@media only screen and (max-width:410px)
{
	.more
	{
		margin: 0% 20%;
	}
}
@media only screen and (max-width:340px)
{
	.more
	{
		margin: 0% 15%;
	}
}
@media only screen and (max-width:500px)
{
	#menu ul li
	{
		width: 90%;
		margin: 0.5% 5%;
	}
}
@media only screen and (max-width:550px)
{
	#hide
	{
		display:none;
	}
	#hidde
	{
		display:block;
	}	
}
#whatsapp, #whatsapp2
{
	display:none;
}
#hide-call
{
	display:none;
}