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

/***********************************************/
/*                   Header                    */
/***********************************************/
.dxt_header{
	margin-top: 20px;
}


/***********************************************/
/*                   Container                 */
/***********************************************/
.dxt_container{
	width: 992px;
}


/***********************************************/
/*                   Logo                      */
/***********************************************/
#dxt_logo{
	font-size: 70px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-left: 0px;
}

#dxt_logo:hover{
	color: #ddd;
}



/***********************************************/
/*                   Navigator                 */
/***********************************************/
.dxt_nav{
	margin-top: 37px;
}

/*

li.dxt_nav_li{
	width: 193px;
	text-align: center;
}

li.dxt_nav_li.active{
	background: #fff;
}

li.dxt_nav_li.active a{
	color: #000;
}

li.dxt_nav_li.active a:hover{
	color: #000;
	background: #fff;
	opacity: 1.0;
	filter:alpha (opactiy=100);
}

li.dxt_nav_li a{
	padding: 5px 0px;
	color: #aaa;
	opacity: 1.0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

li.dxt_nav_li a:hover{
	color: #aaa;
	background: #000;
	opacity: 0.5;
	filter:alpha (opactiy=50);
}

*/



/***********************************************/
/*                   Other                     */
/***********************************************/
.dxt_ctr{
	text-align: center;
	color: #fff;
	font-size: 21px;
}

.dxt_pdt50px{
	padding-top: 50px;
}

.dxt_br{
	height: 18px;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}

.navbar-nav li{
	background-color: #000;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.navbar-nav li.current{
	background-color: #fff;
}


.navbar-nav li a.dxt_nava{
	padding: 6px 56px; 
	text-align: center; 
	font-size: 12px; 
	font-weight:bold;
/*
	opacity: 1.0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
*/
}

.navbar-nav li a.nav-now{
	color: #000;
	padding: 6px 56px; 
	text-align: center; 
	font-size: 12px; 
	font-weight:bold;
}

.navbar-nav li a.dxt_nava:hover{
	color: #6d6d6d;
	background-color: #1c1c1c;
}


/*
.navbar-nav li a.dxt_nava:hover{
	opacity: 0.5;
	filter:alpha (opactiy=50);
	color: #aaa;
}

.navbar-nav li.active a.dxt_nava:hover{
	opacity: 1.0;
	filter:alpha (opactiy=100);
}
*/


/******************** For Tablet *****************************/
.navbar-nav li a.dxt_nava_sm{
	padding: 6px 20px; 
	text-align: center; 
	font-size: 12px; 
	font-weight:bold;
	
	opacity: 1.0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.navbar-nav li a.dxt_nava_sm:hover{
	opacity: 0.5;
	filter:alpha (opactiy=50);
	color: #aaa;
}

.navbar-nav li.active a.dxt_nava_sm:hover{
	opacity: 1.0;
	filter:alpha (opactiy=100);
}
/************************ end ************************/


h2.dxt-sub {
   width: 100%; 
   text-align: center; 
   border-bottom: 2px dotted #fff; 
   line-height: 0.1em;
   /*margin: 10px 0 20px;*/
   /*margin: 40px 30px;*/
   color: #fff;
   font-size: 45px;
} 

h2.dxt-sub span.sub-st {
    background:#1c1c1c;
    padding-left: 20px;
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/

}

h2.dxt-sub span.sub-nd{
    background:#1c1c1c;
    padding-right: 20px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: 200;

}

/*h2.dxt-sub span#test {
	font-weight: bold;
}
*/

p.dxt_dtls{
	font-size: 16px; 
	color: #fff; 
	/*text-align: center; */
	padding-top: 12px;
}

p.dxt-hr-dot {
   width: 100%; 
   border-bottom: 2px dotted #fff; 
   color: #fff;
} 


#footer{
	background: #000;
}

.ft-pd20{
	padding: 20px 0px;
}

.ft-pd10{
	padding: 10px 0px;
}

.copyright{
	color: #6d6d6d;
	font-size: 12px;
	text-align: right;
}

#ft-nav{
	text-align: center;
}

#ft-nav a{
	color: #6d6d6d; 
	font-size: 12px; 
	text-align: center;
}

.brd_r {
	border-right: 1px solid #222;
}

.ft-mg-t20{
	margin-top: 20px;
}

#ft-nav a.ft-a-actv{
	color: #fff;
}

.grad{
	height: 40px;
	padding: 7px 40px;
	border-radius: 10px;
	/*border: 1px solid #a1a1a1;*/
	font-size: 16px;
	text-align: center;
	background: -webkit-linear-gradient(#000, #7c7c7c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #7c7c7c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #7c7c7c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #7c7c7c); /* Standard syntax */
	box-shadow: 2px 4px 5px #555;
	/*color: #fff;	*/
}

.wht{
	height: 34px;
	width: 100%;
	margin: auto;
	padding: 7px 24px;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	background: #fff;
	color: #000;
}

/*.wht_sm{
	height: 52px;
	width: 50%;
	margin: auto;
	padding: 7px 24px;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	background: #fff;
	color: #000;
}*/

.blk{
	height: 40px;
	padding: 7px 40px;
	border-radius: 20px;
	background-color: #000;
	/*border: 1px solid #a1a1a1;*/
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.blk_sm{
	height: 62px;
	padding: 7px 40px;
	border-radius: 20px;
	background-color: #000;
	/*border: 1px solid #a1a1a1;*/
	font-size: 16px;
	text-align: center;
	color: #fff;
}


.grad:hover{
	background: -webkit-linear-gradient(#7c7c7c, #2f2e2e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7c7c7c, #2f2e2e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7c7c7c, #2f2e2e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7c7c7c, #2f2e2e); /* Standard syntax */
	box-shadow: 2px 4px 5px #333;	
	/*opacity: 0.5;*/
	/*color: #fff;*/
}

.wht:hover{
	background: #ccc;
}

.blk:hover{
	background: #ccc;
	color: #000;
}

a.guru-srv{
/*	opacity: 1.0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
*/   
   color: #fff;

}

a.guru-srv:hover{
	text-decoration: none;
/*	opacity: 0.5; */
	color: #fff;
}

.dropdown ul.nav-srv{
	border-radius: 10px; 
	background-color: #1c1c1c;
	margin-top: 6px;
}

.dropdown ul.nav-srv li{
	background-color: #1c1c1c;
	border: 1px solid #1c1c1c;
}

.dropdown ul.nav-srv li a{
	color: #6d6d6d;
	font-size: 12px;
}

.dropup ul.fnav-srv{
	border-radius: 10px; 
	background-color: #1c1c1c;
	margin-top: 6px;
}



.dropup ul.fnav-srv li{
	background-color: #1c1c1c;
	border: 1px solid #1c1c1c;
}

.dropup ul.fnav-srv li a{
	color: #6d6d6d;
	font-size: 12px;
}


/************************************************************************/
/*                         Story CSS                                    */
/************************************************************************/
.ctn_str{
	background-color: #fff;
	padding-bottom: 10px;
}

.container img.str-img{
	padding: 10px 0px;
}

.str-detail{
	padding: 20px 36px;
}

.str-title{
	font-size: 32px;
	font-weight: bold;
	text-shadow: 2px 3px 3px #777;
	color: #000;
}

.str-subtitle{
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin-top: 20px;
}

.str-ctn{
	font-size: 16px;
	color: #515151;
}

/************************************************************************/
/*                           Ads CSS                                    */
/************************************************************************/
.ads-logo{
	padding-left: 20px;
	padding-top: 20px;
}

.ads-logo-r{
	padding-left: 20px;
	padding-top: 40px;
}

.ads-detail{
	padding: 20px 40px;
}

.ifr-slide{
	margin-left: 30px; margin-bottom: 20px;
}



/************************************************************************/
/*                           Shop CSS                                    */
/************************************************************************/
.ctn_sh{
	background-color: #fff;
	padding-bottom: 10px;
	margin-top: 2px;
	padding-top: 10px;
}

img.sh-topimg{
	border: 5px solid #000;
	/*margin-left: 20px;
	margin-top: 10px;*/

	opacity: 1.0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	
}

img.sh-topimg:hover{
	opacity: 0.6;
	filter:alpha (opactiy=60);
}

.sh-logo{
	margin-top: 7px;
}

.sh-dtl-title{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}

.sh-detail-l{
	line-height: 16px;
}

.sh-dtl-title-r{
	color: #000;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: -6px;
	padding-left: 10px;
}

.sh-detail-r{
	padding-left: 50px;
}


/************************************************************************/
/*                           Cafe CSS                                   */
/************************************************************************/
.ctn_cf{
	background-color: #232323;
	padding-bottom: 10px;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	color: #fff;
}

.cf_detail{
	color: #fff;
	padding: 10px 100px;
}

img.cf_rimg{
	border-top: 7px solid #000;
	border-bottom: 7px solid #000;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
}

/************************************************************************/
/*                           Contact CSS                                */
/************************************************************************/
.contact-dlt-l{
	padding: 20px 30px;;
}

.contact-dlt-r{
	padding: 10px 10px;;
}

.contact-title{
	color: #000;
	font-size: 28px;
}

.contact-sub{
	color: #000;
	font-size: 16px;
	margin-top: -10px;
}

.contact-addr{
	font-size: 12px;
}

input.form-control{
	background-color: #ddd;
}

textarea.form-control{
	background-color: #ddd;
}


input.form-control::-webkit-input-placeholder {
   color: #FFF;
   background-color: #ddd;
}

input.form-control:-moz-placeholder { /* Firefox 18- */
   color: #FFF;
   background-color: #ddd;
}

input.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
   background-color: #ddd;
}

input.form-control:-ms-input-placeholder {  
   color: #FFF;
   background-color: #ddd;
}






textarea.form-control::-webkit-input-placeholder {
   color: #FFF;
   background-color: #ddd;
}

textarea.form-control:-moz-placeholder { /* Firefox 18- */
   color: #FFF;
   background-color: #ddd;
}

textarea.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
   background-color: #ddd;
}

textarea.form-control:-ms-input-placeholder {  
   color: #FFF;
   background-color: #ddd;
}

.frm-dxt {
  display: block;
  width: 100%;
  height: 24px;
  font-size: 12px;
}

.no-mrg-btm{
	margin-bottom: 0px;
}