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

.fgr
{
	float: left;
	text-decoration: none;
	color: #000;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom:50px;
	height:400px;
	overflow:hidden;
}

.lgr
{
	max-width:100%;
	height:auto;
}

.close{
	float:right;
	text-decoration: none;
	width:37px;

	margin-top:10px;
	margin-right:10px;
	
}

.centr
{
	padding-top:5px!important;
}

.file_inp
{
	positon:absolute;
	top:10px;
	left:10px;
}

.tax_b
{
	float: left;
width: 100%;
box-shadow: 0px 1px 1px #000 inset;}

.contr
{
	width: 100%;
	float: left;
	min-height: 303px;
	padding-left:3rem;
}
.tax_c
{
	float: left;
clear: left;
width: 100%;
box-shadow: 0px 2px 3px #120101;
height: 50px;
margin-top: 20px;
	
}

.tooltip
{
	background-color:#1E3449;
	color:#FFF;
	left :-100px;
	top:0px;
	position:absolute;
	padding:10px;
	border-radius:5px;
}
.tax_d
{
	float:left;
	clear:left;
	width:100%;
	height:72px;
	margin-bottom:40px;
	box-shadow: 0px 2px 3px #E1E1E1;
	
}

.rich_text
{
	 float:left;
	 display:block;
	 margin-top:20px;
	 width:96%;
	 fontFamily:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px;
    padding-bottom:5px;
	padding-left:2%;
	padding-right :2%;
	outline:0;
	  
}
.bor

{
	float:left;
	position:relative;
	height:40px;
	border:thin 1px #006;
	width:100%;
	background-color:#CCC;
	box-shadow: 0px 0px 7px #000;
	
}

.tittl
{
	
	float:left;
	padding-left:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	text-shadow:0px 1px 2px #CCC;
}
.overlay2 {

	   

	    bottom: 0;

	    cursor: default;

	    left: 0;

	    opacity: 1;

	    position: fixed;

	    right: 0;

	    top: 0;

	    

	    z-index: 200;

	 

	    -webkit-transition: opacity .5s;

	    -moz-transition: opacity .5s;

	    -ms-transition: opacity .5s;

	    -o-transition: opacity .5s;

	    transition: opacity .5s;

	}


.dialog{
     position:absolute;
	 float:left;
	 top:90px;
	 left:10%;
	 width:80%;
	 margin-right:10%;
	 background-color: #fff;
     border:1px solid  #938B8B;
	 padding-bottom:30px;
	 box-shadow:1px  1px 3px #000;
}
.build{
    display: block;
position: fixed;
bottom: 50px;
right: 7%;
width: 15%;
background-color: #7A210A;
}


.menu2{
	height:30px;
	margin:0px;
	width:90%;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	padding-left: 10%;
	padding-top:10px;
	border-top-width: thin;
	border-top-style:dotted;
	border-top-color:#ccc;  
	color:#fff;
	text-decoration:none;  
	display:block;
	text-shadow:0px 1px 1px #CCC;
/*remember to set display to none on menu*/
}
.hidean{
	display:none;
	
}
.material
{
	float:left;
	width:50%;
	text-decoration:none;
	color:#000;
	
}



.descr
{
	position:relative;
    width :auto;
	margin-right:50px;
	overflow:hidden;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	
}


.append
{
	position:relative;
    overflow ="hidden";
	 float: left;
    height: 50px;
    width: 50px;
    bottom: 60px;
    z-index:120;
	margin-top:50px;
	margin-right:20px;
	box-shadow:0px 1px 3px #ccc;
	
}

.hidden{
    display:none;	
}

.upload
{
	padding-top:13px;
	margin-left:10px;
	width:63px;
	float:left;
	font-family:"Treb;uchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	font-size:18px;
}

.cards img
{
	  width: 100px;
    margin: 29px;
    height: 70px;
    float: left;
}


.for
{
    display: block;
    margin-top: 10px;
   margin-left:10px;
}


.urlsear
{
margin-top: 10px;
height: 20px;
padding: 5px;
width: 80%;
margin-left: 10%;
}




.number
{
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin-top: 26px;
    margin-left: 22px;
}

.cards
{
box-shadow: 0px 0px 5px #000;
width: 158px;
float: left;
margin-right: 10px;
position: relative;
margin-left: 10px;
}


.lsearch

{width: 250px;
margin-right: 10px;
margin-top:20px;
height:28px;
float:right;
border-radius:1px;

}
.url
{
	padding-top:13px;
	margin-left:10px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	font-size:18px;
}

.name
{
	color: #000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 100%;
	text-align: center;
	background-color: #EEE;
	line-height: 15px;
	height:40px;
	overflow:hidden;
	padding-top:5px;
}
.small-card
{
	width:100px;
	float:left;
	margin:1.5rem 2rem;
}
.img_div
{
	width:100%;
	height:70px;
	overflow:hidden;
}
.img_div img
{
	width:100%;
}
.btn_d
{
	bottom:45px;
	right:25px;
}

.icon
{
	margin-top: 14px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	width: 15px;
	height: 18px;;
}

.add
{
	display:inline-block
	vertical-align:middle;
	width: 25px;
	height: 25px;
	margin: 11px;
}

.cirl
{
  width: 40px;
  height: 40px;
  border-radius: 25px;
  float: right;
  margin-right: 10px;
  
}


.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	
}
.inpt
{
	width:300px;
	margin-left:5px;
	float:left;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.adc
{
	foat:right;
	position:absolute;
	top:10px;
	right:33px;
}

.ylw
{
	background-color: rgba(255, 235, 59, 0.35)!important;
	-moz-placeholder color:#000!important;
}


.modalDialog > div {
	float:left;
	width: 400px;
	position:absolute;
	top:0%;
	left:0%;
	border-radius: 10px;
	background-color: #fff;
	
	margin-top:10%;

}
._rd{
	width:30px;
	height:30px;
	border-radius:30px;
	background-color:#F30;
	float:left;
	text-decoration:none;
	display:block;
}
.nameLabel
{
float: left;
text-align: center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
height:35px;
overflow:hidden;
width:100%;
}
.fixed
{
 position:fixed;
 z-index:1000;
 width:100%;
 }