/* Minification failed. Returning unminified contents. (1595,21): run-time error CSS1033: Expected closing bracket, found 'i' (1595,22): run-time error CSS1031: Expected selector, found ']' (1595,22): run-time error CSS1025: Expected comma or open brace, found ']' (3063,1): run-time error CSS1019: Unexpected token, found '}' (5215,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5216,8): run-time error CSS1035: Expected colon, found '{' (5227,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5228,8): run-time error CSS1035: Expected colon, found '{' */ body{-webkit-backface-visibility:hidden}.transitionMargin{-webkit-transition:margin .2s ease-out,margin .2s ease-in;-moz-transition:margin .2s ease-out,margin .2s ease-in;-o-transition:margin .2s ease-out,margin .2s ease-in;-ms-transition:margin .2s ease-out,margin .2s ease-in;transition:margin .2s ease-out,margin .2s ease-in}.transitionOpacity{-webkit-transition:opacity .1s ease-out,opacity .1s ease-in;-moz-transition:opacity .1s ease-out,opacity .1s ease-in;-o-transition:opacity .1s ease-out,opacity .1s ease-in;-ms-transition:opacity .1s ease-out,opacity .1s ease-in;transition:opacity .1s ease-out,opacity .1s ease-in}.animated.fast{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,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%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}.bounceOut,.flipOutX{-webkit-animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.delay1{animation-delay:.5s;-webkit-animation-delay:.5s}.delay2{animation-delay:1s;-webkit-animation-delay:1s}.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s} /* Misc */#SaveProfileStDiv .alert-success span, .panel-section a:focus { outline: none; color: initial } input#RememberMe { margin-left: 0 } .navbar { margin-bottom: 0 } .body-content #logoutForm { margin-right: 0 !important } .body-content #header-right-container .dropdown-menu { z-index: 100000 } #header-container h2 { margin: 15px 0 } .user-area > a { cursor: pointer } /* Commnets */ .comment h3 { margin-top: 0 } .comment h3 span i { opacity: 1 } .comment p { margin-bottom: 0 } h3 .caption { display: block; font-size: 14px; margin-top: 5px; opacity: 0.5 } .comment { background: rgba(0, 0, 0, 0.03); margin: 10px 0; padding: 10px; position: relative } .comment .icon { margin-left: 0px; margin-right: 0px } .comment .btn { float: left; margin-right: 4px; padding: 5px 10px } .comment-actions { position: absolute; top: 10px; right: 10px; opacity: 0; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out } .comment:hover > .comment-actions { opacity: 1; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out } .comment-add-reply { display: none ; width:322px} .comment-add-reply .form-group { margin:7px 0 !important} .comment-add-reply .form-group .col-md-12 {padding:0px !important } .comment-add-reply .form-group .primary-btn { font-size: 0.9em; padding: 8px 15px } .comment-like.disabled { cursor: default; color: #5d6169} .comment-like.disabled:hover { text-decoration:none} .comment.is-reply { border-left: 5px solid rgba(0, 0,0,.3); margin-left: 20px; background: rgba(0, 0,0,.03) } hr { clear: both } .event-days a { display: block } .event-days-label { margin-top: 25px; margin-bottom: 5px; font-size: 24px; font-weight: normal } .login-btn { margin-bottom: 5px } .HTML { min-height: 5px } .HTML img { max-width: 100%; height: auto } .videos-list-page, .featured-video h2, .interested-videos h2 { border-bottom: 1px solid #ECECEC; padding-bottom: 10px } .interested-videos h2 { font-size: 26px; padding-bottom: 17px } .interested-videos .interested-video-item:last-child { border: none } .body-content .form-control { width: 50% } .form-control { padding: 6px 10px;-moz-appearance: none } .nav-pills.filters { margin-top: -25px; margin-bottom: 10px; height: 38px } .open-window h3 { color: #333 } .open-window { display: block; min-width: 400px; overflow-y: auto; overflow-x: hidden; max-height: 400px; padding: 10px } .open-window .fa-times-circle { color: black; cursor: pointer } .open-window .sidetree li, .open-window .sidetree span { color: black !important } .open-window-upper-nav { cursor: pointer } select::-ms-expand { display: none; } select { -webkit-appearance: none; background: #fff url(../Content/Images/arrow-down.png) 100% 52% no-repeat !important; padding-right: 23px} .dropdown-menu.inner { padding: 10px } .dropdown-menu.inner h3, .dropdown-menu.inner span { color: #333 } .dropdown-menu.inner li a, .dropdown-menu.inner li a span { color: #2780e3 } /*single page*/ @font-face { font-family: 'segoeui'; src: url('../fonts/segoeui.ttf') format('truetype') } @font-face { font-family: 'segoeuisl'; src: url('../fonts/Segoe UI-Semilight.otf') format('opentype') } /*Theme*/ @font-face { font-family: 'HelveticaNeueThin'; src: url('../fonts/ThemesFonts/HelveticaNeue-Thin.otf') format('opentype') } @font-face { font-family: 'JubilatRegular'; src: url('../fonts/ThemesFonts/Jubilat-Regular.otf') format('opentype') } @font-face { font-family: 'SourceSansProRegular'; src: url('../fonts/ThemesFonts/SourceSansPro-Regular.otf') format('opentype') } @font-face { font-family: 'PlayfairDisplayRegular'; src: url('../fonts/ThemesFonts/PlayfairDisplay-Regular.otf') format('opentype') } @font-face { font-family: 'AmerLT'; src: url('../fonts/ThemesFonts/Amer LT.ttf') format('truetype') } @font-face { font-family: 'BadrLT'; src: url('../fonts/ThemesFonts/Badr LT.ttf') format('truetype') } @font-face { font-family: 'MemoW01'; src: url('../fonts/ThemesFonts/Memo W01.ttf') format('truetype') } @font-face { font-family: 'NeoSans'; src: url('../fonts/ThemesFonts/NeoSans.ttf') format('truetype') } @font-face { font-family: 'PTSans'; src: url('../fonts/ThemesFonts/PT Sans.ttf') format('truetype') } @font-face { font-family: 'SerifaBT'; src: url('../fonts/ThemesFonts/Serifa BT.ttf') format('truetype') } @font-face { font-family: 'Serifa'; src: url('../fonts/ThemesFonts/Serifa.ttf') format('truetype') } @font-face { font-family: 'TradeGothicLTBold'; src: url('../fonts/ThemesFonts/Trade Gothic LT Bold.ttf') format('truetype') } @font-face { font-family: 'Volt'; src: url('../fonts/ThemesFonts/Volt.ttf') format('truetype') } /*arabic*/ @font-face { font-family: 'AlarabiyaFont'; src: url('../fonts/ThemesFonts/Alarabiya Font.ttf') format('truetype') } @font-face { font-family: 'AlHurraFontRegular'; src: url('../fonts/ThemesFonts/AlHurra Font Regular.ttf') format('truetype') } @font-face { font-family: 'AmerLT'; src: url('../fonts/ThemesFonts/Amer LT.ttf') format('truetype') } @font-face { font-family: 'AsmaaFont'; src: url('../fonts/ThemesFonts/Asmaa Font.otf') format('opentype') } @font-face { font-family: 'AraHamah1982Regular'; src: url('../fonts/ThemesFonts/AraHamah1982-Regular.ttf') format('truetype') } @font-face { font-family: 'BadrLT'; src: url('../fonts/ThemesFonts/Badr LT.ttf') format('truetype') } @font-face { font-family: 'CoconNextArabicLight'; src: url('../fonts/ThemesFonts/CoconĀ® Next Arabic-Light.otf') format('opentype') } @font-face { font-family: 'DroidNaskhRegular'; src: url('../fonts/ThemesFonts/DroidNaskh-Regular.ttf') format('truetype') } @font-face { font-family: 'EmadDianaeXtraNormal'; src: url('../fonts/ThemesFonts/Emad-DianaeXtra-Normal.otf') format('opentype') } @font-face { font-family: 'EmadDianaLight'; src: url('../fonts/ThemesFonts/Emad Diana Light.otf') format('opentype') } @font-face { font-family: 'ShebaYeFont'; src: url('../fonts/ThemesFonts/Sheba Ye Font.ttf') format('truetype') } @font-face { font-family: 'KhaledFont'; src: url('../fonts/ThemesFonts/Khaled Font.otf') format('opentype') } @font-face { font-family: 'MaghribiFont'; src: url('../fonts/ThemesFonts/Maghribi Font.ttf') format('truetype') } @font-face { font-family: 'WasmFont'; src: url('../fonts/ThemesFonts/WasmFont.ttf') format('truetype') } @font-face { font-family: 'GESSLight'; src: url('../fonts/ThemesFonts/gessl.otf') format('opentype') } @font-face { font-family: 'GESSMed'; src: url('../fonts/ThemesFonts/gessm.otf') format('opentype') } @font-face { font-family: 'MontserratLight'; src: url('../fonts/ThemesFonts/MontserratLight.otf') format('opentype') } @font-face { font-family: 'MontserratBold'; src: url('../fonts/ThemesFonts/MontserratBold.otf') format('opentype') } /*site styles*/ /*site fonts*/ @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans.eot'); src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Italic.eot'); src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic } @font-face { font-family: 'Max-SemiBold'; src: url('../fonts/Max-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Max-SemiBold.otf') format('opentype'), url('../fonts/Max-SemiBold.woff') format('woff'), url('../fonts/Max-SemiBold.ttf') format('truetype'), url('../fonts/Max-SemiBold.svg#Max-SemiBold') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Light.eot'); src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal } .font23 { font-size: 0.958em } .font35 { font-size: 1.458em } .all-max * { font-family: Max-SemiBold !important } /*font icons*/ @font-face { font-family: 'ico'; src: url('fonts/linkdev-icons.eot?ewwnvy'); src: url('fonts/linkdev-icons.eot?ewwnvy#iefix') format('embedded-opentype'), url('fonts/linkdev-icons.ttf?ewwnvy') format('truetype'), url('fonts/linkdev-icons.woff?ewwnvy') format('woff'), url('fonts/linkdev-icons.svg?ewwnvy#icomoon') format('svg'); font-weight: normal; font-style: normal } [class^="linkicon-"], [class*="linkicon-"], i span { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ico' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } i {font-style:normal !important} .linkicon-active-like .path1:before { content: "\e912"; color: #656565 } .linkicon-active-like .path2:before { content: "\e913"; color: #656565; margin-left: -0.9482421875em; } .linkicon-active-like .path3:before { content: "\e914"; color: #cbcbcb; margin-left: -0.9482421875em; } .linkicon-date:before { content: "\e900"; color: #555; } .linkicon-dislike:before { content: "\e901"; } .linkicon-like:before { content: "\e902"; } .linkicon-arrow:before { content: "\e903"; } .linkicon-cancel:before { content: "\e904"; } .linkicon-menu:before { content: "\e905"; } .linkicon-calendar:before { content: "\e906"; } .linkicon-antenna:before { content: "\e907"; } .linkicon-car:before { content: "\e908"; } .linkicon-construction:before { content: "\e909"; } .linkicon-donation:before { content: "\e90a"; } .linkicon-medical2:before { content: "\e90b"; } .linkicon-money:before { content: "\e90c"; } .linkicon-address:before { content: "\e90d"; } .linkicon-fax:before { content: "\e90e"; } .linkicon-mail:before { content: "\e90f"; } .linkicon-phone:before { content: "\e910"; } .linkicon-pin:before { content: "\e911"; } .linkicon-print:before { content: "\e936"; } .linkicon-share:before { content: "\e937"; } .linkicon-computer:before { content: "\e938"; } .linkicon-database:before { content: "\e939"; } .linkicon-medical:before { content: "\e93a"; } .linkicon-medical-random:before { content: "\e93b"; } .linkicon-note:before { content: "\e93c"; } .linkicon-technology-ordered:before { content: "\e93d"; } .linkicon-technology-screen:before { content: "\e93e"; } /*.linkicon-date:before { content: "\e900"; color: #555 } .linkicon-dislike:before { content: "\e901" } .linkicon-like:before { content: "\e902" } .linkicon-arrow:before { content: "\e903" } .linkicon-cancel:before { content: "\e904" } .linkicon-menu:before { content: "\e905" } .linkicon-calendar:before { content: "\e906" } .linkicon-antenna:before { content: "\e907" } .linkicon-car:before { content: "\e908" } .linkicon-construction:before { content: "\e909" } .linkicon-donation:before { content: "\e90a" } .linkicon-medical2:before { content: "\e90b" } .linkicon-money:before { content: "\e90c" } .linkicon-address:before { content: "\e90d" } .linkicon-fax:before { content: "\e90e" } .linkicon-mail:before { content: "\e90f" } .linkicon-phone:before { content: "\e910" } .linkicon-pin:before { content: "\e911" } .linkicon-print:before { content: "\e936" } .linkicon-share:before { content: "\e937" } .linkicon-computer:before { content: "\e938" } .linkicon-database:before { content: "\e939" } .linkicon-medical:before { content: "\e93a" } .linkicon-medical-random:before { content: "\e93b" } .linkicon-note:before { content: "\e93c" } .linkicon-technology-ordered:before { content: "\e93d" } .linkicon-technology-screen:before { content: "\e93e" }*/ /*.linkicon-address:before { content: "\e90a"} .linkicon-fax:before { content: "\e90b"} .linkicon-mail:before { content: "\e90c"} .linkicon-phone:before { content: "\e90d"} .linkicon-pin:before { content: "\e90e"} .linkicon-antenna:before { content: "\e904"} .linkicon-car:before { content: "\e905"} .linkicon-construction:before { content: "\e906"} .linkicon-donation:before { content: "\e907"} .linkicon-medical2:before { content: "\e908"} .linkicon-money:before { content: "\e909"} .linkicon-calendar:before { content: "\e903"} .linkicon-computer:before { content: "\e938"} .linkicon-database:before { content: "\e939"} .linkicon-medical:before { content: "\e93a"} .linkicon-medical-random:before { content: "\e93b"} .linkicon-note:before { content: "\e93c"} .linkicon-technology-ordered:before { content: "\e93d"} .linkicon-technology-screen:before { content: "\e93e"} .linkicon-print:before { content: "\e936"} .linkicon-share:before { content: "\e937"} .linkicon-arrow:before { content: "\e900"} .linkicon-cancel:before { content: "\e901"} .linkicon-menu:before { content: "\e902"}*/ .linkicon-print { display: inline-block !important } /* css reset */ html, body, div, span, object, iframe, .h1, h1, h2, h3, h4, h5, h6, .h4, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; border-collapse: separate; font-family: 'Open Sans' } h1, h2, h3, h4, h5, h6, .slide-title, .single-highlight-title, .h1, .h3, .h4, .landing-full-section div { font-family: 'Max-SemiBold' !important } h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, h2.highlights-heading-title { font-family: 'Max-SemiBold' !important } h2.highlights-heading-title{font-size:1em} article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block } body,html { line-height: 1.3; font-size: 24px } table { border-collapse: separate; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal } table, td, th { vertical-align: top } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "" "" } a img { border: none } div, header { box-sizing: border-box } .clearfix { clear: both; display: block } html, body { height: 100% } .body-content { overflow: hidden } .nav > li > a:focus, .nav > li > a:hover { background: none } /*generic classes*/ .text-center { text-align: center } .pull-left { float: left } .pull-right { float: right } .relative { position: relative } /*headings*/ h1, .slide-title, .h1 { font-size: 2em; color: #000 } h2 { font-size: 1em } /*fonts*/ /*containers styles to be change on different sizes*/ .container { width: 100% !important; padding: 0 7.5% !important } .container-fluid { padding: 0 !important } /*header*/ .site-logo-container { float: left } .site-logo { transition: .5s; height: 68px; display: block } .site-header { position: fixed; z-index: 1049; transition: .5s; width: 100%; padding: 45px 0%; top: 0; left: 0 } /*.site-header .container{position:relative}*/ body.editMode .site-header { top: 30px } body.editMode #mceu_16.mce-floatpanel.mce-fixed { margin-top: 90px } .site-header.mini { padding: 10px 0%; background-color: rgba(255,255,255,.9) } .site-header.mini .site-logo { height: 40px } .nav-icon { position: absolute; z-index: 99; color: #fff; top: 65px; left: calc(5% - 30px); cursor: pointer; transition: .5s; -webkit-transition: .5s } .site-header.mini .nav-icon { top: 19px } .site-header.mini .navbar-nav.login-btn li a, .site-header.mini .user-area.user-btn a { font-size: 0.68em; padding: 8px 10px; min-width: 122px } .site-header.mini .dropdown-menu { min-width: 122px } body.editMode .nav-container { top: 30px } /*default section*/ .default-section .section-l-container, .default-section .section-r-container { position: relative; z-index: 1 } .plain-section { padding: 4% 20% } .plain-section h2 { font-size: 1.5em; margin-bottom: 20px } /*menu*/ .navbar-nav { margin: 25px 0; width: 25%; position: relative } .navbar-nav > li:hover { position: static !important; background: rgba(255,255,255,.2) } .nav-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 99999999999; overflow: auto; display: none } .nav-container ul > li { float: none; list-style: none; padding-left: 15px } .nav-container ul > li li { padding-left: 0 } .nav-container ul.nav > li > a { color: #fff; font-size: 1.15em; font-weight: bold; padding: 15px 0; text-decoration: none; transition: .5s; -webkit-transition: .5s } .nav-container ul.nav > li > a:hover { background: none } body .site-header-menu { position: static } body .site-header-menu.mini { background: none } .nav-container .sub-menu { position: absolute; width: 300%; top: 0; left: 100%; display: none; padding: 12px 20px 0 20px; height: 100% } /*.nav-container li.dropdown > a:after{left:105%;position:absolute;content: '\e903';font-family: 'ico';color: #fff;top:18px;z-index: 99;display: none !important;font-size: .5em;transform:rotate(135deg);font-weight:300;opacity:0;transition:.5s;-webkit-transition:.5s} .nav-container li.dropdown:hover > a:after{opacity:1}*/ .nav-container li:hover .sub-menu, .nav-container li:focus .sub-menu, .nav-container li:active .sub-menu { display: block } .nav-container .sub-menu a { color: #fff; font-size: 0.911em; padding: 4px 10px; display: block; text-decoration: none } .linkicon-menu { color: #000 } .no-scroll { overflow: hidden } #secondarymenu-container { /*border-top:1px solid #959595;*/ padding-top: 27px; position: static } #secondarymenu-container a { color: #fff; font-size: .75em; background: none; border: none; padding: 0; font-weight: 300 } #secondarymenu-container ul ul li { padding: 0 } #secondarymenu-container .sub-menu-2nd a { color: #777 !important } #secondarymenu-container a:before { display: none } #secondarymenu-container a:hover, #secondarymenu-container a:focus, #secondarymenu-container a:active { text-decoration: underline !important } .header-bottom-menu { width: 100%; border-top: 1px solid #696969; padding-top: 1% } .header-bottom-menu > li { width: 12%; float: left !important; padding: 0 } .header-bottom-menu > li > ul { display: block !important } .dimmed a { color: #777 !important } .sub-menu > li { width: 33.3333%; float: left !important; padding: 0 35px } .nav-container .sub-menu > li > a { font-size: 1em; color: #858484; font-weight: bold; height: 40px; overflow: hidden; text-decoration: none !important; margin-bottom: 6% } .nav-container .sub-menu-2nd > li > a { color: #fff !important; font-size: 0.75em } #secondarymenu-container .content-side-menu { display: inline-block } .dl-back, .responsive-heading-title { display: none } /*generic sections*/ .section { position: relative; /*overflow: hidden;*/ max-width: 100% } .custom-section-content { position: absolute; left: 0; top: 0; width: 100%; z-index: 1 } .section-l-container { width: 35%; float: left; padding-top: 13%; position: relative; z-index: 5 } .section-r-container { width: 60%; float: right; padding-top: 10%; position: relative; z-index: 5 } .section-l-container .lg-title p { font-size: 1.5em } h2 { font-size: 2.083em } /*.section-title*/ .section-subtitle { font-size: 1.25em; color: #000; font-weight: 300 } .section-description { color: #000; margin-top: 10px; font-weight: 300 } /*home main section*/ .home-main-section { height: 100%; min-height: 750px } .main-section-container { height: 100%; width: 100%; position: absolute; overflow: hidden; background: url('Images/section-bgs/home-main-section-bg.png'); background-size: cover; background-position: center } .main-section-banner { position: absolute; right: 0; top: 0; width: 50%; height: 100% } .parallax-window { min-height: 100%; background: transparent; z-index: 9999999999 !important } .parallax-mirror { z-index: 1 !important } .parallax-mirror:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 17px); background: rgba(0,0,0,.2); z-index: 1 } .home-main-section .section-content { width: 50%; margin-top: 210px; position: relative } .section-content h1, .section-content .slide-title { display: block; text-align: center; font-size: 1.7em } .highlights-heading-title { color: #000; font-weight: bold; font-size: 1em; margin-top: 0px } .home-main-section .primary-btn { margin-top: 20px } .parallax-img { width: 100%; height: 100%; /*background-attachment:fixed !important;background-position:center !important*/ /*background-size:170% !important*/ } .home-section-social-media { position: absolute; bottom: 20px; right: 7.5% } .home-section-social-media i { color: #fff; font-size: .9em; margin-left: 15px } .home-section-social-media .staticSocialMedia a:first-child i { margin-left: 0px } .main-section-container .container { min-height: 100% } /*home-slider*/ .section-content .custom-home-slider { min-height: 310px; position: relative; width: 100% } .custom-home-slider .slide-item { visibility: hidden; position: absolute; transition: .5s linear; -webkit-transition: .5s linear; width: 100%; opacity: 0 } .custom-img-slider .slide-item { visibility: hidden; position: absolute; transition: .5s linear; -webkit-transition: .5s linear; width: 100%; opacity: 0 } .custom-img-slider .slide-item:first-child, .custom-home-slider .slide-item:first-child, .slide-item.current-slide { visibility: visible; opacity: 1 } .slide-item.hidden-slide { visibility: hidden !important; opacity: 0 !important } .slider-custom-bullets { list-style: none; position: absolute; bottom: 0; left: 0; right: 0; text-align: center } .slider-custom-bullets li { display: inline-block; width: 15px; height: 15px; border: 1px solid #000; border-radius: 50%; cursor: pointer } .slider-custom-bullets li.active { background-color: #000 } /*home strategy section*/ .home-strategy-section { height: 0; width: 100%; position: relative; /*background: url('Images/section-bgs/home-strategy-section-bg.png');*/ background-size: contain; background-position: center; padding-top: 36.61458333333333%; background-repeat: no-repeat } .home-strategy-section:after { content: ''; display: block; position: absolute; width: 300%; height: 101%; background: #a6e41c; bottom: 113%; left: 21.12222%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } .home-strategy-container { display: table; width: 100% } /*highlights*/ .home-highlights-container { margin-top: 15px; display: table; width: 100% } .single-highlight { width: 32%; height: 180px; display: block; background: #2437ac; overflow: hidden; text-align: center; position: relative; border-radius: 5px; margin-right: 2%; float: left } .single-highlight:nth-child(3n) { margin-right: 0 } .single-highlight .bg { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; border-radius: 5px } .single-highlight:hover .bg, .single-highlight:focus .bg, .single-highlight:active .bg { transform: scale(1.1) } .single-highlight .bg:after { position: absolute; z-index: 1; background: rgba(0,0,0,.4); width: 100%; height: 100%; content: ''; display: block; transition: .5s; -webkit-transition: .5s; border-radius: 5px } /*.single-highlight:hover .bg:after,.single-highlight:focus .bg:after,.single-highlight:active .bg:after{opacity:0}*/ .single-highlight:nth-child(n + 4) { display: none } .single-highlight-title { font-size: 0.833em; color: #fff; position: absolute; bottom: 0px; display: block; z-index: 99; padding: 20px; text-align: left; line-height: 1.3 } .custom-home-slider + #col1-container .home-highlights-container .secondary-i-btn { display: none } /*our strategies section*/ .single-strategy { width: 48%; height: 173px; position: relative; overflow: hidden; float: left; margin-right: 4%; margin-bottom: 4%; border-radius: 5px } .single-strategy:nth-child(2n) { margin-right: 0 } .strategy-img { position: absolute; width: 100%; height: 100%; z-index: 1; border-radius: 5px } .strategy-img-container .strategy-title { position: absolute; z-index: 2; bottom: 10%; left: 5%; color: #fff } .strategy-placeholder { position: absolute; left: 100%; top: 100%; padding: 60px; z-index: 3; width: calc(100% + 120px); height: calc(100% + 120px); -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transform: translate(-60px,-60px) } .single-strategy:hover .strategy-placeholder, .single-strategy:focus .strategy-placeholder, .single-strategy:active .strategy-placeholder { top: 0px; left: 0px } .strategy-placeholder:before { position: absolute; left: 0; top: 0; width: 0px; height: 0px; border-right: 60px solid #00b8ff; border-top: 60px solid transparent; border-bottom: 60px solid transparent; content: '' } .strategy-placeholder:after { content: '\e903'; font-family: 'ico'; position: absolute; left: 38px; top: 38px; color: #fff; z-index: 99; display: block; font-size: .5em } .strategy-inner-placeholder { background-color: #00b8ff; position: relative; width: calc(100% + 1px); height: 100%; padding: 20px; color: #fff; border-radius: 0 5px 5px 5px } .strategy-inner-placeholder:before { content: ''; position: absolute; width: 100%; height: 60px; top: -60px; left: 0; display: block; background-color: #00b8ff } .strategy-inner-placeholder:after { content: ''; position: absolute; width: 60px; height: 100%; top: 0px; left: -60px; display: block; background-color: #00b8ff } .strategy-description { margin-bottom: 15px; font-size: 0.833em } .strategy-title * { display: block } /*main highlight section*/ .main-highlight-section { padding: 4% 0; background-size: cover; height: auto; overflow: hidden; z-index: 33 } .main-highlight-section h2 { font-size: 1.5em; margin-bottom: 20px } .main-highlight-section p.description { font-size: 0.833em; margin-top: 1.2em } .main-highlight-custom-content { top: 20% } .main-highlight-section .custom-section-content { padding: 0 20%; position: relative } .main-highlight-section:after { content: ''; position: absolute; background: rgba(0,0,0,.3); width: 100%; height: 100%; left: 0; top: 0 } /*our solution section*/ .our-solution-section { padding-top: 35.46875%; /*background: url('Images/section-bgs/our-solution.jpg') no-repeat center;*/ background-size: cover } .our-solution-section:after { content: ''; display: block; position: absolute; width: 100%; height: 111%; background: #e11fb8; bottom: -51%; left: 59.2%; border-radius: 800px 0 0 800px; transform: rotate(-45deg); transform-origin: 0 100%; z-index: -1; transition: ease-in-out .5s } .our-solution-section .section-r-container { padding-top: 8% } .our-solution-section .solution-description { min-height: 93px } .our-solutions-container { width: 75%; float: right; position: relative; z-index: 99 } .single-solution { width: 30%; float: left; color: #fff; position: relative; margin-right: 5%; margin-bottom: 20px; z-index: 1 } .single-solution:nth-child(3n) { margin-right: 0 } .single-solution:before { content: ''; position: absolute; width: calc(100% + 60px); height: calc(100% + 120px); background: #2437ac; left: -30px; top: -30px; z-index: -1; border-radius: 5px; transition: .5s; transform: scale(0) } .single-solution.no-link:before { height: calc(100% + 60px) } .single-solution a.solution-btn { width: 100%; box-sizing: border-box; opacity: 0; position: absolute; padding: 15px; text-align: center; bottom: -60px; transition: .7s } .single-solution:hover { z-index: 10 } .single-solution:hover:before { transform: scale(1) } .single-solution:hover a.solution-btn { opacity: 1 } .single-solution h3, .single-solution .solution-tiltle { font-size: .98em; font-weight: bold; margin: 4% 0; display: block; font-family: 'Max-SemiBold' !important } .solution-description { font-size: 0.665em; font-weight: 300 } /*our technologies section*/ .our-technologies-section { padding: 4% 0; width: 100%; overflow: hidden; background: url(Images/section-bgs/our-technologies.jpg) center; background-size: cover; background-attachment: fixed; z-index: 0 } .our-technologies-header p { font-size: 1.25em; font-weight: 300; margin-top: 10px } .our-technologies-section:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.3); z-index: 1 } .our-technologies-section .container { z-index: 2; position: relative } .list-card-item .card-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .cards-outer-container { margin-top: 30px } .highlights-main-section .cards-outer-container { margin-top: 0 } .list-card-item { width: 100%; height: 0; margin: 0 auto; float: left; position: relative; overflow: hidden; border-radius: 5px; padding-top: 107.3239436619718% } .card-front-container { padding: 30px } .card-face { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 5px } .card-front-container .primary-btn { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); text-align: center; padding: 15px } .card-title { font-size: 1.116em; padding-right: 2em; width: calc(100% - 60px); line-height: 1; position: relative; z-index: 2; font-family: 'Max-SemiBold' !important } .card-face .card-title { position: absolute; bottom: 30px; left: 30px } .card-description { font-size: 0.665em; margin-top: 5px } .cards-btn-container { margin-top: 30px } .list-card-item .card-placeholder { position: absolute; width: 100%; height: 100%; top: 100%; background: #00b8ff; left: 0; transition: .5s; -webkit-transition: .5s; border-radius: 5px; z-index: 5 } .list-card-item:hover .card-placeholder { top: 0 } .our-technologies-section .card-title { font-size: 2em } .our-technologies-section .card-front-container .card-title { margin-bottom: 20px } /* isotope cards (main highlights section) */ .highlights-main-section { background: url('Images/section-bgs/highlights-section-bg.png') no-repeat #fff top center; padding: 4% 0;border-radius:5px } .isotope-card-item { width: 100%; height: auto; margin: 0 auto; cursor: pointer; float: left; position: relative } .isotope-card-item .card-img { width: 100%; height: 135px; transition: .5s; -webkit-transition: .5s } .isotope-card-item .card-content { padding: 25px; position: relative; background: #efefef; border-radius:5px; cursor:pointer} .isotope-card-item .card-inner-content { color: #000; font-size: 0.916em; font-weight: bold; line-height: 1.2; margin-top: 10px; font-family: 'Max-SemiBold' !important } .isotope-card-item .card-inner-content a { color: #000 !important; font-family: 'Max-SemiBold' !important; } .isotope-card-item .card-type { padding: 8px 20px; font-size: 0.75em; color: #fff; background: #ff7b15; display: inline-block; position: absolute; top: -20px } .highlights-main-section .item { margin-bottom: 30px; width: calc(25% - 1px) } .isotope-card-img { overflow: hidden } .isotope-card-item:hover .card-img, .isotope-card-item:focus .card-img, .isotope-card-item:active .card-img { transform: scale(1.1) } .isotope-card-item a { text-decoration: none ;cursor:pointer} .card-footer { display: table; width: 100% } .isotope-card-item .linkdev-icon { color: #000; float: right; margin-top: 20px } .isotope-card-item .linkdev-icon.linkicon-like, .isotope-card-item .linkdev-icon.linkicon-active-like{ float: left; margin-top: 1px } .isotope-card-item .card-footer .linkdev-icon { margin-top: 11px } /*single casestudy*/ .single-case-study { text-align: center } .single-case-study .btn { margin-top: 30px } .frmAddComment label.error { color: #f00; font-size: .615rem !important; margin-bottom: 10px; margin-top: 10px; } .frmAddComment .form-group { margin-bottom: 15px; } /*buttons*/ .primary-btn { background-color: #ef15b4; font-size: 0.665rem; color: #fff; text-decoration: none !important; border-radius: 5px; padding: 8px 42px; /*text-decoration: capitalize*/; display: inline-block; transition: .3s; cursor: pointer } .primary-btn:hover, .primary-btn:focus, .primary-btn:active { background-color: #ff42cc; color: #fff } .secondary-btn { background-color: transparent; font-size: 0.665em; color: #fff; text-decoration: none !important; border-radius: 5px; padding: 8px 42px; /*text-decoration: capitalize*/; display: inline-block; transition: .3s; cursor: pointer; border: 1px solid #fff } .secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active { background-color: #fff; color: #000 } .secondary-i-btn { background-color: transparent; font-size: 0.665rem; color: #000; text-decoration: none !important; border-radius: 5px; padding: 8px 42px; /*text-decoration: capitalize*/; display: inline-block; transition: .3s; cursor: pointer; border: 1px solid #000 } .secondary-i-btn:hover { background-color: #000; color: #fff } .blogSearch .secondary-i-btn:hover { background-color: #000 !important; color: #fff !important } .one-line-alert { margin-top: 18px; } button:focus { outline: 0; } .btn:focus { outline: 0; } .lg-btn { font-size: 0.75em; padding: 18px 70px } .btn-container { margin-top: 30px } .banner-message-box .primary-btn { width: 100%; text-align: center; margin-top: 1.5em } .btn + .btn { margin-left: 25px } .news-room .form-submit-btn { background-color: #10b63e !important} .fileinput-new.input-group .btn-file.rounded {border-radius:4px!important } /*animation classes*/ .grow-animation { transition: all .2s ease-in-out } .grow-animation:hover { transform: scale(1.1) } .change-bg-animation { width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.2); z-index: 99999; transition: all .2s ease-in-out } .change-bg-animation:hover { background: rgba(0,0,0,0) } /*-----------------digital services landing--------------------*/ .digital-services .landing-full-section + div .side-section-content > h3{display:none} .digital-services .landing-full-section + div .panel-section-content {width: 36%} .digital-services .landing-full-section + div .side:before { background: url(Images/s-shape.png) no-repeat center; width: 39%; background-size: contain; height: 60%; position: absolute; display: block; left: 41%; bottom: 18%; z-index: 10; content: '' } .digital-services .landing-full-section + div .side:after { bottom: -15%; left: 61.12222% } .digital-structure-container .item-img { width: 35%; padding-top: 33%; height: 0; position: relative } .digital-structure-container .item-number { position: absolute; left: 105%; bottom: 0px; color: #fff; font-family: Max-SemiBold; font-size: 1.5em } .digital-services .landing-full-section + div .side-section-content { padding: 6% 15% 0 0; width: 48% } .digital-structure-container .item-placeholder { position: absolute; left: -10px; top: -25px; padding: 25px; width: calc(100% + 20px); background: #a6e41c; border-radius: 5px; display: none; z-index: 3 } .digital-structure-container .item-placeholder * { color: #000 } .digital-structure-container .list-item { margin-bottom: 18%; position: relative; z-index: 0 } .digital-services .single-highlight { height: 250px } .crm-erp-online { padding-top: 34.73958333333333% } body.crm-erp-online { padding-top: 0 } .crm-erp-online .section-r-container { padding-top: 5.5%; width: 50% } .business-dynamics-365-section .hide-365 { display: none !important } /*slider*/ .slickRowsSlider { padding: 0 15% } .slick-slider { overflow: hidden } .slickRowsSlider.small-expand-cards .card-item { padding-top: 97% } .slickRowsSlider.small-expand-cards .card-title { font-size: 1em } .slickRowsSlider .slick-slide { padding: 30px 15px 0 15px } .slickRowsSlider .slick-arrow { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; background-color: transparent; font-size: 0em; outline: none !important } .slickRowsSlider .slick-arrow:after { font-size: 20px; left: 0%; position: absolute; content: '\e903'; font-family: 'ico'; color: #fff; top: 18px; z-index: 99; display: block; transform: rotate(135deg); font-weight: 300; opacity: 1; top: -27px; background: rgba(0,0,0,.2); border-radius: 50%; width: 54px; height: 54px; padding: 16px 20px } .slickRowsSlider .slick-prev:after { left: 10px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .slick-prev { left: 0 } .slick-next { right: 54px } .digital-structure-container h3 { font-size: .75em; margin-top: 10px } .digital-services .digital-structure-container .primary-btn { width: 100%; text-align: center; margin-top: 10px } .digital-structure-container .child:nth-child(n+2) { float: right } /*digital structure list*/ .digital-structure-container { } /* digital services inners */ .landing-banner-1 { padding-top: 24.47916666666667%; height: 0; background: url('Images/section-bgs/inner-main-section-bg.png'); background-size: cover; position: relative; overflow: hidden } /*fix admin*/ .editMode .widget .controllers { top: -20px !important } /*--------------- landing page layout ------------------------*/ .landing-main-banner { background: url('Images/section-bgs/landing-section-bg.png') no-repeat center; background-size: cover } .landing-full-section { min-height: 750px; position: relative; overflow: hidden } .landing-full-section * { color: #fff } .landing-full-section .section-l-container { padding-top: 25%; position: relative; z-index: 1 } .landing-full-section h2, .landing-full-section p:first-child { font-size: 1.25em; margin-bottom: 0px !important; /*text-transform:capitalize;*/ font-family: 'Open Sans' !important; font-weight: 300 !important } .landing-full-section h1, .landing-full-section .h1 { font-size: 2em } .landing-full-section p { font-weight: 300; margin-top: 15px; line-height: 1.3; font-size: .9em } .landing-full-section:after { content: ''; display: block; position: absolute; width: 100%; height: 75%; background: #10b63e; bottom: 98%; left: 24.12222%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } .landing-full-section .section-r-container { position: relative; z-index: 2; width: 50%; padding-top: 25% } /*plainblue section*/ .plain-blue { background: #2437ac; padding: 4% 20%; position: relative; z-index: 1 } .plain-blue p { font-size: 1.5em } .plain-blue h2 { margin-bottom: 30px } /*our approach section*/ .our-approach-section { padding-top: 38.17708333333333% } .our-approach-section:after { content: ''; display: block; position: absolute; width: 100%; background: #10b63e; bottom: 127%; height: 97%; left: 21.12222%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } /*gaining insights section*/ .gaining-insights-section { padding: 4% 8% } /*digital listing*/ .digital-list-container { text-align: center; margin: 30px -15px 10px } .digital-list-item { display: inline-block; margin: 0 3% 30px 3%; max-width: 205px; vertical-align: top; cursor: pointer; text-decoration: none !important } .digital-list-item h4 { font-size: 0.75em; color: #000 } .digital-list-item .img-container { height: 135px; text-align: center; margin-bottom: 20px } .digital-list-item .img-container img { max-height: 100% } /*Values listing*/ .CareerListWithHeader { position: relative; height: auto } .CareerListWithHeader, .CareerListWithHeader * { text-align: center } .CareerListWithHeader .centeredHeader { position: absolute; max-width: 254px; top: calc(50% - 85px); left: calc(50% - 118px); border: 1px solid rgba(16,182,62,0.8); border-radius: 50px; display: block } .CareerListWithHeader .centeredHeader h2 { margin: 0; position: relative; background: #fff; display: block; width: 100%; height: 75px; font-size: 1.4em; padding: 0 30px; line-height: 75px; border-radius: 50px; z-index: 1 ;text-transform:capitalize} .CareerListWithHeader .centeredHeader:before { content: ''; display: block; width: 130px; height: 351px; position: absolute; border: 2px dashed rgba(16,182,62,0.3); right: 51%; top: -130px; z-index: 0; border-bottom-right-radius: 150px; border-top-right-radius: 150px; border-left: 0 } .CareerListWithHeader .centeredHeader:after { content: ''; display: block; width: 130px; height: 351px; position: absolute; border: 2px dashed rgba(16,182,62,0.3); left: 51%; top: -130px; z-index: 0; border-bottom-left-radius: 150px; border-top-left-radius: 150px; border-right: 0 } .CareerListWithHeader .row { padding: 50px 0px } .CareerListWithHeader .value-list-item { margin: 0 auto; width: 100%; max-width: initial } .CareerListWithHeader .value-list-item .img-container { margin-bottom: 30px } .CareerListWithHeader .value-list-item .img-container img { display: block; width: auto; margin: 0 auto } .CareerListWithHeader h4 { margin-bottom: 10px; font-size: 1em } .CareerListWithHeader p { font-size: .75em !important; color: #000; width: 80%; margin: 0 auto } .CareerListWithHeader > a { text-decoration: none !important } /*--------------- about link landing page --------------------*/ .about-link .section-l-container { width: 35% } /*--------------- inner page for news ---------------------*/ /*inner md banner*/ .md-banner .section-l-container { width: 27%; padding-top: 16%; position: relative; z-index: 2 } .inner-section-banner { position: absolute; right: 0; top: 0; width: 90%; height: 100%; z-index: -2 } .inner-section-banner:after { position: absolute; content: ''; display: block; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.2) } .md-banner .section-l-container h3, .md-banner .section-l-container .h3 { font-size: 1.242em; color: #fff; font-family: 'Open Sans' !important; font-weight: 300 !important } .section-l-container h2 { margin-bottom: 20px } .section-l-container p, .section-l-container span { font-weight: 300 } .md-banner .section-l-container h2 { font-size:1.6em; color: #fff; font-size: 1.5em; margin-top: 0px } .md-banner .section-l-container p { color: #fff; font-weight: 300; line-height: 1.3 } .md-banner .side-section-content { position: absolute; right: 0; bottom: 33px }/*bottom: 100px*/ .banner-message-box { background-color: #fff; padding: 30px; border-radius: 5px } body .banner-message-box h3 { color: #000; display: block } body .banner-message-box p { font-size: 0.75em; color: #000; font-weight: 300 } .md-banner .custom-section-content, .md-banner .custom-section-content .container, .md-banner .custom-section-content .container .relative { height: 100% } .inner-categories-section { position: relative } .inner-categories-section .side { position: absolute; height: 0; padding-top: 39.84375%; top: 0; left: 0; width: 100% } .panel-section-content { position: relative; z-index: 11; width: 60%; padding: 3% 0; float: left } .panel-section-content p { font-weight: 300 } .panel-section-content h2 { margin-bottom: 20px } .side-section-content { padding: 0 0 0 0%; width: 28%; float: right; position: relative; z-index: 10 } .side-item { width: 100%; display: block; color: #fff; font-size: 0.75em; font-weight: 300; line-height: 1.3; transition: .3s; border-radius: 5px; padding: 7px 20px; margin-bottom: 2px; text-decoration: none !important; position: relative; /*text-transform:capitalize*/ } .side-item.active, .side-item:hover, .side-item:focus { background-color: #a6e41c; color: #000 } .side-item:before { position: absolute; content: ''; left: 0; top: calc(50% - 3px); border-right: 8px solid #fff; border-bottom: 8px solid transparent; display: block; z-index: 999 } .side-item.active:before, .side-item:hover:before, .side-item:focus:before { display: none } .content-side-menu { list-style: none } .side-section-content h3 { color: #fff; margin-bottom: 10px } .inner-categories-section { overflow: hidden } /* shapes */ .inner-categories-section .side:after { content: ''; display: block; position: absolute; width: 100%; height: 93%; background: #2437ac; bottom: -5%; left: 81.12222%; border-radius: 800px 0 0 800px; transform: rotate(-45deg); transform-origin: 0 100%; z-index: 9; transition: ease-in-out .5s } /*.inner-categories-section .side.inactive:after{bottom:100%;left:100%}*/ .landing-banner-1:after { content: ''; display: block; position: absolute; width: 100%; height: 135%; background: #10b63e; bottom: 95%; left: 18.12222%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } /*breadcrumb*/ .inner-breadcrumb-container { position: relative; z-index: 1; background: #f2f2f2; border-bottom: .3em solid #d9d9d9 } .inner-breadcrumb-container li { list-style: none; float: left; padding: 1.75% 0; margin-right: 45px; position: relative } .inner-breadcrumb-container li:before { content: ''; position: absolute; right: -25px; border-left: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; top: calc(50% - 2px) } .inner-breadcrumb-container li:last-child:before { display: none } .inner-breadcrumb-container li:last-child {margin-right: 0; font-size: 0.75em; color: #000;font-weight: 300;position: relative; top: 7px} .inner-breadcrumb-container li a { font-size: 0.75rem; color: #000; font-weight: 300 } .inner-breadcrumb-container li.disabled a { text-decoration: none } .inner-breadcrumb-container ul { display: block } .view-breadcrumb { display: none; font-size: .733em; font-weight: normal; cursor: pointer; padding: 15px 0; float: none } /*our approaches*/ .cards-expand-container { } .cards-expand-container .card-item { padding-top: 100%; position: relative; border-radius: 5px; cursor: pointer } .cards-expand-container .card-title { font-size: 1.25em; color: #fff; padding-right: 3em; line-height: 1.3 } .cards-expand-container .card-placeholder { position: absolute; left: -30px; top: -30px; width: calc(100% + 60px); height: calc(100% + 60px); background: #2437ac; border-radius: 5px; transition: .5s; -webkit-transition: .5s; opacity: 0; z-index: -20 } .cards-expand-container .card-item:hover .card-placeholder { opacity: 1; z-index: 999 } .cards-expand-container .card-face:before { position: absolute; z-index: 0; background: rgba(0,0,0,.2); width: 100%; height: 100%; left: 0; top: 0; content: '' } .cards-expand-container .card-description { color: #fff } /*news room landing*/ .news-room .landing-full-section + div .panel-section-content { width: 70%; position: relative; z-index: 99 } /*.highlights-main-section .cards-isotope-container{margin-top:30px}*/ .news-room .landing-full-section + div .cards-isotope-container .item { width: calc(33.33333% - 1px) !important } .share-buttons .fa { font-size: 1em; margin-right: 15px; color: #fff; margin-top: 25px } .isotope-card-date { margin-top: 10px; font-size: 0.75em; } .isotope-card-date span { color: #555; vertical-align: middle } .isotope-card-date i { float: none !important; margin-right: 5px; font-size: 1.4em; vertical-align: middle } /*share icons*/ .share-buttons a { text-decoration: none !important } .share-buttons .linkdev-icon { margin-right: 25px; color: #fff } /*news room*/ .panel-section-content .item { width: calc(33.333333% - 1px) !important; margin-bottom: 30px } /*news room details*/ .panel-section-content h1, .panel-section-content .h1 { font-size: 1.1em } .panel-section-content .content-img { margin-right: 20px } .content-date { font-size: 0.666em; font-weight: 400; margin: 10px 0 20px 0; cursor:default } .related-content-container { margin-top: 50px } .panel-section-content .related-content-container { width: 116% } .related-content-container h2 { font-size: 1.1em; color: #000 } .item-body { font-size: .75em; text-align: justify } .item-body p, .panel-section-content p { margin-bottom: 20px } .item-body p:last-child { margin-bottom: 0px } .content-date span { vertical-align: middle } .content-date i { font-size: 1.3em; color: #777777; vertical-align: middle; margin-right: 5px } .panel-section-content img { max-width: 100%; height:auto} .panel-section-content img.Sitecore-img {max-width: 100%;width: auto;height: 41px} .details-cover-img { padding-top: 38.65030674846626%; margin-bottom: 20px; border-radius: 5px; background-position:center !important } /*list cards small*/ .small-cards .card-title { margin-bottom: 10px; padding: 0; width: 100% } .small-cards .card-face .card-title, .small-cards .card-front-container .primary-btn { left: 20px; bottom: 20px; width: calc(100% - 40px) } .small-cards .card-front-container .primary-btn { width: calc(100% - 40px) } .small-cards .card-description { font-size: 0.665em; font-weight: 300 } .small-cards .card-front-container .primary-btn { font-size: 0.665em; padding: 13px 0 } .card-face .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .card-face .bg:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.2); z-index: 1 } .small-cards .card-front-container { padding: 20px } /*small expand cards*/ .small-expand-cards .card-title { font-size: .75em } .small-expand-cards .card-item { padding-top: 90%; margin-bottom: 30px } .small-expand-cards .card-front-container .card-title { font-size: 1em; padding-right: 0 } /*captivate customers section*/ .captivate-customers { padding-top: 36.01041666666667% } .captivate-customers:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #a6e41c; bottom: 125%; left: 25%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } .captivate-customers .section-r-container { width: 55%; padding-top: 1.5% } /*digital operations and services */ .digital-operations-services-section { padding-top: 41% } .business-transformation .solution-list .digital-list-item .img-container { height: 65px } .digital-operations-services-section:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #10b63e; bottom: 64%; left: 83%; border-radius: 800px 0 0 800px; transform: rotate(-45deg); transform-origin: 0 100%; z-index: -1; transition: ease-in-out .5s } .digital-operations-services-section .section-r-container { width: 60% } .small-card-icons-container .card-item { padding: 0; display: inline-block; text-align: center } .small-card-icons-container .card-face { position: relative } .small-card-icons-container .card-face:before { position: relative; display: none } .small-card-icons-container .card-face .card-title { position: static; display: block; padding: 0 15% } .small-card-icons-container .card-img-container { height: 80px; position: relative } .small-card-icons-container .card-img-container img { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; max-height: 100% } .small-card-icons-container .card-placeholder { height: auto; text-align: left } .small-card-icons-container .card-front-container .primary-btn { position: static; width: 100%; margin-top: 15px; padding: 15px 10px } .small-card-icons-container.small-expand-cards .card-front-container .card-title { font-size: 0.665em; margin-bottom: 10px } .digital-operations-services-section .small-expand-cards .card-item { min-height: 140px } .details-page.panel-section-content { width: 60% !important } .digital-operations-services-section .small-card-icons-container .card-item { text-align: center; width: 100% } .digital-operations-services-section .cards-expand-container .card-title { color: #000 } /*our partners section*/ .our-partners-section, .our-clients-section { padding: 4% 18% } /*simple list*/ .simple-list-container { padding: 20px 0; text-align: center } .simple-list-item { display: inline-block; margin: 10px; position: relative; width: 125px; height: 80px; z-index: 1; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .5s; -webkit-transition: .5s } .simple-list-item.wide-imgs {width: 212px;} .simple-list-item.wide-imgs img {height: 65px;} .simple-list-item:hover {transform: scale(1.1);-webkit-filter: none;filter: none} .simple-list-item img { max-height: 100%; max-width: 100%; position: absolute; bottom: 0; z-index: 9; left: 0; right: 0; margin: auto ;top:0} /*testimonial inner page*/ .single-testimonial { color: #000; margin-bottom: 45px; overflow: hidden } .testimonial-author-img { width: 200px; height: 220px; float: left; border-radius: 5px; position: relative; z-index: 2 } .testimonial-author-img:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; z-index: 1; border-radius: 5px } .testimonial-body { float: left; width: calc(100% - 200px); padding: 40px 0 0 20px; position: relative; z-index: 1 } .testimonial-author-name { font-size: 1.5em; margin-bottom: 5px !important } .testimonial-author-position { font-style: italic; margin-bottom: 25px; display: block; font-size: .665em } .single-testimonial .testimonial-content { text-align: justify; position: relative; left: -80px; padding: 30px 80px; background: #f2f2f2; border-radius: 5px; font-size: .665em; width: calc(100% + 80px); min-height: 140px } .single-testimonial:nth-child(2n) .testimonial-author-img { float: right } .single-testimonial:nth-child(2n) .testimonial-body { float: right; padding: 40px 25px 0 0px } .single-testimonial:nth-child(2n) .testimonial-author-name, .single-testimonial:nth-child(2n) .testimonial-author-position { text-align: right } .single-testimonial:nth-child(2n) .testimonial-content { left: auto; right: 0px } /*careers page*/ .custom-icons-list .digital-list-item { margin: 0 30px 30px 0; width: 40%; max-width: initial } .custom-icons-list, .custom-icons-list * { text-align: left !important } .custom-icons-list .digital-list-item .img-container img { display: block; width: auto } .custom-icons-list h4 { margin-bottom: 10px; font-size: 1em } .custom-icons-list p { font-size: .75em; color: #000 } .custom-icons-list > a { text-decoration: none !important } .careers .digital-list-item { cursor: default } /*footer*/ .site-footer { padding: 10px 0 16px 0 } .navbar-footer a { font-size: .665em; color: #555; /*text-transform:capitalize*/; padding: 0 !important; margin-right: 15px } .copy-rights { font-size: .665em; color: #888 } .navbar.navbar-footer { float: left } .footer-socialmedia { float: right; margin-top: 5px } .footer-socialmedia * { color: #555 } .footer-socialmedia i { margin-left: 15px } .a15-logo-container { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #cccccc; margin-top: 9px } .footer-main-container { width: calc(100% - 105px) } .a15-logo { width: 60px } /*fix md banners spacing*/ .testimonials .md-banner #description-container, .awards .md-banner #description-container, .case-studies .md-banner #description-container, .news-room.highlights .md-banner #description-container, .digital-services .md-banner #description-container { display: none } .md-banner .section-l-container .share-buttons { position: absolute; bottom: 20px } .md-banner .section-l-container { position: static } /*------------------themeing------------------*/ /*digital services themeing*/ .digital-services .primary-btn { background-color: #a6e41c; color: #000 } .digital-services .primary-btn:hover, .digital-services .primary-btn:focus { background-color: #c2f552 } .digital-services .landing-full-section .secondary-i-btn, .business-solutions .landing-full-section .secondary-i-btn { border-color: #fff } .digital-services .landing-full-section .secondary-i-btn:hover, .digital-services .landing-full-section .secondary-i-btn:focus, .digital-services .landing-full-section .secondary-i-btn:active { background-color: #fff; color: #000; border-color: #fff !important } .business-solutions .landing-full-section .secondary-i-btn:hover, .business-solutions .landing-full-section .secondary-i-btn:focus, .business-solutions .landing-full-section .secondary-i-btn:active { background-color: #fff; color: #000; border-color: #fff !important } .digital-services .cards-expand-container .card-placeholder { background: #a6e41c } .digital-services .cards-expand-container .card-front-container * { color: #000 } .digital-services .cards-expand-container .primary-btn, .digital-services .item-placeholder .primary-btn { background: #2437ac; color: #fff } .digital-services .item-placeholder .primary-btn:hover, .digital-services .item-placeholder .primary-btn:focus, .digital-services .item-placeholder .primary-btn:active, .digital-services .cards-expand-container .primary-btn:hover, .digital-services .cards-expand-container .primary-btn:focus, .digital-services .cards-expand-container .primary-btn:active { background: #3b4fc7 } .digital-services .card-title { width: 100% } .digital-services .landing-full-section:after { background-color: #a6e41c } .digital-services .landing-full-section .section-l-container * { color: #000 } #description-container { margin-bottom: 20px } .digital-operation-title { font-size: .75em !important; color: #000; font-family: Max-SemiBold !important } /*inners themes*/ .business-solutions .landing-banner-1:after { background-color: #00b8ff } .digital-services .landing-banner-1:after { background-color: #a6e41c } .digital-services .md-banner .section-l-container * { color: #000 } .business-solutions .landing-banner-1:after { background-color: #00b8ff } .business-solutions .landing-banner-1:after { background-color: #00b8ff } /*busniss solutions*/ .business-solutions .plain-section .primary-btn, .business-solutions .banner-message-box .primary-btn { background-color: #00b8ff } .business-solutions .plain-section .primary-btn:hover, .business-solutions .plain-section .primary-btn:focus, .business-solutions .plain-section .primary-btn:active { background: #00eaff } .business-solutions .banner-message-box .primary-btn:hover, .business-solutions .banner-message-box .primary-btn:focus, .business-solutions .banner-message-box .primary-btn:active { background: #00eaff } /*menu themeing*/ .navbar-nav li:hover a[href$="business-solutions"] { /*color:#00b8ff!important;*/ color: #10b63e !important } .nav-container a[href$="business-solutions"] + .sub-menu > li > a { /*color:#00b8ff!important;*/ color: #10b63e !important } .nav-container a[href$="business-solutions"] + .sub-menu > li a:hover, .nav-container a[href$="business-solutions"] + .sub-menu > li a:focus, .nav-container a[href$="business-solutions"] + .sub-menu > li a:active { /*color:#00b8ff!important;*/ color: #10b63e !important } .navbar-nav li:hover a[href$="infrastructure"] { /*color:#ff7b15!important;*/ color: #10b63e !important } .nav-container a[href$="infrastructure"] + .sub-menu > li > a { /*color:#ff7b15!important;*/ color: #10b63e !important } .nav-container a[href$="infrastructure"] + .sub-menu > li a:hover, .nav-container a[href$="infrastructure"] + .sub-menu > li a:focus, .nav-container a[href$="infrastructure"] + .sub-menu > li a:active { /*color:#ff7b15!important;*/ color: #10b63e !important } .navbar-nav li:hover a[href$="digital-services"] { /*color:#a6e41c!important;*/ color: #10b63e !important } .nav-container a[href$="digital-services"] + .sub-menu > li > a { /*color:#a6e41c!important;*/ color: #10b63e !important } .nav-container a[href$="digital-services"] + .sub-menu > li a:hover, .nav-container a[href$="digital-services"] + .sub-menu > li a:focus, .nav-container a[href$="digital-services"] + .sub-menu > li a:active { /*color:#a6e41c!important;*/ color: #10b63e !important } .navbar-nav li:hover a[href$="cloud"] { /*color:#ee15b3!important;*/ color: #10b63e !important } .nav-container a[href$="cloud"] + .sub-menu > li > a { /*color:#ee15b3!important;*/ color: #10b63e !important } .nav-container a[href$="cloud"] + .sub-menu > li a:hover, .nav-container a[href$="cloud"] + .sub-menu > li a:focus, .nav-container a[href$="cloud"] + .sub-menu > li a:active { /*color:#ee15b3!important;*/ color: #10b63e !important } .navbar-nav li:hover > a { /*color:#ee15b3!important;*/ color: #10b63e !important } .nav-container a + .sub-menu > li > a { /*color:#ee15b3!important;*/ color: #10b63e !important } .nav-container a + .sub-menu > li a:hover, .nav-container a + .sub-menu > li a:focus, .nav-container a + .sub-menu > li a:active { /*color:#ee15b3!important;*/ color: #10b63e !important } /*infrastructure*/ .infrastructure .landing-full-section:after { background-color: #ff7b15 } /*busness sol*/ .business-solutions .landing-full-section:after { background-color: #00b8ff } /*link cloud*/ .cloud .landing-full-section:after { background-color: #ee15b3 } /*news room themeing*/ .news-room .card-placeholder { background: #10b63e } .news-room .primary-btn { background: #2437ac } .news-room .primary-btn:hover, .news-room .primary-btn:focus, .news-room .primary-btn:active { background: #3b4fc7 } .news-room .landing-full-section:after { background: #2437ac; transition: none } /*testimonial*/ .linkdev-testimonial { background: url('Images/section-bgs/testimonials-bg.jpg') center no-repeat; background-size: cover; background-attachment: fixed; padding: 4% 20% } .linkdev-testimonial h3 { font-size: 1.5em; margin-bottom: 10px } .linkdev-testimonial p { font-size: .833em; font-weight: 300 } .linkdev-testimonial .testimonial-subtitle { font-style: italic; margin-bottom: 10px } .linkdev-testimonial .author-img { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px auto } /*awards*/ .filter-container { width: 85% } .filter-container * { outline: none !important } body li.slick-active { background: transparent !important } .filter-container .single-year { position: relative; text-align: center; transition: .5s; -webkit-transition: .5s; top: 0; outline: none !important; cursor: pointer; height: 36px } .filter-container .single-year a { color: #8d8d8d; text-decoration: none; font-family: Max-SemiBold; transition: .5s; -webkit-transition: .5s; top: 0; outline: 0 !important } .slick-slide:first-child .single-year a { margin-top: -26px; } .slick-slide:first-child .single-year a.category { margin-top: 0px; } .filter-container .single-year.active a, .filter-container .single-year:hover a, .filter-container .single-year:focus a { font-size: 1.5em; color: #e416b1; top: -15px; position: absolute; left: 14px} .filter-container .slick-list { padding-bottom: 50px; position: relative } .filter-container .slick-track { position: relative; padding-top: 30px } .single-year:after { content: ''; position: absolute; display: block; top: calc(100% + 4px); width: 100%; height: 1px; left: 50%; border-bottom: 1px dashed #8d8d8d; z-index: -1 } .single-year:last-child:after { width: 800% } .filter-container .single-year:before { position: absolute; content: ''; width: 10px; height: 10px; display: block; background-color: #8d8d8d; border-radius: 50%; top: 100%; left: calc(50% - 5px); transition: .5s; -webkit-transition: .5s } .filter-container .single-year.active:before, .filter-container .single-year:hover:before, .filter-container .single-year:focus:before { background-color: #e416b1; left: calc(50% - 20px); top: 20px; width: 40px; height: 40px } .filter-container .slick-arrow { display: none !important } .filter-container .slick-list:before { position: absolute; display: block; width: 13%; height: 100%; content: ''; -moz-box-shadow: inset -70px 0px 25px 0px #fff; -webkit-box-shadow: inset -70px 0px 25px 0px #fff; box-shadow: inset -110px 0px 130px -25px #fff; z-index: 3; right: 0 } .single-year.last-item:before { display: none !important } .filter-container.years .single-year { height: 50px } .filter-container.years .single-year a { height: 100px } .filter-container.years.slick-slider { margin-bottom: 0px } .filter-container.years .slick-list { padding-bottom: 20px; } .filter-container.years .single-year.active a, .filter-container.years .single-year:hover a, .filter-container.years .single-year:focus a { font-size: 1em; top: -27px; position:static } .filter-container.years .single-year.active:before, .filter-container.years .single-year:hover:before, .filter-container.years .single-year:focus:before { top: 32px } /*case studies*/ .case-studies .panel-section-content, .awards .panel-section-content { width: 70%; z-index: 33 } .panel-section-content .main-content { width: 100% } .panel-section-content iframe{max-width:100%} .panel-section-content .main-content p { font-size: .916em } .casestudy-container .isotope-card-item { cursor: auto } .isotope-card-title { font-size: 0.916em; color: #000; margin-bottom: 10px !important } .isotope-card-title a { color: #000; text-decoration: none } .isotope-card-description { font-size: 0.833em; color: #000; font-weight: 300; margin-bottom: 20px } .card-footer i { float: right } .casestudy-container .card-footer i { margin-top: 13px } .casestudy-container .secondary-i-btn { padding: 12px 50px; text-align: center } .isotope-card-item a { text-decoration: none } .single-case-study .description { font-size: .833em; font-weight: 300 } .isotope-body-categories { border-top: 1px solid #a9a9a9; padding-top: 20px; font-size: .583em; display: none } .isotope-body-categories * { display: block } .isotope-body-categories > div { margin-bottom: 20px } .isotope-body-label { color: #858585; margin-bottom: 3px } .isotope-body-value { color: #000 } .case-studies .isotope-card-item .card-img { background-position: left center !important } .details-page-title { margin-bottom: 20px } .single-case-study-download { margin-top: 30px; float: right } /*contact us page*/ .alert-success { color: rgb(60, 118, 61) !important ; padding:10px } .contact-map .slick-initialized .slick-slide, .business-solutions .slick-initialized .slick-slide { max-width: 3000px !important } .contact-form { margin-top: 30px } .form-horizontal .custom-group { width: 50%; float: left; margin: 0 0 30px 0 } .form-horizontal .custom-group.full { width: 100% } .custom-group .control-label { text-align: left; font-family: Max-SemiBold; color: #555555; font-size: .75em; margin-bottom: 18px } .custom-form-container { display: table; width: 100%; margin-top: 30px } .custom-group .form-control { width: 100% } .custom-group .form-control.single-line { height: 35px } .form-submit-btn { background-color: #10b63e !important; color: #fff; min-width: 70px } .form-submit-btn:hover, .form-submit-btn:focus, .form-submit-btn:active { background-color: #2cce59 !important; color: #fff } .form-submit-btn:hover, .form-submit-btn:focus, .form-submit-btn:active { background-color: #2cce59 ; color: #fff } .required-span { color: #555; font-size: .75em } .contact-us .text-danger { font-size: .6em } .find-us { color: #000; margin-bottom: 30px } .find-us h2 { font-size: 2em; margin-bottom: 10px } .find-us p { font-size: .916em } .custom-group .tight-hear { width: 45%; display: inline-block } .custom-group .tight-others { display: inline-block; width: 52% } .apply-btn { margin: 15px 0 !important} /*map section*/ .map-section { margin-bottom: 20px } .contact-map { position: relative } .map-dialog { position: absolute; z-index: 999; color: #fff; background-color: #2437ac; top: 50%; left: 7.5%; padding: 2.5% 3% 2.5% 3%; border-radius: 5px; transform: translateY(-50%); width: 40% } .map-dialog h3 { font-size: 2.5em; margin-bottom: 20px } .map-dialog span { font-size: .8333em; display: block; font-weight: 300; margin-bottom: 10px } .slick-contact-slider * { outline: none !important } .grecaptcha-badge { display: none } .slick-contact-slider .slick-arrow { position: absolute; z-index: 999999999999; top: 0; background: none; border: none; left: auto; height: 24px } .slick-contact-slider .slick-prev { right: 25px } .slick-contact-slider .slick-next { right: 0px } .slick-contact-slider .slick-next:before { content: ''; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; position: absolute; right: 0; top: 0 } .slick-contact-slider .slick-prev:before { content: ''; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #fff; position: absolute; right: 0; top: 0 } .contact-map .map { width: 100%; padding-top: 33.85416666666667% } .map-dialog i { margin-right: 4%; width: 15px; display: inline-block; font-size: 1.1em; vertical-align: middle } /*isotope themeing*/ .isotope-card-item .card-type.press-releases { background-color: #00b8ff } .isotope-card-item .card-type.highlights { background-color: #a6e41c } .isotope-card-item .card-type.events { background-color: #e11fb8 } /*innerpages fixed side*/ .fixed-side .side-section-content { position: absolute; right: 7.5%; top: 16%; width: 23% } .fixed-side.fix { position: fixed !important } /*landing banners*/ .inner-section-banner .parallax-img { background: url('Images/landing-covers/default.jpg') no-repeat; background-size: cover !important } .digital-services .inner-section-banner .parallax-img { background: url('Images/landing-covers/digital-landing.jpg') no-repeat; background-size: cover !important } .testimonials .inner-section-banner .parallax-img.parallax-inner-img { background: url('Images/landing-covers/testimonials-landing.jpg') no-repeat; background-size: cover !important } .contact-us .inner-section-banner .parallax-img { background: url('Images/landing-covers/contact-landing.jpg') no-repeat; background-size: cover !important } .news-room .inner-section-banner .parallax-img { background: url('Images/landing-covers/newsRoom.jpg') no-repeat } .highlights .inner-section-banner .parallax-img { background: url('Images/landing-covers/highlights-landing.jpg') no-repeat; background-size: cover !important } .events .inner-section-banner .parallax-img { background: url('Images/landing-covers/events-landing.jpg') no-repeat; background-size: cover !important } .press-releases .inner-section-banner .parallax-img { background: url('Images/landing-covers/press-landing.jpg') no-repeat; background-size: cover !important } .business-solutions .inner-section-banner .parallax-img { background: url('Images/section-bgs/business-solutions.jpg') no-repeat; background-size: cover !important } /*business solutions*/ .business-solutions .landing-full-section + div .side { display: none } .business-solutions .landing-full-section + div .side-section-content { padding: 3% 0% 0 0; width: 48% } .business-solutions .landing-full-section + div .panel-section-content { width: 36% } .business-solutions-list .card-face .card-title { margin-bottom: 0; bottom: 17px; left: 20px } .business-solutions .cards-expand-container .card-placeholder { background-color: #00b8ff } .business-dynamics-365-section { padding-top: 34.01041666666667% } .business-dynamics-365-section:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #ee15b3; bottom: 125%; left: 25%; border-radius: 800px 0 0 800px; transform: rotate(135deg); transform-origin: 0 100%; z-index: 0; transition: ease-in-out .5s } .business-dynamics-365-section .small-card-icons-container .card-item { width: 100%; margin-bottom: 50px; height: 120px } .digital-industries-section { padding-top: 38% } .digital-industries-section .section-r-container { padding-top: 1% } .business-solutions .home-strategy-section:after { background: #00b8ff } .business-solutions .home-strategy-section { overflow: hidden } /*custom solution pages*/ .solution-list .list-card-item { color: #fff; margin-bottom: 30px; padding-top: 75% } .solution-list .cards-outer-container, .solution-list .related-content-container { margin-top: 0 } .cards-isotope-container-contain .card-img { background-color: #ccc !important } .solution-details-title { margin-bottom: 30px } /*theme fixes*/ .md-banner + .inner-categories-section .side:after { background-color: #2437ac } .landing-banner-1:after { background-color: #10b63e } .slick-track * { outline: none !important } .mouse { display: inline-block; height: 44px; width: 28px; border-radius: 12px; border: 2px solid #fff; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 35px } .mouse:after { display: inline-block; height: 8px; width: 8px; background-color: #fff; border-radius: 50%; content: ""; -webkit-animation: scroll 1.3s ease-out infinite forwards; -moz-animation: scroll 1.3s ease-out infinite forwards; animation: scroll 1.3s ease-out infinite forwards; top: 6px; left: 0; right: 0; margin: auto; position: absolute } .mouse:before { font-family: Open Sans !important; content: 'scroll down'; position: absolute; bottom: -25px; color: #fff; font-size: 0.583em; left: 50%; width: 300px; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) } /*back to top*/ .move-to-top { position: fixed; text-align: center; bottom: 100px; right: 7.5%; z-index: 33; color: #fff; background: rgba(0,0,0,.4); border-radius: 5px; padding: 5px 20px 5px; cursor: pointer; display: none; transition: .5s; -webkit-transition: .5s } .move-to-top:hover { background: rgba(0,0,0,.7) } .move-to-top i { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; font-size: .7em } .move-to-top span { display: block; position: relative; margin-top: -12px; font-family: Max-SemiBold; font-size: .7em } /*temp responsive styles*/ .landing-full-section, .home-main-section { min-height: 900px } /*events*/ .event-partners.gallery-icons-holder.slick-slider .slick-slide { max-width: 191px !important } .events-details .agenda-header { margin: 0px 0px 25px 0; } .events-details .agenda-title { vertical-align: top; width: 24%; } .event-title { max-width: 70%; display: inline-block; } .event-action-btn { display: inline-block; float: right; } .event-action-btn button { margin: 0px !important; } /*latest fixes*/ .careers .inner-section-banner .parallax-img { background: url('Images/landing-covers/careers.jpg') no-repeat } .about-link .inner-section-banner .parallax-img { background: url('Images/landing-covers/aboutUs.jpg') no-repeat } .practices--initiatives .inner-section-banner .parallax-img { background: url('Images/landing-covers/practices.jpg') no-repeat } .products .inner-section-banner .parallax-img { background: url('Images/landing-covers/products.jpg') no-repeat } .industries .inner-section-banner .parallax-img { background: url('Images/landing-covers/industries.jpg') no-repeat } .cloud .inner-section-banner .parallax-img { background: url('Images/landing-covers/cloud.jpg') no-repeat } .infrastructure .inner-section-banner .parallax-img { background: url('Images/landing-covers/infrastucture.jpg') no-repeat } .resource-center .inner-section-banner .parallax-img { background: url('Images/landing-covers/caseStudy.jpg') no-repeat } .testimonials .inner-section-banner .parallax-img { background: url('Images/landing-covers/testimonials.jpg') no-repeat !important } .awards .inner-section-banner .parallax-img { background: url('Images/landing-covers/awards.jpg') no-repeat } .customers .inner-section-banner .parallax-img { background: url('Images/landing-covers/customers.jpg') no-repeat } .team .inner-section-banner .parallax-img { background: url('Images/landing-covers/team.jpg') no-repeat } .inner-categories-section ul li { list-style-position: inside; font-weight: 300; list-style:none } .inner-categories-section ul li ul { padding-left: 55px } .inner-categories-section .custom-item-description { margin-bottom: 30px; font-size: 1em } .custom-item-body { font-size: 0.75em } ol { list-style: none } .custom-item-body ul { margin: 15px 0 25px 25px } .custom-item-body ol { margin: 15px 0px 25px 40px !important } .custom-item-body ol li { text-indent: 7px !important; margin-bottom: 15px !important } .inner-categories-section .custom-item-body ul li ul { margin: 5px 0 20px 25px; padding-left: 0px } .custom-item-body h4 { margin-bottom: 8px; font-size: 1.1em; font-family: 'Open Sans' !important; font-weight: normal !important; /*text-transform:capitalize!important*/ } .custom-item-body ul li, .sitemap-nav li { position: relative; text-indent: 20px; margin-bottom: 15px } .custom-item-body ul li:before, .sitemap-nav li:before { position: absolute; content: "ā€¢"; font-size: 33px; line-height: 25px; left: -2px; display: block; z-index: 999; text-indent: 0px; } .sitemap-nav li:before { top: 2px !important; /*border-right: 8px solid #000; border-bottom: 8px solid transparent; */ } .custom-item-body ul li:before{ top: -3px !important} .sitemap-row .sitemap-menu-items li { text-indent: 0; padding-left: 0px; margin-bottom: 5px; list-style: none } .custom-item-body h3 { color: #000; font-size: 1.34em; margin-bottom: 10px } .custom-group select.form-control { height: 35px } .landing-full-section h2.highlights-heading-title { font-size: 1em; font-family: 'Max-SemiBold' !important; } /*sitemap*/ .sitemap-row { margin-bottom: 3% } .sitemap-row { overflow: hidden } .sitemap-row a { color: #000; cursor: pointer } .sitemap-row .sub-menu { margin-top: 2%; display: block } .sitemap-row ul { padding: 0 !important } .sitemap-row li.has-child { padding: 0; text-indent: 0; list-style: none; } li.has-child .secondary-item { font-size: .916em; font-weight: 300; margin-bottom: 5% !important } .sitemap-row li.has-child:before { display: none } .sitemap-row a.child-item { font-size: .75em; padding-right: 10px; padding-left:15px } .sitemap-row .sitemap-menu-items li { text-indent: 0; padding-left: 0px; margin-bottom:5px; list-style:none} .sitemap-row .sitemap-menu-items.no-parent { width: 33.333333%; margin-top: 2% } .sitemap-nav li:before { top: 7px } .sitemap-menu-items-cond { margin-top: 2% } /*customers page*/ .sprite { background: url('/Content/Images/areas-sprite.png') no-repeat top left; width: 41px; height: 39px } .sprite.africa { background-position: 0 0 } .sprite.africa-hover { background-position: 0 -59px } .sprite.all-regions { background-position: 0 -118px; width: 85px } .sprite.all-regions-hover { background-position: 0 -177px; width: 85px } .sprite.europe { background-position: 0 -236px; width: 82px } .sprite.europe-hover { background-position: 0 -295px; width: 82px } .sprite.gulf { background-position: 0 -354px; width: 53px } .sprite.gulf-hover { background-position: 0 -413px; width: 53px } .all-regions-item:hover .sprite.all-regions, .all-regions-item.active .sprite.all-regions { background-position: 0 -177px; width: 85px } .africa-item:hover .sprite.africa, .africa-item.active .sprite.africa { background-position: 0 -59px } .europe-item:hover .sprite.europe, .europe-item.active .sprite.europe { background-position: 0 -295px; width: 82px } .gulf-item:hover .sprite.gulf, .gulf-item.active .sprite.gulf { background-position: 0 -413px; width: 53px } .areas-filter li:hover span, .areas-filter li.active span { color: #2538ac } .areas-filter { list-style: none; text-align: justify } .areas-filter li { display: inline-block; text-align: justify; cursor: pointer } .areas-filter span { display: inline-block; font-size: .667em; color: #000; font-weight: 400; vertical-align: middle } .customers .panel-section-content { width: 70% } .modal-footer .btn { padding: 6px 12px !important; line-height: 1rem;min-width:70px } .modal-headerText { padding: 6px 15px; } .modal-body{padding:15px !important} .to-justify { width: 100% } .filter-title { font-size: .667em; color: #000; font-family: 'Max-SemiBold' !important; display: block; width: 150px; float: left; margin-top: 1% } .filters-body { background-color: #f2f2f2; padding: 20px 50px 0 } .industries-filter { list-style: none; display: block; text-align: justify; float: left; width: calc(100% - 150px) } .industries-filter li { display: inline-block; cursor: pointer; font-size: 1.2em } .industries-filter li:hover *, .industries-filter li.active * { color: #2437ac } .customers-list-container { margin-top: 30px } .single-customer { width: 25%; display: block; float: left; padding: 0 15px; margin-bottom: 20px; text-align: center; font-size: .75em; color: #000; text-decoration: none !Important; height: 155px } .single-customer .customer-name { font-size: 1em !important; color: #000 !important; font-family: 'Open Sans' !important; font-weight: 600; text-transform: none !important } .customer-img { height: 100px; vertical-align: middle; position: relative; margin-bottom: 4px } .customer-img img { max-height: 100%; max-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto !important } /*BETA styles*/ .beta-badge { width: 131px; padding-top: 131px; position: absolute; right: 0; top: 0; z-index: 99999999; background: url(/Content/Images/beta-badge.png) no-repeat; background-size: contain } /*popup*/ .dark-modal, .event-modal-bg { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 999999999999; left: 0; top: 0; overflow: auto; display: none } .linkdev-popup { position: fixed; width: 790px; max-width: calc(100% - 40px); padding: 40px 80px; border-radius: 5px; background: #fff; top: 50%; left: 0; right: 0; margin: auto; z-index: 9999999999999; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #000; text-align: center; display: none; max-height: 100%; overflow: auto } .event-modal { position: fixed; width: 790px; max-width: calc(100% - 40px); padding: 30px 40px 10px 40px; border-radius: 5px; background: #fff; top: 50%; left: 0; right: 0; margin: auto; z-index: 9999999999999; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #000; text-align: center; max-height: 100%; overflow: auto } .event-modal .linkicon-cancel { position: absolute; right: 20px; top: 20px; cursor: pointer; } .event-modal .form-group { margin-bottom: 15px; width: 100%; overflow: hidden; } .event-modal .btn { padding: 13px 42px !important } .event-modal .modal-header p { color: #555; font-size: .8em; margin-top: 3px; } .event-modal .alert h3 { text-align: left; font-size: 1.2rem; max-width: 78%; margin-left: 10px; margin-top: 14px; } .event-modal .modal-footer { padding: 15px 0; text-align: left; } .event-modal .alert p { text-align: left; margin-left: 11px; margin-top: 4px; } .linkdev-popup h3 { font-size: 1.25em; margin-bottom: 15px } .warning, .form-control.warning { background: rgba(255,0,0,0.1) !important; border: 1px solid #ff7979; } select.warning, select.form-control.warning { background: rgba(255,0,0,0.1) url(../Content/Images/arrow-down.png) 100% 52% no-repeat !important; border: 1px solid #ff7979; } .required-field { color: red; font-size: .9rem; margin-top: 9px; margin-left: 10px; display: inline-block; } .text-left{text-align:left !important} .radio-label { font-size: 1rem; font-weight: 400; } .linkdev-popup p { margin-bottom: 15px } .linkdev-popup .popup-body { font-size: .667em } .linkdev-popup .linkicon-cancel { position: absolute; right: 20px; top: 20px; cursor: pointer } /*shaps color**/ .digital-services .md-banner + .inner-categories-section .side:after { background-color: #2437ac } .about-link .inner-categories-section .side:after { background-color: #10b63e } .about-link .landing-full-section:after { background-color: #2437ac } .cloud .landing-banner-1:after { background-color: #ef15b4 } .infrastructure .landing-banner-1:after { background-color: #ff7b15 } .infrastructure .banner-message-box .primary-btn { background-color: #ff7b15 } .business-solutions #landingsidebar-container .content-side-menu { display: none } .careers .inner-section-banner .parallax-img { background: url('Images/landing-covers/careers.jpg') no-repeat } .about-link .inner-section-banner .parallax-img { background: url('Images/landing-covers/aboutUs.jpg') no-repeat } .practices--initiatives .inner-section-banner .parallax-img { background: url('Images/landing-covers/practices.jpg') no-repeat } .products .inner-section-banner .parallax-img { background: url('Images/landing-covers/products.jpg') no-repeat } .industries .inner-section-banner .parallax-img { background: url('Images/landing-covers/industries.jpg') no-repeat } .cloud .inner-section-banner .parallax-img { background: url('Images/landing-covers/cloud.jpg') no-repeat } .infrastructure .inner-section-banner .parallax-img { background: url('Images/landing-covers/infrastucture.jpg') no-repeat } .case-studies .inner-section-banner .parallax-img { background: url('Images/landing-covers/caseStudy.jpg') no-repeat } .testimonials .inner-section-banner .parallax-img { background: url('Images/landing-covers/testimonials.jpg') no-repeat !important } .awards .inner-section-banner .parallax-img { background: url('Images/landing-covers/awards.jpg') no-repeat } .customers .inner-section-banner .parallax-img { background: url('Images/landing-covers/customers.jpg') no-repeat } .leadership-team .inner-section-banner .parallax-img { background: url('Images/landing-covers/team.jpg') no-repeat } .sitemap .inner-section-banner .parallax-img { background: url('Images/landing-covers/Sitemap.jpg') no-repeat } .inner-categories-section ul li { list-style-position: inside; font-weight: 300 } .inner-categories-section ul li ul { padding-left: 55px } .inner-categories-section .custom-item-description { margin-bottom: 30px } /*team*/ .team-item { text-align: center; background-color: #f2f2f2; border-radius: 5px; margin-top: 115px; position: relative; transition: .3s } .panel-section-content img.team-image { width: 150px; height: 150px; border-radius: 50%; position: absolute; top: -75px; left: calc(50% - 75px ) } h3.team-title { font-size: 1.2em } .team-placeholder { padding: 95px 0 40px } .team-position { font-weight: 300; margin-top: 10px } .team-btn { position: absolute; bottom: -23px; width: 100%; display: none } .team-btn .fa-linkedin { margin-right: 5px; font-size: 18px } .team-item:hover { background-color: #00b8ff; color: #fff } .team-item:hover .team-btn { display: block } /*social media share*/ #a2apage_show_more_less { display: none } .a2a_mini { width: auto !Important } a.a2a_i .a2a_img, a.a2a_i .a2a_svg { margin: 0 !important } body .a2a_svg { background-color: transparent !important } .a2a_s_facebook path { fill: #385c8e } .a2a_s_twitter path { fill: #73a0fa } .a2a_s_google_plus path { fill: #f34938 } .a2a_s_linkedin path { fill: #5082f6 } .a2a_s_email path { fill: #2cb742 } .a2a_i { opacity: .3; background: transparent !important; border: 0 !important; font-size: 0 !important; width: auto !Important; transition: .5s } .a2a_i:hover, .a2a_i:focus, .a2a_i:active { opacity: 1 } /*careers*/ .careers .item { width: calc(33.33333% - 0px) !important; padding: 0 15px; float: left; text-align: left } .careers .item.full-width { width: 100% !important; padding: 0px } .careers .isotope-card-item { cursor: default } .careers .item .card-content > div { font-size: .6667em; margin-bottom: 8%; color: #000 } .careers .item h4 { margin-bottom: 10px; color: #000 } .careers-form-group { width: 33%; padding: 15px; box-sizing: border-box; float: left } .careers-form-group label { display: block; color: #555555; font-size: .75em; margin-bottom: 3%; text-transform: capitalize } .careers-form-group .form-control { width: 100%; height: 45px } .custom-panel-section-content { z-index: 33; width: 70% } .job-title { font-size: 1.5em; color: #000; margin-bottom: 15px } .job-description-container { margin-bottom: 7%; overflow: hidden } .job-description-container span { font-size: .7em; color: #000; height: auto; padding-right: 10px; margin-right: 10px; float: left; line-height: 28px } .job-description-container span img { width: 21px; height: auto; position: relative; top: 5px; margin-right: 5px; } .job-description-container span:last-child { border: none; padding-right: 0px; margin-right: 0px; } .job-section h3 { font-size: 1em; color: #000; margin-bottom: 3% } .job-section > ul { font-size: .75em; color: #000; line-height: 1.8; margin-bottom: 7%; list-style: none } .job-section li { position: relative; padding-left: 20px; margin-bottom: 7px } .job-section li:before { position: absolute; content: ''; left: 0; top: 10px; border-right: 8px solid #000; border-bottom: 8px solid transparent; display: block; z-index: 999 } .job-section p { margin-bottom: 10px } .linkdev-popup .form-control, .event-modal .form-control { width: 100%; height: 45px } .linkdev-popubp .control-label, .event-modal .control-label { text-align: left; font-family: Max-SemiBold; color: #555555; font-size: .75em; } .linkdev-popubp .control-label { padding-top: 12px } .event-modal .control-label { padding-bottom: 12px } .careers .navbar-form { margin-right: 0; margin-left: 0 } /*print styles*/ .print-cover-img { display: none } /*menu search container*/ .menu-search-container { margin-top: -35px; position: relative } .site-header.mini + div .menu-search-container { margin-top: -20px } .menu-search-container .gsc-control-cse { background: none; border: none } body .google-search { float: none } .google-search { float: right !important; width: 250px } .menu-search-container input { background: transparent !Important; text-indent: 0 !important; color: #fff; font-size: 1.2em } .menu-search-container .gsc-input-box { background: transparent !Important; border: 0; border-bottom: 1px solid rgba(255,255,255,.5); margin-left: 15px; width: 100% } .gsc-input-box { height: 30px !important } td.gsc-search-button { position: absolute; left: 15px; width: 24px !important; height: 24px } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 0 !Important; outline: none !important; border: none !important } .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border-color: transparent !important; background-color: transparent !important } .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 0 !important } input.gsc-search-button { width: 18px !important; height: 18px !important } .gsc-webResult .gcsc-branding { display: none !Important } body .gs-title { text-decoration: none !Important; color: #000 !important; font-family: 'Max-SemiBold' !important; margin-bottom: 5px; font-size: 1.2em !important; height: auto !important } body .gsc-thumbnail { display: none !Important } .gsc-webResult { border-bottom: 2px solid #ccc !important; padding-bottom: 20px !important; margin-bottom: 25px !Important } .gsc-webResult:last-child { border: none !important } .gsc-cursor-page { font-size: 1.3em; color: #000 !important } .cse .gsc-control-cse, .gsc-control-cse, .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top, .gsc-result-info { padding: 0 !important } .nav-search { float: right } #gsc-i-id1 { padding: 0 0 0 20px !important; margin: -3px 0 0 0 !important } /*partners page*/ .partners-isotope-container .card-img { position: relative } .partners-isotope-container .card-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto } .product-cover-img { float: left; margin-right: 3%; margin-bottom:30px } /*common css*/ .marginBL { margin-bottom: 25px } .marginTL { margin-top: 25px } .marginT-sm { margin-top: 15px } .marginB-md { margin-bottom: 15px } .marginB-sm { margin-bottom: 5px } .no-padding { padding: 0px !important } .no-paddingT { padding-top: 0px !important } .no-marginT { margin-top: 0px !important } .no-margin { margin: 0px !important } .primary-btn.sm-padding, .secondary-btn.sm-padding, .secondary-i-btn.sm-padding { padding: 8px 20px; min-height: 10px !important; } .btn.sm-padding + .btn { margin-left: 15px } .black-icon a { text-decoration: none } .d-block { display: block !important } .item-body em, .italic { font-style: italic !important } p.bold { font-weight: bold } .item-body ol { list-style-type: decimal !important; margin-left: 15px } .panel-section-content.details-page h2 { font-size: 1.25em } .cards-isotope-container .item, .news-room .landing-full-section + div .cards-isotope-container .item { float: left } .hidden { display: none; visibility: hidden } pre { padding: 15px; margin-bottom: 15px} /* Login */ .btn{cursor:pointer !important} .login-links { font-size: 0.8em } .login-links:not(:last-child) { border-right: 1px solid #337ab7; margin-right: 7px } .navbar-nav.login-btn, .user-area.user-btn { width: auto; margin: 0 } .navbar-nav.login-btn li, .user-area.user-btn { border: 1px solid #fff; border-radius: 5px; background: rgba(0, 0, 0, 0.33) } .user-area.user-btn a .caret { margin-top: 14px; float: right } .navbar-nav.login-btn li a { padding: 15px 30px } .navbar-nav.login-btn li a, .user-area.user-btn a { color: #fff; font-size: 0.75em; padding: 10px 15px; display: block } .navbar-nav.login-btn li a { min-width: 135px; line-height: 22px ;text-align:center} .user-area.user-btn a { min-width: 162px; line-height: 30px; display:inline-block } .user-area.user-btn a:hover{text-decoration:none} .login-btn li:hover, .user-area.user-btn:hover, .user-area.user-btn.open { background: #a6e41c; border-color: #a6e41c !important } .login-btn li:hover a, .user-area.user-btn:hover a, .user-area.user-btn.open a { color: #000 !important } .user-area.user-btn .dropdown-menu { background: #a6e41c; margin: 0px; font-size: 1em; border-radius: 0 0 5px 5px; box-shadow: none; border: 0px; text-transform: capitalize; right: -1px; left: -1px; padding: 0px } .user-area.user-btn .dropdown-menu a { color: #000; padding: 11px 15px } .user-area.user-btn.open { border-radius: 5px 5px 0px 0px } .user-area.user-btn .dropdown-menu > li > a:focus, .user-area.user-btn .dropdown-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.14) } /*login*/ #socialLoginList button { transition: .5s } #socialLoginList .btn-default:hover { background-color: #fff } #socialLoginList button:hover .linkedin-icon { background: #0077B5 } #socialLoginList button:hover .facebook-icon { background: #3B5998 } #socialLoginList button:hover .google-icon { background: #EA4335 } .linkedin-icon .fa { background: #0077B5 } .facebook-icon .fa { background: #3B5998 } .google-icon .fa { background: #EA4335} .google-icon .fa, .linkedin-icon .fa, .facebook-icon .fa { color: #fff; border-radius: 4px; width: 24px; height: 28px; font-size: 1.3em; padding: 5px 0px } .google-icon, .linkedin-icon, .facebook-icon { padding: 10px 12px} #socialLoginForm button { padding: 0px; height: 50px; border-color: #828282; width: auto; min-width: 222px; } #socialLoginForm button img { width: 25px } .btn-icon { vertical-align: middle; display: inline-block; border-right: 1px solid #828282; float: left } .btn-text { padding-left: 15px; padding-right: 15px; line-height: 50px; vertical-align: middle } #socialLoginForm .btn { margin-right: 15px } #socialLoginForm .btn + .btn { margin-left: 0px } .fileinput-preview.thumbnail img { width: 150px; max-width: 100%; height: 150px; object-fit: cover; max-height: none } .fileinput{display:table !important} .full-width .form-control { width: 100% } .form-group .text-danger { font-size: 0.7em } .input-validation-error { border: 1px solid #ff7979; background-color: rgba(255, 0, 0, 0.11) } .alert { color: #555; border: 0px solid} .alert strong { margin-bottom: 5px; display: block } .alert-danger { background-color: #f2dede; color: #a94442 } .alert .fa { font-size: 70px; vertical-align: top; display: inline-block;margin-right:15px; } .alert-danger .fa { margin-right: 15px } .displayInlineBlock { display: inline-block } .alert .displayInlineBlock { width: calc(100% - 95px); vertical-align: middle; margin:7px 0px;text-align:left } .alert .displayInlineBlock p { margin-bottom: 0px; font-size: 0.8em; } /*star rating*/ .stars .fa-star { color: #ffd200; margin-right: 5px; font-size: 18px } .stars .fa-star.not-selected { color: #4c4c4c } .full-width { width: 100% !important} textarea { resize: none } .btns-group { margin-top: 15px } /*circle checkbox*/ .circle-checkbox-container { padding-top: 35px } .circle-checkbox-container input[type=checkbox], .circle-checkbox-container input[type=radio] { position: absolute; opacity: 0; top: 33px; cursor: pointer; height: 24px; width: 24px; left: 15px; z-index: 9 } .circle-checkbox { position: absolute; top: 33px; left: 15px; height: 25px; width: 25px; background-color: #ccc; border-radius: 50% } input[type=checkbox]:checked ~ .circle-checkbox, input[type=radio]:checked ~ .circle-checkbox { background-color: #ef15b4 } .circle-checkbox:after { content: ""; position: absolute; display: none; background: white; top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50% } input[type=checkbox]:checked ~ .circle-checkbox:after, input[type=radio]:checked ~ .circle-checkbox:after { display: block } .circle-checkbox + label { margin-left: 30px } /*switch checkbox*/ .switch-checkbox-container { margin: 20px 0 } .switch-checkbox-container label { margin-bottom: 0 !important } .switch-checkbox-container span { font-size: 0.7em } .switch-checkbox-container input { display: none } .switch-checkbox-container input + label { position: relative; cursor: pointer; outline: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; width: 50px; height: 20px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s } .switch-checkbox-container input + label::before, .switch-checkbox-container input + label::after { content: ""; display: block; position: absolute; } .switch-checkbox-container input + label::before { right: 1px; left: 1px; top: 5px; bottom: -5px; background-color: #fff; border: 1px solid #bbb; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s } .switch-checkbox-container input + label::after { top: 8px; left: 5px; width: 14px; height: 14px; background-color: #10b63e; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; transition: transform 0.4s } .switch-checkbox-container input:checked + label::after { -moz-transform: translateX(25px); -ms-transform: translateX(25px); -webkit-transform: translateX(25px); transform: translateX(25px) } .switch-checkbox-container input:disabled + label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; } /*blog*/ .inline-display { display: inline-block; width: auto} .blogSearch { background-color: #efefef; padding: 20px 10px; border-radius: 5px } .blogSearch button { padding: 6px 20px; width: 100% } .blogSearch .secondary-i-btn { background-color: #fff; border: 1px solid #fff; color: #000 } .sm-padding { padding: 0 7px } .blogSearch .form-control { border: 0px; box-shadow: none; font-size: 0.8em; line-height: normal; height: auto} .blogSearch input.form-control { padding: 7px 12px} #frmBlogSearch label { font-size: 0.75em; min-height: 0.75em; margin-bottom: 10px } #spnCurrentDate { font-family: Max-SemiBold; color: #000; font-size: 1.2em } .blogger-info { margin: 30px 0 20px 0 } .blogger-info:hover .blogger-linkedin { display: block } .blogger-linkedin { background: rgba(255, 255, 255, 0.5); display: none; position: absolute; padding: 32px 36px; left: 0px; border-radius: 100px } .isotope-card-item .top-bloggers .card-content { margin-top: 75px; min-height: 173px} .top-bloggers .blogger-md-img { position: absolute; top: -45px; transition: .5s; -webkit-transition: .5s } .blog-sidebar .blogger-info.top-bloggers p .blogger-title { font-size: 0.9em; margin-bottom: 10px } .top-bloggers:hover .blogger-md-img { transform: scale(1.05) } .blog-sidebar .blogger-info.top-bloggers .blogger-name { color: #000; font-family: 'Max-SemiBold' !important } .blog-sidebar .blogger-info.top-bloggers p { max-width: 100%; margin-top: 35px; margin-bottom:0px } .blog-sidebar .blogger-info.top-bloggers p span { margin-bottom: 3px } .panel-section-content .blogger-sm-img, .blogger-sm-img, .blogger-md-img { -webkit-border-radius: 50px; -webkit-background-clip: padding-box; -moz-border-radius: 50px; -moz-background-clip: padding; border-radius: 50px; background-clip: padding-box; background-size: cover !important; float: left; background-position: center center !important; font-size: 12px; margin-right: 15px; border: 1px solid #e5e5e5 } .blogger-md-img { width: 90px; height: 90px } .panel-section-content .blogger-sm-img, .blogger-sm-img { width: 50px; height: 50px } .blogger-details { margin-top: 25px; margin-bottom: 10px !important } .comment-edit, .comment-remove, .comment-save, .comment-cancel { padding: 0 7px 0 0 !important; color: #545454; font-size: 0.9em } .comment-save, .comment-cancel { font-size: 1em } .comment-save .fa, .comment-cancel .fa { padding-right: 3px} .comment-edit, .comment-remove { font-size: 0.9em } .comment-edit .fa, .comment-remove .fa { margin-right: 3px; } .blogger-info .blogger-name { font-size: 1.2em; display: block; color: #000; margin-bottom: 5px; font-family: 'Max-SemiBold' !important } .blogger-info p { font-size: 0.7em; color: #3f3f3f; display: inline-block } .panel-section-content .blog-action-img, .blog-action-img { width: 25px; height: 25px; vertical-align: top } .black-icon .linkdev-icon { color: #000 } .isotope-card-item .content-date .linkdev-icon { float: left; margin-top: 7px } .blog-sidebar .blogger-info { margin: 7px 0 7px 0 } .panel-section-content.details-page .blogs-details-body h2 { font-size: 1.1em !important} .blogger-blogs:not(:first-child) { padding-top: 0% !important } .blogger-blogs {margin-bottom:30px} .blogger-blogs .details-cover-img {height:266px;padding:0px; margin-bottom:10px} .blog-sidebar h3, .blogger-blogs a { color: #000 } #txtComments { width: 80%; resize: none } .blogs-details-body h1, .blogs-details-body .h1, .blogs-details-body h2, .blogs-details-body .h2, .blogs-details-body h3, .blogs-details-body .h3, .blogs-details-body h4, .blogs-details-body .h4, .blogs-details-body h5, .blogs-details-body .h5, .blogs-details-body h6, .blogs-details-body .h6 { font-family: 'Max-SemiBold' !important; color: #000; font-weight: bold; margin-bottom: 15px !important } .blogs-details-body h1, .blogs-details-body .h1 { font-size: 2em !important } .blogs-details-body h2, .blogs-details-body .h2 { font-size: 1.7em !important } .blogs-details-body h3, .blogs-details-body .h3 { font-size: 1.3333em !important } .blogs-details-body h4, .blogs-details-body .h4 { font-size: 1.1em !important } .blogs-details-body h5, .blogs-details-body .h5 { font-size: 1em !important } .blogs-details-body h6, .blogs-details-body .h6 { font-size: 0.9em !important } .blogs-details-body img { max-width: 100%; height: auto !important } .blogs-details-body .blogstable td { padding: 7px 15px } .blogs-details-body .blogstable td, .blogs-details-body table.blogstable { border-color: #c2c7cc; border-collapse: collapse; border-style: solid } .blogs-details-body ul li{list-style:none !important;text-indent:0px !important;margin-left:20px!important} .blogs-details-body ul li:before{border:0px !important;left:-19px} .isotope-card-item.related-blog-card .card-inner-content { max-height: 2.4em; overflow: hidden } .isotope-card-item.related-blog-card .card-description { max-height: 7.5em; overflow: hidden; cursor: default } .fixed-hieght-card .isotope-card-item.related-blog-card .card-inner-content { height: 2.4em } .fixed-hieght-card .isotope-card-item.related-blog-card .card-description { height: 7.5em } /*blockquote*/ .blogs-details-body blockquote { margin-left: 44px; position: relative; margin-bottom: 32px; margin-right: 47px } .blogs-details-body blockquote p { margin-bottom: 10px } .blogs-details-body blockquote:before, blockquote:after { display: block; font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif; color: #999 } .blogs-details-body blockquote:before { height: 0; content: "ā€œ"; margin-left: -48px } .blogs-details-body blockquote:after { position: absolute; bottom: 0px; content: ",,"; right: -50px } /*comments*/ #btnLike { color: #000 } a.btnLike, #btnLike { text-decoration: none; } .add-comment-container { background: #efefef; padding: 20px; border-radius: 5px } .add-comment-container p { margin-bottom: 0px !important } .commentBody .form-control { width: 100%; display: inline-block; background: no-repeat; margin-bottom: 7px } .comments.blogger-info .blogger-name { display: inline-block; color: #365899 } .comments.blogger-info { margin: 15px 0 0 0 } .comments { color: #1d2129; font-size: 1.15em } .comments .comment-add-reply .form-control { background:no-repeat} .comments p, .comments .comment-add-reply { font-size: 0.6em; background: #f4f4f4; padding: 10px 15px; border-radius: 32px; color: #000; margin-bottom: 5px; max-width: calc(100% - 65px); position: relative; border: 1px solid #f1f1f1 } .comment-date { font-size: 0.9em; padding: 0px 5px } .comment-icon .icon { color: #717171; } .comment-icon { position: absolute; right: -25px; background: #fff; padding: 5px 7px; border-radius: 14px; bottom: -4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); } .commentBody, .comments.blogger-info .blogger-name { font-size: 1.15em } .comments.blogger-info .blogger-name { color: #000000; font-weight: bold } .comments-container .comment-replies, .comments-container .comment-add-reply { margin-left: 63px } .comment-div { position: relative } .comment-act { font-size: 0.55em; display: block; margin-left: 75px } .comments span a { padding: 0px 5px } .delete-model-text { font-size: 0.8em; padding: 15px 0px } .modal-body > div { font-size: 0.8em; padding: 0px } .comment-div:hover > .comment-actions { opacity: 1; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out } .linkicon-like.active { color: #2437ac } /*blog card*/ .related-blog-card .card-description { margin: 15px 0 } .card-reactions { padding: 15px 0 10px 0; line-height: 21px } .card-footer .blogger-info { border-top: 1px solid #d7d7d7; margin: 15px 0 0 0; padding-top: 15px } .card-footer .blogger-info p, .blog-sidebar .blogger-info p { max-width: calc( 100% - 90px) } .card-footer .blogger-info .blogger-name, .blog-sidebar .blogger-info .blogger-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .generalDimmer .fa { top: 2%; left: 0%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spinnerRotate; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear } .generalDimmer { top: 0; right: 0; font-size: 20px; z-index: 9999999999; background: rgba(255, 255, 255, 0.3); text-align: center; position: fixed; width: 100vw; height: 100vh; color: white !important } .generalDimmer > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .generalDimmer.inline{position:relative;background:none} .blog-img-display{max-width:100% !important} /*.isotope-card-item.item:nth-child(2n+1) { padding: 0 0 0 15px;} .isotope-card-item.item:first-child {padding: 0 15px 0 0;}*/ /*end dimmer*/ .slick-initialized .slick-slide { max-width: 87px !important } /*loading*/ @keyframes lds-ellipsis3 { 0%, 25% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 50% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 75% { left: 100px; } 100% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0%, 25% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 50% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 75% { left: 100px; } 100% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis { 0% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 25% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 50% { left: 100px; } 75% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } 100% { left: 168px; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis { 0% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 25% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 50% { left: 100px; } 75% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } 100% { left: 168px; -webkit-transform: scale(0); transform: scale(0); } } .lds-ellipsis { text-align: center; margin-left: calc(50% - 100px); z-index: 99999; top: 0px} .lds-ellipsis > div { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; } .lds-ellipsis div > div { width: 32px; height: 32px; border-radius: 50%; background: #f00; position: absolute; top: 100px; left: 32px; -webkit-animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; } .lds-ellipsis div:nth-child(1) div { -webkit-animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; background: #ef15b4; } .lds-ellipsis div:nth-child(2) div { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; background: #ff7b15; } .lds-ellipsis div:nth-child(3) div { -webkit-animation-delay: -0.25s; animation-delay: -0.25s; background: #00b8ff; } .lds-ellipsis div:nth-child(4) div { -webkit-animation-delay: 0s; animation-delay: 0s; background: #a6e41c; } .lds-ellipsis div:nth-child(5) div { -webkit-animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; background: #ef15b4; } .lds-ellipsis { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } /*careers new branch updates*/ .job-inner-content { margin-bottom: 30px } .job-inner-content h2 { font-size: 1em; color: #000 } .job-inner-content > div { font-size: .75em } .job-inner-content ul { list-style: none } .custom-page-title { font-size: 1.5rem; color: #000 } .custom-page-sub { font-size: 0.75rem; color: #000 } .socialLoginList { margin-top: 30px } .socialLoginList .social-button { width: 75%; text-align: left;padding:0 } .socialLoginList .social-button span:last-child { width: calc(100% - 49px); display: inline-block; text-align: center; line-height: 1 } /*end updated styles*/ /*form template*/ .new-custom-form .form-control { height: 35px } /*.new-custom-form .control-label { font-size: .8rem; color: #000 ; margin:10px 0 }*/ label.required:after { content: '*'; color: red; font-size: 14px; margin: 0 3px } .new-custom-form .field-validation-error { font-size: .615rem !important; display: block; margin: 5px 0 } .new-custom-form .full-width label { font-size: .8rem; color: #000; margin: 0px 10px 6px 0; display: inline-block; line-height: 1 } .new-custom-form input[type=checkbox] { margin-right: 5px } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { font-size: .7em } .table a.btn { padding: 5px !important; margin: 4px 4px;} .table th { background: #606060; color: #fff; border: none !Important } .google-icon, .linkedin-icon, .facebook-icon { padding: 0 !important; text-align: center;border:0 !important } .google-icon .fa, .linkedin-icon .fa, .facebook-icon .fa { padding: 10px 15px !important; height: auto !important; text-align: center; width: auto !important; border-radius: 0 !important } .socialLoginList .social-button span:last-child { padding: 12px 0; color: #000; font-size: 1em } .modal-body .social-item-container { width: 100% !important; max-width:100% !important } .social-item-container { float: left; margin-right: 15px; max-width: 222px; } .socialLoginList .social-item-container .social-button span:last-child { width: calc(100% - 54px); } .socialLoginList .social-item-container .social-button span:last-child { padding: 0px; line-height: 48px; } .flatpickr-day.selected { background: #fff !important; color: #000 !important; border: none !important } #socialLoginForm .btn { width: 100%; height: auto } /*demo comments*/ .modal-open .modal{background:rgba(0,0,0,.6)} body .modal-dialog.mini{width:400px} body .table > thead > tr > th{vertical-align:top; width:8%} .modal-title{display:inline-block ; padding: 1% 2.5%} .modal-header .close { padding: 1.5% 2.8%; font-size: 28px} .modal-close{float:right;cursor:pointer} .fileinput-filename { width: calc(100% - 20px);line-height: 27px; white-space: nowrap; text-overflow: ellipsis} body .form-control .fileinput-filename{vertical-align:middle; line-height:1} .modal-title { padding: 0px 17px; } .modal-header .close { padding: 0px 17px; } .modal-body h3 { font-size: 0.8em !important; } .modal-header { padding: 17px 0} .gray-box { background: #efefef; padding: 20px;text-align: center;border-radius:5px} .btn-primary{border:none} .download-link { color: #555; font-size:.7rem} .download-link:hover { text-decoration:underline ; color:#555} .adj-icon{padding:0 5px ; cursor:pointer;color: #2437ac;text-align:center} .adj-icon span:hover{color: #2437ac;text-decoration:none !important ; transform: scale(1.2);} .adj-icon:last-child span{position: relative;top: 2px} .blueIcon { font-size: 26px;border-radius: 0 !important;color: #0073b1;vertical-align: middle;padding-right: 10px; position: relative; right: 7px} #ExperienceInfoForm { text-align: left ; margin-top:15px} .form-control{background-color:#fff !important} body .social-Login.secondary-i-btn:hover { background: #fff ; color: #000 } .social-Login-Text { vertical-align: middle ; font-size:.6rem} .social-Login { margin:10px 0 30px 0} .careers-Tables { border-color: #c2c7cc;border-collapse: collapse;border-style: solid ; font-size:.7rem; margin: 15px 0; min-width:100%} .careers-Tables th ,.careers-Tables td {padding: 10px 19px 10px 15px; } .careers-Tables td.date-td { min-width: 125px; } .careers-Tables th { background: #2437ac; font-weight: 800; color: #fff } .careers-Tables tr td:last-child { min-width: 87px; } .text-information {font-size: .7rem;line-height: 23px; border: 1px solid #cccccc; padding: 20px 10px; color: #999999;border-radius: 5px; overflow: hidden; position: relative;margin:10px 0} .text-information p{margin-bottom:0} .info-icon-center{position:absolute; top:45%;transform:translateY(-50%);font-size:36px} .title-skill {overflow: hidden;border-bottom: 1px solid #b7b7b7} .title-skill h2 { float: left} .title-skill span {float: right } .title-skill-description{padding-top: 15px;word-break:break-word} .careers .item{border-radius:5px} .close-skill{display:none} .static{position:static} .SkillsTable th {background:#2437ac; padding:20px 10px} .apply-features{font-size:0.8em} .apply-dropdown,.apply-dropdown-resp { border-bottom: 1px solid #b7b7b7;padding: 10px 0} .apply-description, .apply-description-resp{padding-top: 15px} .toggle-tab{cursor:pointer;color:#000} .control-label-brief { font-size: 0.6em !important;padding: 5px 0; margin: 0 !important;color: #777777 !important;line-height: 1.2 !important} .careers-Tables th:last-child{width:100px} .text-information p { width: calc(100% - 55px); font-weight:900} .text-information div{padding:0 5px} .form-titles {font-size: 1.4em; font-family:'Max-SemiBold' !important} .SkillsTable{font-size:1rem} .custom-label-info { font-size: .6rem !important} .adj-img-form img{width:150px !important} .resp-overflow{overflow-x:auto} #applied-vacancy #list .panel-section-content {padding: 0 !important} #applied-vacancy { margin: 3% 0} .title-skill a { color: #000} .apply-btn{margin:15px 0} .text-information a{margin-top:10px} #applied-vacancy .info-icon-center {top:45%} .PositionID { margin: 0} .empty {text-align: center; font-size: 18px} #SaveProfileStDiv .alert-success {background:#c8ebcd} #SaveProfileStDiv .alert-success span {color: #6dbf5b} #SaveProfileStDiv .alert-success .displayInlineBlock, .panel-section-content .alert .displayInlineBlock h3{color:#565656 ;font-size: 0.83rem} .genera-opp span{font-size:.75rem} .no-result-found{color:#565656 ;font-size: 0.83rem} .opp-validation { font-size: .6rem; padding-bottom: 30px;} .SkillsTable thead tr th {padding: 25px 10px} .applied-empty-msg{margin-bottom:20%} .small-input {width: 86% !important; display: inline-block} .red-astric{color:red} .btn-width input { min-width: 130px} #PersonalInfoForm .fileinput .btn{background:#eee} input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {cursor: pointer} .form-group { margin-bottom: 0} #socialLoginList .btn-text {text-align: center; } #socialLoginForm .btn-text {padding-left: 0;text-align: center} #ExperienceInfoForm .full-width label {margin: 15px 0} #DDLEmploymentTypeID {margin: 15px 0} .modal-close { margin-right: 15px; font-family: 'Max-SemiBold' !important; } .careers-Tables th, .careers-Tables td{text-align:center} .new-custom-form .control-label {font-family: Max-SemiBold;color: #555555;font-size: .75rem;} .userProfileEdits .form-group {margin-bottom: 15px} .boldFont {font-weight: 900} .candidateEducation_CVFile .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .single-job-card-item .card-content{min-height:147px} @-moz-keyframes scroll { 0% { -moz-transform: translateY(0) } 50% { -moz-transform: translateY(10px) } 100% { -moz-transform: translateY(0) } } @keyframes scroll { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @media print { body { font-size: 16px } .nav-icon, .share-buttons, #socialmedia-container, .mouse, .parallax-mirror, .move-to-top, .inner-breadcrumb-container, .related-content-container, .details-cover-img, .map { display: none !important } .site-logo-container { font-size: 0 } .section-l-container, .section-r-container, .business-solutions .landing-full-section + div .panel-section-content, .business-solutions .landing-full-section + div .side-section-content { width: 100% !important } .landing-full-section .section-r-container, a.btn, a.primary-btn, .side-section-content { display: none !important } .md-banner .section-l-container { padding-top: 150px } .landing-banner-1 { padding-top: 0; height: auto } .landing-banner-1 .custom-section-content, .landing-full-section .custom-section-content, .md-banner .custom-section-content { position: relative } .site-header.mini { padding: 30px 0% } .site-header.mini .site-logo { height: 60px } .slick-track { max-width: 100% !important; transform: none !important } .slick-slide, body .details-page.panel-section-content, body .panel-section-content { width: 100% !important } .site-header { position: absolute !important } .print-cover-img { display: block; width: 100% !important; margin-bottom: 20px } @page { margin: 0 } .products .related-content-container { display: block !important } a[href]:after { content: none !important } .landing-full-section, .home-main-section { min-height: 0; height: auto !important } .custom-form-container { display: none } .map-dialog { position: static !important; transform: none !important; width: 100% !important; padding: 0 7.5% !important } } /*mouse icon*/ @-webkit-keyframes scroll { 0% { -webkit-transform: translateY(0) } 50% { -webkit-transform: translateY(10px) } 100% { -webkit-transform: translateY(0) } } /*dimmer*/ @-webkit-keyframes spinnerRotate { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes spinnerRotate { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @-ms-keyframes spinnerRotate { from { -ms-transform: rotate(0deg) } to { -ms-transform: rotate(360deg) } } @media screen and (min-width: 1200px) { .body-outer-container { padding: 0 72px } } @media screen and (min-width: 992px) and (max-width: 1199px) { .body-outer-container { padding: 0 50px } } /*updated styles for modal issue*/ .blogs-comments-delete-modal .modal { background: rgba(0,0,0,.7) } .blogs-comments-delete-modal .modal-dialog { margin: 80px auto !important } .modal-backdrop { display: none !important } /*delete*/ .linkicon-print.linkdev-icon { display: none !important } a.a2a_i[href*="pinterest"] { padding: 0px } a.a2a_i[href*="pinterest"] .a2a_svg{ width: 0px } .modal-container { width: 600px; } .adjust-center-content.captivate-customers .cards-expand-container.small-expand-cards.slick-initialized .slick-slide{max-width: 100% !important;} .custom-item-body ul li ul li:before, .sitemap-nav li ul li:before { content: "ā—¦";font-size: 25px;} .google-icon .fa, .linkedin-icon .fa, .facebook-icon .fa { color: #fff; border-radius: 0px; width: 49px; height: 48px; font-size: 2em; padding: 11px 0px; min-width: 54px !important; } .google-icon, .linkedin-icon, .facebook-icon {padding: 0;} .blog-desc-text{font-size: 0.8em;text-transform: none;} .slickWithCondition.slick-initialized .slick-slide , .operation-slick-with-condition.slick-initialized .slick-slide, .digital-list-container.slick-initialized .slick-slide{ max-width: 100% !important; } select{-moz-appearance: none;} .alert.alert-danger.alert-req-info{font-size: 0.75em;background-color: #eeeeee;color: #555;border: 1px solid #eeeeee} .alert.alert-danger.alert-req-info i{font-size: 1.75em;margin-right: 10px;margin-top: -4px;} .control-label.astr::after{content:"*"; font-size:17px; display:inline-block;color:red !important} .opportunities-list-sec .sm-padding{min-height:87px} .bold{font-weight:bold} .opportunities-list-sec .careers .item .card-content > div { font-size: .6425em; } .opportunities-list-sec .careers .item .single-job .card-content > div { margin-bottom: 0px; } .opportunities-list-sec .careers .item .single-job .card-content > div >div{ margin-bottom: 5px; } .new-custom-form .control-label.gray-label { color: #555555 !important; margin-bottom: 18px !important; } .new-experience-btn { margin-top: -5px; padding: 6px 40px; max-height: 36px; } .HDN{display:none !important} /*.single-job-card-item .card-content:before { content: ''; position: absolute; width: 100%; height: 100%; background: #00b8ff; left: 0; top: 0; z-index: -1; border-radius: 5px; transition: .5s; transform: scale(0); } .single-job-card-item:hover .card-content:before { transform: scale(1); } .single-job-card-item .card-content { transition: .5s; } .single-job-card-item:hover .card-content { background-color: transparent }*/ .single-job-card-item .card-content { transition: .5s; } .single-job-card-item:hover .card-content { background: #00b8ff } .single-job-card-item:hover h4, .single-job-card-item:hover div { color: #fff !important; } .modal-body form{overflow:hidden} .modal-body .login-title { text-align: center; padding: 0px 44px; } .modal-body { padding: 0 15px; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 10px; } /*project 360*/ .blue-icons-list {margin-bottom: 1.5rem} .blue-icons-list .list-item {margin-bottom: 1rem} .blue-icons-list .row {display: flex;flex-wrap: wrap} .blue-icons-list .list-item h4 {color: #363636;font-size: .8rem;font-weight: 400;font-family: 'Open Sans' !important;} .blue-icons-list .inlinetinymce {display: none} .blue-icons-list h2 {font-size: .9rem !Important;margin-bottom: 25px !important;color: #363636 !important} .no-margin-top{margin-top:0px !important} .business-solutions .landing-full-section + div .side-section-content > h3 { display: none } body,html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%)} @media screen and (min-width:1400px) { #secondarymenu-container { padding-top: 15px; padding-bottom: 15px } #secondarymenu-container a { text-decoration: none !important } .navbar-nav { margin: 40px 0 40px; } } @media screen and (max-width: 1400px) { .md-banner .section-l-container h2 { font-size: 1.242em; margin-bottom: 20px; } } @media screen and (max-width:1400px) { #secondarymenu-container { padding-top: 0px; padding-bottom: 15px } #secondarymenu-container a { text-decoration: none !important } .nav-container ul.nav > li > a { font-size: 1em !important; padding: 11px 0; line-height: 12px; } .navbar-nav { margin: 15px 0; } } @media screen and (max-width: 1500px) { .isotope-card-item .card-content { padding: 15px; } } @media screen and (max-width:1899px) { .single-solution { height: 225px } .blog-sidebar .blogger-info.top-bloggers p .blogger-title { font-size: 0.8em } } @media screen and (max-width: 1700px) { body, html { font-size: 18px; } .site-header { padding: 30px 0%; } .nav-container .site-header { margin-bottom: 28px; } .home-main-section .section-content { margin-top: 160px; } .section-content .custom-home-slider { min-height: 250px; } /*landing main section*/ .landing-full-section, .home-main-section { min-height: 800px; } /*digital services*/ .digital-services .landing-full-section + div .side-section-content { padding: 6.4% 15% 0 0; } /*Values listing*/ .CareerListWithHeader .centeredHeader h2 { padding: 0 40px; } .job-description-container { margin-bottom: 5% } } @media screen and (max-width: 1500px) { body, html { font-size: 20px; } .blog-sidebar .blogger-info.top-bloggers p .blogger-title { font-size: 0.9em } /*home*/ .nav-container .sub-menu > li > a { height: 55px; } .site-header { padding: 30px 0%; } .nav-container .site-header { margin-bottom: 16px; } .nav-icon { top: 52px; } .home-main-section .section-content { margin-top: 140px; } .our-solution-section .solution-description { min-height: 80px; } .our-solution-section .section-r-container { padding-top: 4%; } .section-r-container { padding-top: 7%; } .panel-section-content .item { width: calc(50% - 1px); } /*.panel-section-content .cards-isotope-container{font-size:14px} .panel-section-content .cards-isotope-container+div{font-size:14px}*/ /*landing main section*/ .landing-full-section, .home-main-section { min-height: 750px; } .landing-full-section h1, .landing-full-section .h1 { font-size: 1.8em; } .landing-full-section:after { bottom: 90%; left: 22%; } /*home page*/ .single-solution .image-container { height: 60px; } .single-solution .image-container img { max-height: 100%; } .single-solution { height: 180px; } .isotope-card-item .card-type { top: -18px; } /*about us page*/ .about-link .small-cards .card-description { display: none; } /*isotope container*/ /*.isotope-card-item .card-content { padding: 15px; }*/ /*menu styles*/ .nav-container ul.nav > li > a { font-size: 1.2em; } .nav-container .sub-menu > li > a { font-size: 1em; } .nav-container .sub-menu-2nd > li > a { font-size: .7em; } /*solution details*/ .solution-list .list-card-item { padding-top: 100%; } } @media screen and (max-width: 1400px) { h2 { font-size: 1.8em; } .section-l-container { padding-top: 13%; } .section-r-container { padding-top: 5%; } /*list card item*/ .list-card-item { padding-top: 110%; } /*home page*/ .plain-section, .our-partners-section, .our-clients-section { padding: 4% 10%; } .plain-blue { padding: 4% 10%; } .site-logo { height: 60px; } .our-technologies-section .card-title { font-size: 1.3em; } .our-solution-section .section-r-container { padding-top: 8%; } .our-solution-section .solution-description { display: none; } .single-solution { height: 100px; margin-bottom: 50px; } /*business solution*/ .slick-slide .card-front-container { font-size: .8em; } /*digital services*/ .gaining-insights-section { padding: 4% 10%; } .linkdev-testimonial { padding: 4% 10%; } .landing-full-section:after { height: 82%; left: 21.12222%; } .digital-services .landing-full-section + div .side-section-content { padding: 6.1% 15% 0 0; } .small-expand-cards .card-face .card-title { font-size: .85em; left: 20px; bottom: 20px; } .md-banner .section-l-container h3, .md-banner .section-l-container .h3 { font-size: 1em; margin-bottom: 0px; } .digital-structure-container .list-item { margin-bottom: 15%; } /*contact us page*/ .custom-group .control-label { margin-bottom: 10px; } .contact-us .text-danger { font-size: .6em; } .custom-group .form-control.single-line { height: 35px; } .form-horizontal .custom-group { margin: 0 0 15px 0; } /*careers*/ .careers-form-group .form-control { width: 100%; height: 35px; } .careers .item { width: calc(50% - 1px) !important; padding: 0 30px 0 0; float: left; text-align: left; } .gridJobs.digital-list-container.cards-isotope-container.careers { margin: 30px -15px 10px -15px !important } .careers .item { padding: 0 15px 0 15px } .new-experience-btn { margin-top: 4px; padding: 8px 40px; } .linkdev-popup .form-control { height: 35px; } .linkdev-popup .control-label { padding-top: 7px; } /*fixes*/ /*about-us & business solutions*/ .home-highlights-container .bg:after { background: rgba(0,0,0,0.5); } .small-cards .card-front-container .primary-btn, .card-front-container .primary-btn { position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); text-align: center; padding: 11px; } .small-cards .card-front-container .primary-btn { font-size: 0.64em; } .inner-categories-section .small-expand-cards .card-front-container .primary-btn { font-size: 0.8em; } .small-cards .card-front-container, .card-front-container { padding: 15px; } .inner-categories-section .small-expand-cards .card-description { font-size: 0.8em; } .small-cards .card-description, .card-description { font-size: 0.64em; } .small-cards .card-title, .small-expand-cards .card-front-container .card-title { font-size: 0.9em; } .small-cards .card-title { margin-bottom: 5px; } /*demo comments*/ .digital-list-container { margin: 30px 0px 10px; } } @media screen and (max-width:1350px) { .container { padding: 0 5% !important; } .move-to-top i { margin-bottom: 8px } .job-description-container span { font-size: 15px } } @media screen and (min-width:768px) { /*single solution home slider*/ .slickWithCondition > div { width: 30%; float: left; margin-right: 5%; } .slickWithCondition > div:nth-child(3n) { margin-right: 0; } .slickWithCondition > div > .single-solution { width: 100%; } .modal-content { top: 55px } } @media screen and (max-width: 1300px) { /*body, html { font-size: 17px; }*/ /*home*/ .single-strategy { height: 140px; } .card-front-container { padding: 20px; } .card-front-container .primary-btn { bottom: 20px; left: 20px; width: calc(100% - 40px); } /* Menu */ .nav-container ul.nav > li > a, .main-highlight-section { line-height: 1.2em; } .nav-container .sub-menu > li > a { height: 55px; } .sub-menu > li { padding: 0 20px; } .slider-custom-bullets { bottom: 20px; } .slider-custom-bullets li { border-color: #fff; } .slider-custom-bullets li.active { background-color: #fff; } /*silck slider with arrow*/ .slickRowsSlider { padding: 0 8%; } .slickRowsSlider.small-expand-cards .card-item { padding-top: 75%; } .captivate-customers { padding-top: 38.010417%; } /*Link Cloud*/ .cloud .landing-full-section:after { display: none; } /*business solutions*/ .business-dynamics-365-section .section-r-container { width: 55%; } } @media screen and (max-width: 1200px) { /*home*/ .our-solution-section .section-r-container { padding-top: 5%; } .main-highlight-section .custom-section-content { padding: 0 7.5%; } /*Values listing*/ .CareerListWithHeader .centeredHeader h2 { padding: 0px 50px; } } /*menu responsive*/ @media screen and (max-width:1100px) { body, html { font-size: 20px; } /*.header-bottom-menu >li{width:100%}*/ .navbar-nav > li:hover { background: none !important; } .responsive-heading-title { display: block; font-size: 1.25em; } .responsive-heading-title a { color: #fff !important; } .nav-container .site-header { margin-bottom: 20px; } .nav-container li:hover .sub-menu, .nav-container li:focus .sub-menu, .nav-container li:active .sub-menu { display: none; } .nav-container .sub-menu, .sub-menu > li { padding: 0 !important; } .dl-menu { padding: 0 5% !important; } .sub-menu-2nd, .sub-menu-2nd li { display: block !important; } .nav-container .sub-menu { display: block; } .nav-container { overflow-x: hidden !important; } .dl-back { display: block; color: #fff !important; } body .nav-container a + .sub-menu > li.dl-back > a { color: #fff !important; } .nav-container .sub-menu { position: static !important; width: 100% !important; } /* Common styles of menus */ .dl-menuwrapper { min-height: 650px !important; } .dl-menuwrapper { width: 100%; float: left; left: 0; min-height: 100%; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } #secondarymenu-container { position: absolute /*;bottom:20px*/; padding-top: 0; padding-bottom: 30px; width: 90%; top: 640px !important } .header-bottom-menu { padding-top: 30px !important; } .dl-menuwrapper button { background: #ccc; border: none; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; top: 10px; left: 16% } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; } .dl-menuwrapper li.dl-back:after { display: none; } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 0px 0 0 0; position: absolute; width: 100%; opacity: 0; left: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings.For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered.*/ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } } @media screen and (max-width: 1100px) { /*home*/ .site-logo-container { float: left; } .nav-icon { left: 0; } .custom-img-slider .parallax-img { background-position: center !important; } .main-section-container { background: none; position: relative; } .main-section-banner, .home-main-section .section-content { width: 100%; } .main-section-banner { height: 415px; top: 0px; } .site-header { padding: 20px 0%; background: #fff; } .home-main-section { height: auto !important; padding-top: 115px; } .single-highlight { height: 180px !important; } .mouse { display: none; } .main-highlight-section, .plain-section { padding: 30px 0; height: auto; } .main-highlight-section:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .list-card-item { margin-bottom: 30px; padding-top: 270px; } .card-title { width: 100%; } .card-description { font-size: .833em; } .highlights-main-section .item, .news-room .landing-full-section + div .cards-isotope-container .item { width: calc(50% - 1px); } .custom-home-slider * { color: #fff; } .main-section-banner:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); left: 0; top: 0; z-index: 1; } .main-section-container { z-index: 3; } .home-main-section .section-content { margin-top: 0; } .section-content .custom-home-slider { min-height: 300px; padding-top: 40px; margin-bottom: 20px; } .home-highlights-container { margin-top: 20px; } .highlights-heading-title { font-size: 1.25em; color: #000; } .single-solution { width: 33%; margin: 0; padding: 15px; } .our-solutions-container { margin-left: -15px; margin-right: -15px; width: auto; } .our-technologies-section .card-title { font-size: 1.3em; } .site-logo { height: 45px; } .nav-icon { top: 11px; position: relative; float: left; margin-right: 25px; } .site-header.mini .nav-icon { top: 8px; } .nav-container .site-header { background: transparent; } .home-section-social-media, .mouse { display: none; } /*home-strategy-section*/ .strategy-description { font-size: .833em; } .home-strategy-section { height: auto; padding: 0; background-size: 300%; background-position: -150px -50px; background-color: #a6e41c; margin-top: 30px; } .home-strategy-section:after, .our-solution-section:after { display: none; } .section-l-container, .section-r-container { width: 100%; } .our-solution-section .container { padding: 0 !important; } .our-solution-section .section-l-container, .our-solution-section .section-r-container { padding: 30px 7.5% 30px 7.5%; } .our-solution-section .section-r-container { padding-top: 35px; padding-bottom: 85px; background-color: #e11fb8; } .our-solution-section .section-r-container > div { margin-left: -20px; } .single-solution:before { width: calc(100% + 30px); height: calc(100% + 90px); left: -15px; top: -15px; } .our-solution-section { padding: 0; } .our-solutions-container { width: 100%; } .solution-description { font-size: .8em; } .single-solution { height: 200px; } .cards-outer-container .col-md-3 { width: 50%; } .custom-section-content { position: relative; } /*landing bages*/ .landing-full-section { height: auto !important; } .landing-full-section .inner-section-banner { height: 370px; } .landing-full-section .section-l-container { padding-top: 125px; height: 370px; width: 100%; text-align: center; } .landing-full-section .section-l-container * { color: #fff !important; } .landing-main-banner { background: none; } .landing-full-section:after { display: none; } .landing-full-section .section-r-container .widget-wrapper { margin-top: 20px; } .landing-full-section .section-r-container { width: 100%; padding-top: 0; } .landing-full-section .section-r-container h2 { color: #000; } .landing-full-section .btn-container a { border-color: #000 !important; color: #000; margin-bottom: 20px; } .inner-categories-section .side:after { display: none; } .inner-categories-section { min-height: 0 !important; overflow: visible; z-index: 34; } /*Business Solutions*/ .business-dynamics-365-section span { color: #000 !important; } .business-dynamics-365-section:after { display: none; } .business-dynamics-365-section, .default-section .section-l-container { padding: 0; padding-top: 30px; } .business-solutions .landing-full-section + div .panel-section-content { width: 100%; } .business-solutions .home-strategy-section { background-color: #00b8ff; margin-top: -1px; } .business-solutions .strategy-placeholder:before { border-right-color: #ef15b4; } .business-solutions .strategy-inner-placeholder, .business-solutions .strategy-inner-placeholder:before, .business-solutions .strategy-inner-placeholder:after { background-color: #ef15b4; } .business-solutions .landing-full-section + .inner-categories-section > .container { background-color: #00b8ff; } .business-solutions .landing-full-section + .inner-categories-section > .container span { color: #fff !important; } .business-solutions .landing-full-section + .inner-categories-section .cards-expand-container .card-placeholder { background-color: #ef15b4; } .business-solutions .landing-full-section + .inner-categories-section .cards-expand-container .card-placeholder .primary-btn { background-color: #00b8ff; } .crm-erp-online .small-expand-cards .card-item { padding-top: 200px; } .business-dynamics-365-section .section-r-container { width: 100%; } .slick-slide .card-front-container { font-size: 1em; } /*Digital Services*/ .digital-services .landing-full-section + .inner-categories-section > .container { padding: 0 !important; width: 100% !important; } .digital-services .landing-full-section + .inner-categories-section > .container #before-content-container { padding: 0 5% !important; } .digital-services .landing-full-section + div .side-section-content { padding: 0; margin: 0; padding: 50px 5% 30px !important; } .digital-services .landing-full-section + div .side:before { display: none; } .digital-structure-container .child { float: left !important; width: 25%; } .digital-structure-container .item-img { width: 80px; height: 75px; padding-top: 0; } .captivate-customers { padding-top: 0; background-color: #a6e41c; margin-top: -1px; } .captivate-customers:after { display: none; } .captivate-customers .section-r-container { width: 100%; } .digital-services .captivate-customers .cards-expand-container .card-placeholder { background-color: #2437ac; } .digital-services .captivate-customers .cards-expand-container .card-placeholder * { color: #fff; } .captivate-customers .card-placeholder .primary-btn { background-color: #00b8ff; } .digital-operations-services-section { padding: 0; } .digital-operations-services-section .section-r-container { width: 100%; } .digital-operations-services-section:after { display: none; } /*About Link*/ .about-link .landing-full-section + .inner-categories-section > .container { padding: 0 !important; width: 100% !important; } .about-link .landing-full-section + .inner-categories-section > .container #before-content-container { padding: 0 5% !important; text-align: justify; } .about-link .home-strategy-section { margin-top: -1px; } .inner-section-banner { width: 100%; } .cards-outer-container { margin-top: 20px; } .panel-section-content, .details-page.panel-section-content { width: 100% !important; padding: 30px 0; } .side-section-content { padding: 30px 5%; width: 100% !important; background: #2437ac; margin-bottom: 20px; } .business-solutions .landing-full-section + div .side-section-content { background: transparent; } .about-link .landing-full-section + div .side-section-content { background: #ef15b4; margin-bottom: 0px; } .plain-blue p { font-size: 1.3em; } .our-approach-section { padding-top: 0; } .section-l-container { padding-top: 30px; } .about-link .section-l-container { width: 100%; } .single-solution a.solution-btn { left: 0; } .digital-industries-section { padding-top: 20px; } .crm-erp-online .section-r-container { width: 100%; } .crm-erp-online { padding-top: 0; } /*Inner Banner*/ .parallax-img { /*background-position:0 0 !important*/ } /*Link Infrastructure*/ .landing-full-section, .home-main-section { min-height: auto; } /*Industries*/ .solution-list .list-card-item { padding-top: 250px; } .small-cards .card-description { font-size: .833em; } /*careers page*/ .careers .landing-full-section + .inner-categories-section > .container { padding: 0 !important; width: 100% !important; } .careers .landing-full-section + .inner-categories-section > .container #before-content-container { padding: 0 5% !important; text-align: justify; } .careers .custom-icons-list .digital-list-item { width: calc(50% - 34px); } .careers .custom-icons-list .digital-list-item .img-container img { margin: 0; } /*inner page*/ .fixed-side .side-section-content, .inner-categories-section .side.fixed-side.fix, .inner-categories-section .side { position: static !important; } .inner-categories-section .side { padding: 0; } .side-section-content { width: 100%; } .landing-banner-1:after { bottom: 89%; left: 15.12222%; } /*details pages*/ .panel-section-content { width: 100% !important } .panel-section-content .related-content-container { max-width: 100%; } /*need help*/ .md-banner .side-section-content { bottom: 20px; width: 25% !important; background-color: transparent; padding: 0; margin: 0; } .md-banner .custom-section-content { position: absolute; } .md-banner .banner-message-box { padding: 15px; } .md-banner .banner-message-box h3 { text-align: left; font-size: .8em; } .md-banner .banner-message-box p { font-size: .6em; } .banner-message-box .primary-btn { font-size: 0.75em; padding: 10px 25px; margin-top: 10px; } .item-body { text-align: justify; } .move-to-top { display: none !important; } /*end custom*/ .nav-icon { left: 0; } /*single solution home slider*/ .our-solutions-container { width: 100% !important; margin: 0 !important; } .slickWithCondition > div { width: 50%; float: left; margin-right: 0; } .slickWithCondition.slick-slider > div { float: none; width: 100%; } .slickWithCondition.slick-slider .single-solution:before { display: none !important; } .slickWithCondition.slick-slider .single-solution { width: 100% !important; text-align: center; height: auto; } .slickWithCondition.slick-slider .single-solution .image-container img { margin: 0 auto; } .slickWithCondition.slick-slider { overflow: visible !important; margin-bottom: 60px !important; } .slickWithCondition.slick-slider .slick-dots li { border: 1px solid #fff; border-radius: 50%; } .slick-dots li button:before { display: none; } .slickWithCondition.slick-slider .slick-dots li.slick-active { background: #fff !important; } .slickWithCondition.slick-slider .single-solution a.solution-btn { position: static; opacity: 1; width: auto; background: #2437ac; color: #fff; } .slickWithCondition.slick-slider .single-solution a.solution-btn:hover, .slickWithCondition.slick-slider .single-solution a.solution-btn:focus, .slickWithCondition.slick-slider .single-solution a.solution-btn:active { background: #3b4fc7; } .digital-list-container.slick-slider { overflow: visible; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 50%; border: 1px solid #000; background: transparent; } .slick-dots li.slick-active { background: #000 !important; } .slick-slider .slick-dots { position: static; } .digital-operations-services-section .section-r-container { width: 100%; } /* Menu */ .navbar-nav { width: 100%; } .nav-container .sub-menu { position: static; width: 100%; } .nav-container .sub-menu > li > a { height: auto; margin: 0; padding: 15px 0px; border-bottom: 1px solid #777; } .nav-container .sub-menu-2nd > li > a { padding: 7px 0px; } .sub-menu > li { width: 100%; float: none !important; } /*about us page*/ .cards-expand-container .card-item { margin-bottom: 30px; } /*testmonials*/ .linkdev-testimonial { padding: 4% 0; } .single-testimonial:last-child { margin-bottom: 0; } /*contact us*/ .map-section { display: none; } } @media screen and (max-width:992px) { .solution-list .list-card-item { padding-top: 220px; } .about-link .landing-full-section .cards-outer-container .col-sm-6:first-child, .news-room .landing-full-section .cards-outer-container .col-sm-6:first-child { width: 100%; } #socialLoginForm .btn { width: 50% } } @media screen and (max-width:980px) { .main-highlight-section h2 { font-size: 1.3em; } .custom-section-content { position: relative; } .our-partners-section, .plain-blue, .gaining-insights-section { padding: 4% 0; } /*inners*/ .case-studies .panel-section-content, .awards .panel-section-content, .panel-section-content { width: 100%; } .filter-container { width: 100%; } .md-banner { height: 250px; top: 0px; padding: 0; } .md-banner .custom-section-content { margin-top: 115px; } .landing-banner-1 { background: none; } .md-banner .side-section-content { background: none; width: 30% !important; padding: 0; position: static; margin: 0 auto; padding-top: 0; margin-top: -10px; } .md-banner .section-l-container { padding-top: 0; position: relative; text-align: left; width: 50%; } .md-banner:after { display: none; } .md-banner .section-l-container .share-buttons { position: static; } .md-banner .section-l-container h2 { margin-top: 0px; } .content-side-menu { list-style: none; margin: 0 auto; } .digital-services .md-banner .section-l-container * { color: #fff; } .landing-full-section .inner-section-banner { height: 400px; } .landing-full-section .section-l-container { height: 400px; } /*isotope news*/ .news-room .landing-full-section + div .cards-isotope-container .item { width: calc(33.33333333% - 1px) !important; } /*menu*/ .header-bottom-menu > li { width: 20%; margin-bottom: 20px; } } @media screen and (max-width:850px) { .areas-filter li { width: 50%; float: left; margin-bottom: 20px; } .areas-filter li:last-child { margin-bottom: 0; } .filter-title { width: 100%; margin-bottom: 20px; } .industries-filter { width: 100%; } } @media screen and (max-width:1025px) { .main-content { display: inline-block; } } @media screen and (max-width:768px) { .digital-list-item .img-container img { margin: 0 auto; } /*customers*/ .single-customer { width: 33.33333%; } /*popup*/ .linkdev-popup { padding: 20px; } /*footer*/ .a15-logo-container { width: 100%; padding: 0; margin: 0; margin-bottom: 10px; border: none; text-align: center; } .footer-main-container { width: 100%; } /*home page*/ .parallax-img { background-size: cover !important; background-position: center !important; } .section-content .custom-home-slider { padding-top: 0; min-height: 260px; } .section-content { min-height: 260PX; } .main-section-banner { height: 375px; top: 0px; } .section-content h1 { font-size: 1.5em; } .main-highlight-section .custom-section-content { padding: 0 7.5%; } .main-highlight-section h2 { font-size: 1.2em; } .cards-outer-container .col-md-3 { width: 100%; } .list-card-item { padding-top: 245px; } /*.custom-section-content,.main-highlight-section .custom-section-content{padding:0 5px}*/ .single-solution { width: 50%; } .single-highlight { width: 48%; margin: 0 4% 4% 0; height: 180px !important; } .single-highlight:nth-child(1) { display: block; width: 100%; } /* .main-highlight-section .secondary-btn{display:block}*/ .our-solution-section .section-r-container { padding: 20px 7.5% 0px 7.5%; } .our-solution-section .section-r-container > div { margin-left: 0; } /*digital services*/ .digital-structure-container .child { width: 50%; } .digital-structure-container .item-img { width: 60px; height: 55px; } /*inner page*/ .cards-isotope-container .item, .news-room .landing-full-section + div .cards-isotope-container .item { width: calc(50% - 1px) !important; } .md-banner .side-section-content { width: 70%; } /*testimonials*/ .testimonial-body { width: 100%; padding: 20px 0 0 0 !important; } .testimonial-author-img { margin: 0 auto; float: none !important; } .single-testimonial, .single-testimonial:nth-child(2n) .testimonial-author-name, .single-testimonial:nth-child(2n) .testimonial-author-position { text-align: center !important; } .single-testimonial .testimonial-content { left: 0; width: 100%; padding: 30px; } .single-testimonial { position: relative; } .single-testimonial { border-bottom: 1px dashed #ccc; padding-bottom: 30px; } .single-testimonial:nth-child(2n) .testimonial-body { padding-right: 0; } .single-testimonial { margin-bottom: 30px; } /*silck slider with arrow*/ .small-card-icons-container .card-item .card-placeholder { opacity: 1; position: static; text-align: center; padding: 0; width: 100%; border-right: 0; background-color: #fff; } .card-face .digital-operation-title { display: none } .small-card-icons-container .card-item .card-placeholder .card-front-container { padding: 0; } .small-card-icons-container .card-front-container .card-description { color: #000; } .small-card-icons-container .card-front-container h3 { display: none; } .small-card-icons-container .card-front-container .primary-btn { width: auto; padding: 15px 42px; } .small-card-icons-container .slick-slide { min-height: 275px; } .solution-list .list-card-item { padding-top: 200px; } .crm-erp-online .small-expand-cards .card-item { padding-top: 160px; } /*breadcrumb*/ .view-breadcrumb { display: inline-block; } .inner-breadcrumb-container ul { display: none; } .inner-breadcrumb-container li { clear: both; padding: 5px 0; margin: 0 0 0 15px; } .inner-breadcrumb-container li:before { right: auto; left: -15px; } .inner-breadcrumb-container li:last-child:before { display: block; } /*careers*/ .job-description-container { margin-top: 20px; } .panel-section-content h2 { margin-bottom: 10px } } @media screen and (max-width:767px) { /*Values listing*/ .CareerListWithHeader .centeredHeader { position: static; width: 254px; border: 0; display: block; } .CareerListWithHeader .centeredHeader:before { display: none; } .CareerListWithHeader .centeredHeader:after { display: none; } .CareerListWithHeader .centeredHeader h2 { margin: 0; text-align: left; position: relative; background: 0; display: block; width: 100%; height: 75px; font-size: 1.5em; padding: 0; line-height: 75px; border-radius: 50px; z-index: 1; } .CareerListWithHeader .row { padding: 0; } } @media screen and (max-width:720px) { .md-banner .side-section-content { display: none; } .md-banner .section-l-container { width: 100%; } .landing-full-section h2, .landing-full-section p:first-child { font-size: 1.1em; } .landing-full-section h1, .landing-full-section .h1 { font-size: 1.4em; } .landing-full-section p { margin-top: 20px; } /*menu*/ .header-bottom-menu > li { width: 100%; } } @media screen and (max-width:550px) { .section-content .slide-title { font-size: 1.43em } /*customers*/ .single-customer { width: 50%; } .areas-filter li { width: 100%; } .industries-filter li { height: 50px; } .industries-filter li:last-child { display: none; } /*popup*/ .linkdev-popup .btn { width: 100%; margin-bottom: 20px; margin-right: 0; margin-left: 0; } .linkdev-popup .btn:last-child { margin-bottom: 0; } .linkdev-popup h3 { padding-right: 30px; } /*home*/ .highlights-main-section .item, .news-room .landing-full-section + div .cards-isotope-container .item { width: calc(100%); } /*.list-card-item{padding-top:60%}*/ /*Products*/ .products .digital-list-item { width: 100%; } /*landing*/ .landing-full-section .inner-section-banner { height: 450px; } .landing-full-section .section-l-container { height: 450px; } /*digital services*/ .digital-structure-container .child { width: 100%; } .digital-structure-container .list-item, .digital-structure-container .item-placeholder { text-align: center; } .digital-structure-container .item-img { width: 60px; height: 55px; display: inline-block; } /*silck slider with arrow*/ .slickRowsSlider { padding: 0 15%; } /*career*/ .careers .custom-icons-list .digital-list-item { width: 100%; margin: 0 0 20px 0; } /*footer*/ #footer-container { text-align: center } #footer-container .navbar-footer { text-align: center !important; float: none; } .footer-socialmedia { float: none; margin: 0px auto; padding: 15px 0; } .nav-icon { margin-right: 5px } .site-logo, .site-header.mini .site-logo { margin-top: 7px; height: 30px } .navbar-nav.login-btn li a, .user-area.user-btn a, .site-header.mini .navbar-nav.login-btn li a, .site-header.mini .user-area.user-btn a { min-width: 100px; line-height: 30px; max-width: 120px; font-size: 0.6em; padding: 3px 8px } .user-area.user-btn .dropdown-menu, .site-header.mini .user-area.user-btn .dropdown-menu { min-width: 100px } .user-area.user-btn .dropdown-menu a, .site-header.mini .user-area.user-btn .dropdown-menu a { padding: 3px 8px } } @media screen and (max-width:480px) { .btn.sm-padding + .btn { margin: 10px 0 } .slickWithCondition.slick-slider .single-solution a.solution-btn { width: 100%; } /*customers*/ .single-customer { width: 100%; } /*home*/ .single-strategy { width: 100%; margin-bottom: 20px; } .main-highlight-section p.description { font-size: .8em; } .section-content .custom-home-slider { min-height: 300px; } .section-content { min-height: 200PX; } .main-section-banner { height: 415px; } .section-content .custom-home-slider h1 { font-size: 1.3em; } .section-content .custom-home-slider .section-description { font-size: .9em; } .single-highlight { width: 100%; margin-right: 0%; margin-bottom: 20px; height: 130px !important; } .single-solution { width: 100%; } .btn, .secondary-btn, .primary-btn, .secondary-i-btn { width: auto } .btn + .btn { margin-left: 0; } .list-card-item { padding-top: 280px; } .card-front-container { padding: 20px; } /*inner page*/ .cards-isotope-container .item, .news-room .landing-full-section + div .cards-isotope-container .item { width: 100% !important; } .md-banner .side-section-content { width: 100%; } /*buttons*/ .lg-btn { padding: 18px; } /*contact us */ .form-horizontal .custom-group { width: 100%; } .digital-services .inner-section-banner .parallax-img, .digital-services .inner-section-banner:after { height: 425px; } /*About Link*/ .landing-full-section .section-l-container { height: 425px } .landing-full-section .inner-section-banner {height: 650px;} /*Industries*/ .solution-list .list-card-item { padding-top: 230px; } .team-btn .primary-btn { width: auto; } /*careers*/ .job-description-container span { width: 100%; border-right: 0; } .careers .item { width: 100% !important; } .careers-form-group { width: 100%; } /*demo comments*/ .fileinput-new.input-group .btn-file { width: 18% } .resp-btns { width: 48%; font-size: .6rem; padding: 10px; } #AddItem { margin: 10px 0 } #ExperienceInfoForm input { margin: 5px 0 } } /*height queries*/ @media screen and (max-height: 680px) and (min-width: 1100px) { .lg-btn { padding: 8px 50px; } .section-content .custom-home-slider { min-height: 230px; } .landing-full-section, .home-main-section { min-height: 600px; } .digital-services .single-highlight { height: 180px; } .primary-btn, .secondary-btn, .secondary-i-btn { padding: 8px 42px; } .single-solution a.solution-btn { padding: 8px; text-align: center; } } @media screen and (max-height: 680px) and (min-width: 1500px) { .lg-btn { padding: 8px 50px; } .section-content .custom-home-slider { min-height: 230px; } .landing-full-section, .home-main-section { min-height: 900px; } .digital-services .single-highlight { height: 180px; } .primary-btn, .secondary-btn, .secondary-i-btn { padding: 8px 42px; } .single-solution a.solution-btn { padding: 8px; text-align: center; } } @media screen and (min-width:1701px) { /*search bar*/ .site-header.mini + div .menu-search-container { margin-top: 0px; } } @media screen and (max-width:380px) { .resp-btns { font-size: .45rem !important } .input-group-addon { font-size: 12px } } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #3f4458; -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08); box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #20222c; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #20222c; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #3f4458; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #20222c; } .flatpickr-calendar.arrowBottom:after { border-top-color: #3f4458; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: #fff; fill: #fff; height: 28px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; line-height: 16px; height: 28px; padding: 10px; z-index: 3; color: #fff; fill: #fff; } .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #eee; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(255,255,255,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(192,187,167,0.1); } .numInputWrapper span:active { background: rgba(192,187,167,0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(255,255,255,0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255,255,255,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(255,255,255,0.5); } .numInputWrapper:hover { background: rgba(192,187,167,0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(192,187,167,0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: #fff; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #fff; } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(255,255,255,0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: #fff; line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #20222c; box-shadow: -1px 0 0 #20222c; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(255,255,255,0.95); cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #646c8c; border-color: #646c8c; } .flatpickr-day.today { border-color: #eee; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #eee; background: #eee; color: #3f4458; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #80cbc4; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #80cbc4; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #80cbc4; box-shadow: -10px 0 0 #80cbc4; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c; box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(255,255,255,0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(255,255,255,0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4; box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #20222c; box-shadow: 1px 0 0 #20222c; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(255,255,255,0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(255,255,255,0.95); } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: rgba(255,255,255,0.95); } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: rgba(255,255,255,0.95); font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: rgba(255,255,255,0.95); font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #707999; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }