/* #borderimg1 {
    border: 10px solid transparent !important;
    padding: 15px !important;
   border-image: url('../colorful bborder.png') 30 round !important; /* Safari 3.1-5 */
   
} */
input[type='text']
{
width:300px;
border:2px solid #ccc;
border-radius:7px
}
textarea
{
width:300px;
height:100px;
border:2px solid #ccc;
border-radius:7px;
}
#tab_bor
{
border-top:none;
color:#000;
font-size:12px;
}

.b_box, .t_box
{
	width: 90%;
	position: relative;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #999;
	border-radius: 20px;
	
}
.b_box .b_img, .t_box .t_img
{
	position: absolute;
	left: -7%;
	bottom: -1.5%;
}
.b_box .product, .t_box .product
{
	width: auto;
	height: 100%;
	margin:auto;
	display: block;
	padding:20px;
}
.b_box .description, .t_box .description
{
	text-align: center;
	padding: 5px 0;
	
}
.t_box .description h3, .b_box .description h3, .t_box .description p, .b_box .description p
{
	margin: 0;
}

.tab p
{
padding:20px;
font-weight:bold;
}

/* .logo
{
	width:30%;
} */
.bs-example
{
    margin: 20px;
}
.navbar-toggle
{
	margin-top:-50px;
}
.navbar-default 
{
	background-color:#ff0;
}
.navbar 
{
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: none!important;
}
.navbar-right
{
	margin-top:27px;
	font-size:17px;
}
.navbar-nav
{
	float:none !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover 
{
	background-color:#ff0 !important;
}
.navbar-collapse.collapse
{
	margin-top:20px
}
.navbar-default
{
	background-color:#ffff !important;
}
.navbar
{
	margin-bottom:0 !important;
}
.nav>li>a
{
    padding: 10px 8px;
}
/*--------------------------------------------------------------------------------------------*/
#font-color
{
	color:#000;
}
.span_cart
{
	padding: 1px 0 0 1px;
}
.span_name
{
	padding: 1px 0 0 33px;
	display: block;
	margin-top: -11px;
	width:100px;
	
}

.spnbtn
{		
	background-color: #807b7b;
	border-radius: 5px;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	padding:3px 6px;
	border-radius:8px;
}


/*--------------------------------------------------------------------------------------------*/
	/*.menu
{	
 position: absolute; 
	display:inline-block;
}
.menu ul
{
	list-style: none;
	height: 30px;
	width: 775px;
	padding: 0; 
margin-top:-10px;
	
}
.menu ul li
{
	font-family: Verdana;
	font-size: 18px;
	
	width: 150px;
	text-align: center;
	display: inline-block;
	background: url('../images/menu-vertical-line.jpg') right no-repeat;
}
.menu ul li:hover #ul
{
	display: block;
}
.menu ul li a
{
	text-decoration: none;
	color: #9B9B9B;
}
.menu ul li a:hover
{
	color: #570861;
}
#ul
{
	list-style: none;
	padding: 0 0 0 12.5px;
	margin: 0 0 0 40px;
	height: auto;
	width: 120px;
	display: block;
	box-shadow: 2.5px 2.5px #CCC;
	background-color: #FF0;
	
}
#li
{
	font-family: Verdana;
	font-size: 14px;
	line-height: 25px;
	width: 120px;
	text-align: justify;
	background: none;
}
#li:hover #ulul
{
	display: block;
}
#ulul
{
	list-style: none;
	padding: 7.5px;
	margin: -25px 0 0 120px;
	height: auto;
	width: 120px;
	display: block;
	box-shadow: 2.5px 2.5px #CCC;
	background-color: #FFF;
}
#lili
{
	font-family: Verdana;
	font-size: 14px;
	line-height: 15px;
	width: 180px;
	text-align: left;
	background: none;
}
#lili a
{
	display: block;
	margin-left: 10px;
}*/

/*--------------------------------------------------------------------------------------------*/
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('n_bt-new_images\b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider arrow navigator skin 03 css */
        /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        .jssora03l.jssora03ldn      (disabled)
        .jssora03r.jssora03rdn      (disabled)
        */
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('n_bt-new_images\a03.png') no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }
        .jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
        .jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
		
		#button{
		
		margin-top:30px;
		padding:4px 4px 4px 4px;
		width:60px;
		border-radius:12px;
		color:white;
		margin-left:10px;
		font-size: 14px;
		}
		
		#mm{
		padding-bottom:-5px;
		}
		
		#st{
			padding-top:15px;		
		}
		#cy{
			padding-top:20px;
			
			letter-spacing:0.9px;
		}
		
		.outer_absolute{
			position: absolute; 
			width: 100%; 
			top: 50%; 
			left: 50%; 
			transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
		}
/*--------------------------------------------------------------------------------------------*/		
	
		
	

@media screen and (max-width: 1600px)
 {

	.l_td
		{
			width:33%;
		}
		.m_td
		{
		width:34%;
		}
		.up_td
		{
		width:33%;
		}
}
@media screen and (max-width: 1400px)
 {

	.l_td
		{
			width:33%;
		}
		.m_td
		{
		width:34%;
		}
		.up_td
		{
		width:33%;
		}
}
 	@media screen and (max-width: 1200px)
 {

	.l_td
		{
			width:50%;
		}
		.m_td
		{
		width:25%;
		}
		.up_td
		{
		width:25%;
		}
}
/*---------------------------------------------------------------------------------------*/

#sing{
 color:#ddd;
 font-size:25px;
 margin-top:172px;
 margin-left:40px;
}
#parties{
color:#ddd;
text-align:center;
}
 #wire{
color:#ddd;
} 

/* li
{
	list-style: none;
	margin: 0;
	
	float:left;
	font-size:18px;
	 padding-left:10px; 
	
} */
/*---------------------------------------------------------------------*/

/* #bub_app{
color:#ddd;
font-size:35px;
}
 */
/*----------------------------bt-81------------------------------------------------------------------*/
.img-wrapper {
  position: relative;
 }

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 50%;
}

#karoke{
color:#f5f5f5;
 font-size:18px;
 padding-top:4px;
}
 .btn{
 
 background-color:#f83a5e;
 /* float:right; */
 border-radius:44px;
 color:#fff;
 margin-top:50px;
/*  padding:2px 2px 2px 2px; */
 }
 #level_two
 {
width:50%;
 }
 .big{
 
line-height:200%;
}

/* 100 series banner buttons    */
				
.bottom_button{
	position: absolute; 
	width: 80%; 
	left: 7%; 
	bottom: 20px
}
.bottom_button input[type='submit']{
	float: left; 
	padding: 3px 12px;
	border-radius: 25px;
	
}
.bottom_button a:nth-child(1) input[type='submit']{
	background-color: #9effff;
	border: 1px solid #9effff;
}
.bottom_button a:nth-child(2) input[type='submit']{
	margin-left: 25%;
	background-color: #1cc9c9;
	border: 1px solid #1cc9c9;
}
.bottom_button a:nth-child(3) input[type='submit']{
	margin-left: 25%;
	background-color: #fe765d;
	border: 1px solid #fe765d;
}
.bottom_button a:nth-child(4) input[type='submit']{
	float: right;
	background-color: #fec0ab;
	border: 1px solid #fec0ab;
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.bottom_button a:nth-child(2) input[type='submit']{
		margin-left: 20%;
	}
	.bottom_button a:nth-child(3) input[type='submit']{
		margin-left: 25%;
	}
}
@media screen and (max-width: 768px){
	.bottom_button input[type='submit']{
		font-size: 12px;
		padding: 2px 7px;
		border-radius: 25px;
	}
	.bottom_button a:nth-child(2) input[type='submit']{
		margin-left: 20%;
	}
	.bottom_button a:nth-child(3) input[type='submit']{
		margin-left: 25%;
	}
}
@media screen and (max-width: 540px){
	.bottom_button a:nth-child(2) input[type='submit']{
		margin-left: 15%;
	}
	.bottom_button a:nth-child(3) input[type='submit']{
		margin-left: 20%;
	}
}
@media screen and (max-width: 420px){
	.bottom_button input[type='submit']{
		font-size: 11px;
		padding: 0 5px;
		border-radius: 25px;
	}
	.bottom_button a:nth-child(2) input[type='submit']{
		margin-left: 17%;
	}
	.bottom_button a:nth-child(3) input[type='submit']{
		margin-left: 18%;
	}
}
@media screen and (max-width: 340px){
	.bottom_button a:nth-child(3) input[type='submit']{
		margin-left: 15%;
	}
}


/* footer */
#im{
margin-right:42px;
}
/* for scroll top to bottom */

#scroll {
    position:fixed;
    right:10px;
    bottom:20px;
    cursor:pointer;
    width:40px;
    height:40px;
	background-color:#ccc; 
	opacity: 0.75;
  /* background-color:rgba(1, 1, 2, 0.32); */
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#807b7b;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*  @media screen and (max-width:768px)
 {
	#logindiv{
	#remember
	{
		margin-left: -149px;
	}
	#rem
	{
		margin-left: -137px;
	}
}	
} */