
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
body {
    margin: 0px;
    padding: 0px;
}

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

.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; } 

/* pershiner */
.effect-run a { display: block; } 

.effect-run canvas { top: -2px; left: -2px; } 

.effect-run img { margin: 0 !important; } 
