/* animate.css */
@charset "UTF-8";.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
 40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
 60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
 60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;}
 25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
 25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);}
 50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
 100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);}
 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
}
@keyframes shake{0%, 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}
 40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
 60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
 80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
 100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);}
 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
 100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
 100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%);}
 15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
 30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
 45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
 60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
 75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
 100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
 15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
 30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
 45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
 60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
 75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
 100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
 /*50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);}
*/
 /*70%{-webkit-transform:scale(.9);transform:scale(.9);}
*/
 100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
 /*50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
 70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}
*/
 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
 60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);}
 80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
 100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
 60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
 80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
 60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);}
 80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
 100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
 60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}
 80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
 60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
 80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
 100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
 60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}
 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
 60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);}
 80%{-webkit-transform:translateY(10px);transform:translateY(10px);}
 100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
 60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
 80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);}
 25%{-webkit-transform:scale(.95);transform:scale(.95);}
 50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
 100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}
 50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
 100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
 20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
 20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
 20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
 20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
 100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
 100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px);}
 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);}
 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px);}
 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);}
 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);}
 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);}
 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);}
 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
 40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
 70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
 100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
 40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
 70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
 100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
 40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
 70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
 100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
 40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
 70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
 100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
 100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
 100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
 100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
 100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
 60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
 80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
 100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
 60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
 80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
 100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
 100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
 100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
 100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
 100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);}
 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(120px);transform:translateX(120px);}
 100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);}
 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 20%, 60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 20%, 60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
 100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blinker{0%{opacity:1.0;}
 25%{opacity:0.0;}
}
@-webkit-keyframes blinker{0%{opacity:1.0;}
 25%{opacity:0.0;}
}
@keyframes blinker{0%{opacity:1.0;}
 25%{opacity:0.0;}
}
.blink_mef{-webkit-animation-name:blinkerf;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinkerf;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinkerf;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blinkerf{0%{opacity:1.0;}
 75%{opacity:0.0;}
}
@-webkit-keyframes blinkerf{0%{opacity:1.0;}
 75%{opacity:0.0;}
}
@keyframes blinkerf{0%{opacity:1.0;}
 75%{opacity:0.0;}
}
.blink_mes{-webkit-animation-name:blinkers;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinkers;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinkers;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blinkers{0%{opacity:1.0;}
 100%{opacity:0.0;}
}
@-webkit-keyframes blinkers{0%{opacity:1.0;}
 100%{opacity:0.0;}
}
@keyframes blinkers{0%{opacity:1.0;}
 100%{opacity:0.0;}
}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
 50%{opacity:1;}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
 50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}



.shake-vertical {
	-webkit-animation: shake-vertical 3s linear 2s infinite both;
	        animation: shake-vertical 3s linear 2s infinite both;
}

@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}

/* animate.css End */




/* landing.css */



body{font-family: 'Poppins', sans-serif !important;}

.btn-blk-ld p{color: #fff; text-align: center; }
.btn-blk-ld {background:#d5b881;/* width: auto; */display: inline-block; margin: 0 auto;padding: 10px 30px;}
strong{font-weight: 700}

.video-sect {
    background: none;
    height: auto;
}
.heading2{font-weight: 700}
.video-sect img.landing-banner{  height: 110vh; width: 100%;object-fit: cover; }
.banner-heading { font-size: 38px; margin-bottom: 20px; font-weight: 700;font-family: 'Poppins', sans-serif !important;}
.btn-blk{font-size: 22px;font-weight: 700;color: #fff; letter-spacing: 1px}
.banner-txtblk {top: inherit; bottom: 14%;}
.bannerimg{width: 45%; position: absolute; right: 15%; top: 15%}
.video-wrapper:after{display: none;}
.footer-link li, .copyright-txt{font-family: 'Poppins', sans-serif !important;}

.bannerimg {
	-webkit-animation: kenburns-top-left 5s ease-out both;
	        animation: kenburns-top-left 5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-9-22 18:17:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-left
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
@keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}

.transport-first-left{width: 50%}
.strategic{width: 30%; margin: 0 auto}
.transport-first-blk{align-items: center;}
.service-sect{margin: 0; padding: 200px 0 0}
.transport-arrow1 {width: 15%}
.transport-arrow3 {  position: absolute;  left: 49%;  bottom: -5%;   width: 15%;  z-index: 111;}
.service-sect:after{background: #d5b881; clip-path: polygon(0 85%, 100% 100%, 100% 22%);width: 70vh;height: 30vh;position: absolute;content: '';top: 0;right: 0;z-index: -1;}
.service-txtblk{padding: 0; width: 80%}
.service-sect:before{height: 93%;}
.service-wrap{width: 90%; margin: 0 auto}
.list-blk li{color: #fff;font-weight: 500; list-style: none; padding-left: 5%; position: relative;}
p{font-weight:500;}

.list-blk li:before{position: absolute;content: '';width: 7px;height: 7px;background: #00243f;top: 9px;margin-left: -5%;border-radius: 5px;}
.service-blk{margin-top: 30px; position: relative;}
.white-list li:before{background: #fff;}
.service-innerimg{width: 36%;position: absolute;right: 21%;bottom: -33%; z-index: 11}
.service-arrow2 {  position: absolute;  left: 19%;   top: 13%;    width: 7%;}
.rank-ser{margin-top: 100px}
.rankarr{
    width: 12%;
    left: 15%;
    top: -8%;
}
.rankli li{color: #00243f}
.rank-left{width: 40%;}
.rankright{width: 50%}
.ranktxt{margin-top: 50px}
.sec4{background: url(../images/sec4.webp) no-repeat;background-size: cover;height: 600px;padding: 100px 0;background-position: center;  position: relative;}
.sec4img{position: relative;width: 550px;right: 0;margin-right: auto;text-align: right;float: right;}
.rankarr2{width: 10%; bottom: 2%}
.hermesblk{position: absolute;bottom: 7%;left: 0;right: 0;margin: 0 auto;text-align: center;}

.hermesblk .hermes-txt {
    font-size: 150px;
    line-height: 170px;
    font-weight: 700;
    color: rgb(255 255 255);
    background: -webkit-linear-gradient(rgb(255 255 255), rgb(255 255 255 / 17%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hermesblk .btn-blk{text-transform: uppercase;}
.heading2,.hermesblk .hermes-txt{font-family: 'Poppins', sans-serif !important;}
.video-wrapper:before {
    background: url(../images/banner-shape-ld.png) no-repeat center;

}
@media screen and (min-width:2000px) {
.video-wrapper:before{display: none;}

  }

@media screen and (min-width:1400px) {
	.rank-left {width: 35%}
	.list-blk li {margin-bottom: 30px}



}

	@media screen and (max-width:1200px) {

	.heading2 br{display: none;}
	.service-txtblk{width: 100%}
	.service-wrap{width: 100%}
	.list-blk li {margin-bottom: 20px}

}
@media screen and (max-width:1024px) {

	.heading2 {font-size: 30px}
	.banner-heading {font-size: 30px}
	.transport-first-blk, .transport-first-left{margin: 0;}
	.transport-arrow3 {  position: absolute;   left: 60%;   bottom: 9%;}
	.service-innerimg {position: relative; right: 0; bottom: 0}
	.rank-ser{margin-top: 0}
	.ranktxt{flex-direction: column-reverse;}
	.rankright{width: 100%}
	.service-sect{padding-top: 80px}
	.service-arrow2 {  position: absolute;   left: 73%;   top: 13%;   width: 10%;}
	.transport-arrow1 {  width: 12%; top: 13%;}
	.rankarr{width: 12%; top: 6%; left: 66%}
	.sec4 {height: 500px}
	.sec4img {width: 450px}
	.hermesblk .hermes-txt{font-size:100px; line-height: 100px}
	.btn-blk {font-size: 18px;}



}

@media screen and (max-width:900px) {



.banner-heading {font-size: 25px}
.btn-blk-ld {padding: 7px 20px}
.transport-first-left{width: 100%}
.heading2{font-size: 25px;}
.strategic {width: 50%}
.rankright{width: 100%}




	}

	@media screen and (max-width:768px) {
		.video-sect img.landing-banner{height: 450px}
		.video-sect img.landing-banner { height: 450px;    object-fit: cover;}
		.list-blk li{font-size: 14px}
		.service-sect{padding: 50px 0}
		.service-innerimg {width: 50%; margin: 0 auto;}
		.rankarr2{display: none;}
		.service-arrow2 {  position: absolute;  left: 64%;   top: 3%;   width: 13%;}
		.transport-arrow1 {  width: 15%;   top: 2%;   left: 57%;   z-index: 11;}



	}

	@media screen and (max-width:540px) {
		.sec4img{width: 380px}
	}

@media screen and (max-width:480px) {
 
.video-sect img.landing-banner {
    height: 350px;
    object-fit: cover;
    object-position: -75px;
}

.navbar-brand {width: 90px}
.banner-heading {font-size: 22px}
.btn-blk {font-size: 16px}
.heading2{font-size: 22px}
.strategic{width: 100%}
.service-innerimg{width: 100%}
.hermesblk .hermes-txt{font-size: 80px; line-height: 80px}
.sec4{height: 400px; padding: 50px 0}
.bannerimg{top: 30%}
.bannerimg {
    top: 30%;
    right: 15%;
}

.bannerimg {
	-webkit-animation: kenburns-top-right 5s ease-out both;
	        animation: kenburns-top-right 5s ease-out both;
}


/* ----------------------------------------------
 * Generated by Animista on 2023-9-23 14:26:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-right
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2023-9-23 14:26:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-right
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}


}


/* landing.css end */




/* style.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');

@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.eot');
  src: url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.eot');
  src: url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.eot');
  src: url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* --------------------------------- COMMON ELEMENT CSS --------------------------------- */

body {
  margin:0;
  padding:0px 0 0 0;  
    font-family: 'Poppins-Medium';
  overflow-x: hidden;
    position: relative;background: #fff;
}

p, h1, h2, h3, h4, h5, h6, input, textarea, ul, li, ol {
  margin:0;
  padding:0;
}
a, a:hover {
  text-decoration:none;
  border:0;
  outline:none
}
.rpos{
  position:relative;
}
img{
  border:none;
}
iframe{
  width:100%;
}

.clear {clear:both}
.bdnone {border:none !important}
.leftcontent {
  float:left;
}
.rightcontent {
  float:right;
}
.pageblock {
  clear:both;
}
.blockcontainer {
  display:block;
  overflow:hidden;
}
.container {  
  width:94%;max-width: 1400px;
  margin:0 auto;
}
.center {
  text-align:center;
}
.bold {
  font-weight:bold;
}
.ibvt{display:inline-block;vertical-align:top;}
.ibvm{display:inline-block;vertical-align:middle;}
.uppercase {text-transform: uppercase;}
.img-responsive{width: 100%;}
.btn{padding: 10px 40px;border-radius: 0;font-family: "Poppins-Medium";font-size: 16px;color: #fff;}
.btn-primary{background: #d5b881;border: 1px solid #d5b881;}
.btn-secondary{background: transparent;border: 1px solid rgba(255,255,255,0.6);}
.btn-primary:hover{background: transparent;border: 1px solid #fff;box-shadow: 2px 2px 10px rgb(255 255 255 / 40%);}
.btn-secondary:hover{border: 1px solid #5a6268;box-shadow: none;color: #fff;box-shadow: 2px 2px 10px rgb(255 255 255 / 40%);}
.btn-primary:not(:disabled):not(.disabled):active{background: #d5b881;border: 1px solid #d5b881;}
.btn-blk .btn + .btn{margin-left: 15px;}
p{color: #00243f;margin-bottom: 20px;}
.fl{float: left;}
.fr{float: right;}
.flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.flex-start{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.flex-center{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
.sprite{background:url(../images/sprite.png) no-repeat 0 0;display: inline-block;}


::-webkit-input-placeholder { /* WebKit browsers */
opacity:  0.7;
color:#d5b881 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
opacity:  0.7;
color:#d5b881 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
opacity:  0.7;
color:#d5b881 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
opacity:  0.7;
color:#d5b881 !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
::-webkit-input-placeholder {opacity: 1;}
:-moz-placeholder { /* Firefox 18- */opacity: 1;}
::-moz-placeholder {  /* Firefox 19+ */opacity: 1;}
:-ms-input-placeholder {opacity: 1;}


.banner-txtblk{position: absolute;left: 0; right:0; top: 45%;margin: 0 auto;text-align: center;z-index: 2;}
.banner-heading{font-size: 50px;line-height: 54px;color: #fff;font-family: "Poppins-Bold";margin-bottom: 40px;}
.banner-heading span{font-size: 46px;line-height: 50px;}
.banner-arrow{width: 32%;position: absolute;left: 0;top: 30%;
 -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}

.transport-wrap{width: 90%;margin: 0 auto;position: relative;z-index: 1}
.heading{font-size: 18px;color: #fff;transform: skewX(30deg);}
.heading-blk {
    background: #d5b881;
    padding: 2px 30px;
    display: inline-block;
    transform: skew(-30deg);margin: 0 0 30px;
   
}
.heading2{font-size: 30px;line-height: 36px;color: #00243f;font-family: "Poppins-Bold";margin: 0 0 10px;}
.heading3{font-size: 26px;line-height: 30px;color: #00243f;font-family: "Poppins-Bold";margin: 0 0 15px;}
.transport-sec-blk {
    width: 55%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin: 0 0 0 auto;
}
.number-speak-txt{font-size: 26px;line-height:30px;color: #d5b881;font-family: "Poppins-Bold";margin-bottom: 30px;}

.counter-txt{font-size: 18px;color: #00243f;}
.counter-num{font-size: 22px;color: #00243f;font-family: "Poppins-Bold";}
.counter-innerblk{padding-bottom: 15px;border-bottom: 1px solid #d5b881;width: 47%;margin-bottom: 60px;}
.counter-blk {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.read-btn-blk {
   position: relative;display: inline-block;margin: 50px 0 0;
}
.read-more-btn{position: relative;color: #00243f;font-size: 18px;font-family: 'Poppins-Medium';cursor: pointer;}
.read-more-btn .icon-right{color: #00243f;transition: visibility 0s, opacity 0.3s ease-in-out;}
.read-more-btn:before {
    width: 90px;
    height: 90px;
    border: 1px solid #00243f;
    border-radius: 50%;
    position: absolute;
    content: "";
    right: -26px;
    top: -30px;
}
.read-more-btn .icon-right:before {
  animation-name: move-right-to-left;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: alternative;
}
@keyframes move-right-to-left {
  0% {
    transform: translateX(25%);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
.transport-sect{position: relative;padding-bottom: 0;background: #fff;}
.transport-arrow1 {
    position: absolute;
    left: 70%;
    top: 0;
    width: 21%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;

}
.transport-arrow2 {
    position: absolute;
    left: 62%;
    top: 19%;
    width: 10%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.transport-arrow3 {
    position: absolute;
    left: 15%;
    bottom: 19%;
    width: 21%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.common-padding{padding: 80px 0;}
.common-padding2{padding: 40px 0;}
.service-sect{position: relative;padding: 275px 0 0;margin: -180px 0 100px;}
/*.service-sect:before{background: url('../images/service-bg.png') no-repeat center;width: 100%;height:1370px;position: absolute;background-size: cover;content: "";top: 0;}*/
.service-sect:before {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 62%;
    -moz-transform: skewy(6deg);
    -webkit-transform: skewy(6deg);
    background: #00467a;
	content: ""
}

.service-sect .para-tri-pcs:after {
    position: absolute;
    right: 0;
    bottom: -39%;
    content: "";
    border-top: 20vh solid transparent;
    border-bottom: 6vh solid transparent;
    border-right: 51vh solid #d5b881;
    width: 0px;
    height: 0px;
}
.service-wrap{position: relative;}
/*
.service-wrap:before {
    width: 0px;
    height: 0px;
    border-top: 110px solid transparent;
    border-bottom: 90px solid transparent;
    border-right: 330px solid #d5b881;
    position: absolute;
    right: -55px;
    top: -115px;
    content: "";
}
*/

.service-txtblk .heading2{color: #fff;}
.service-txtblk p{color: #fff;}
.service-ttl{font-size: 32px;color: #fff;margin-bottom: 15px;font-family: 'Poppins-SemiBold';}
.service-info p{color: #fff;}
.service-img{position: relative;display: block;}
/*
.service-innerblk:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1;
	background: transparent;
background: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.5) 100%);
}
*/
.service-info {
    position: absolute;
    top: 30px;
    width: 80%;
	left: 0;
	right: 0;
    margin: auto;
	z-index: 2
}
.service-blk{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin: 60px 0 0;}
.service-innerblk{width: 48%;margin-bottom: 40px;position: relative;}
.service-txtblk {
    padding: 0 0 0 12%;position: relative;
}
.service-innerblk:nth-child(2n+2){top: 120px;}
.service-innerblk:nth-child(3) .service-info, .service-innerblk:nth-child(4) .service-info{top: auto;bottom: 60px}
.service-info-ttl{font-size: 32px;line-height: 36px;color: #00243f;font-family: "Poppins-Bold";position: absolute;top: 300px;left: 20%;}
.quote1 {
    width: 62px;
    height: 49px;
    background: url(../images/quote.png) no-repeat center;
    position: absolute;
    left: -45px;
    top: -44px;
    content: "";
    transform: scale(0.6);
}
.quote2 {
    width: 62px;
    height: 49px;
    background: url(../images/quote.png) no-repeat center;
    position: absolute;
    right: 170px;
    bottom: -28px;
    content: "";
    transform: scale(0.6) rotate(180deg);
}
.service-arrow1 {
    position: absolute;
    left: 2%;
    top: 6%;
    width: 8%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.service-arrow2 {
    position: absolute;
    left: 70%;
    top: 22%;
    width: 17%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}

.industry-sect{position: relative;}
.industry-txtblk {
    width: 60%;
    margin: 0 auto;
}
.industry-slideblk {
    width: 100%;
    margin: 0 auto;
    display: block
}
.industry-infoblk{background: #00467a;padding: 20px 40px;color: #fff;font-size: 18px;position: relative;min-height: 95px;display: flex;align-items: center;}
.industry-infoblk .industry-arrow{position: absolute;top: 25px;right: 30px;}
.industry-slider .slick-slide:nth-child(even) .industry-infoblk{background: #d5b881;}
.industry-slider .slick-slide:nth-child(even) .industry-slideblk{margin-top: 75px;}
.industry-slider{margin: 80px 0 0}
.industry-slider .slick-next {
    background: url(../images/next-arrow.png) no-repeat center;
    width: 151px;
    height: 151px;
    transform: scale(0.6);
    position: absolute;
    top: -30%;
    right: 4%;outline: none;
}
.industry-slider .slick-next:before{display: none;}
.industry-arrow1 {
    position: absolute;
    left: 3%;
    top: 5%;
    width: 10%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.industry-arrow2 {
    position: absolute;
    left: 70%;
    top: 4%;
    width: 17%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}

.testimonial-blk{display: flex;justify-content: space-between;align-items: flex-start;margin: 50px 0 0;}
.testimonial-innerblk{margin-right: 40px;width: 48%;background: #fff;padding: 30px 50px;position: relative;}
.testimonial-innerblk:nth-child(2){margin-right: 0;}
.testimonial-innerblk:before {
    width: 12px;
    height: 100%;
    background: #00467a;
    position: absolute;
    left: 0;
    content: "";
    top: 0;
}
.client-name{font-size: 18px;color: #00243f;font-family: "Poppins-Bold";}
.testimonial-sect{position: relative;}
.testimonial-arrow1 {
    position: absolute;
    left: 50%;
    top: 4%;
    width: 10%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.testimonial-arrow2 {
    position: absolute;
    left: 70%;
    top: 14%;
    width: 17%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.testimonial-arrow3 {
    position: absolute;
    left: 65%;
    bottom: -31%;
    width: 14%;
    z-index: 1;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.testimonial-ttl-blk {
    padding-left: 50px;
}


.contact-blk{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.contact-left{width: 47%;background: #fff;padding: 60px 50px;}
.contact-right{width: 48%;}
.get-in-touch-img{width: 85%;}
.service-info .read-more-btn:before{display: none;}
.service-info .read-btn-blk{margin-top: 15px;}
.service-info .read-more-btn{color: #fff;font-size: 16px;line-height: 16px;letter-spacing: 1px;}
.service-info .read-more-btn .icon-right{color: #fff;}

.commited-wrap{background: url('../images/commited-bg.jpg') no-repeat center;width: 100%;height: 160vh;position: relative;background-size: cover;background-attachment: fixed;display: flex;justify-content: center;align-items: center;}
/*.commited-wrap:before {
    width: 0px;
    height: 0px;
    border-left: 1350px solid transparent;
    border-right: 0 solid transparent;
    border-top: 250px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}*/
/*.commited-wrap:after {
    width: 0px;
    height: 0px;
    border-right: 1350px solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 250px solid #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}*/
/*
.commited-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
	    border-top: 40vh solid #ffffff;
    border-left: 100vw solid transparent;
    background: url(../images/tringle-top.png) no-repeat center;
    height: 400px;
    width: 100%;background-size: cover;
    transform: scale(0.65);
}
*/
.para-tri-pcs{position: absolute;top: 0;width: 100%;height: 30vh}
.para-tri-pcs:before{	
    position: absolute;
    left: 0;
    top: 0;
    content: "";
	    border-top: 40vh solid #ffffff;
    border-left: 100vw solid transparent;
}
.para-tri-pcs:after {
    position: absolute;
    right: 0;
    bottom: -30%;
    content: "";
    border-top: 20vh solid transparent;
    border-bottom: 10vh solid transparent;
    border-right: 51vh solid #d5b881;
    width: 0px;
    height: 0px;
}
.para-tri-pcs-down{position: absolute;bottom: 6%;width: 100%;height: 30vh}
.para-tri-pcs-down:before{	
    position: absolute;
    left: 0;
    top: 0;
    content: "";
	    border-bottom: 40vh solid #ffffff;
    border-right: 100vw solid transparent;
}
.para-tri-pcs-down:after {
    position: absolute;
    left: 0;
    bottom: -1%;
    content: "";
    border-top: 12vh solid transparent;
    border-bottom: 18vh solid transparent;
    border-left: 65vh solid #d5b881;
    width: 0px;
    height: 0px;
}
/*
.commited-wrap:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: url(../images/tringle-btm.png) no-repeat center;
    height: 380px;
    width: 100%;background-size: cover;
    transform: scale(0.65);
}
*/

.commited-blk{position: relative;width: 100%}
/*
.commited-blk:before {
    width: 0px;
    height: 0px;
    border-top: 110px solid transparent;
    border-bottom: 90px solid transparent;
    border-right: 330px solid #d5b881;
    position: absolute;
    right: 0;
    top: -216px;
    content: "";
}
*/
/*
.commited-blk:after {
    width: 0px;
    height: 0px;
    border-top: 90px solid transparent;
    border-bottom: 110px solid transparent;
    border-left: 330px solid #d5b881;
    position: absolute;
    left: 0;
    bottom: -227px;
    content: "";
    z-index: 1;
}
*/
/*.commited-blk:before {
    position: absolute;
    right: -103px;
    top: -274px;
    content: "";
    background: url(../images/shape1.png) no-repeat center;
    height: 295px;
    width: 583px;
    transform: scale(0.65);
}*/
.commited-txtblk{text-align: center;}
.hermes-txt {
    font-size: 240px;
    line-height: 170px;
    font-family: "Poppins-Bold";
    color: rgba(255,255,255,0.5);
    background: -webkit-linear-gradient(rgba(255,255,255,0.65), rgba(255,255,255,0.0));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}
.commited-txt{font-size: 50px;line-height: 54px;color: #fff;font-family: "Poppins-Bold";}
.form-sect{padding-top: 0;position: relative;}
.form-arrow1 {
    position: absolute;
    left: 23%;
    top: -27%;
    width: 15%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}
.form-arrow2 {
    position: absolute;
    left: 75%;
    bottom: 4%;
    width: 14%;
    -webkit-animation: linear infinite;
  -webkit-animation-name: arrow-move-right-to-left;
  -webkit-animation-duration: 2s;
}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}


@media screen and (min-width:1400px) {
.commited-blk:before{top: -281px;}
.commited-blk:after{bottom: -290px;}
.service-wrap:before{right: -58px;top: -105px;}

}

@keyframes arrow-move-right-to-left {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 100px;
  }
  100% {
    margin-left: 00px;
  }
}

.video-wrapper{position: relative;}
.video-wrapper video {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    height: 100vh;
    width: 100%;
}
.video-sect{background: none;height: 100vh;}
.video-sect .btn-primary{background: #004678;border-color: #004678;}
.video-sect .btn-primary:hover{background: transparent;;color: #fff;border-color: #fff;}
.video-sect .btn-secondary:hover{background: #d5b881;border-color: #d5b881;}

.video-wrapper{position: relative;}
.video-wrapper:before{
  width: 100%;height: 241px;background: url('../images/banner-shape.png') no-repeat center;background-size: cover;position: absolute;left: 0;bottom: 0;content: "";z-index: 2;
}
.video-wrapper:after{width: 100%;height: 100%;background: rgba(0,0,0,0.4);background-size: cover;position: absolute;left: 0;bottom: 0;content: "";}

.transport-first-blk {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.transport-first-left {
    width: 67%;
}
.transport-first-right {
    width: 25%;
}

.footer-wrap{
    padding: 30px 0;background: #00467a;
}
.social-link a{color: #fff;font-size: 16px;border-radius: 50%;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;margin-right: 15px;}
.icon-facebook{background: #1e6dc3;border: 1px solid #1e6dc3;}
.icon-linkedin{background: #0084a0;border: 1px solid #0084a0;}
.icon-twitter {background: #00deed;border: 1px solid #00deed;}
.social-link a:hover{background: #fff;}
.icon-linkedin:hover:before {color: #0084a0;}
.icon-twitter:hover:before{color: #00deed;}
.icon-facebook:hover:before{color: #1e6dc3;}
.icon-instagram:hover:before{color: #d6249f;}
.icon-instagram{border: 1px solid #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social-link .icon-right-dir {
    background: #ce1010;
    border: 1px solid #ce1010;
}
.social-link .icon-right-dir:hover:before {
    color: #ce1010;
}
.social-link{justify-content: flex-end;}
.footer-link {
    margin-bottom: 10px;
    display: flex;
}
.footer-link li {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    margin-bottom: 5px;
    position: relative;
    padding-right: 40px;font-family: "Poppins-SemiBold";list-style: none;
}
.footer-link li a{
  color: #fff;
}
.footer-link li:before {
    width: 2px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 20px;
    content: "";
}
.footer-link li:last-child:before {display: none;}
.copyright-txt{color: #fff;font-family: 'Poppins-Regular';font-size: 14px;}
ul li::marker {
  display: none;
}

.client-ttl{font-size: 28px;color: #00243f;font-family: "Poppins-Bold";width: 185px;position: relative;top: -10px;}
.client-blk{width: calc(100% - 200px)}
.client-slider {
    padding: 20px 0
}
.client-slide {
    width: 85%;
    margin: 0 auto;
}
/*.client-slider .slick-track{display:flex;align-items: center;}*/
.client-sect{background: #fff;padding: 30px 0 0;}


.header-wrapper {
    width: 96%;
	max-width: 1400px;
    margin: 0 0 0 auto;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    margin: auto
}
.navbar {
    padding: 0;
    justify-content: space-between;
}
.navbar-brand {
    padding: 0;
    margin-right: 10px;
    width: 150px;
    position: relative;
    background: #fff
}
.navbar-brand:before {
    border-top: 30px solid white;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -30px;
    width: 0;
}
.navbar-right {
    display: flex;
    justify-content: flex-end;
    width: 70%;
    flex-wrap: wrap;
    align-items: center;
}
.nav-wrapper {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
    justify-content: flex-end;
}
.nav-dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-dropdown li{font-size: 16px;color: #fff;font-family: "Poppins-Medium";}
.nav-dropdown li a.active {
   color: #d5b881
}
.nav-dropdown li .inside-drop a.active{color: #9f7423}
.nav-dropdown li a{color: #fff; padding-bottom: 20px; }
.nav-menu-blk ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:
}
.get-quote-btnblk .btn {padding: 12px 30px;}
.nav-menu-blk {
    width: 95%;
}
.form-group {f
    margin-bottom: 25px;
}
.form-wrap .heading2 {
    font-size: 30px;
    line-height: 32px;}
.submit-btn {
    background: #00467a;
    padding: 5px 10px;
    border-color: #00467a;margin-top: 10px;text-transform: uppercase;letter-spacing: 1px
}
.submit-btn:hover {
    background: transparent;
    color: #00243f;
    border-color: #00243f;
}
.form-wrap .form-control{background: transparent;font-size: 14px;border: none; border-bottom: 1px solid #d5b881;color: #d5b881;border-radius: 0;height: auto;font-family: "Poppins-Medium";}
.place-icon{background-position: -16px -16px;
  width: 22px;
  height: 28px;transform: scale(0.8);}
.get-in-touch-innerblk {
    display: flex;
    margin-bottom: 10px;
}
.contact-info {
    width: 80%;
}
.contact-info p{margin-bottom: 0;}
.contact-info a{color: #00243f;}
.contact-icon{margin-right: 10px;}
.phone-icon{background-position: -67px -16px;width: 26px;height: 26px;transform: scale(0.8);}
.email-icon{background-position: -118px -16px;width: 28px;height: 20px;transform: scale(0.8);}
.contact-info-sect{margin: 35px 0 0;}
.client-wrap{flex-wrap: nowrap;}
.menu-icon{display: none;}

.inner-banner-sect .banner-heading {font-size: 54px;line-height: 58px;}
.inner-banner-sect:before {
    width: 100%;
    height: 241px;
    background: url(../images/inner-banner-shape.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 2;
}
.inner-banner-sect:after{width: 100%;height: 100%;background: rgba(0,0,0,0.3);background-size: cover;position: absolute;left: 0;bottom: 0;content: "";}

.inner-banner-sect{position: relative;}
.inner-banner-sect .banner-txtblk{top: 50%;max-width: 1400px}

.certification-banner{position: relative;background: url('../images/innerbanner/certification-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.certification-innerblk{width: 23%;border:1px solid #d5b881;margin-bottom: 30px;}
.certification-txt{background: #00467a;padding: 20px;border:1px solid #00467a;min-height: 123px;display: flex;align-items: center;}
.certification-txt p{color: #fff;margin-bottom: 0;font-size: 18px;}
.certification-sect{position: relative;}
.certification-arrow{    position: absolute;
    left: 70%;
    top: -2%;
    width: 21%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: arrow-move-right-to-left;
    -webkit-animation-duration: 2s;}
.certification-blk{margin: 50px 0;justify-content: space-around;}
.inner-content-blk{width: 90%;margin: 0 auto}
.certification-img {
    width: 80%;
    margin: 0 auto;padding: 30px 0;
}
.brown-bg{background: #d5b881;border-color: #d5b881;}

.air-charter-banner{position: relative;background: url('../images/innerbanner/air-charter-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.air-charter-blk{flex-direction: row-reverse;margin: 50px 0;}
.air-charter-left{width: 50%;padding: 0 0 0 60px;}
.air-charter-right{width: 50%;}
.air-charter-sect{position: relative;}


.air-freight-banner{position: relative;background: url('../images/innerbanner/air-freight-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.value-added-services{position: relative;background: url('../images/innerbanner/value-added-services.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.air-freight-blk{margin: 50px 0;}
.air-freight-left{width: 50%;padding: 0 35px 0 25px;}
.air-freight-right{width: 50%;}
.air-freight-sect{position: relative;}
.list-blk li{font-size: 16px;line-height: 1.5;color: #00243f;margin-bottom: 20px;position: relative;}

.service-info li{margin-left: 10px;color: #fff;margin-bottom: 15px}

.cross-trade-banner{position: relative;background: url('../images/innerbanner/cross-trade-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.cross-trade-blk{flex-direction: row-reverse;margin: 50px 0;}
.cross-trade-left{width: 50%;padding: 0 0 0 60px;}
.cross-trade-right{width: 50%;}
.cross-trade-sect{position: relative;}


.customs-brokerage-banner{position: relative;background: url('../images/innerbanner/customs-brokerage-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.custom-brokerage-blk{margin: 50px 0;}
.custom-brokerage-left{width: 50%;padding: 0 50px 0 0;}
.custom-brokerage-right{width: 50%;}
.custom-brokerage-sect{position: relative;}

.ground-transportation-banner{position: relative;background: url('../images/innerbanner/ground-transportation-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
/*.ground-transportation-blk{margin: 50px 0;}*/
.ground-transportation-left{width: 50%;padding: 0 50px 0 0;}
.ground-transportation-right{width: 50%;}
.ground-transportation-sect{position: relative;}

.exhibition-banner{position: relative;background: url('../images/innerbanner/exhibition-banner.jpg') no-repeat center bottom;width: 100%;height: 100vh;background-size: cover;}
.exhibition-sect{position: relative;}
.exhibition-txtblk{margin: 40px 0;}


.ocean-freight-banner{position: relative;background: url('../images/innerbanner/ocean-freight-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.ocean-freight-sect{position: relative;}
.ocean-freight-txtblk{margin: 40px 0;}

.ocean-freight-parallex-sect {
    background: url(../images/ocean-freight-parallex.jpg) no-repeat center;
    width: 100%;
    height: 100vh;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ocean-freight-blk {
    position: relative;top: 10%;
    width: 100%;
}
.ocean-freight-parallex-sect:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url(../images/ocean-tringle-top2.png) no-repeat center right;
    height: 184px;
    width: 100%;
    background-size: cover;
    /* transform: scale(0.65); */
}
/*
.ocean-freight-blk:before {
    width: 0px;
    height: 0px;
    border-top: 90px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 300px solid #d5b881;
    position: absolute;
    right: 0;
    top: -288px;
    content: "";
}
*/
.ocean-parallex-txt{width: 75%;margin: 0 auto;}
.ocean-parallex-txt p{font-size: 20px;line-height: 32px;color: #fff;}

.contact-banner{position: relative;background: url('../images/innerbanner/contact-banner.jpg?v=1') no-repeat bottom center;width: 100%;height: 100vh;background-size: cover;}
.contact-wrap{margin: 50px 0;position: relative;align-items: initial;}
.contact-inner-blk .get-in-touch-innerblk:last-child{margin-bottom: 0}
.contact-inner-blk {
    padding: 40px 20px;
    border: 1px solid #d5b881;
    width: 40%;margin: 0 10px 20px;
    position: relative
}
.contact-person{margin: 20px 0 0;}
.contact-inner-blk .heading3{font-size: 24px;
    margin: 0 0 25px;}
.contact-form-left{width: 50%;}
.contact-form-right{width: 50%;background: #00467a;padding: 60px 80px;display: flex;
    align-items: center;}
.contact-form-right .heading2{color: #fff;}
.contact-form-right p{color: #fff;}
.contact-form-right .submit-btn{background:#d5b881;}
.contact-form-right .form-control {
    background: #fff;}
  .contact-form-wrap{align-items: initial;background: #00467a}
.contact-arrow1{position: absolute;
    left: 40%;
    bottom: 5%;
    width: 18%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: arrow-move-right-to-left;
    -webkit-animation-duration: 2s;}
.contact-arrow2{position: absolute;
    left: 70%;
    bottom: 15%;
    width: 18%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: arrow-move-right-to-left;
    -webkit-animation-duration: 2s;}
.contact-sect{position: relative;}

.transportation-sect{position: relative;}
.transportation-innerblk{width: 55%;margin-bottom: 80px;}
.transportation-num{font-size: 54px;line-height: 54px;color: #d5b881;margin-right: 15px;font-family: "Poppins-Bold";width: 70px}
.transportation-txtblk p{font-size: 18px;line-height: 26px;margin-bottom: 0}
.transportation-txtblk p:first-letter{font-size: 32px;}
.transportation-txtblk{border-bottom: 2px solid #d5b881;padding: 6px 0 30px;width: 90%}


.introduction-banner{position: relative;background: url('../images/innerbanner/introduction-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.inner-banner-sect .banner-heading span{font-size: 34px;
    line-height: 38px;display: block;}
.transportation-txtblk p span{font-family: "Poppins-Bold";color: #00243f;}
.transportation-innerblk:nth-child(2){margin-left: 30%;}
.transportation-innerblk:nth-child(3){margin-left: 10%;}
.transportation-innerblk:nth-child(4){margin-left: 40%;}
.transportation-blk{margin: 50px 0;}


.intro-arrow1{position: absolute;
    left: 0%;
    bottom: 28%;
    width: 15%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: arrow-move-right-to-left;
    -webkit-animation-duration: 2s;}
.intro-arrow2{position: absolute;
    left: 70%;
    bottom: 11%;
    width: 15%;
    -webkit-animation: linear infinite;
    -webkit-animation-name: arrow-move-right-to-left;
    -webkit-animation-duration: 2s;}

.hermes-group-banner{position: relative;background: #00467a url('../images/innerbanner/hermes-group-banner.jpg') no-repeat center bottom;width: 100%;height: 100vh;background-size: cover;}
.hermes-group-banner:before{background: url(../images/inner-banner-shape-blue.png) no-repeat center}

.chairman-left{width: 25%;margin-right: 30px;}
.chairman-right{width: 70%;}
.chairman-name{font-size: 24px;color: #00243f;margin-bottom: 10px;font-family: "Poppins-Bold"}
.chairman-post{font-size: 18px;color: #00243f;margin-bottom: 10px;font-family: "Poppins-Bold"}
.chairman-blk{margin: 50px 0;}
.management-sect{position: relative;}
.management-txt{background: #d5b881;padding: 20px;}
.management-name{font-size: 22px;color: #fff;font-family: "Poppins-Bold";}
.management-post{font-size: 18px;color: #fff;}
.management-innerblk{width: 31%;margin: 0 0 40px;}
.management-innerblk + .management-innerblk{margin: 0 0 30px 30px}
.csr-sect .management-innerblk + .management-innerblk{margin: 0 0 20px 20px}
.management-banner{position: relative;background: url('../images/innerbanner/management-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}

.management-team-sect{background: #fcfbf8;}


.group-left{width: 38%;margin: 0 40px 0 0}
.group-right{width: 55%;}
.group-img{width: 80%;margin: 0 auto;}
.blue-col{color: #00243f;}
.group-txtblk .number-speak-txt span{font-size: 20px;}

.real-estate-blk{background: #d5b881;clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 84%);width: 100%;padding: 100px 0 150px;}
.real-estate-blk{background: url(../images/groupbg2.png) no-repeat center;background-size: cover}

.real-estate-blk .group-blk{flex-direction: row-reverse;}
.real-estate-blk .group-img{margin: 80px 0 0;}
.real-eastate-property{font-size: 16px;color: #fff;margin-bottom: 25px;}
.builder-name{font-size: 18px;color: #fff;margin: 0 0 15px;font-family: "Poppins-Bold"}
.square-feet-txt{font-size: 18px;color: #fff;}
.real-estate-txt{font-size: 26px;
    line-height: 26px;
    color: #fff;
    font-family: "Poppins-Bold";
    margin-bottom: 10px;}
.hermes-group-sect{position: relative;background: #00467a;}
.hermes-group-info-sect {
    margin-top: -170px;
	position: relative
}
.real-estate{padding-bottom: 200px}
.sahyadri-starch{background: url(../images/groupbg3.jpg) no-repeat center;background-size: cover;margin-top: -180px;padding: 200px 0;border-bottom: 5px solid #fff}
.real-estate-blk .group-right{padding-left: 5%}
.group-mob-img{display: none}

.insidehover{position: relative;}
.inside-drop {
    position: absolute;
    width: 305px;
    background: #d5b881;
    display: none;
    top: 33px;
}
.inside-drop ul{display: inherit;}
.inside-drop:before{content: '';top: -7px;
    left: 22px;
    position: absolute;
    width: 19px;
    height: 19px;
    background: #d5b881;
    transform: rotate(45deg);} 
.inside-drop ul li{ line-height: 1.2; padding: 10px;border-bottom: 1px solid #ffffff26; list-style: none }
.insidehover:hover .inside-drop{display: block;}

.inner-banner-sect .banner-heading {
    font-size: 40px;
    line-height: 58px;
    margin: 0;
}
.inner-banner-sect .banner-heading {
    font-size: 40px;
    line-height: 58px;
    margin: 0;
    text-align: left;
    display: inline-block;
    padding: 5px 10px;
    background: #d5b881;
}
.inner-banner-sect .banner-txtblk {
    top: 50%;
    left: 5%;
    text-align: left;
}
.ocean-freight-parallex-sect:after {
    position: absolute;
    background: rgba(0,0,0,0.5);
    content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
	top: 0
}
.ocean-freight-blk {
    position: relative;
    top: 50px;
    width: 100%;
    z-index: 2;
}
.ocean-freight-parallex-sect:before{z-index: 1}

.mission-vision-banner {
    position: relative;
    background: url(../images/innerbanner/mission-vision-banner.jpg) no-repeat center;
    width: 100%;
    height: 100vh;
    background-size: cover;
}
.leftblk{width: 55%}
.rightblk{width: 40%}
.mission-vision-sect .intro-arrow1{width: 10%;left: 30%;bottom: 55%}
.text-white{color: #fff !important}
.vission-mission-parallex-sect .ocean-parallex-txt {
    text-align: left;
    width: 85%;
}
.vission-mission-parallex-sect .ocean-parallex-txt p {
    font-size: 16px;
    line-height: 1.4;
}
.vission-mission-parallex-sect{
	background: url(../images/vission-mission-parallex.png) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 150px 0 100px;
	height: auto
}
.vission-mission-parallex-sect .ocean-freight-blk:before{top: -124px}
.csr-banner{position: relative;background: url('../images/innerbanner/csr.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.csr-txt{color: #00243f;margin: 20px 0 0}
.management-blk{align-items: flex-start}
.industry-banner{position: relative;background: url('../images/innerbanner/industry-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;}
.industrywrap .flex-between:nth-child(odd) {
    flex-direction: row-reverse;
}
.industrywrap .flex-between .leftblk, .industrywrap .flex-between .rightblk{width: 50%}
.industrywrap .flex-between:nth-child(odd) .rightblk{padding-right: 5%}
.industrywrap .flex-between:nth-child(even) .leftblk{padding-right: 5%}
a.submit-btn{color: #fff}
.accordion_in {
    border: 1px solid #d5b881;
    margin: 0 0 30px;
	position: relative;
    background: #d5b881;
}
.acc_head {
    color: #fff;
    padding: 10px 20px;
	cursor: pointer;
	position: relative;
	z-index: 1
}
.acc_content {
    padding: 10px 20px 30px;
    background: #fff;
}
.accordion_in:before{
	position: absolute;
	content: "+";
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	right: 20px;
	top: 10px
}
.accordion_in.acc_active:before{content: "-"}
.career-banner{
	position: relative;background: url('../images/innerbanner/career-banner.jpg') no-repeat center;width: 100%;height: 100vh;background-size: cover;
}

a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 1000;
    right: 10px;
    bottom: 20px;
    background: #00467a url(../images/scrolltop.png) no-repeat center;
    background-size: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
}
.thankyoupage{min-height: 70vh;display: flex;align-items: center}

#menu:not(.mm-menu){display:none;}
.industrywrap .list-blk li {
    margin-bottom: 10px;
    line-height: 1.2;
    margin-left: 20px;
	color: #00243f
}

.value-banner{
	position: relative;background: url('../images/innerbanner/our-value.jpg') no-repeat top center;width: 100%;height: 100vh;background-size: cover;
}
.service-innerblk figure{position: relative}
.service-innerblk figure:before {
    position: absolute;
    content: "";
	background: transparent;
    background: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.6) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.service-innerblk:nth-child(3) figure:before, .service-innerblk:nth-child(4) figure:before{	
	background: transparent;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 30%, transparent 60%);
}
.values-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.valuesblk {
    padding: 25px 50px;
    position: relative;
    margin: 0 0 50px;
    width: 48%;
}
.valuesblk:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #d5b881;
    transform: skew(-10deg);
    z-index: -1;
    top: 0;
    left: 0;
}
.valuesblk + .valuesblk{margin-left: 20px}
.values-icon{margin-bottom: 10px}
.value-banner .commited-blk {
    top: 150px;
    z-index: 2;
}
.value-banner .hermes-txt {
    font-size: 180px;
    position: relative;
    top: 0;
}

.ethosintro .years-img {
    width: 70%;
}
.csrhelthimg-blk {
    justify-content: center;
    width: 90%;
    margin: 0 auto
}
.csrhelthimgblk2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.csrhelthimgblk2 img {
    width: 30%;
}
.csrhelthimgblk3, .csrhelthimgblk1{width: 30%}
.csrhelthimgblk2 img:nth-child(2) {
    width: 34%;
}
label {
    font-size: 14px;
    color: #d5b881;
    margin: 0;
    width: 100%
}
.form-wrap .form-control {
    background: transparent;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #d5b881;
    color: #d5b881;
    border-radius: 0;
    height: auto;
    font-family: "Poppins-Medium";
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    width: 100%;
    cursor: pointer;
    border: 1px solid #ced4da;
    background: transparent;
    color: #d5b881;
    display: block;
    overflow: hidden;
    font-size: 14px;
	padding: 10px 8px 0;
}
.inputfile + label span {
    width: calc(100% - 30px);
    float: left;
    padding: 0 0 11px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.inputfile + label strong {
    background: url(../images/upload.png) no-repeat 4px -4px;
    float: left;
    width: 30px;
    height: 26px;
}
.hide-select-div{display: none}
.career-jobblk .hide-select-div:first-child{display: block}
.locationblk {
    position: absolute;
    top: 0;
    right: 0;
}
.locationblk select{padding: 5px 10px}
.locationblk span{display: block;color: #d5b881;text-align: center;width: 100%}
.form-check-label{color: #212529;font-family: 'Poppins-Regular';font-size: 13px}
.form-check.form-check-inline {
    width: 45%;
    align-items: flex-start;
    margin-top: 10px
}
.contact-form-right .form-check-label {
    color: #fff;
}
.contact-inner-blk:before{
    position: absolute;
    content: "";
    opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
    
}
.mumbai-reachblk:before{
    background: url(../images/reach-us/mumbai.png) no-repeat center;background-size: cover;
}
.mumbai-reachblk2:before{
    background: url(../images/reach-us/mumbai2.png) no-repeat center;background-size: cover;
}
.hyderabad-reachblk:before{
    background: url(../images/reach-us/hyderabad.png) no-repeat center;background-size: cover;
}
.hyderabad-reachblk2:before{
    background: url(../images/reach-us/hyderabad2.png) no-repeat center;background-size: cover;
}
.delhi-reachblk:before{
    background: url(../images/reach-us/delhi.png) no-repeat center;background-size: cover;
}
.bengaluru-reachblk:before{
    background: url(../images/reach-us/bengaluru.png) no-repeat center;background-size: cover;   
}
.chennai-reachblk:before{
    background: url(../images/reach-us/chennai.png) no-repeat top center;background-size: cover;   
}
.ahmedabad-reachblk:before{
    background: url(../images/reach-us/ahmedabad.png) no-repeat center;background-size: cover;   
}
.footer-blk .heading br{display: none}
.career-jobblk .heading3{font-size: 18px}
.career-jobblk ul{margin-left: 20px;margin-bottom: 20px}
.jobinfoblk .heading3{margin: 0}
.career-jobblk .submit-btn:hover {
    border: 1px solid #00467a;
}

.navbar-right .btn.btn-primary.submit-btn {
    background: #d9ab54;
    margin-bottom: 10px;
    padding: 10px;
}

.navbar-right .btn.btn-primary.submit-btn:hover {
    box-shadow: none;
}
.mobilelogin{display: none;background: #d5b881;}


/* Style Css END */



/* Responsive css */

@media screen and (min-width:1600px) {
    .service-sect .para-tri-pcs:before{top: 40%;border-top: 21vh solid #fff}
    .service-sect .para-tri-pcs:after{bottom: -8%;border-top: 15vh solid transparent;border-bottom: 5vh solid transparent;border-right: 51vh solid #d5b881}
    .para-tri-pcs-down:after{bottom: -4%;border-top: 14vh solid transparent}
    .ocean-freight-parallex-sect{height: 70vh}
    .value-banner .commited-blk{top: 250px}
}

@media screen and (min-width:1400px) {
	
}
@media screen and (max-width:1300px) {
	.client-ttl {font-size: 26px;}
	.certification-txt p{font-size: 15px;}
    .value-banner .hermes-txt{font-size: 90px;top: 35px}
    .nav-dropdown li{font-size: 14px}
}
@media screen and (max-width:1200px) {
	.navbar-right{width: 85%;}
	.transport-wrap{width: 100%;}
	.transport-sec-blk {width: 61%;}
	.heading2 {font-size: 34px;line-height: 40px;}
	.contact-left{padding: 60px 30px;}
	
    .client-blk {width: 83%;}
	.service-wrap:before{right: -47px;top: -140px;}
	.service-sect .para-tri-pcs{display: none}
	.group-left{width: 30%;margin: 0 20px 0 0}
	.group-right{width: 65%}
    .value-banner .hermes-txt{font-size: 90px;top: 25px}
    .value-banner .commited-blk{top: 100px}
}
@media screen and (max-width:1200px) {
	.contact-inner-blk{width: 45%}
	.contact-form-right{padding: 30px 40px}
}

@media screen and (max-width:1023px) {
	.banner-heading {font-size: 45px;line-height: 45px;}
	.nav-wrapper{display: none;}
	.navbar-right {width: auto;right: 25px;top: -10px;position: relative;}
	.transport-sec-blk{width: 100%;}
	.transport-arrow3{left: 58%;bottom: 5%;}
	.transport-first-left {width: 100%;margin-bottom: 60px;}
	.transport-first-blk{flex-wrap: wrap;margin: 0 0 80px;}
	.transport-first-right {width: 60%;margin: 0 auto;}
	.number-speak-txt br{display: none;}
	.footer-link li{padding-right: 10px;font-size: 14px;}
	.copyright-txt{font-size: 14px;}
	.contact-left {width: 70%;margin: 0 auto;padding: 30px;}
	.contact-right{width: 100%;margin-bottom: 40px;}
	.contact-blk{flex-direction: column-reverse;}
	.get-in-touch-wrap .heading2 br{display: none;}
	.client-wrap {flex-wrap: wrap;text-align: center}
	.client-ttl{margin: 0 auto}
	.client-blk {width: 100%;}
	.client-slider .slick-dots{bottom: -12px;text-align: center;}
	.client-slider .slick-dots li button:before{display: none;}
	.client-sect{padding: 30px 0;}
	.hermes-txt {font-size: 160px;line-height: 150px;}
    .industry-txtblk {width: 100%;}
    .industry-txtblk p br{display: none;}
    .industry-slider {margin: 115px 0 0;}
	.industry-slider .slick-next{background-size: 75%;}
	.service-wrap:before{display: none;}
	.service-sect:before{display: none;}
	.service-sect{background: #00467a;margin: 0 0 30px;}
	.service-sect{padding: 60px 0;}
	.service-txtblk {padding: 0;}
    .service-txtblk p br{display: none;}
    .service-info{width: 75%;}
    .menu-icon{display: block;}
    .inner-content-blk {width: 100%;}

    .certification-innerblk {width: 31%;}
    .certification-txt{padding: 15px;}
    .certification-wrap .heading2 br, .cross-trade-wrap .heading2 br, .air-freight-wrap .heading2 br, .ground-transportation-wrap .heading2 br, .air-charter-wrap .heading2 br{display: none;}
    .cross-trade-left {width: 100%;padding: 0;margin: 0 0 30px;}
	.cross-trade-right {width: 60%;margin: 0 auto;}
	.cross-trade-blk, .custom-brokerage-blk, .ground-transportation-blk, .air-charter-blk, .air-freight-blk{margin: 20px 0}

	.custom-brokerage-left{width: 100%;padding: 0;margin: 0 0 30px;}
	.custom-brokerage-right{width: 60%;margin: 0 auto;}

	.ground-transportation-left{width: 100%;padding: 0;margin: 0 0 30px;}
	.ground-transportation-right{width: 60%;margin: 0 auto;}

	.air-charter-left{width: 100%;padding: 0;margin: 0 0 30px;}
	.air-charter-right{width: 60%;margin: 0 auto;}

	.air-freight-left{width: 100%;padding: 0;margin: 0 0 30px;}
	.air-freight-right{width: 60%;margin: 0 auto;}
	
	.leftblk{width: 100%;padding: 0;margin: 0 0 30px;}
	.rightblk{width: 60%;margin: 0 auto;}
	
	.mob-row-reverse{flex-direction: column-reverse}
	.commited-sect .para-tri-pcs, .commited-sect .para-tri-pcs-down{display: none}
	.form-sect{padding-top: 50px}
	.counter-txt{font-size: 16px}
	.counter-num, .management-name{font-size: 18px}
	.real-estate-blk{clip-path: none}
	.management-innerblk{width: 32%}
	.air-freight-left .list-blk{padding: 0 20px}
	.contact-form-left, .contact-form-right{width: 100%}
	.contact-form-left img{height: 400px;object-fit: cover}
	.valuesblk{width: 90%;margin: 0 auto 50px}
    .service-sect .read-btn-blk a, .service-sect .read-more-btn, .service-sect .read-more-btn .icon-right{color: #fff}
    .service-sect .read-more-btn:before, .service-sect .read-more-btn .icon-right{border-color: #fff}
    .navbar-right .btn.btn-primary.submit-btn{margin: 0 10px;}
    .mobilelogin{display: block}
}
@media screen and (max-width:767px) {
	.navbar-brand{width: 110px;}
    .navbar-brand:before {border-top: 20px solid white;border-left: 55px solid transparent;border-right: 55px solid transparent;bottom: -20px}
	.transport-first-left .heading2 br{display: none;}
	.heading2 {font-size: 28px;line-height: 32px;}
	.counter-txt {font-size: 16px;}
    .counter-num {font-size: 20px;}
    .footer-link{justify-content: center;}
    .copyright-txt {text-align: center;margin: 0 0 10px;}
	.social-link {justify-content: center;margin: 0 0 20px}
	.footer-link li {padding-right: 40px;}
    .heading3 {font-size: 22px;line-height: 26px;}
    .form-wrap .heading2 {font-size: 26px;line-height: 30px;}
    .testimonial-blk{flex-wrap: wrap;}
    .testimonial-innerblk{width: 100%;margin: 0 0 40px;}
    .testimonial-innerblk:last-child{margin-bottom: 0;}
    .testimonial-ttl-blk {padding-left: 0;}
	.testimonial-ttl-blk .heading2 br{display: none;}
	.hermes-txt {font-size: 130px;line-height: 120px;}
	.commited-blk:before, .commited-blk:after{display: none;}
	.commited-wrap{height:120vh;}
	.commited-wrap:before, .commited-wrap:after{display: none;}
	.commited-txt {font-size: 40px;line-height: 44px;}
    .common-padding{padding: 50px 0;margin: 0}
    .service-innerblk {width: 100%;margin-bottom: 50px;}
    .service-innerblk:nth-child(2n+2){top: auto;}
    .service-arrow2{left: 53%;top: 2%;}
    .testimonial-arrow3{left: 55%;bottom: 5%;}
    .form-arrow1{left: 52%;top: 3%;}
    .form-arrow2{left: 61%;bottom: 2%;}
    .certification-innerblk {width: 45%;}
	.ocean-freight-parallex-sect:before{display: none}
	.vission-mission-parallex-sect{padding: 50px 0}
	.inner-banner-sect .banner-heading{font-size: 30px;line-height: 1.2}
	.inner-banner-sect{height: 80vh}
	body{font-size: 14px}
	.management-innerblk{width: 45%}
	.industrywrap .flex-between .leftblk, .industrywrap .flex-between .rightblk{width: 100%;margin: 0}
	.industrywrap .flex-between:nth-child(odd) .rightblk, .industrywrap .flex-between:nth-child(even) .leftblk{padding: 0}
	.service-info{width: 80%;top: 40px}
	.industry-infoblk{min-height: inherit;padding: 20px}
	.testimonial-innerblk{padding: 15px 30px}
	.testimonial-innerblk:before{width: 6px}
	.contact-left{padding: 15px;width: 100%}
	.transportation-innerblk{width: 100%;margin-bottom: 40px}
	.transportation-innerblk:nth-child(2), .transportation-innerblk:nth-child(3), .transportation-innerblk:nth-child(4){margin-left: 0}
	.transportation-num{font-size: 40px;width: 50px}
	.transportation-txtblk p, .square-feet-txt{font-size: 16px;line-height: 1.5}
	.transportation-txtblk p:first-letter{font-size: 30px;line-height: 1.5}
	.heading2 br{display: none;}
	.group-left, .chairman-left{width: 320px;margin: 0 0 20px}
	.group-right, .chairman-right{width: 100%}
	.real-estate-blk .group-blk{flex-direction: inherit}
	.group-mob-img{display: block}
	.real-estate-blk{background: #d5b881;padding-bottom: 0}
	.hermes-group-info-sect, .real-estate-blk .group-img{margin: 0}
	.real-estate{padding-bottom: 0}
	.social-link a{width: 30px;height: 30px;font-size: 15px}
	.chairman-blk{margin: 50px 0 0}
	.list-blk li{margin-bottom: 15px}
	.ocean-freight-parallex-sect{height: auto;padding: 50px 0}
	.ocean-parallex-txt p{font-size: 16px;line-height: 1.5}
	.ocean-parallex-txt{width: 90%}
	.inner-banner-sect .banner-txtblk{left: 0;right: 0;padding: 20px}
	.csr-sect .management-innerblk + .management-innerblk{margin: 0 0 40px 20px}
	.contact-inner-blk{width: 100%}
	.contact-info a{word-break: break-all}
	.contact-wrap{margin: 50px 0 0}
    .management-innerblk + .management-innerblk{margin: 0 20px 40px}
    .csrhelthimg-blk{width: 100%}
    .footer-blk .heading{font-size: 14px}
    .footer-blk .heading-blk{margin: 0 0 10px}
    .footer-blk{text-align: center}
    .client-slider{padding: 0}
    .ocean-freight-blk{top: auto}
    .value-banner .hermes-txt{font-size: 60px;top: -10px}
    .contact-wrap + .contact-wrap{margin-top: 0}
}
@media screen and (max-width:600px) {
	.video-sect{height: 80vh;}
	.video-wrapper{height: 100%;}
	.navbar-brand{width: 110px;}
	.banner-heading {font-size: 32px;line-height: 34px;}
	.banner-heading span {font-size: 32px;line-height: 36px;}
	.video-sect .btn {display: block;margin: 0 auto 20px;width: 80%;font-size: 14px;}
	.video-sect .btn-blk .btn + .btn {margin-left: auto;}
/*	.banner-txtblk{top: 28%;}*/
	.heading2 {font-size: 23px;line-height: 28px;}
	.heading {font-size: 16px;}
	.read-more-btn{font-size: 16px;}
	.read-more-btn:before{width: 70px;height: 70px;top: -24px;}
	.number-speak-txt {font-size: 22px;line-height: 26px;}
	.transport-arrow3 {left: 52%;bottom: 3%;}
	.footer-link{flex-wrap: wrap;}
	.footer-wrap {padding: 30px 0;}
	.contact-left {width: 100%;}
    .form-wrap .heading2 {font-size: 23px;line-height: 27px;}
    .commited-wrap{height:100vh;}
    .industry-txtblk .heading2 br{display: none;}
    .industry-txtblk p{margin-bottom: 0;}
    .industry-slider {margin: 80px 0 0;}
	.industry-slider .slick-next{top: -22%;}
	.service-ttl {font-size: 26px;margin-bottom: 10px}
    .service-info{top: 30px;}
    .cross-trade-right, .custom-brokerage-right, .ground-transportation-right, .air-charter-right, .air-freight-right, .rightblk {width: 100%;}
	.common-padding2, .client-ttl{padding: 30px 0}
	.counter-innerblk{width: 100%;margin-bottom: 30px}
	.exhibition-txtblk{margin: 0}
	.csr-sect .management-innerblk + .management-innerblk{margin: 0 0 40px}
	.csr-sect .management-innerblk{width: 100%}
}
@media screen and (max-width:540px) {
	.counter-innerblk{width: 100%;margin-bottom: 30px;}
	.footer-link li {padding-right: 30px;font-size: 14px;}
	.footer-link li:before{top: 1px;right: 13px;}
	.heading3 {font-size: 20px;line-height: 1.5;}
	.hermes-txt {font-size: 80px;line-height: 80px;}
	.commited-txt {font-size: 26px;line-height: 30px;}
	.commited-wrap{height:70vh;}
	.certification-innerblk {width: 90%;}
	.certification-txt{min-height: inherit}
	.certification-img{padding: 10px;}
	.management-innerblk{width: 100%}
    .management-innerblk + .management-innerblk{margin: 0 0 40px}
	.service-info{position: static;width: 100%;padding: 10px}
	.certification-blk{margin: 50px 0 0}
	.contact-form-left img{height: auto}
	.contact-form-right{padding: 20px}
    .copyright-txt{font-size: 12px}
    .client-slide{width: 92%}
    .value-banner .hermes-txt{font-size: 60px;top: 0px}
    .contact-inner-blk{padding: 20px 10px}
    .contact-inner-blk .heading3{margin: 0 0 15px}
    .navbar-right .btn.btn-primary.submit-btn {font-size: 14px}
}
@media screen and (max-width:480px) {
	.banner-heading {font-size: 26px;line-height: 26px;}
	.banner-heading span {font-size: 26px;line-height: 26px;}
	.counter-num {font-size: 18px;}
	.footer-link li:nth-child(2):before{display: none;}
	.copyright-txt {font-size: 12px;}
	.industry-slider .slick-slide:nth-child(even) .industry-slideblk{margin-top: 0}
	.industry-slideblk{width: 80%;margin: 0 auto;}
	.industry-slider .slick-next {top: -26%;}
	.commited-wrap{height:60vh;}
	.inner-banner-sect .banner-heading{font-size: 22px;line-height: 1.2}
	.hermes-txt {font-size: 60px;line-height: 60px;}
	.commited-txt {font-size: 22px;line-height: 26px;}
	.transportation-num{font-size: 30px;width: 40px}
	.transportation-txtblk p{font-size: 15px}
	.transportation-txtblk p:first-letter{font-size: 26px;}
	.list-blk li{font-size: 14px}
	.valuesblk{padding: 20px;text-align: center}
	.valuesblk:before{transform: skew(0deg)}
    .csrhelthimgblk3, .csrhelthimgblk1, .csrhelthimgblk2 img, .csrhelthimgblk2 img:nth-child(2){width: 100%}
    .csrhelthimg-blk img{margin: 10px 0}
    .csrhelthimgblk2{flex-wrap: wrap}
    .locationblk{position: static;margin-bottom: 10px}
    .locationblk span{text-align: left}
    .form-check.form-check-inline{width: 100%}
    .footer-blk .heading br{display: block}
    .value-banner .hermes-txt{font-size: 50px;top: 20px}
}
@media screen and (max-width:430px) {    
    .navbar-right{right: 0;}
    .navbar-brand{width: 80px;margin-right: 0}
    .navbar-brand:before{border-left: 40px solid transparent;border-right: 40px solid transparent}
}
@media screen and (max-width:360px) {
	.footer-link li{width: 100%;text-align: center;padding: 0}
	.footer-link li:before{display: none}
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:1112px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}
@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){    
    .commited-wrap, .vission-mission-parallex-sect, .ocean-freight-parallex-sect{-webkit-background-attachment:initial;-moz-background-attachment:initial;-o-background-attachment:initial;background-size: inherit;}
}

/* Responsive css end */



/* Slick CSS */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

 /* Arrows */
.slick-prev, .slick-next{line-height:0;position:absolute;top:50%;display:block;width:44px;height:44px;cursor:pointer;color:transparent;border:none;outline:none;background:#000;line-height:45px;font-size:0;}
.slick-prev:before,.slick-next:before{/*font-family:'fontello';*/color:#fff;font-size:14px;font-weight:600}
.slick-prev{left:-70px;}
.slick-prev:before{content:'\e804';}
.slick-next{right:-70px;}
.slick-next:before{content:'\e805';}

 /* Dots */
.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{opacity:.75;color:black;}


/* SLick Css end */



/* SLick Theme css */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}*/

.slick-prev:before,
.slick-next:before
{
    /*font-family: 'slick';*/
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -70px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
/*.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}*/

.slick-next
{
    right: -70px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
/*.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}*/

/* Dots */


.slick-dots {
    position: absolute;
    bottom: -70px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: right;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 25px;
    cursor: pointer;
    background: #cccccc;
    border-radius: 100%
}

.slick-dots li button {
    display: block;
    width: 6px;
    height: 6px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border-radius: 100%
}

.slick-dots li.slick-active {
    background: #000000
}


/* Slick css theme end */