/* 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, 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, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; 	padding:0; 	border:0;	font:inherit;	font-size:100%;	vertical-align:middle;}
* { 	padding:0px;	margin:0px;	border:none;	outline:none; }
html, body { font-family:Arial ;	font-size: 15px;	color: #616161;	height:100%;	width:100%;}
body {	margin:0px;	padding:0px;	width:100% !important;	height:100% !important; }

h1 { font-size:46px; text-align:center; line-height:24px; color:#01baf3; font-weight:300; line-height:30px; width:100%; margin:30px auto 0px auto;  }
h2 { font-size:30px; line-height:40px; color:#0089d0;  font-weight:300; text-align:left;  }
h3 { font-size:20px; line-height:50px; color:#7f7f7f; font-weight:300; }
h4 { font-size:21px; color:#0094aa; font-weight:300; }
h5 { font-size:18px; color:#757373; font-weight:300; line-height:24px; }

header { width:100%;  max-width:100%; margin:0px auto auto auto; height:50px; border-bottom:2px solid #d3d3d3; border-top:0px solid #d3d3d3;      }
header .content { width:1200px; margin:0px auto auto auto; line-height:3.5em; max-width:100%; font-size: 15px;  }
header .content  .top_menu{ margin:0px; padding:0px; text-align:left; float:left; max-width:100%; }
header .content  .top_menu a{ text-decoration:none; color: #616161; }
header .content  .phone{ margin:0px; padding:0px; text-align:right; float:right; }

#top_header {  width:100%;  border-top:0px solid #d3d3d3; border-bottom:2px solid #d3d3d3;   max-width:100%; margin:0px auto auto auto; height:140px; } 
#top_header .content { width:1200px; margin:0px auto 0px auto; max-width:100%;   }
#top_header .content  .logo{ margin:35px 0px 0px 0px; padding:0px; float:left; text-align:left;} #top_header .content img { width:95%; text-align:center; }
#top_header .content  .nav{ margin:50px 0px 0px 0px; padding:0px; text-align:right; float:right; font-size: 20px; font-weight:400; text-transform:uppercase; }
#top_header .content  .nav a{ text-decoration:none; color: #616161; }
#top_header .content  .nav img{ width:auto; margin-left:60px; }

#banner { width:937px; display:block; margin:20px auto 0px auto;  max-width:100%;   } #banner img { width:100%; }

#container {  width:937px;  max-width:100%; margin:0px auto 0px auto;  }
#container .col1{ width:33.1%; height:250px; max-width:100%; display:block; margin:50px 0%; padding:20px 0px; float:left; border:1px solid #c1c1c1; text-align:center;}
#container .col1:first-child { margin-left:0px;}
#container .col1:last-child{ margin-right:0px;}


#services {  width:937px;   margin:0px auto 0px auto;  }
#services .col1{ width:290px; height:245px;  display:block; margin:8px 0px 6px 0px; padding:0px 22px 0px 0px; float:left; border:0px solid #c1c1c1; text-align:center; font-size:22px; line-height:24px; color:#000; vertical-align:top; }
#services .col1 img{ border:3px solid #000; }
#services .col1:first-child { margin-left:0px;}
#services .col1:last-child{ margin-right:0px;}


#contact {  width:800px;  max-width:100%; margin:0px auto 0px auto;  }
#contact .col1{ width:400px; height:auto; max-width:100%; display:block; margin:30px 0 20px 0; padding:0px 0px 0px 0px; float:left; border:0px solid #c1c1c1; text-align:center; font-size:22px; line-height:24px; color:#000; vertical-align:top;} 

#video {  width:937px;  max-width:100%; margin:0px auto 50px auto;  }
#video .col1{ width:937px; height:auto; max-width:100%; display:block; margin:30px 0 0px 0; padding:10px 0px 10px 0px; text-align:center; border:0px solid #c1c1c1; text-align:center; font-size:22px; line-height:24px; color:#000; vertical-align:top;} 







@media only screen and (max-width : 560px){
	body{
		    padding: 5px 5%;
		    width: 90% !important;
		    height: auto !important;
	}
	.img_responsive{
		width: 100%;
		height: auto;
	}
	#services{
		width: 100%;
	}
	#services .col1{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		margin-bottom: 15px;
	}
	#services .col1 img{
		width: 98%;
	}
	#contact{
		width: 100%;
	}
	#contact .col1{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		margin-bottom: 15px;

	}
	#contact .col1 img{
		width: 100%;
		height: auto;
	}
	#video .col1{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		margin-bottom: 15px;
	}

}

@media only screen and (min-width: 561px) and (max-width : 750px){
	body{
		    padding: 5px 5%;
		    width: 90% !important;
		    height: auto !important;
	}
	.img_responsive{
		width: 100%;
		height: auto;
	}
	#services{
		width: 100%;
	}
	#services .col1{
		    width: 46%;
    height: auto;
    margin: 2%;
		padding: 0px;
	}
	#services .col1:first-child{
		margin-left: 2%;
	}
	#services .col1 img{
		width: 100%;
	}
	#contact{
		width: 100%;
	}
	#contact .col1{
		width: 46%;
    height: auto;
    margin: 2%;
		padding: 0px;
	}
	#contact .col1 img{
		width: 100%;
		height: auto;
	}
	#video .col1{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		margin-bottom: 15px;
	}

}


@media only screen and (min-width: 751px) and (max-width : 970px){
	body{
		    padding: 5px 5%;
		    width: 90% !important;
		    height: auto !important;
	}
	.img_responsive{
		width: 100%;
		height: auto;
	}
	#services{
		width: 100%;
	}
	#services .col1{
		       width: 31%;
    height: auto;
    margin: 1%;
    padding: 0px;
	}
	#services .col1:first-child{
		margin-left: 1%;
	}
	#services .col1 img{
		width: 100%;
	}
	#contact{
		width: 100%;
	}
	#contact .col1{
		width: 46%;
    height: auto;
    margin: 2%;
		padding: 0px;
	}
	#contact .col1 img{
		width: 100%;
		height: auto;
	}
	#video .col1{
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		margin-bottom: 15px;
	}

}