﻿body{

	/*font-family: "Comic Sans MS", Helvetica, sans-serif;*/
	
	background-image:url(../Picture/tlux_backgr4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	
}

/*navbar main page*/

.navbar-main-page{


}

/*for us align text-align*/

.justify{
	text-align:justify;
	text-indent:15px;
	
}
.font-my{
	font-size:18px;
}
.center{
	text-align:center;
}

/*link decoration*/
.link-a{
	color:black;
	font-weight:bold;
}

.link-a:hover{
	text-decoration:none;
	color:#8B0000;
	background:#eee;
	border-radius:5px;
}

/*margin row*/

.margin-my{
	margin-bottom:5px;
	padding:10px;
}

.margin-top-custom{
	margin-top:20px;
}

.text-left-margin{
	margin-left:45px;
}



.luna-list{

	list-style-image: url(../Picture/tlux-list-small.png);
}

.marketing{
	
}

.logo-pic{
	width:60px;
	height:60px;
}

.big-pic{
	width:400px;
	height:300px;
}

.bigger-pic{
	width:470px;
	height:300px;
	
}
.plot-pic-right{
	width:96%;
	height:auto;
	border:2px solid black;
	border-radius: 4px;
}
.plot-pic-left{
	width:85%;
	height:auto;
	border:2px solid black;
	border-radius: 4px;
}


/*for combine pics */
.pics-grey-custom{
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	
}
.pics-grey-custom:hover{
	/*-webkit-filter: none;
	filter: none;*/
	filter: brightness(50%);
	-webkit-filter: brightness(50%);	
	
}

/*for sale pics*/
.pics-grey{
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
	
}
.pics-grey:hover{
	/*-webkit-filter: none;
	filter: none;*/
	filter: brightness(100%);
	-webkit-filter: brightness(100%);	
	
}
.pics{
  border: 2px solid black;     /*#ddd;*/
  border-radius: 4px;

}

/*list-inline more product hover */

.list-inline li:hover{
	transform:scale(2);
} 
.right{
	float:right;
}


/*text in picture*/
.pics-head { 
  z-index: 100;
  position: absolute;
  color: red;
  font-size: 16px;
  left: 35px;
  top: 30px;
  transform: rotate(-35deg);
  /* Safari */
	-webkit-transform: rotate(-35deg);

/* Firefox */
	-moz-transform: rotate(-35deg);

/* IE */
	-ms-transform: rotate(-35deg);

/* Opera */
	-o-transform: rotate(-35deg);
}

.pics-sale-promo { 
  z-index: 100;
  position: absolute;
  color: red;
  font-size: 15px;
  left: 20px;
  top: 35px;
  transform: rotate(-35deg);
  /* Safari */
	-webkit-transform: rotate(-35deg);

/* Firefox */
	-moz-transform: rotate(-35deg);

/* IE */
	-ms-transform: rotate(-35deg);

/* Opera */
	-o-transform: rotate(-35deg);
}


/*text promo in static pics*/

.pics-promo { 
  z-index: 100;
  position: absolute;
  color: red;
  font-size: 15px;
  left: 20px;
  top: 35px;
  transform: rotate(-35deg);
  /* Safari */
	-webkit-transform: rotate(-35deg);

/* Firefox */
	-moz-transform: rotate(-35deg);

/* IE */
	-ms-transform: rotate(-35deg);

/* Opera */
	-o-transform: rotate(-35deg);
}

.promo-red{
	color: #f00c2f;
	font-size:25px;
}
