.fixed_bg{ background-attachment:fixed;}
.fixed_bg{ width:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; min-height:100%; position:relative; z-index:4;}
.bg_3_top{ background-image:url(../img/picture_top.jpg); background-position: bottom center;}
.bg_3_bottm{ background-image:url(../img/picture_bottom.jpg);}
.fixed_bg p{ margin: 0;} 
.header_bar{z-index: 4;}
.main_content_title{text-align: center;padding: 4rem 0 2rem;letter-spacing: 1rem;color: #bb7832;}
.mian_content_article{padding-bottom: 4rem;}			
.fixed_bg_top{z-index: 2;}
/*img_mian_mask*/
#mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 997;display: none;}  
.overhid{width: 60%;height: 60%;display: inline-block;margin: 0 auto;background-color: rgba(255,255,255,0.8);position: fixed;left: 20%;top: 20%;z-index: 999;padding: 1rem 0;overflow: hidden;min-width: 300px;}
.overhid_ml{margin-left: -1rem;padding: 0 2rem;}
.div1{width: 105%;height: 100%;display: inline-block;margin: 0 auto;position: relative;z-index: 998;padding: 1rem 1.5rem;overflow-x: hidden;}
.content_article_top_txt_content{overflow: hidden;height: 100%;display: block;}    
#mask_content_1_1,#mask_content_1_2,#mask_content_1_3,#mask_content_2_1,#mask_content_2_2,#mask_content_2_3,#mask_content_3_1,#mask_content_3_2,#mask_content_3_3,#mask_content_4_1,#mask_content_4_2,#mask_content_4_3,
#mask_content_5_1,#mask_content_5_2,#mask_content_5_3{display: none;}
/*sudokulayout-start*/
.box{text-align: center;overflow: hidden;position: relative;}
.margin_top{margin:25px 0;}
.box:before{content: "";width: 0;height: 100%;background: #000;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.5;}
.box img{width: 100%;height: auto;}
.thumbnail{margin-bottom:0;}
.thumbnail a{text-decoration: none;}
.box .box-content{width: 100%;padding: 14px 18px;color: #fff;position: absolute;top: 20%;left: 0;}
.box .title{font-size: 25px;font-weight: 600;line-height: 30px;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;}
.box .post{font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{opacity: 1;transition-delay: 0.7s;}             
.box a{text-decoration: none;}
 .box .icon {padding: 0;margin: 0;list-style: none;margin-top: 15px;}
.box .icon li {display: inline-block;}
.box .icon li a {display: block;text-decoration: none;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #f74e55;font-size: 20px;font-weight: 700;color: #fff;margin-right: 5px;opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s;}
.box:hover .icon li a {opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}
.box:hover .icon li:last-child a {transition-delay: 0.8s;}
@media only screen and (max-width:990px){
  	.box{ margin-bottom: 30px; }
  	}