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

.btn_red_hii {
	background-color : #a70c0c; /* hnd #e04f67;*/
	padding : 12px;
	color : #ffffff;
	font-size : 12px;
}

.btn_red_hii:hover{
	color : #ffffff;
	text-decoration : underline;
	background-color : #a70c0c; /* hnd #e04f67;*/
}

.btn_red_hii_med {
	background-color : #a70c0c; /* hnd #e04f67;*/
	padding : 15px;
	color : #ffffff;
	font-size : 14px;
}

.btn_red_hii_med:hover{
	color : #ffffff;
	text-decoration : underline;
	background-color : #494949;
}

.btn_red_hii_med_src {
	background-color : #a70c0c; /* hnd #e04f67;*/
	color : #ffffff;
	font-size : 14px;
	text-align: center;
}

.btn_red_hii_med_src:hover{
	color : #ffffff;
	text-decoration : underline;
	background-color : #494949;
}

.bg_op {
	background-color:rgba(0, 0, 0, 0.4);
}

.btn_submit_red_hii {
	background-color : #a70c0c; /* hnd #e04f67;*/
	padding : 12px;
	color : #ffffff;
	font-size : 12px;
	border : none;
}

.ttl_bold h3 {
	font-weight:bold;
	color : #a70c0c;
}

.search_sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 50px;
	z-index:9999;
	background-color:#e0e0e0;
	/*margin-top:10px;*/
	padding : 20px;
}

@media screen and (max-width: 768px) {
  .search_sticky {
	position: relative;
	top: 0px;
  }
  .sticky-top {
	top: 40px;
  }
}

.padd_search {
	padding-bottom : 15px;
	padding-top : 15px;
}

.padd_bot_10 {
	padding-bottom : 30px;
}

.box_style_custom {
	
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 25px;
	/*padding: 30px;*/
	position: relative;
	color: #666;
}

.box_style_custom .post_info, .post_desc{
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.box_style_custom .post_desc{
	min-height:400px;
}

.bg-img-process {
	background-image:url('../img/handicraft1.jpg');
	background-color:#000000;
	background-size: cover;
}

.bg-img-process-2 {
	background-image:url('../img/handicraft2.jpeg');
	background-color:#000000;
	background-size: cover;
}



.img-process {
	opacity:0.5;
}

.showHideFilter {
	color:#000000;
	text-decoration:none;
}

.showHideFilter:hover {
	color:#000000;
	text-decoration:none;
}

.text-white {
	color:#ffffff !important;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.customLoading {
    display:    none;
    position:   fixed;
    z-index:    10001;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../img/ripple.gif')
                50% 50%
                no-repeat;
	background-size: 80px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loadingClass {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loadingClass .customLoading {
    display: block;
}

.div-paging button {
	background-color : #a70c0c; /* hnd #e04f67;*/
	padding : 12px;
	color : #ffffff;
	font-size : 12px;
	border:none;
}

.div-paging button:hover {
	color : #ffffff;
	text-decoration : underline;
	background-color : #a70c0c;
}

.div-paging .btnDisable { 
	background-color : #515151; /* hnd #e04f67;*/
	padding : 12px;
	color : #ffffff;
	font-size : 12px;
	border:none;
}

.div-paging .btnDisable:hover { 
	background-color : #515151; /* hnd #e04f67;*/
	padding : 12px;
	color : #ffffff;
	font-size : 12px;
	border:none;
}

.paginationx {

}