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

.content-gray
{
	background-color: #ededed;
	padding: 20px;
}

.btn-buy
{
	background-color:#8757b2;
	color: white;
}

.metro-caption span {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  cursor: pointer;
  padding: 10px 40px 10px 25px;
  margin-top:10px;
  border: none;
  -webkit-border-radius: 4px 25px 25px 4px;
  border-radius: 4px 25px 25px 4px;
  font: normal 16px/normal Arial Black, Gadget, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #98b73c;
  -webkit-box-shadow: 2px 4px 10px 2px rgba(0,0,0,0.2) ;
  box-shadow: 2px 4px 10px 2px rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}


.metro-gallery .metro-caption {
	z-index: 1;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    width: 100%;

}

.metro-gallery .metro-caption:hover {
    opacity: 1;
}

.metro-gallery .metro-image {
    overflow: hidden;
}

.metro-gallery .metro-image img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    transform: scale(1);
        -webkit-transform: scale(1);
		
min-width: 100%;
    height: auto;
}

.metro-gallery .metro-image:hover img {
    transform: scale(1.25);
        -webkit-transform: scale(1.25);
}






#system-message
{

}

#modlgn-username, #modlgn-passwd
{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.input-group-addon i
{
	display:inline !important;
}




.tab-content
{
	border-bottom: 1px solid #ddd;
}

.img_left
{
	float:left;
	margin-right: 10px;
	width: 380px;
}

.img_right
{
	float:right;
	margin-left: 10px;
}

.center img 
{
	width:75% !important;        
  display:block;
  margin-left:auto;
  margin-right:auto;
}


.img_right, .img_left
{
	margin-left: 10px;
	width: 350px;
}

@media (max-width: 750px) 
{
	.img_left, .img_right
	{
		float:none;
		
	}
}

.screen-gallery h2
{
	font-size:30px !important;
	font-family: Open Sans, sans-serif;
  	font-weight: 600;
	text-transform:none !important;
}
	

#sp-right, #sp-user, #sp-bottom, #sp-top-bar
{
	background: #f0f0f0 !important;
}

#sp-right
{
	padding-top: 10px;
	padding-bottom: 20px;
}

#sp-main-body
{
	padding: 50px 0 !important;
}

#sp-user
{
	
}

#sp-feature
{
	
}

#mod-finder-searchword
{
	float:right;
}

.social-icons i
{
	font-size:20px;
	line-height: 18px;
	
}