.padding-main{padding-top: 60px;padding-bottom: 60px;}
@media (max-width: 992px){.padding-main{padding-top: 30px;padding-bottom: 30px;}}
@media (max-width: 575px){.padding-main{padding-top: 15px;padding-bottom: 15px;}}

.hover-red:hover { color: #f00 !important; text-decoration: none !important; } 
.hover-yellow:hover { color: #ff0 !important; text-decoration: none !important; } 

/* spin img*/
.spin-img:hover { transform: rotate(360deg); } 
.spin-img { display: block; -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out; } 

/* Scale IMG */
.scale-img { overflow:hidden; display:block; } 
.scale-img img { -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out !important; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); } 
.scale-img:hover > img { -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out; -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } 
img { transition: 0.3s; } 

/* hover glass */
.hover-glass { overflow: hidden; display: block; position: relative; } 
.hover-glass::before { content: ''; position: absolute; top: 0; left: -83%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } 
.hover-glass:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } 
@-webkit-keyframes shine { 100% { left: 125%; } 
 }
@keyframes shine { 100% { left: 125%; } 
 }
.hover-glass:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } 
.hover-glass img { width: 100%; transition: ease 0.75s; display: block; } 

/* text split  */
.text-split1 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; } 
.text-split2 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } 
.text-split3 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; } 
.text-split4 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; } 
.text-split5 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; } 
.text-split6 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 6; } 
.text-split7 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 7; } 
.text-split8 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 8; } 
.text-split9 { overflow: hidden; text-overflow: ellipsis !important; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 9; } 

.effect-run a {display: block;}
.effect-run canvas {top: -2px;left: -2px;}
.effect-run img {margin: 0!important;}

