@charset "UTF-8";
/* CSS Document */

.news{
	padding-bottom:5px;
	
	}
.logo a {
	margin-top:15px;
	width: 40px;
	height:40px;
	overflow: hidden;
	display: block;
	background: url(../images/logo.png) no-repeat;
	
}
.logo a h1 {
	font-size: 0px;
	visibility:hidden;
}
	
#home {

    }
	
	#home h2{
		font-size:50px;
		color:#000;

		
    }
	
	#home .lead{
		
			font-size:20px;
			margin-top:-25px;}
	.blue{
		color:#42BCCD;
	}




.service1{
	background-image: url(../images/001.png);
	background-repeat: no-repeat;
	background-size: 320px 320px;
	width: 320px;
	height: 320px;
	margin: 30px auto;
	background-position: 50% 50%;
	
}

.service2{
	background-image: url(../images/002.png);
	background-repeat: no-repeat;
	background-size: 320px 320px;
	width: 320px;
	height: 320px;
	margin: 30px auto;
	background-position: 50% 50%;
	
}

.service3{
	background-image: url(../images/002.png);
	background-repeat: no-repeat;
	background-size: 320px 320px;
	width: 320px;
	height: 320px;
	margin: 30px auto;
	background-position: 50% 50%;
	
}

a:hover .service1{
	 cursor: pointer;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	

}

#portfolio p
{
color:#333;
text-align:center;
}

#becon.welcome-content{
color:#020202;
background: url(../images/Switch_Beacon991.jpg) no-repeat right center;
}

#use.welcome-content{
background: url(../images/Switch_Beacon_img.jpg) no-repeat left center;
position: relative;
}

@media only screen and (max-width: 991px) {
	 #becon.welcome-content{
color:#020202;
background-image: url(../images/Switch_Beacon991.jpg);


}
	
	 #use.welcome-content{
		 background-image: url(../images/Switch_Beacon_img991.jpg);
		 }
		 

	
	
}


 .specimg{
background:url(../images/002.png) no-repeat right center;
height:400px;
width: 200px;

}




.welcome-content h2{
	font-size:28px;
		color:#000;
	
	
}
#service.facts-content{
	background-image: url(../images/stamp_img.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;

	
	
	}

.welcome-content h3{
	font-size: 1.1429em;
margin-bottom: .3em;
		color:#000;

	text-align:left;
	
}

.welcome-content p{
	font-size: 14px;
line-height: 21px;
color:#2E3B4E;
	
}
.mark{
	font-size:24px;
	text-align:center;
	margin:0 auto;
	
}

.services-content table{
	font-size:14px;
}

#facts .facts-content table{
	font-size:14px;
}

.device{
	padding:40px 0;
	color:#2E3B4E;
background:url(../images/002.png) no-repeat right center;
	
}

.device h3{
	color:#000000;
	
}


@media only screen and (max-width: 767px) {
	
	.logo a {
		margin-top:-15px;
		visibility:hidden;
	
}
	
#home h2{
		font-size:50px !important;
		
    }

.stamp{
	background-image: url(../images/jpeg.jpg);
	background-repeat: no-repeat;
	background-size: 280px 280px;
	width: 280px;
	height: 280px;
	margin: 30px auto;
	background-position: 50% 50%;
	
}

.sphowimg{
background-image:url(../images/003.png);
background-repeat:no-repeat;
background-size:cover;
height:400px;
width: 400px;
margin:30px auto;
}


 #becon.welcome-content{

background-image:none;


}


 #use.welcome-content img{
background-image:none;
	height:auto;
	margin:10px auto;
	text-align:center;


}

#service.facts-content{
	background-image:none;




}

 .specimg{

background-size:cover;
height:290px;
width: 290px;
margin:10px auto;

}

.sphowimg{
background-image:url(../images/003.png);
background-repeat:no-repeat;
background-size:cover;
height:290px;
width: 290px;
margin:30px auto;
}


}

#contact p{
	
	color:#2E3B4E;
	text-align:center;
}

.pl10 {
	padding-left:10px;
}
.mb20 {
	margin-bottom:20px;
}