/*ADD ANIMATION*/
.rotatenew{-webkit-animation-name:RotateNew;animation-name:RotateNew ;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;}
.fadein {-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.fadeout{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.flipoutx {-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.flipinx { -webkit-backface-visibility:visible !important ;backface-visibility:visible !important ;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.fadeindown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.fadeinup {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.fadeoff {-webkit-animation-name:fadeOff;animation-name:fadeOff;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.fadeon {-webkit-animation-name:fadeOn;animation-name:fadeOn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.goleft {-webkit-animation-name:goLeft;animation-name:goLeft;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.goright {-webkit-animation-name:goRight;animation-name:goRight;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.scalelarge{-webkit-animation:scaleLarge;animation:scaleLarge;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.scaleout{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation:scaleSmallOff;animation:scaleSmallOff;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}




/* fade */
.slide-fade-out {-webkit-animation:fadeOut;animation:fadeOut;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.slide-fade-in { z-index:10;-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
/* backSlide */
.slide-backSlide-out {-webkit-animation:backSlideOut;animation:backSlideOut;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.slide-backSlide-in {-webkit-animation:backSlideIn;animation:backSlideIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
/* goDown */
.slide-goDown-out {-webkit-animation:scaleToFade;animation:scaleToFade;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.slide-goDown-in {  -webkit-animation:goDown;animation:goDown;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
/* scaleUp */
.slide-fadeUp-in {-webkit-animation:scaleUpFrom;animation:scaleUpFrom;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.slide-fadeUp-out {-webkit-animation:scaleUpTo;animation:scaleUpTo;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}




/*ANIMATION*/
@keyframes Reveal {
  from { transform:scale(0.001); }
  to { transform:scale(1); }
}

@keyframes Slide {
  to { transform:translateX(1.5em) }
}

@keyframes BgColor {
	from {background-color:rgba(0,72,53,1);}
	to {background-color:rgba(176, 92, 30, 1);}
}
@-webkit-keyframes BgColor {
	from {color:rgba(0,72,53,1);}
	to {color:rgba(176, 92, 30, 1);}
}

@keyframes BgColor1 {
	from {background-color:rgba(176, 92, 30, 1);}
	to {background-color:rgba(0,72,53,1);}
}
@-webkit-keyframes BgColor1 {
	from {background-color:rgba(176, 92, 30, 1);}
	to {background-color:rgba(0,72,53,1);}
}

@keyframes Color {
	from {color:rgba(0,72,53,1);}
	to {color:rgba(176, 92, 30, 1);}
}

@-webkit-keyframes Color {
	from {color:rgba(0,72,53,1);}
	to {color:rgba(176, 92, 30, 1);}
}

@keyframes Color1 {
	from {color:rgba(176, 92, 30, 1);}
	to {color:rgba(0,72,53,1);}
}

@-webkit-keyframes Color1 {
	from {color:rgba(176, 92, 30, 1);}
	to {color:rgba(0,72,53,1);}
}


@keyframes aniWidth{
from {width:0}
to {width:100%}
}

@-webkit-keyframes aniWidth{
from {width:0}
to {width:100%}
}


@keyframes aniHeight{
from {height:0}
to {height:100%}
}

@-webkit-keyframes aniHeight{
from {height:0}
to {height:100%}
}

@keyframes zezoHeight{
to {height:0}
}

@-webkit-keyframes zezoHeight{
to {height:0}
}

@-webkit-keyframes fallPerspective {
	100% {-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
}

@keyframes fallPerspective {
	100% {-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
}

@-webkit-keyframes Preloader { 
100% { -webkit-transform:rotate(360deg);}
}
@keyframes Preloader { 
100% {transform:rotate(360deg);}
}

@-webkit-keyframes DrawStroke {
0% {stroke-dashoffset:700; }
100%{stroke-dashoffset:0; }
}

@keyframes DrawStroke {
0% {stroke-dashoffset:700; }
100%{stroke-dashoffset:0; }
}

@-webkit-keyframes FadeStroke {
0% {fill-opacity:0;}
100%{fill-opacity:1;}
}

@keyframes FadeStroke {
0% {fill-opacity:0;}
100%{fill-opacity:1;}
}



@-webkit-keyframes Play{
  from{background-position:0px;}
  to{background-position:-360px;}
}
@keyframes Play{
  from{ background-position:0px;}
  to{background-position:-360px;}
}

@-webkit-keyframes Ani{
0%{box-shadow:0 0 0 rgba(220,220,220,0);border:1px solid rgba(220,220,220,0);-webkit-transform:scale(0);transform:scale(0);}
70%{box-shadow:0 0 50px rgba(220,220,220,1);border:1px solid rgba(220,220,220,1);-webkit-transform:scale(1);transform:scale(1);}
100%{box-shadow:0 0 60px rgba(220,220,220,0);border:0 solid rgba(220,220,220,0);-webkit-transform:scale(1.5);transform:scale(1.5);}
}

@keyframes Ani{
0%{box-shadow:0 0 0 rgba(220,220,220,0);border:1px solid rgba(220,220,220,0);transform:scale(0);}
70%{box-shadow:0 0 50px rgba(220,220,220,1);border:1px solid rgba(220,220,220,1);transform:scale(1);}
100%{box-shadow:0 0 60px rgba(220,220,220,0);border:0 solid rgba(220,220,220,0);transform:scale(1.5);}
}

@-webkit-keyframes Bg-Animation {
0% {-webkit-transform:scale(1);}
70% {-webkit-transform:scale(1.11);}
100% {-webkit-transform:scale(1);}
}

@keyframes Bg-Animation {
0% { transform:scale(1);}
70% {transform:scale(1.11);}
100% {transform:scale(1);}
}

@keyframes Leftpage{
  from{ left:-100%;}
  to{ left:100%;}
}
@-webkit-keyframes Leftpage{
 from{ left:-100%;}
  to{ left:100%;}
}

@keyframes Rotate{
from{transform:rotate(0deg) translateZ(0);}
to{transform:rotate(360deg) translateZ(0);}
}
@-webkit-keyframes Rotate{
from{-webkit-transform:rotate(0deg) translateZ(0);}
to{-webkit-transform:rotate(360deg) translateZ(0);}
}



@-webkit-keyframes empty{
  0%{opacity:1}
}
@keyframes empty{
  0%{opacity:1}
}
@-webkit-keyframes fadeIn{
  0%{ opacity:0;}
  100%{ opacity:1;}
}
@keyframes fadeIn{
  0%{ opacity:0;}
  100%{ opacity:1; }
}
@-webkit-keyframes fadeOut{
  0%{ opacity:1;}
  100%{ opacity:0;}
}
@keyframes fadeOut{
  0%{ opacity:1;}
 100%{ opacity:0;}
}
@-webkit-keyframes fadeOff{
  0%{ opacity:1;}
  100%{ opacity:0;-webkit-transform:scaleX(0);	 transform:scaleX(0);}
}

@keyframes fadeOff{
  0%{ opacity:1;}
  100%{ opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);}
}

@-webkit-keyframes fadeOn{
  0%{ opacity:0;}
  100%{ opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}
  
}
@keyframes fadeOn{
   0%{ opacity:0;}
   100%{ opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}
   
}

@-webkit-keyframes backSlideOut{
  25%{ opacity:.5;-webkit-transform:translateZ(-500px);}
  75%{ opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
  100%{ opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut{
  25%{ opacity:.5;transform:translateZ(-500px);}
  75%{ opacity:.5;transform:translateZ(-500px) translateX(-200%);}
  100%{ opacity:.5;transform:translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn{
  0%, 25%{ opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}
  75%{ opacity:.5;-webkit-transform:translateZ(-500px);}
  100%{ opacity:1;-webkit-transform:translateZ(0) translateX(0);}
}
@keyframes backSlideIn{
  0%, 25%{ opacity:.5;transform:translateZ(-500px) translateX(200%);}
  75%{ opacity:.5;transform:translateZ(-500px);}
  100%{ opacity:1;transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade{
  to{ opacity:0;-webkit-transform:scale(.8);}
}
@keyframes scaleToFade{
  to{ opacity:0;transform:scale(.8);}
}
@-webkit-keyframes Go{
  from{background-position:center 50px;}

  to{background-position:center 140px;}
}
@keyframes Go{
  from{ background-position:center 50px;}
  to{background-position:center 140px;}
}

@-webkit-keyframes goDown{
  from{ -webkit-transform:translateY(-100%);}
}
@keyframes goDown{
  from{ transform:translateY(-100%);}
}

@-webkit-keyframes scaleUpFrom{
  from{ opacity:0;-webkit-transform:scale(1.5);}
}
@keyframes scaleUpFrom{
  from{ opacity:0;transform:scale(1.5);}
}

@-webkit-keyframes scaleUpTo{
  to{ opacity:0;-webkit-transform:scale(1.5);}
}
@keyframes scaleUpTo{
  to{ opacity:0;transform:scale(1.5);}
}

@-webkit-keyframes toTop{
  0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);}
  100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@keyframes toTop{
  0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);}
  100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}


@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}

@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}

@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0);}
  100%{ opacity:1;-webkit-transform:none;transform:none;}
}

@keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}


@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg)   scale(0.5);opacity:0;}
  100%{-webkit-transform:perspective(400px) rotateX(0deg)  scale(1);opacity:1;}
}

@keyframes flipInX{
  0%{transform:perspective(400px) rotateX(90deg)   scale(0.5);opacity:0;}
  100%{transform:perspective(400px) rotateX(0deg)  scale(1);opacity:1;}
}

@-webkit-keyframes flipOutX{
  0%{-webkit-transform:perspective(400px) rotateX(0deg)  scale(1); opacity:1;}
  100%{-webkit-transform:perspective(400px) rotateX(90deg)   scale(0.5);opacity:0;}
}

@keyframes flipOutX{
  0%{ transform:perspective(400px) rotateX(0deg)  scale(1);opacity:1;}
  100%{transform:perspective(400px) rotateX(90deg)  scale(0.5);opacity:0;}
}

@-webkit-keyframes goRight{
 0%{opacity:0;-webkit-transform:translate3d(-100px, 0, 0);transform:translate3d(-100px, 0, 0);}
 100%{ opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@keyframes goRight{
 0%{opacity:0; -webkit-transform:translate3d(-100px, 0, 0);transform:translate3d(-100px, 0, 0);}
 100%{opacity:1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@-webkit-keyframes goRightL{
 0%{opacity:0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
 100%{ opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@keyframes goRightL{
 0%{opacity:0; -webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
 100%{opacity:1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@-webkit-keyframes goLeft{
 0%{ opacity:0;-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);}
 100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@keyframes goLeft{
 0%{ opacity:0;-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);}
 100%{ opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@-webkit-keyframes goLeftL{
 0%{ opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
 100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@keyframes goLeftL{
 0%{ opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
 100%{ opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

@-webkit-keyframes scaleSmall{
0%{opacity:0;-webkit-transform:scale(0.8);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleSmall{
0%{opacity:0;transform:scale(0.8);}
100%{opacity:1;transform:scale(1);}
}

@-webkit-keyframes scaleMidium{
0%{opacity:0;-webkit-transform:scale(0.94);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleMidium{
0%{opacity:0;transform:scale(0.94);}
100%{opacity:1;transform:scale(1);}
}

@-webkit-keyframes scaleLarge{
0%{opacity:0;-webkit-transform:scale(1.5);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleLarge{
0%{opacity:0;transform:scale(1.5);}
100%{opacity:1;transform:scale(1);}
}

@-webkit-keyframes scaleSmallOff{
0%{opacity:1;-webkit-transform:scale(1);}
100%{opacity:0;-webkit-transform:scale(1.1);}
}
@keyframes scaleSmallOff{
0%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(1.1);}
}

@-webkit-keyframes scaleX{
to{-webkit-transform:scale3d(1, 1, 1);}
}
@keyframes scaleX{
to{transform:scale3d(1, 1, 1);}
}


@-webkit-keyframes trackBallSlide {  
 0% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 15% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px);}
 30% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 50% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px);}
 60% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 100% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
}
@keyframes trackBallSlide {  
 0% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 15% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px);}
 30% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 50% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px);}
 60% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
 100% { opacity:1; -webkit-transform:translateY(-12px); transform:translateY(-12px);}
}

@-webkit-keyframes Shake {
    from,    to {   -webkit-transform:translate3d(0, 0, 0) rotate(0) }
    0%,    50% { -webkit-transform:translate3d(-10px, 0, 0) rotate(15deg) }
    25% {  -webkit-transform:translate3d(10px, 0, 0) rotate(-15deg)  }
}

@keyframes Shake {
    from,  to {  transform:translate3d(0, 0, 0) rotate(0) }
    0%,    50% {  transform:translate3d(-10px, 0, 0) rotate(15deg)  }
    25% {    transform:translate3d(10px, 0, 0) rotate(-15deg) }
}

@keyframes Reveal {
  from { transform:scale(0.001); }
  to { transform:scale(1); }
}

@keyframes Slide {
  to { transform:translateX(1.5em) }
}




/*TITLE ANIMATION*/
.title, .tool-box{opacity:0; will-change: transform, opacity}

.title.on-show{-webkit-animation:fadeInDown;animation:fadeInDown;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.title.rellax, .rellax .title{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;opacity:1}


/*LAYOUT ANIMATION*/
.print-box, .bottom-sub, .chat-icon, .subscrible-icon, .company-box > *, .copyright, .sub-nav-content:not(.fixed), .sub-nav-content:not(.fixed) .sub-nav li{opacity:0; will-change: transform, opacity}
.on-show .print-box{-webkit-animation-name:scaleSmall;animation-name:scaleSmall;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.bottom-sub.on-show, .chat-icon.on-show, .copyright.on-show{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.subscrible-icon.on-show{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.on-show .company-box > *:nth-child(odd){-webkit-animation:goRight;animation:goRight;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.on-show .company-box > *:nth-child(even){-webkit-animation:goLeft;animation:goLeft;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.sub-nav-content:not(.fixed).on-show{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.sub-nav-content:not(.fixed).on-show .sub-nav li{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.sub-nav-content:not(.fixed).on-show .bg::after{-webkit-animation:scaleX;animation:scaleX;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}


/*CONTENT ANIMATION*/
.tab-box, .player-vid, .box-but, .suggestions-box .career-item, .load-data, .news-box, .relation-box, .rock-left, .rock-right{opacity:0;; will-change: transform, opacity}
.tab-box.on-show{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.full-video-wrap.on-show .title{-webkit-animation-delay:0.8s;animation-delay:0.8s;} 
.full-video-wrap.on-show .pic-video::before, .full-video-wrap.on-show  .pic-video::after{-webkit-animation:zezoHeight;animation:zezoHeight;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.full-video-wrap.on-show .player-vid{-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.box-but.on-show, .load-data.on-show, .relation-box.on-show, .news-box.on-show{-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.rock-left.on-show, .rock-right.on-show{-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.career-item.on-show:nth-child(3n + 1) {-webkit-animation:scaleSmall;animation:scaleSmall;-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.career-item.on-show:nth-child(3n + 2) {-webkit-animation:scaleSmall;animation:scaleSmall;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.career-item.on-show:nth-child(3n + 3) {-webkit-animation:scaleSmall;animation:scaleSmall;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.popup-box .box-but, .request-box .box-but{opacity:1}
.popup-box .box-but.on-show, .request-box .box-but.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}



@media screen and (max-width:1024px) {
/*TITLE ANIMATION*/
.title, .tool-box{opacity:1; will-change:inherit}
.title.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

/*LAYOUT ANIMATION*/
.print-box, .bottom-sub, .chat-icon, .subscrible-icon, .company-box > *, .copyright, .sub-nav-content:not(.fixed), .sub-nav-content:not(.fixed) .sub-nav li{opacity:1; will-change:inherit}
.on-show .print-box, .bottom-sub.on-show, .chat-icon.on-show, .copyright.on-show, .subscrible-icon.on-show, .on-show .company-box > *:nth-child(odd), .on-show .company-box > *:nth-child(even), .sub-nav-content:not(.fixed).on-show, .sub-nav-content:not(.fixed).on-show .sub-nav li, .sub-nav-content:not(.fixed).on-show .bg::after{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}


/*CONTENT ANIMATION*/
.tab-box, .player-vid, .box-but, .suggestions-box .career-item, .load-data, .relation-box, .news-box, .rock-left, .rock-right{opacity:1; will-change:inherit}
.pic-video::before, .pic-video::after{display:none}
.tab-box.on-show, .full-video-wrap.on-show .player-vid, .box-but.on-show, .career-item.on-show:nth-child(3n + 1), .career-item.on-show:nth-child(3n + 2), .career-item.on-show:nth-child(3n + 3), .load-data.on-show, .relation-box.on-show, .news-box.on-show, .rock-left.on-show, .rock-right.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

}



@media print {
/*FORMAT STYLE TO PRINT*/
.header, .footer, .slider-home, .slider-inner, .quick-search, .sub-nav-content{display:none}
.title, .tool-box{opacity:1;}
.title.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

.tab-box, .player-vid, .box-but, .suggestions-box .career-item, .load-data, .relation-box, .news-box, .rock-left, .rock-right{opacity:1;}
.pic-video::before, .pic-video::after{display:none}
.tab-box.on-show, .full-video-wrap.on-show .player-vid, .box-but.on-show, .career-item.on-show:nth-child(3n + 1), .career-item.on-show:nth-child(3n + 2), .career-item.on-show:nth-child(3n + 3), .load-data.on-show, .relation-box.on-show, .news-box.on-show, .rock-left.on-show, .rock-right.on-show{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}

}