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

#pull{
   display:none;
}
.ux-menu-container{
  float:right;
}
.moduletable_menu{
   float: left;
   width: 50%;
   margin-top: 60px;
}
ul.nav-child{
   /*    display:none;*/
}
.moduletable_menu ul{
   float: right;
   width: 100%;
   margin: 0;
   padding: 0;
}

.moduletable_menu ul li{
   float: left;
   width: auto;
   list-style: none;

}
a.current,.ux-menu a:hover {
   color:#81a43e!important;
}
.moduletable_menu  .ux-menu a{
   background:none!important;
   border:none;


}
.moduletable_menu .ux-menu-sub{
   background: #fff;
   margin-left:10px;

}
.moduletable_menu  .ux-menu a.ux-menu-link-last{
   border:none;
}
.item-101{
   display: none;
}

.moduletable_menu ul li.active a{
   color: #81a43e;
}

.moduletable_menu ul li a{
   text-decoration: none;
   color: #727272;
}

/* LOGO */

.moduletable-logo{
   float: left;
   width: 50%;
}

.custom-logo p{
   float: left;
   max-width: 74px;
   min-width: 74px;
   margin: 0 15px;
}

.moduletable-logo h1{
   float: left;
   color: #727272;
   font-weight: normal;
   font-size: 20px;
   margin-top: 20px;
   margin-bottom: 0px;
}

/*  IMAGE VIEW */

.moduletable-image-view{
   float: left;
   width: 100%;
   margin-top: 10px;
   padding-bottom: 30px;
   border-bottom: 1px solid #cacaca;
}

.moduletable-image-view img{
   width: 100%;
   height: auto;
}

.moduletable-newflash{
   float:left;
   width: 100%;
}

.newsflash-holder{
   float: left;
   width: 22%;
   margin-right: 4%;
   text-align: justify;
   line-height: 17px;
   font-size: 11px;
}

.newsflash-holder img{
   width: 100%;
   height: auto;
   margin-bottom: 8px;
}

.newsflash-holder h1{
   font-weight: normal;
   color: #464646;
   letter-spacing: -1px;
}

#news-flash4{
   float: right;
   margin-right: 0px;
}

.wood_images{
   float: left;
   margin-bottom: 15px;
}

.blog h2{
   color:  #464646;
   font-weight: bold;
   text-transform: uppercase;
}


.hide{
   display: none;
}

.full_images{
   float: left;
   width: 100%;
   height: 419px;
   margin: 0;
   padding: 0;
}

.count_1{
   z-index: 999999;
}

.show{
   z-index: 9999999;
}

/*.active{
display: block;
}*/

.swiper-wrapper, .swiper-content{
   height: 419px!important;
}

.blog{
   float: left;
   width: 100%;
   height: 514px;
}


.swiper-content{
   float:left;
}
.timber-logo{
   position: absolute;
   top: 57%;
   right: 0%;
   margin-right: 2%;
   margin-bottom: 2%;
   z-index: 99999999999999;
}

.wood_desc p{
   color: #fff;
}

.swiper-slide{
   float: left;
   width: 19%;
}

/* responsive */


@media screen and (max-width: 990px) {
   .moduletable_menu{
      float: left;
      width: 100%;
      margin-top: 10px;
   }
}


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

   .moduletable-logo{
      float: left;
      width: 100%;
   }

   .custom-logo p {
      float: left;
      max-width: 74px;
      min-width: 74px;
      margin: 0 15px;
   }

   .custom-logo img{
      margin: 0!important;
   }

   .moduletable-logo h1{
      float: left;
      color: #727272;
      font-weight: normal;
      font-size: 20px;
      margin-top: 20px;
      margin-bottom: 0px;
   }

   .moduletable_menu{
      float: left;
      width: 100%;
      margin-top: 10px;
   }

   .moduletable_menu ul{
      float: right;
      width: 100%;
      padding: 0;
      margin: 0;
   }

   .item-105{
      margin-right: 0!important;
   }


   .newsflash-holder h1{
      font-size: 11px!important;
      font-weight: bold;
   }

   .moduletable-image-view{
      padding-bottom: 10px!important;
   }

}

/* *                                 BROWSER SIZE 603                                     * */

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

   .moduletable-logo{
      float: left;
      width: 100%;
      margin-bottom: 0px;
   }

   .custom-logo p {
      float: left;
      max-width: 74px;
      min-width: 74px;
      margin: 0 15px;
   }

   .custom-logo img{
      margin: 0!important;
   }

   .custom-logo h1{
      float: left;
      width: 73%;
      font-size: 18px;
   }

   .moduletable_menu{
      float: left;
      width: 100%;
   }

   .moduletable_menu ul{
      float: right;
      width: 100%;
      padding: 0;
      margin: 0;
   }

   .item-105{
      margin-right: 0!important;
   }

   .newsflash-holder h1{
      font-size: 11px!important;
      font-weight: bold;
   }

   .moduletable-image-view{
      padding-bottom: 10px!important;
   }

   .newsflash-holder {
      float: left;
      width: 48%;
      margin-bottom: 30px;
      margin-right: 0px!important;
   }

   #news-flash1, #news-flash3{
      margin-right: 2%!important;
   }

   #news-flash4, #news-flash2{
      float: left;
      margin-bottom: 30px;
      margin-right: 0px!important;
      margin-left: 2%!important;
   }

   .wood_img{
      width: auto!important;
      height: 100%!important;
   }



}

/* *                                 BROWSER SIZE 480                                     * */

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

   .moduletable-logo{
      float: left;
      width: 100%;
      margin-bottom: 0px;
   }

   .custom-logo p {
      float: left;
      max-width: 74px;
      min-width: 74px;
      margin: 0 15px;
   }

   .custom-logo img{
      margin: 0!important;
   }

   .custom-logo h1{
      float: left;
      width: 66%;
      font-size: 18px;
   }

   .moduletable_menu{
      float: left;
      width: 100%;
   }

   .moduletable_menu ul{
      float: right;
      width: 100%;
      padding: 0;
      margin: 0;
   }

   .item-105{
      margin-right: 0!important;
   }


   .newsflash-holder h1{
      font-size: 11px!important;
      font-weight: bold;
   }

   .moduletable-image-view{
      padding-bottom: 10px!important;
   }

   .newsflash-holder {
      float: left;
      width: 48%;
      margin-bottom: 30px;
      margin-right: 0px!important;
   }

   #news-flash1, #news-flash3{
      margin-right: 2%!important;
   }

   #news-flash4, #news-flash2{
      float: left;
      margin-bottom: 30px;
      margin-right: 0px!important;
      margin-left: 2%!important;
   }

   .wood_img{
      width: auto!important;
      height: 100%!important;
   }


}

/* *                                 BROWSER SIZE 360                                     * */

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

   .moduletable-logo{
      float: left;
      width: 100%;
      margin-bottom: 20px;
   }

   .custom-logo p {
      float: left;
      max-width: 74px;
      min-width: 74px;
      margin: 0 15px;
   }

   .custom-logo img{
      margin: 0!important;
   }

   .custom-logo h1{
      float: left;
      width: 60%;
      font-size: 17px;
   }

   .moduletable_menu{
      float: left;
      width: 100%;
   }

   .moduletable_menu ul{
      float: right;
      width: 100%;
      padding: 0;
      margin: 0;
   }

   .moduletable_menu ul li{
      float: left;
      width: auto;
      margin-right: 17px!important;
      margin-left: 0!important;
      text-align: center;
   }

   .newsflash-holder h1{
      font-size: 11px!important;
      font-weight: bold;
   }

   .moduletable-image-view{
      padding-bottom: 10px!important;
   }

   .newsflash-holder {
      float: left;
      width: 100%;
      margin-bottom: 30px;
      border-bottom: 1px solid #cacaca;
   }

   #news-flash4{
      float: left;
      width: 100%;
      margin-bottom: 30px;
   }

   .newsflash-holder img {
      width: auto;
      height: 100%;
      margin: 10px 15%;
   }

}

/* *                                 BROWSER SIZE 320                                     * */

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

   .moduletable-logo{
      float: left;
      width: 100%;
      margin-bottom: 20px;
   }

   .custom-logo p{
      float: left;
      max-width: 74px;
      min-width: 74px;
      margin: 0 5% 0 0!important;
   }

   .custom-logo img{
      margin: 0!important;
   }

   .custom-logo h1{
      float: left;
      width: 66%;
      font-size: 16px;
   }

   .moduletable_menu{
      float: left;
      width: 100%;
   }

   .moduletable_menu ul{
      float: left;
      width: 100%;
      padding: 0;
      margin: 0;
   }

   .moduletable_menu ul li{
      float: left;
      width: 50%;
      margin: 0!important;
      text-align: center;
   }

   .newsflash-holder h1{
      font-size: 11px!important;
      font-weight: bold;
   }

   .moduletable-image-view{
      padding-bottom: 10px!important;
   }

   .newsflash-holder {
      float: left;
      width: 100%;
      margin-bottom: 30px;
      border-bottom: 1px solid #cacaca;
   }

   #news-flash4{
      float: left;
      width: 100%;
      margin-bottom: 30px;
   }

   .newsflash-holder img {
      width: auto;
      height: 100%;
      margin: 10px 10%;
   }

}

.full_imagecontainer{
   float: left;
   width: 100%;
   height: 419px;
}

.imagecontainer-wrapper{
   position: absolute;
}

.image-slide{
   position: absolute;
}

.active_top{
   z-index: 99999;
}

.pagination {
   position: absolute;
   left: 0;
   text-align: center;
   bottom:5px;
   width: 100%;
}
.swiper-pagination-switch {
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius: 10px;
   background: #999;
   box-shadow: 0px 1px 2px #555 inset;
   margin: 0 3px;
   cursor: pointer;
}
.swiper-active-switch {
   background: #fff;
}

.device{
   float: left;
   width: 100%;
}

.swiper-container{
   height: 419px;
}

.device .pagination{
   display: none;
}

.wood_img{
   width: 100%;
   height: auto;
}

.article_name{
   display: none;
}

.view_first{
   display: block;
}

.pop_up{
   position: absolute;
   bottom: 0;
   color: #fff;
}

#sbox-content .wood_intro{
   display: block!important;
}

.span2{
   cursor:pointer;
}

.wood_desc{
   position: relative;
   z-index: 99999999999;
   width: 100%;
}

#po2p{
   height: 30px;
   width: 30px;
   right:10px;
   top: 10px;
   background-image: url(/templates/philscan/images/info_nav.png);
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/templates/philscan/images/info_nav.png', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/templates/philscan/images/info_nav.png', sizingMethod='scale')";
   background-size: 100%;
   cursor:pointer;
}

#info_pop{
   position: absolute;
   width: 30%;
   padding-left: 15px;
   padding-top: 15px;
}

#info_pop h1{
   color: #fff;
   border-bottom: 1px solid #fff;
   width: 10%px;
   padding-bottom: 10px;
}

.opacity{
   z-index: 999999999999999999999999999999999999999999;
   width: 100%;
   height: 419px;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #fff;
   opacity: .3;
   padding-left: 13px;
}

.pdf_dl{
   border: 0;
   background-image: url(/templates/philscan/images/file_pdf.png);
   width: 48px;
   height: 48px;
   background-color: transparent;
   z-index: 9999999999999999999999999;
   position: absolute;
   cursor: pointer;
}

.item-image{
   width: 474px;
   margin: 0 auto;
}

.item-image img{
   width: auto;
   height: 100%;
}