.sikka { animation: sikka 4s; -moz-animation: sikka 4s; -webkit-animation: sikka 4s; transition: all 1s ease-in-out; } .sikka:hover { transform: rotateY(360deg); } @keyframes sikka { 0% { opacity: 0; transform: rotateY(360deg); } 100% { opacity: 1; transform: rotateY(0deg); } } @-webkit-keyframes sikka { 0% { opacity: 0; transform: rotateY(360deg); } 100% { opacity: 1; transform: rotateY(0deg); } } @-moz-keyframes sikka { 0% { opacity: 0; transform: rotateY(360deg); } 100% { opacity: 1; transform: rotateY(0deg); } } .top-to-bottom { position: relative; animation: top-to-bottom 2s; -webkit-animation: top-to-bottom 2s; -moz-animation: top-to-bottom 2s; } @keyframes top-to-bottom { from { opacity: 0; top: -20px; } to { opacity: 1; top: 0; } } @-webkit-keyframes top-to-bottom { from { opacity: 0; top: -20px; } to { opacity: 1; top: 0; } } @-moz-keyframes top-to-bottom { from { opacity: 0; top: -20px; } to { opacity: 1; top: 0; } } .bottom-to-top { display: block!important; position: relative; animation: bottom-to-top 2s; -webkit-animation: bottom-to-top 2s; -moz-animation: bottom-to-top 2s; } @keyframes bottom-to-top { from { opacity: 0; top: 20px; } to { opacity: 1; top: 0; } } @-webkit-keyframes bottom-to-top { from { opacity: 0; top: 20px; } to { opacity: 1; top: 0; } } @-moz-keyframes bottom-to-top { from { opacity: 0; top: 20px; } to { opacity: 1; top: 0; } } .right-to-left { position: relative; animation: righttoleft 2s; -webkit-animation: righttoleft 2s; -moz-animation: righttoleft 2s; } @keyframes righttoleft { from { opacity: 0; left: 15px; } to { opacity: 1; left: 0; } } @-webkit-keyframes righttoleft { from { opacity: 0; left: 15px; } to { opacity: 1; left: 0; } } @-moz-keyframes righttoleft { from { opacity: 0; left: 15px; } to { opacity: 1; left: 0; } } .left-to-right { position: relative; animation: lefttoright 2s; -moz-animation: lefttoright 2s; -webkit-animation: lefttoright 2s; } @keyframes lefttoright { from { opacity: 0; right: 25px; } to { opacity: 1; right: 0; } } @-webkit-keyframes lefttoright { from { opacity: 0; right: 25px; } to { opacity: 1; right: 0; } } @-moz-keyframes lefttoright { from { opacity: 0; right: 25px; } to { opacity: 1; right: 0; } } .right-to-left-bounce { animation: right-to-left-bounce 1s; -webkit-animation: right-to-left-bounce 1s; -moz-animation: right-to-left-bounce 1s; } @keyframes right-to-left-bounce { 0% { opacity: 0; transform: translateX(2000px); } 60% { transform: translateX(-30px); } 80% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0); } } @-moz-keyframes right-to-left-bounce { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(20px); } 100% { transform: translateX(0); } } @-webkit-keyframes right-to-left-bounce { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(20px); } 100% { transform: translateX(0); } } .left-to-right-bounce { animation: left-to-right-bounce 1s; -webkit-animation: left-to-right-bounce 1s; -moz-animation: left-to-right-bounce 1s; } @keyframes left-to-right-bounce { 0% { opacity: 0; transform: translateX(-2000px); } 60% { transform: translateX(30px); } 80% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0); } } @-moz-keyframes left-to-right-bounce { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-20px); } 100% { transform: translateX(0); } } @-webkit-keyframes left-to-right-bounce { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-20px); } 100% { transform: translateX(0); } } .fadein { animation: fadein 2s; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .grascale { animation: img-animation 1s; -moz-animation: img-animation 1s; -webkit-animation: img-animation 1s; } @keyframes grascale { from { filter: grascale(2); } to { filter: grascale(0); } } @keyframes grascale { from { filter: grascale(2); } to { filter: grascale(0); } } @keyframes grascale { from { filter: grascale(2); } to { filter: grascale(0); } } .scale { animation: scale 2s; -moz-animation: scale 2s; -webkit-animation: scale 2s; transform: scale(1.1); } @keyframes scale { from { transform: scale(1); } to { transform: scale(1.1); } } @-moz-keyframes scale { from { transform: scale(1); } to { transform: scale(1.1); } } @-webkit-keyframes scale { from { transform: scale(1); } to { transform: scale(1.1); } } .zoomin { animation: zoomin 4s; -moz-animation: zoomin 4s; -webkit-animation: zoomin 4s; transform: scale(1.05); } @keyframes zoomin { 0% { opacity: .6; transform: scale(1); } 30% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 100% { transform: scale(1.05); } } @-moz-keyframes zoomin { 0% { opacity: .6; transform: scale(1); } 30% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 100% { transform: scale(1.05); } } @-webkit-keyframes zoomin { 0% { opacity: .6; transform: scale(1); } 30% { opacity: 1; } 50% { opacity: 1; } 70% { opacity: 1; } 100% { transform: scale(1.05); } } .bounce-in-zoom { position: relative; animation: bounce-in-zoom 1s; -webkit-animation: bounce-in-zoom 1s; -o-animation: bounce-in-zoom 1s; -moz-animation: bounce-in-zoom 1s; transition: all .2s ease-in-out; } @media (min-width:768px) { .bounce-in-zoom:hover { transform: scale(1.1); } } @keyframes bounce-in-zoom { 0% { opacity: 0; transform: scale(0); } 40% { opacity: 1; transform: scale(1.1); } 80% { transform: scale(.95); } 100% { transform: scale(1); } } @-webkit-keyframes bounce-in-zoom { 0% { opacity: 0; transform: scale(0); } 40% { opacity: 1; transform: scale(1.1); } 80% { transform: scale(.95); } 100% { transform: scale(1); } } @-moz-keyframes bounce-in-zoom { 0% { opacity: 0; transform: scale(0); } 40% { opacity: 1; transform: scale(1.1); } 80% { transform: scale(.95); } 100% { transform: scale(1); } } .animate1 { position: relative; left: -100%; animation: animate1 10s infinite; -webkit-animation: animate1 10s infinite; -moz-animation: animate1 10s infinite; } @keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } } @-webkit-keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } } @-moz-keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } } .new { background: #ffd800; color: #fff; position: absolute; right: 20%; top: -4px; font-size: 10px; padding: 0px 5px; border-radius: 3px; animation: new 1s infinite; -moz-animation: new 1s infinite; -webkit-animation: new 1s infinite; line-height: 15px; } @keyframes new { from { background: #f00; } to { background: #ffd800; } } @-webkit-keyframes new { from { background: #f00; } to { background: #ffd800; } } @-moz-keyframes new { from { background: #f00; } to { background: #ffd800; } } @keyframes arrow { 0% { transform: rotate(0deg); } 8% { transform: rotate(25deg); } 24% { transform: rotate(-25deg); } 35% { transform: rotate(10deg); } 45% { transform: rotate(0deg); } 60% { transform: translateX(0); } 70% { transform: translateX(10px); } 80% { transform: translateX(0); } 90% { transform: translateX(10px); } 100% { transform: translateX(0px); } } .bordertop { border-top: 1px solid #ccc; } .border { border: 1px solid #ccc; } .padding-25 { padding: 25px; } .job-heading1 { box-shadow: 4px 5px 17px #ccc; } .job-heading1:hover { box-shadow: 4px 5px 17px #777; } .bg-f1 { background-color: #f1f1f1; } .d-none { display: none; } .width_100 { width: 100%; } .ani { color: #08447D; animation: select 3s ease-in infinite; animation-iteration-count: infinite; border-left: 4px solid #08447D; } @keyframes select { 10% { transform: translateX(0); } 25% { transform: translateX(7px); } 50% { transform: translateX(0); } 75% { transform: translateX(7px); } 100% { transform: translateX(0px); } } .animate1 { position: relative; left: -100%; animation: animate1 10s infinite; -webkit-animation: animate1 10s infinite; -moz-animation: animate1 10s infinite; } @keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } } @-webkit-keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } } @-moz-keyframes animate1 { 0% { left: -100%; } 20% { left: 0%; } 50% { left: 0%; } 100% { left: 100%; } }

@media (max-width:768px){
	.animate1
	{
		display:none;
	}
	
}