@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300;400;500;600;700&display=swap');

html{scroll-behavior: smooth;}
body { font-family:'Fira Sans', sans-serif;  background:url('../images/body-bg.jpg') top center no-repeat; background-size: cover; background-position-y: 70%; min-height: 600px;} 

h1,h2,h3,h4,h5,h6 { font-family:'Fira Sans', sans-serif;} 
a { color: #e0001b; transition: all 0.5s ease 0s; outline:0 none;} 
a:hover { color: #434e55; text-decoration: none; transition: all 0.5s ease 0s; } 

.main-wrapper { position: relative; } 
.max-cntr { max-width: 1100px; margin: 0 auto; }

.landing-bg{ /* background:url('../images/aguner-group-bg.jpg') top center no-repeat; */ padding-bottom:60px; position:relative;}
/* .landing-bg:before{ position:absolute; background:url(../images/bottom-bg.png) center no-repeat; content:""; width:569px; height:528px; bottom:0; left:37%; background-size: cover;}*/
.landing-bdy{ width:100%; padding:20px 25px 40px 25px;}
.landing-bdy .agu-logo{ text-align:center; margin:0px 0px 10px; padding:0px 60px; position: relative;}
.landing-bdy .agu-logo img{ margin-left:0px;}
.landing-bg::before{ position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.35); top: 0; left: 0; right: 0; margin:  0 auto; z-index: -1;}
.landing-bdy .agu-logo span{ display: block; padding-left: 20px;}

.welcont{background-color: rgba(255, 255, 255, 0.85); border-radius: 30px; padding: 30px; text-align: justify; font-size: 14px;}
 
.mdcont{padding: 0;}
.mdcont h2{font-size: 16px; color: #777; margin: 10px 0 8px 8px;}
.mdcont h3{font-size: 16px; font-weight: bold; margin-left: 8px; margin-bottom: 15px;}
.mdcont h4{font-size: 16px; font-weight: 500; margin-left: 8px; margin-bottom: 15px; color: #444;}
.mdcont ul{padding: 0; list-style: none;}
.mdcont ul li{padding: 0 0 0 30px; margin-bottom: 15px; position: relative;}
.mdcont ul li::before{ position: absolute; content: ''; left: 10px; top: 6px; width: 10px; height: 10px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#850b10), to(#ed1c24));}

.mbox{display: flex; position: relative; justify-content: space-between;}

.new-head-1{ width: 100%; position: relative;}
.new-head-1 h1{ font-size: 26px; color: #fff; margin-top: 50px; text-align: center; margin-bottom: 25px; text-transform: uppercase; font-weight: 600;}
.new-head-1 p{ margin-bottom: 10px; font-size: 14px; text-align: center;}

.new-text-box{ width: 47%; justify-content: center; align-items: center; margin-top: 0px; flex-wrap: wrap; position: relative; background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; padding: 0px 0 20px; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 20px -10px rgba(0, 0, 0, 0.5);}
/* .new-text-box::before{ position: absolute; content: ''; width: 80%; height: 100%; background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; top: 20%; left: 0; margin: 0 auto; right: 0; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 20px -10px rgba(0, 0, 0, 0.5);} */
.new-text-box h2{ width: 100%; text-align: center; margin: 0 auto; padding: 10px 0px; background-color: #333; border-radius: 30px 30px 0 0; color: #fff; font-size: 28px; left: 0; right: 0; top: -25px;}
.new-text-box h2 img{max-width: 28px;}
.new-text-box ul{ list-style: none; padding: 0; margin: 20px auto 0px; width: 80%; display: flex; justify-content: center; flex-wrap: wrap; position: relative;}
.new-text-box ul li{ width: 100%; margin-bottom: 15px; padding-left: 25px; position: relative; font-size: 14px;}
.new-text-box ul li b{font-family: Arial, Helvetica, sans-serif;}
.new-text-box ul li b i{font-style: normal; font-size: 16px; font-weight: normal;}
.new-text-box ul li::before{ position: absolute; content: ''; left: 0; top: 8px; width: 10px; height: 10px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fb2a32), to(#a4090f));}
.new-text-box ul li:last-child{ margin-bottom: 0;}


.new-text-box2{ width: 47%; justify-content: center; align-items: center; margin-top: 0px; flex-wrap: wrap; position: relative; margin-bottom: 0px; background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; padding: 0px 0 20px; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 20px -10px rgba(0, 0, 0, 0.5);}
/* .new-text-box2::before{ position: absolute; content: ''; width: 80%; height: 100%; background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; top: 12%; left: 0; margin: 0 auto; right: 0; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 20px -10px rgba(0, 0, 0, 0.5);} */
.new-text-box2 h2{ width: 100%; text-align: center; margin: 0 auto; padding: 10px 0px; background-color: #333; border-radius: 30px 30px 0 0; color: #fff; font-size: 28px; left: 0; right: 0; top: -25px;}
.new-text-box2 h2 img{max-width: 28px;}
.new-text-box2 ul{ list-style: none; padding: 0; margin: 20px auto 0px; width: 80%; display: flex; justify-content: center; flex-wrap: wrap; position: relative;}
.new-text-box2 ul li{ width: 100%; margin-bottom: 15px; padding-left: 25px; position: relative; font-size: 14px;}
.new-text-box2 ul li::before{ position: absolute; content: ''; left: 0; top: 8px; width: 10px; height: 10px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fb2a32), to(#a4090f));}
.new-text-box2 ul li:last-child{ margin-bottom: 0;}

.footer-wrapper{ position:absolute; width:100%; bottom:0;}
.ft-copyright { background-color:rgba(0, 0, 0, 0.8); padding:20px 0; color: #040404; font-size: 14px; font-weight:400;} 
.copyright{ display:flex; align-items:center; }
.copyright .cptxt{ width:50%; text-align:left; padding-left:0px; color: #ccc;}
.copyright .cplnk{ width:50%; text-align:right;}

/* Scroll To Top */
.scrollToTop { width:40px; height:40px; padding:0px; text-align:center; font-weight: bold; color: rgba(0,0,0,0.2); text-decoration: none; position:fixed; bottom:20px; right:30px; display:none; font-size:24px; z-index: 999;} 
.scrollToTop:hover { text-decoration:none; color: #d9261c; } 
.scrollToTop:focus { color: rgba(0,0,0,0.2); } 
/* // Scroll To Top */

.xhidden { opacity: 0; } 
.xvisible { opacity: 1; } 
.xanimated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.xanimated2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 


/* Button used to open the contact form - fixed at the bottom of the page */
.open-button { background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; }
  
  /* The popup form - hidden by default */
  .form-popup { display: none; position: fixed; bottom: 0; right: 15px; border: 3px solid #f1f1f1; z-index: 9; }
  
  /* Add styles to the form container */
  .form-container { max-width: 300px; padding: 10px; background-color: white; }
  
  /* Full-width input fields */
  .form-container input[type=text], .form-container input[type=password] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; }
  
  /* When the inputs get focus, do something */
  .form-container input[type=text]:focus, .form-container input[type=password]:focus { background-color: #ddd; outline: none; }
  
  /* Set a style for the submit/login button */
  .form-container .btn { background-color: #04AA6D; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8; }
  
  /* Add a red background color to the cancel button */
  .form-container .cancel {
    background-color: red;
  }
  
  /* Add some hover effects to buttons */
  .form-container .btn:hover, .open-button:hover {
    opacity: 1;
  }
  
  .popup-main{ width: 100%; max-width: 100% !important; height: 82%; padding: 15px 25px 25px 25px !important; border-radius: 40px;}
  .form-popup{ width: 800px; height: 520px; top: 8%; right: 0 !important; margin: 0 auto 40px auto; left: 0; border-radius: 40px; background-color: #fff; border: 2px solid #ddd !important; pointer-events: visible !important;}
  .popup-hed{ width: 100%; display: flex; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
  .popup-hed .popup-hed-lft{ width: 80%;}
  .popup-hed .popup-hed-lft span{ width: 100%; display: flex; justify-content: flex-start;}
  .popup-hed .popup-hed-lft span img{ object-fit: contain; width: auto; height: auto; padding: 0; margin: 0; max-height: 80px;}
  .popup-hed .popup-hed-rht{ width: 20%;}
  .popup-hed .popup-hed-rht button{ padding: 10px !important; border-radius: 50%; width: 40px; height: 40px; font-size: 16px; position: absolute; content: ''; right: -30px; top: -20px; background-color: #f00; opacity: 1}
  .popup-bdy{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 15px; height: 100%; overflow: auto; padding-right: 20px;}
  .popup-bdy h1{ font-size: 28px !important; color: #ED1C24 !important; margin: 0 !important; padding: 0; margin-bottom: 15px !important; width: 100%; text-align: center;}
  .popup-bdy .tit{margin-bottom: 10px;}
  .popup-bdy h1 img{max-width: 40px;}
  .popup-bdy p{font-size: 14px; text-align: justify; padding: 0; margin: 0; line-height: 1.4; margin-bottom: 15px !important;}
  .popup-bdy p i{ font-style: normal; color: #0A5DAC;}
  .popup-bdy b{display: block; font-size: 14px; line-height: 1.1; margin-bottom: 10px;}
  .popup-bdy p a{color: #0A5DAC !important; transition: 0.4s; font-weight: 600;}
  .popup-bdy p a:hover{color: #ED1C24 !important; transition: 0.4s;}
  .popup-bdy p strong span{color: #1C3380 !important;}
  
  .background-image { pointer-events: none; overflow: hidden; position: relative;}
  .background-image::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto; top: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 9;}

.mcontact{text-align: center; border-top: 2px dotted #ddd; padding-top: 15px;}
.mcontact h3{font-size: 24px; font-weight: bold; color: #ed1c24; margin-bottom: 0;}
.mcontact span{font-size: 16px; font-weight: bold;}
.mcontact b{display: block; margin-top: 10px;}
.mcontact .mtel{font-size: 16px;}

.contact1{text-align: center; margin-top: 30px; background-color: #f5d239; border-radius: 30px; padding: 20px 0;}
.contact1 h2{font-size: 24px; font-weight: bold; color: #ed1c24;}
.contact1 .addrs{font-size: 16px; font-weight: bold; color: #666;}
.contact1 .tel2{color: #333;}

/* Extra large devices (large desktops, 1368px and up) */
@media (min-width: 1368px) 
 {
 .carousel-caption { padding:80px 140px 80px 300px; } 
 .form-popup{height: 660px;}
 .popup-bdy{padding-right: 0;}
 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) 
 {
.max-cntr { max-width: 1140px; margin: 0 auto; } 
.landing-bdy .agu-logo img{ margin-left:70px;}
.landing-box .agu-box1, .landing-box .agu-box2{ width:30%;}
.copyright .cplnk{width: 40%;}
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 970px) and (max-device-width : 1024px) 
 {
.max-cntr { max-width: 970px; margin: 0 auto; } 
 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) 
 {
.landing-bg{ min-height:1100px; background-size: cover;}
.max-cntr { max-width: 960px; margin: 0 auto; } 
.landing-bdy{ width:100%; padding:20px;}
.landing-bg::before{ left:0;}
.landing-bdy .agu-logo{  text-align:center}
.copyright .cptxt{ padding-left:0;}
.landing-box .agu-box1, .landing-box .agu-box2{ width:30%;}
.landing-box .agu-box1 h1{font-size: 16px;}
.landing-box .agu-box2 h1{font-size: 16px;}
.new-cont-box .agu-box2 h1{font-size: 16px;}
.new-cont-box  .agu-box-tit{padding: 15px 20px; height: 100px;}
.landing-box .agu-box-tit{padding: 15px 20px; height: 100px;}
.landing-box .agu-box1 .agu-box-des b{font-size: 12px; margin: 6px 0 0 0px;}
.landing-box .agu-box2 .agu-box-des b{font-size: 12px; margin: 6px 0 0 0px;}
.new-cont-box .agu-box2 .agu-box-des b{font-size: 12px; margin: 6px 0 0 0px;}
.new-cont-box .agu-box1 a i{ display: none;}
.new-cont-box .agu-box2 a i{ display: none;}
.new-cont-box .agu-box1 a { font-size: 12px; padding: 6px 6px 6px 6px;}
.new-cont-box .agu-box2 a { font-size: 12px; padding: 6px 6px 6px 6px;}
.new-cont-box .agu-box-des{padding: 20px 25px 20px;}
.landing-box .agu-box1 a i{ display: none;}
.landing-box .agu-box2 a i{ display: none;}
.landing-box .agu-box1 a { font-size: 12px; padding: 6px 6px 6px 6px;}
.landing-box .agu-box2 a { font-size: 12px; padding: 6px 6px 6px 6px;}
.landing-box .agu-box-des{padding: 20px 25px 20px;}
.mbox{display: block; position: relative;}
.new-text-box{width: 100%;}
.new-text-box2{width: 100%; margin-top: 70px;}
.new-text-box h2{width: 100%;}
.new-text-box2 h2{width: 100%;}
.form-popup{ width: 95%; height: auto;}
.popup-main{height: 82%;}
.popup-bdy{height: 100%; margin-bottom: 20px; overflow: auto; padding-right: 0;}
.popup-bdy .tit{text-align: center; display: block; width: 100%;}
.popup-bdy .tit strong{text-align: center; display: block; width: 100%;}
 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) 
 {
.max-cntr { max-width: 730px; margin: 0 auto; } 
.landing-bdy{ width:100%; padding:15px;}
.landing-bdy .agu-logo img{ margin-left:70px; margin-top:10px;}
.landing-box{ flex-wrap:wrap; margin-top:70px;}
.landing-bg{ background-size:auto; min-height:990px;}
.landing-box .agu-box1{ width:100%; background-size:cover;}
.landing-box .agu-box1 h1, .landing-box .agu-box2 h1{font-size:24px;}
.landing-box .agu-box1 p, .landing-box .agu-box2 p{ margin-bottom:20px;}
.landing-box .agu-box-tit{ background-size:cover; height: 70px;}
.landing-box .agu-box2{ width:100%; background-size:cover;}
.copyright{ padding:20px 10px 0px;}
.copyright .cptxt{ width:75%;}
.copyright .cplnk{ width:25%}
.new-cont-box{ flex-wrap: wrap;}
.new-cont-box .agu-box2{ width:100%; background-size:cover;}
.new-cont-box .agu-box-tit{ background-size:cover; height: 70px;}
.new-cont-box .agu-box2:first-child{ margin-right: 0; margin-bottom: 50px;}
.new-cont-box .agu-box2{margin-bottom: 50px;}
.new-cont-box .agu-box2 h1{ font-size: 24px;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) 
 {
.max-cntr { max-width: 100% !important; margin: 0 auto; overflow-x: hidden; } 
.landing-bg{background-size: 696px 460px !important; padding-bottom: 0;}
.landing-bdy .agu-logo{ text-align:center; margin:5px 0px 20px; padding:0;}
.landing-bdy .agu-logo img{ padding:0px; border-radius: 3px; margin-left:0px; margin-top:0px; max-width: 150px;}
.landing-box .agu-box1{ width:100%; margin-bottom:50px; background-size:auto;}
.landing-box .agu-box2{ width:100%; background-size: auto;}
.landing-box .agu-box1 h1, .landing-box .agu-box2 h1{ font-size:20px; text-align: center; line-height: 1.2;}
.new-cont-box .agu-box2 h1{ font-size:20px; text-align: center; line-height: 1.2;}
.landing-box .agu-box1 p, .landing-box .agu-box2 p{ padding-right:0;  margin-bottom:15px; font-size:15px;}
.landing-bg::before{ left:0; width:auto; height:90px;}
.landing-box{ margin-top:50px;}
.landing-box .agu-box-des{ padding:15px 25px 22px;}
.landing-box .agu-box-tit{ height:185px; padding:33px 25px;}
.copyright{ flex-wrap:wrap;}
.copyright .cptxt{ width:100%; text-align:center; padding-bottom:5px;}
.copyright .cplnk{ width:100%; text-align:center; padding-bottom:0px;}
.ft-copyright { padding:10px 0px;}
.landing-box .agu-box1 .agu-box-des small{font-size: 11px;}
.landing-box .agu-box2 .agu-box-des small{font-size: 11px;}
.footer-wrapper{position: relative;}
.new-head-1{margin-top: 40px;}
.new-cont-box .agu-box-tit{height: 55px;}
.landing-box .agu-box-tit { height: 55px; padding: 15px 25px; }
.landing-box .agu-box2{ margin-bottom: 50px;}
.new-cont-box{ margin-top: 0;}
}
@media (max-width: 360px) 
 {
.landing-bg::before{ left:0;}
.landing-box .agu-box-tit{ height:90px; padding:20px 25px 25px}
.new-cont-box .agu-box-tit{ height:90px; padding:20px 25px 25px}
 }

/* Animation */

@keyframes slideOutLeft { 
 0% { -webkit-transform: translateX(0); transform: translateX(0); } 
 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 
 }

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

@keyframes fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }

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

@keyframes zoomIn { 
 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 
 50% { opacity: 1; } 
 }

@-webkit-keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 
 100% { -webkit-transform: none; transform: none; } 
 }

@keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 
 100% { -webkit-transform: none; transform: none; } 
 }

@-webkit-keyframes zoomInRight { 
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } 
 }

@keyframes zoomInRight { 
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } 
 }

@-webkit-keyframes lightSpeedIn { 
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 
 100% { -webkit-transform: none; transform: none; opacity: 1; } 
 }

@keyframes lightSpeedIn { 
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 
 100% { -webkit-transform: none; transform: none; opacity: 1; } 
 }

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

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