/* CSS Document */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
html, body {
    		height: 100%;
    		margin: 0;
			font-family:thl;
			font-size:18px;
    	}
.item {
            display: block;
            position: relative;
        }

            .item img {
                width: 100%;
                height: 100%;
                z-index: -1;
            }

            .item .overlay {
                position: absolute;
                left: 0%;
              top:0;
                width: 0%;
                height: 100%;
                background-color: rgba(19, 19, 19, 0.5);
                -webkit-transition: all 0.1s ease;
                -moz-transition: all 0.1s ease-in;
                -o-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease;
                visibility:hidden;
                overflow:hidden;
                
            }

                .item .overlay h1 {
                    color: #fff;
                    text-align: center;
                    vertical-align: central;
                    padding: 0;
                    margin: 0;
                    line-height: 250px;
                }

			
            .item:hover .overlay {
                top:0;
              left:0;
                visibility:visible;
                width:100%;
                height:100%;
            }		
/* ------------------------ tablet -----------------------------*/			
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

}
/* ------------------------ tablet -----------------------------*/	
/* ------------------------ tablet_pt -----------------------------*/	
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {

}
/* ------------------------ tablet_pt -----------------------------*/	
	
/* ------------------------ laptop -----------------------------*/	
@media all and (max-width: 1366px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1366px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1366px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1366px), only screen and (min-resolution: 192dpi) and (max-width: 1366px), only screen and (min-resolution: 2dppx) and (max-width: 1366px) {

}
/* ------------------------ laptop -----------------------------*/	

/* ------------------------ mobile -----------------------------*/	
@media all and (max-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and (min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min-resolution: 192dpi) and (max-width: 480px), only screen and (min-resolution: 2dppx) and (max-width: 480px) {

}
/* ------------------------ mobile -----------------------------*/	
	
/* ------------------------ scrollbar -----------------------------*/	
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #fff;
}

::-webkit-scrollbar-thumb
{
	background-color: #999;
	border-radius:5px;	
	/*background-image: -webkit-linear-gradient(90deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)*/
}
/* ------------------------ scrollbar -----------------------------*/