/* your styles go here */

body{
	font-family:Helvetica, arial, sans-serif;
}

body p{
	
	font-weight: 400;
	text-transform: unset;
	letter-spacing: unset;
	line-height: 1.75;
	color: rgb(27, 27, 27);
	overflow-wrap: break-word;
	word-wrap: break-word;

	
}


.heros_head_n{
	text-align:left;
}
.heros_head_n .btn-primary{
	border-radius:5px;
}
.heros_head_m{
	text-align:left;
	padding-left:0px;
}
.heros_head_m img{
	width:400px;  max-width:80%;
}

@media (max-width: 768px){
	.heros_head_n{
		text-align: center;
		padding: 5px 30px;
	}
	.heros_head_n h1{
		line-height:60px;
	}
	.heros_head_m{
		text-align: center;
		padding-top:40px;
	}
	.heros_head_m img{
		width:150px; max-width:50%;
	}
}


@media (min-width: 1536px){
	body p {
		font-size: 18px;
	}
}
@media (min-width: 1280px){
	body p {
		font-size: 16px;
	}
}
@media (min-width: 1024px){
	body p{
		font-size: 16px;
	}
}
@media (min-width: 768px){
	body p {
		font-size: 16px;
	}
}


body h3{
	
	margin-bottom: 24px;
	line-height: 1.45;
	display: block;
	font-weight:bold;
    
	
  
	
}

body h3.ui_c{
	
	font-weight: 400;
	text-transform: unset;
	letter-spacing: unset;
	line-height: 1.75;
	color: rgb(27, 27, 27);
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	
}



@media (min-width: 1536px){
	body h3.ui_c {
		font-size: 24px;
	}
}
@media (min-width: 1280px){
	body h3.ui_c {
		font-size: 22px;
	}
}
@media (min-width: 1024px){
	body h3.ui_c{
		font-size: 22px;
	}
}
@media (min-width: 768px){
	body h3.ui_c{
		font-size: 22px;
	}
}
  
  
  
  
  
  body h2{
	
	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;;	
}

body h2.ui_c{
	color: rgb(183, 117, 52);
	line-height: 1.27;
	font-size: 28px;
    font-family: 'League Spartan', arial, helvetica, sans-serif;
    text-align: center;
    font-weight: 400;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-transform: none;
    letter-spacing: normal;
}



@media (min-width: 1536px){
	body h2.ui_c {
		font-size:36px;
	}
}
@media (min-width: 1280px){
	body h2.ui_c {
		font-size: 32px;
	}
}
@media (min-width: 1024px){
	body h2.ui_c {
		font-size: 28px;
	}
}
@media (min-width: 768px){
	body h2.ui_c {
		font-size: 28px;
	}
}
 
 
.form-grp{
	 margin-bottom:20px;
	 text-align:left;
	 min-height:50px;
 }
 .form-grp label{
	 display:none ;
	 color:#999;
	 text-align:left;
	 padding-left:10px;
	 width:90%;
	 font-size:12px;
}
.form-grp input, .form-grp textarea{
	border:none;
	border-bottom:1px solid #CCC;
	width:100%;
	padding:10px;
	padding-top:2px;
	height:35px;
	box-shadow:none;
	color:#555;
 }
 .form-grp input:focus, .form-grp textarea:focus{
	box-shadow:none;
	border:none;
 }
 .form-grp textarea{
	height:120px;
 }
 
 
.cust_el{
	 margin:10px;
	 box-shadow: 2px 2px 2px 2px #CCC;
	 background-color: #FFF;
	 padding:10px;
	 border-radius:5px;	 
}
.cust_el_hd{
	font-size:18px;
	font-weight:bold;
		 
}
.cust_el  td {
	padding:5px;
}
.cust_el  td  span{
	font-weight:bold !important;
	color:#333;
}
.cust_el_footer{
	text-align:right !important;
}
.cust_el_footer a{
	background-color:#06F;
	color:#FFF;
	border-radius:5px;
	padding:3px 10px;
	cursor:pointer;
}
 
.cust_el_ad{
	text-align:right;
	margin-top:30px;
	padding:10px;
	font-weight:bold !important;
	margin:10px;
		
}
.cust_el_ad a{
	background-color:#06F;
	color:#FFF;
	border-radius:5px;
	padding:3px 10px;
	cursor:pointer;
	display:inline-block;
	box-shadow:1px 1px 2px;
}

.cust_el_no{
	text-align: center;
	background-color: #F8F8F8;
	padding:100px 10px;
			
}
.cust_el_no a{
	color: #FFF;			
}




.cust_elg{
	 box-shadow: 1px 1px 1px 1px #CCC;
	 background-color: #FFF;
	 border-radius:5px;
	 padding:10px;	 
}
.cust_elg > div{
	 margin-bottom:20px;	 
}
.cust_elg .hdx{
	font-weight:bold;
	color:#546B57;
	font-size:17px;
}
.cust_elg .valx.xcross{
	color: #696969;
	text-decoration:line-through;
}

.comment_head{
	background-color: #666;
	color:#FFF;
	padding:20px;
}
.comm{
	background-color:#FFF;
	border: 1px solid #CCC;
	padding:10px;
	border-radius:5px;
	margin:10px 5px;	
}
.comm .rating span{
	color:#CC0;
	margin:5px;
	font-size:18px;
}
.comm .rating i{
	color:#990;
	margin-left:15px;
	font-size:18px;
}
.comm .comment{
	white-space:pre-wrap;
	margin-top:10px;
}
.comm .ccname{
	margin-top:10px;
}
.comm .ccname span{
	background-color:#EEE;
	padding:3px;
	border-radius: 4px;
	font-size:14px;
	font-weight:bold;
}
.comm .ccname i{
	float: right;
	margin-right:20px;
	font-size:12px;
}

.cust_update{
	text-align:center;
	color:#4E4E4E;
	font-weight:bold;
}
.cust_update > a{
	color:#06F;
	cursor:pointer;
}

.m_rating span.fa{
	font-size:20px;
	color:#CC0;
	margin:10px;
	font-weight:bold;
}
.m_rating > div{
	font-weight:bold;
}




#myTable td{
	border:none;
	border-bottom: 1px solid #B77534;
	border-right: 1px solid #B77534;
	color:#444;
}
#myTable th{
	border:none;
	border-bottom: 1px solid #B77534;
	border-right: 1px solid #B77534;
	background-color: #E4E4DE;
}
#myTable tbody tr:nth-child(2n){
	background-color:#F8F9F7;
	
}
#myTable tbody td span.more{
	color: #06F;
	cursor:pointer;
	font-style:italic;
	margin-left:10px;
	display: inline !important;
	
}
#myTable tbody td span.teaser{
	display: inline !important;
	
}
#myTable tbody td span.complete{
	display:none;
		
}


.dt-buttons .dt-button{
	
	background: #FFFFFF !important;
	border-bottom: 1px solid #B77534 !important;
	
}
.form-group input{
	border-bottom: 1px solid #B77534 !important;
	border-radius:5px;
	
}