@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Limelight');
 @font-face { font-family: Limelight; src: url('../fonts/Limelight-Regular.ttf'); } 
      h1 {
         font-family:'Limelight', conthrax-sb;
      }
p{color:#fff;text-indent:15px;}
a{color:#fff;}
body{font-family: sans-serif;
	background:#333;
	color: #343434;
	margin: 0;
	padding: 0;
}
/*MUST USE IF OVER FLOW NOT WORKING*/
html, body {
    overflow-x: hidden;
    width: 100%;
}
/*MUST USE IF OVER FLOW NOT WORKING*/
#more_info a:hover{background:#11fcd9;color:#333;
	border-bottom-right-radius:60px;border-top-left-radius:60px;
	border-left:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-top:2px solid #11fcd9;
	border-right:6px solid grey;
	border-bottom:1px solid grey;
	border-bottom:2px solid grey;
	


}
#more_info a{z-index:1;display:block;float:left;border:0px solid red;
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:40px;
	height:115px;
	width:95%;
	font-size:24px;
	line-height:115px;
	text-align:center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,333333+41,333333+53&0+0,1+50 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(51,51,51,0.82) 41%, rgba(51,51,51,1) 50%, rgba(51,51,51,1) 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(51,51,51,0.82) 41%,rgba(51,51,51,1) 50%,rgba(51,51,51,1) 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(51,51,51,0.82) 41%,rgba(51,51,51,1) 50%,rgba(51,51,51,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	
	
		border-bottom-right-radius:60px;border-top-left-radius:60px;
	border-left:2px solid #333;
	border-top:0px solid #11fcd9;
	border-top:0px solid #11fcd9;
	border-right:6px solid grey;
	border-bottom:1px solid grey;
	border-bottom:2px solid grey;
	
}
#top_background_texture{z-index:-1;
	/*background-image: url("../images/kinsweb_img/paper_hd.png");
    background-repeat: repeat-y repeat-x;
	background-size:150px 150px;*/
	background:grey;
	position:absolute;
	top:0px;
	width:100%;
	height:290px;
	left:0px;
	
}
#web_design_logo_h2 h2{color:#fff!important;}
#web_design_logo_h2{border:0px solid green;
	position:relative;
	width:100%;
	min-width:100px;
	max-width:1200px;
	height:auto;
	line-height:60px;
	left:0;
	right:0;
	margin: 0 auto;
	display:block;
	text-align:center;
	letter-spacing:4px;
	font-size:32px;

	font-family:'Limelight', conthrax-sb;
}
#content1{border:0px solid blue;
position:relative;
	max-width:1100px;
	width:100%;
	top:0px;
	height:auto;

	display:block;
	margin:0 auto;
	left:0;
	right:0;
}
#content_text{background:none;
color:#fff;
	position:relative;
	top:0px;
	
	width:90%;
	height:auto;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	
}


/*????????????????????*/	





.feat_decail{z-index:1;background:#fff;
	width:35%;
	padding:4px;
	height:auto;
	position:absolute;
	top:-25px;
	
	left:-600px;
	right:0;
	margin-left:auto;
	margin-right:auto;
	
	 -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
  #EverythingContainerMaster > #EverythingContainer a > img, #EverythingContainerMaster > #EverythingContainerCenter a > img, #EverythingContainerMaster > #EverythingContainerRight a > img{
	width:180px;
	 outline: 0px solid white;
  outline-offset: -8px;
  -webkit-border-radius: 10px!important;
-moz-border-radius: 10px!important;
border-radius: 10px!important;
margin-top:5px;
}

/*****************************/
#EverythingContainerMaster:active  #EverythingContainer, #EverythingContainerRight{background:#11fcd9;opacity:0.9;}
	#EverythingContainer, #EverythingContainerRight {
	opacity:0.5;}
 #EverythingContainerMaster{border:2px solid #fff;z-index:-1;border-top-left-radius: 25px;border-top-right-radius: 25px;
		position:absolute;
		margin-left:auto;
		margin-right:auto;
		padding:35px;
		top:400px;
		left:0;
		right:0;
		background-image: url("../images/active_backgroundFIXlong.gif");
    background-repeat: repeat-y repeat-x;
	background-size:100% 100%;
		width:606px;
		height:auto;
		
	  }
  #EverythingContainer{z-index:-1;border-right:0px solid grey;/*border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;*/
		position:relative;
		display:block;
		float:left;
		top:0px;
		left:0px;
		background:none;
		width:200px;
		height:280px;
		opacity:0.5;
	  }
	   #EverythingContainer a {color:grey;
		display: block;
		
		}
	 
	  
 
	  #EverythingContainerCenter{border-right:0px solid grey;
		position:relative;
		display:block;
		float:left;
		top:0px;
		left:0px;
		background:none;
		width:200px;
		height:280px;
	  }
	    #EverythingContainerCenter a {color:grey;
		display: block;}
	#EverythingContainer:hover, #EverythingContainerRight:hover {border-right:0px solid grey;

		background:#333;
		color:red;
		  -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	} 
	
		  #EverythingContainerRight{border-right:0px solid grey;
		position:relative;
		display:block;
		float:left;
		top:0px;
		left:0px;
		background:none;
		width:200px;
		
		height:280px;
	  }
	  
	  #EverythingContainerRight a {color:grey;
		display: block;}
	  
	 
		  #EverythingTextRight a, #EverythingTextCenter a,  #EverythingText a{border:0px solid green;
	  text-align:center;
	line-height:60px;
	color:#000;
	text-decoration:none;
	  }
	  
	#EverythingContainerRight #EverythingTextRight #hover_link {font-size:11px;

	
	}
	 #EverythingTextRight #hover_link_two {text-decoration:none;
	
	}
	#EverythingContainer #EverythingText  #hover_link:hover {
	text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}
	#EverythingContainer #EverythingText  #hover_link_two:hover {
		text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
			  -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	
	}  
	#EverythingContainerCenter #EverythingTextCenter  #hover_link:hover {
		text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}
	#EverythingContainerCenter #EverythingTextCenter  #hover_link_two:hover {
			text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
		
	}
	#EverythingContainerRight #EverythingTextRight  #hover_link:hover {
			text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
		
	}
	#EverythingContainerRight #EverythingTextRight  #hover_link_two:hover {
		
			text-decoration:underline;background:#11fcd9;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}


	
	
	#EverythingContainer #EverythingText  #hover_link {border-top-left-radius: 0px;
	text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}
	#EverythingContainer #EverythingText  #hover_link_two{border-top-left-radius: 0px;
		text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
			  -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	
	}  
	#EverythingContainerCenter #EverythingTextCenter  #hover_link{
	text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}
	#EverythingContainerCenter #EverythingTextCenter  #hover_link_two{
	text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
		
	}
	#EverythingContainerRight #EverythingTextRight  #hover_link{
	text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
		
	}
	#EverythingContainerRight #EverythingTextRight  #hover_link_two {	
	text-decoration:none;background:#afafaf;
	border-top-left-radius: 25px;
	 -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
	}
	
	
	
	
	.image_1a:hover, .image_2b:hover{background:#11fcd9;border:0px solid red;
	/*	border-bottom-right-radius:60px;border-top-left-radius:60px;
	border-left:0px solid #333;
	border-top:0px solid #11fcd9;
	border-top:0px solid #11fcd9;
	border-right:0px solid grey;
	border-bottom:1px solid grey;
	border-bottom:0px solid grey;*/

}



#text_on_img{border:0px solid red;z-index:1;opacity:0.4;border-radius:4px;
	position:absolute;
	background:grey;
	width:220px;
	font-size:19px;
	text-align:center;
}

	
	


*{
  box-sizing: boreder-box;
}

.row img {
  border: 0 none;
  display: inline;
  align: center;
  margin: 5px;
  height: auto;
  max-width: 30%;
  vertical-align: middle;
  
  		border-bottom-right-radius:30px;border-top-left-radius:30px;
	border-left:2px solid #333;
	border-top:0px solid #11fcd9;
	border-top:0px solid #11fcd9;
	border-right:8px solid grey;
	border-bottom:1px solid grey;
	border-bottom:6px solid grey;
}
.row img:hover{
	border-right:8px solid #11fcd9;
	border-bottom:6px solid #11fcd9;
}
.row:hover #text_on_img{background: #11fcd9;opacity:1;color:#000;}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   #text_on_img{width:100%;font-size:19px;opacity:1;font-weight:bold;}
  .row img {
    display: block;
	 max-width: 90%;
  }
}