/* popup css */ .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } .mfp-iframe-holder iframe {width:800px; height:500px;} /* Magnific Popup CSS */ .mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px;box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left;z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out;cursor: zoom-out;} .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a {color: #CCC; } .mfp-preloader a:hover {color: #FFF; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: fixed; left: auto; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus {opacity: 1; } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF; right:30px; top: 10px; text-align: right; opacity:1; cursor:pointer;} .mfp-arrow {position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; } .mfp-arrow:before, .mfp-arrow:after {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after {border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before {margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after {border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before {border-left: 27px solid #3F3F3F; } .mfp-counter {text-align: center;color: #fff;font-size: 12px;letter-spacing: 0.05em;} /* Main image in popup */ /*==================================:: WOW CSS Start ::==================================*/ .animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(10%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,10%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-10%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-10%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,10%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-10%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(10%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-10%,0)}}.slideOutUp{animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /*Slick Slider Css Start*/ .slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;} .slick-list.dragging{cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track {position:relative; top:0; left: 0;display: block;} .slick-track:before, .slick-track:after {display:table; content:"";} .slick-track:after {clear:both;} .slick-loading .slick-track {visibility:hidden;} .slick-slide{display:none; float:left; height:100%; min-height:1px;} .slick-initialized .slick-slide{display:block; list-style:none;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;} .slick-arrow {display:block; position:absolute; top:50%; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0; background:#fff; border:0;cursor:pointer; opacity:1; outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .slick-arrow.slick-prev {left:15px;} .slick-arrow.slick-next {right:15px;} .slick-arrow:after{display:block; font-family:'FontAwesome'; font-weight:400; font-size:36px; color:#4a74e3; line-height:40px; position:absolute; left:0; right:0; top:0; bottom:0;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .slick-arrow.slick-prev:after {content:"\f104";} .slick-arrow.slick-next:after {content:"\f105";} .slick-arrow:hover:after {color:#4a74e3;} .slick-arrow:focus, .slick-arrow:hover {opacity:1; outline:none;} .slick-dots {display:block; position:absolute; left:0; right:0; bottom:20px; margin:20px auto 0 auto; padding:0; text-align:center;} .slick-dots li {margin:0 4px; padding:0; list-style:none; display:inline-block; vertical-align:top;} .slick-dots li button {display:block; width:14px; height:14px; font-size:0; padding: 0; background:none; position: relative; border:0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; cursor:pointer;} .slick-dots li button:after {position: absolute;content:"\f10c";font-size:14px;text-align: center;font-family: 'FontAwesome';color:#4a74e3; left:0; right:0;} .slick-dots li.slick-active button:focus:after, .slick-dots li.slick-active button:hover:after, .slick-dots li.slick-active button:after {content:"\f111";color:#4a74e3;} .slick-dots li button:focus, .slick-dots li button:hover{outline:none; box-shadow:none;} /*Slick Slider Css End*/ /*========= Mobile Menu STYLE Start ===========*/ .menu-open-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0; display:none;} .mobile-menu-open .menu-open-overlay{display:block;} .mobile-menu-block {background:#578ffa; color: #fff; position: static; padding:0px; margin:0; display:none; transition:left 0.2s ease 0s; width:100%; z-index:20; font-size:14px; overflow:auto; padding-bottom:25px;} .mobile-menu-open .mobile-menu-block{display:block;} .mobile-menu-inner{ height:100%; overflow:auto;} .mobile-menu-block ul{ margin: 0; list-style: none; } .mobile-menu-block li {color:#fff; font-weight:500; font-size:15px; line-height:normal; position:relative; text-transform:none; border-top:1px solid rgba(0,0,0,0.15);} .mobile-menu-block ul li a {display:block; color:#fff; font-size:18px; font-weight:500; font-family:'IBM Plex Sans'; line-height:normal; text-transform:none; letter-spacing:0; line-height:22px; padding:9px 0px;} .mobile-menu-block ul li.menu-item-type-custom.current-menu-item a{color:#fff;} .mobile-menu-block ul li.current_page_parent > a, .mobile-menu-block ul li.current-menu-parent > a, .mobile-menu-block ul li.menu-item-type-custom.current-menu-item:hover a, .mobile-menu-block ul li.menu-item-type-custom.current-menu-item a:hover, .mobile-menu-block ul li a:hover, .mobile-menu-block ul li a:focus, .mobile-menu-block ul li.current-menu-item > a {color:#FD82A3;} .mobi-logo {margin:0 0 20px 0; padding:16px 15px; border-bottom:1px solid rgba(0,0,0,0.02); background:#578ffa;} .mobi-logo a {vertical-align:middle; margin:0 auto; display:table;} .mobi-logo img {display:block; max-width:210px;} .mobile-menu-block li li {border:none;} .mobile-menu-block li li a {color:#fff; font-size:14px; font-weight:500; line-height:16px; text-transform:uppercase; padding:8px 0;} .mobile-menu-block li li li a {padding-left:30px;} .mobile-menu-block ul.sub-menu {margin:0px 25px 5px 25px;} .mobile-menu-block ul.sub-menu li a:after {content: "";width: 30px;height: 30px;border-radius: 50%;position: absolute;left: auto;top:0;margin-left: -15px;z-index: -1;opacity: 0;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s; background-image: linear-gradient(90deg, rgba(253, 131, 163, 0) 0%, #FD83A3 100%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .mobile-menu-block ul.sub-menu li:hover a:after, .mobile-menu-block ul.sub-menu li.current-menu-item a:after{opacity:0.4;} .hitarea {display:block; width:20px; height:40px; text-align:center; position:absolute; right:0; top:0;} .hitarea:before {display:block; content:"\f107"; font-family:'FontAwesome'; font-size:20px; position:absolute; left:0; right:0; top:50%; margin:0 auto; -webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);} .collapsable-hitarea.hitarea:before {content:"\f106"; color:#FD82A3;} .mobile-menu-block .collapsable-hitarea + a {color:#FD82A3;} .mobile-menu-block .hitarea:before {right:12px;} .mobile-menu-block ul > li.join-us-btn{padding-top:15px;} .mobile-menu-block ul > li.join-us-btn a{background:#1f43d4; min-width:145px; text-align: center;padding:10px; border-radius:3px; font-size: 14px;} .mobile-menu-block ul > li.join-us-btn:focus a, .mobile-menu-block ul > li.join-us-btn:hover a{background:#ffffff; color:#1f43d4;} .mobile-menu-block .mobile-nav-2 li.small-btn-menu{margin-top:8px;} .mobile-menu-block .mobile-nav-2 li.small-btn-menu a {background: #578ffa;height: 30px;line-height: 30px;border-radius: 30px;color: #fff;display: block;padding: 0 20px; width:90px;} .mobile-menu-block .mobile-nav-2 li.small-btn-menu a:hover, .mobile-menu-block .mobile-nav-2 li.small-btn-menu a:focus{background:#1f43d4;} .mobile-menu-block .mobile-nav-2 {background: #fff;margin-top: 15px;border-radius: 3px;padding:13px 20px 20px 20px;} .mobile-menu-block .mobile-nav-2 li {margin-left:0; border:0;padding:0; margin:0;} .mobile-menu-block .mobile-nav-2 li a{ color: #578FFA;font-size: 14px;font-weight: 500;line-height: 17px;} .mobile-menu-block .mobile-nav-2 li.wpml-ls-item {width: auto;display: inline-block;float: right;margin-top: -32px;} .single-event .mobile-menu-block ul > li.blog-menu.current_page_parent:hover > a, .single-event .mobile-menu-block ul > li.event-menu > a, .single-competition .mobile-menu-block ul > li.blog-menu.current_page_parent:hover > a, .single-competition .mobile-menu-block ul > li.competitions-menu > a{color:#FD82A3;} .single-event .mobile-menu-block ul > li.blog-menu.current_page_parent > a, .single-competition .mobile-menu-block ul > li.blog-menu.current_page_parent > a{color:#fff;} /*========= Mobile Menu STYLE End ===========*/ /*Mobile Menu Css Start*/ .mobi-iconbox{display:none; width:24px; height:40px; background:none; position: relative; z-index:40; transition:all 0.4s ease; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .icon-bar-icon{background:url(../images/hamburger.svg) no-repeat center; background-size:22px auto; width:100%; height:100%; display:block;} .opened .icon-bar-icon{background:url(../images/hamburger-close.svg) no-repeat center; background-size:18px auto;} /*Mobile Menu Css End*/ /* ===== RESET ================================================== */ main, abbr, acronym, address, applet, article, aside, audio,blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins{text-decoration:none;} abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;} table{border-collapse:collapse; border-spacing:0;} hr{display:block; height:1px; max-width:100%; border:0; border-top:1px solid #fd83a3; margin:30px 0; padding:0;} input, select{vertical-align:middle; margin:0;} ol, ul, li{list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;} /* ===== GLOBAL ================================================== */ body{font-family:'IBM Plex Sans'; font-size:16px; line-height:24px; color:#565a5b;background:#f4f8ff; overflow-x:hidden; padding:160px 0 0; margin:0;} :focus{text-decoration:none; outline:none;} a{text-decoration:none; color:#1f43d4; outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:#578ffa;} a:focus{outline:0; outline: none;} ::-webkit-input-placeholder{color:#a5b3ee; opacity:1;} :-moz-placeholder{color:#a5b3ee; opacity:1;} /* Firefox 18- */ ::-moz-placeholder{color:#a5b3ee; opacity:1;} /* Firefox 19+ */ :-ms-input-placeholder{color:#a5b3ee; opacity:1;} /* Ul Li & Ol Li CSS */ ul, ol {margin:0; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:15px;} ul li, ol li {margin:0; padding:0; font-size:16px; line-height:24px; color:#2e3656; font-weight:400;} li a {color:#1f43d4;} .event-content-section ol, .event-content-section ul, .entry-content ul, .entry-content ol {display:inline-block; padding:0; margin:0 0 10px;} .event-content-section ul li, .entry-content ul li{list-style:none; padding:0 0 0 15px; margin:0 0 5px; position: relative;} .event-content-section ul li:before, .entry-content ul li:before{display: block; content: ""; width: 5px; height: 5px; background: #2e3656; position: absolute; left: 2px; top: 10px; border-radius: 50%;} .event-content-section ul li li, .entry-content ul li li {list-style:disc;} .event-content-section ol li, .entry-content ol li {list-style-type:decimal; list-style-image:none; list-style-position:inside; margin:0 0 5px;} h1,h2,h3,h4,h5,h6{font-weight:300; color:#578ffa; font-family:'IBM Plex Sans'; line-height:normal; letter-spacing:0; margin:0 0 20px} h1{font-size:70px;line-height:84px;} h2{font-size:40px;line-height:48px;} h3{font-size:32px;line-height:38px;} h4{font-size:26px;line-height:32px;} h5{font-size:22px; line-height:26px;} h6{font-size:18px;line-height:22px;} p{font-family:'IBM Plex Sans'; font-size:16px; line-height:24px; color:#2E3655; font-weight:400; letter-spacing:0; margin:0 0 20px;} img {max-width:100%; height:auto; border:none; outline:none;} strong{font-weight:700;} /*table structure*/ table{border-right:1px solid #eee; border-top:1px solid #eee; width: 100%;} table th, table td{border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:15px; color:#2e3656; font-weight:400; padding:12px 20px; vertical-align:middle;} table th{color:#2e3656; font-weight:500; background:#f7f6f6;} table th a {color:#1F43D4;} table th a:hover {color:#1F43D4;} .table-striped th, .table-striped td {position:relative;} .table-striped tbody tr:nth-of-type(even) td {background:#f7f6f6;} .scroll-div{overflow: auto;} .middle-section{min-height:51vh;} .hide {display: none;} .relative{position: relative;} .align-center {text-align: center;} .v-align {align-items: center;} .container{max-width:1200px;} .ptb-80{padding-top:80px; padding-bottom:80px;} .ptb-60{padding-top:60px; padding-bottom:60px;} .ptb-50{padding-top:50px; padding-bottom:50px;} .ptb-40{padding-top:40px; padding-bottom:40px;} .p-80{padding:80px;} .mb-80{margin-bottom:80px;} .padding-40{padding:40px;} .pt-0{padding-top:0 !important;} .max-container{max-width:1369px; width:100%; padding:0 15px; margin:0 auto;} /*Form Input Field*/ input, textarea, select {background:#fff; border:1px solid #2043d5; width:100%; text-align:left; padding:5px 20px; margin:0; font-size:16px; color:#2043d5; font-weight:400;line-height:normal; font-family:'IBM Plex Sans'; height:50px; outline:none; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; box-shadow:none; letter-spacing:0;} input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;} input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;} textarea {height:110px; padding:15px 20px; vertical-align:top; resize:none;} .selectbox{display:block; width:100%; background:#fff; border:0; line-height:50px; position:relative; cursor:pointer; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .selectbox:after {position:absolute; content:"\f107"; right:15px; font-family:'FontAwesome'; font-size:20px; line-height:50px; color:#2043d5; top:0; z-index:1 } .selectbox select {display:block; width:100%; padding:0 50px 0 20px; background:transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance:none; position:relative; z-index:2; cursor:pointer; color:#2043d5;} .selectbox select option {background:#ccc; color:#000; padding:4px 10px;} input:hover, input:focus, textarea:hover, textarea:focus, .selectbox:hover{background:#fff; box-shadow:1px 2px 2px rgba(0,0,0,0.05);} .selectbox select.not_chosen {background:#2043d5; color:#fff;} input:focus, textarea:focus, select:focus{border:1px solid #fd82a3;} .button, .btn {display:inline-block; padding:0 20px; background:#2043d5; border:0; color:#fff; font-size:14px; font-weight:500;font-family:'IBM Plex Sans'; text-transform:uppercase; cursor:pointer; letter-spacing:0; text-align:center; position:relative; min-width:154px; height:40px; line-height:40px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .button:before, .btn:before {display:block; content:""; background:#000; position:absolute; width:0; height:0; left:50%; right:50%; top:50%; bottom:50%; opacity:0.05; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; z-index:0; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .button:hover:before, .button:focus:before, .btn:hover:before, .btn:focus:before {width:auto; height:auto; left:-1px; right:-1px; top:-1px; bottom:-1px;} .button:hover, .button.alt:hover, .btn:hover, .button:focus, .button.alt:focus, .btn:focus, .button:active, .button.alt:active, .btn:active{background:#578ffa; border-color:#578ffa; color:#fff; text-decoration:none; box-shadow:0 0 0 #000;} .small-btn{min-width:120px; height: 30px;line-height: 30px;padding: 0 20px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; font-size:14px; font-weight:500; text-transform:capitalize;} .small-btn:before{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;} .gray-btn{background:#dde2e6 !important; color:#9aa6b1 !important;} .btn.light-blue{background:#578ffa;} .btn.light-blue:hover, .btn.light-blue:focus{background:#2043d5;} .big-btn{padding:0 24px; height: 50px; line-height: 50px; font-size: 14px; font-weight: 500;} .btn .map-icon{background:url(../images/map-icon-w.svg) no-repeat center; vertical-align: middle;} /* ===== Header ================================================== */ /*Header & Banner Section*/ .header{position:fixed; left:0; right:0; top:0; background:#fff; height:130px; width:100%; z-index:4; padding:0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .home .header{height:auto;} .header .container {max-width: 1400px;} .header-inner{align-items: center; flex-wrap: wrap; height:100px; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .logo{flex-basis:125px; min-width:125px; max-width:125px; height:40px; position:relative; z-index:2; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .logo a{display:block; position:relative; z-index:1;} .logo a > img{display:block; margin:0 auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .white-logo{display:none !important;} .header-right{position:relative; z-index:2; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; flex-basis:calc(100% - 200px); min-width:calc(100% - 200px); max-width:calc(100% - 200px);} .header-top-menu li {display: inline-block; margin-left:28px; position: relative;} .header-top-menu li a{font-size:14px; color:#578ffa; font-weight:500; line-height:17px; letter-spacing:0;} .header-top-menu .sub-menu li {padding: 5px;margin: 0 !important;display: block;} .header-top-menu .sub-menu {display:none; text-align: center; position:absolute; left:0; top:100%; z-index:1; background:#f3f3f3; min-width:40px; padding:0; margin:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .header-top-menu ul > li:hover > .sub-menu {display:block;} .header-top-menu li.small-btn-menu a {background: #578ffa;height: 30px;line-height: 30px;border-radius: 30px;color: #fff;display: block;padding: 0 20px;} .header-top-menu li.small-btn-menu a:hover, .header-top-menu li.small-btn-menu a:focus{background:#1f43d4;} .header-right-inner{width:100%;} .header-search-box {width:65%; min-width:65%; max-width:65%; position: relative;} .header-search-box label {width: 100%; position: relative;} .header-search-box input {width: 100%;height: 50px;border: 1px solid rgba(77, 122, 232, 0.5);border-radius: 30px;color: #4d7ae8 !important;font-size: 16px;font-weight: 400;padding: 0 30px;} .header-search-box .screen-reader-text{display:none;} .header-search-box ::-webkit-input-placeholder{color:#4d7ae8; opacity:1;} .header-search-box :-moz-placeholder{color:#4d7ae8; opacity:1;} /* Firefox 18- */ .header-search-box ::-moz-placeholder{color:#4d7ae8; opacity:1;} /* Firefox 19+ */ .header-search-box :-ms-input-placeholder{color:#4d7ae8; opacity:1;} .header-search-box .search-submit {position: absolute;top: 0;right: 0;background:url(../images/search-icon.svg) no-repeat center; background-size:12px auto; border: 0;font-size: 0;width: 50px;height: 50px; opacity:0.5;} /*Nav Css*/ .nav-main{ position:relative; z-index:1; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-radius:3px; padding:9px; background: #4872e1; background: -moz-linear-gradient(left, #4872e1 0%, #578ffa 100%); background: -webkit-linear-gradient(left, #4872e1 0%,#578ffa 100%); background: linear-gradient(to right, #4872e1 0%,#578ffa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872e1', endColorstr='#578ffa',GradientType=1 ); } .nav-main nav > ul {margin:0; padding:0; display:flex;display:-webkit-flex; align-items: center;} .nav-main nav > ul > li{margin:0; padding:0; list-style:none; position:relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .nav-main nav > ul > li + li{margin-left:60px;} .nav-main nav > ul > li > a{display:block; color:#fff; font-size:18px; font-weight:500; font-family:'IBM Plex Sans';line-height:22px;text-transform:none; letter-spacing:0; white-space:nowrap; position:relative;z-index:2;padding:10px 0px;} .nav-main nav > ul > li:hover > a, .nav-main nav > ul > li > a:hover, .nav-main nav > ul > li.current-menu-item > a, .nav-main nav > ul > li.current_page_parent > a, .nav-main nav > ul > li > a:focus{color:#FD82A3;} .nav-main nav > ul > li.menu-item-has-children > a{padding-right:15px;} .nav-main nav > ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family:'FontAwesome'; position: absolute; right: 0; top: 12px; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .nav-main nav > ul > li.menu-item-has-children:hover > a:after{transform: rotate(-180deg);} .nav-main .sub-menu {display:none; position:absolute; left:0; top:100%; z-index:1;border-top:3px solid #2043d5; background:#fff; min-width:220px; letter-spacing:0; padding:18px 0; margin:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-shadow:0 0 40px rgba(74, 116, 227, 0.3);} .nav-main nav > ul > li:hover > .sub-menu {display:block;} .nav-main .sub-menu li {display:block; text-align:left; position:relative;} .nav-main .sub-menu li a {display:block; text-transform:uppercase; color:#2043d5; font-size:14px; line-height:normal; font-weight:500; padding:14px 25px;} .nav-main .sub-menu li a:after {content: "";width: 30px;height: 30px;border-radius: 50%;position: absolute;left: auto;top: 9px;margin-left: -15px;z-index: -1; opacity:0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; background: #fffeff; background: -moz-linear-gradient(left, #fffeff 0%, #ffe8ee 100%); background: -webkit-linear-gradient(left, #fffeff 0%,#ffe8ee 100%); background: linear-gradient(to right, #fffeff 0%,#ffe8ee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#ffe8ee',GradientType=1 );-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .nav-main .sub-menu li:hover a:after, .nav-main .sub-menu li.current-menu-item a:after{opacity:1;} .nav-main .sub-menu li a:hover, .nav-main .sub-menu li.current-menu-item a {color:#fd83a3;} .nav-main .sub-menu .sub-menu {left:100%; top:0;} .nav-main .sub-menu li:hover .sub-menu {display:block;} .nav-main nav > ul > li.home-icon {min-width: 110px;text-align: center; font-size:0; background:url(../images/home-icon.svg) no-repeat center; background-size:15px auto;} .nav-main nav > ul > li.home-icon + li{margin-left:0;} .nav-main nav > ul > li.home-icon a{font-size:0;} .nav-main nav > ul > li.join-us-btn {margin-left: auto;} .nav-main nav > ul > li.join-us-btn a{background:#1f43d4; min-width:145px; text-align: center;padding:10px; border-radius:3px; font-size: 14px;} .nav-main nav > ul > li.join-us-btn:focus a, .nav-main nav > ul > li.join-us-btn:hover a{background:#ffffff; color:#1f43d4;} .single-event .nav-main nav > ul > li.blog-menu.current_page_parent:hover > a, .single-event .nav-main nav > ul > li.event-menu > a, .single-competition .nav-main nav > ul > li.blog-menu.current_page_parent:hover > a, .single-competition .nav-main nav > ul > li.competitions-menu > a{color:#FD82A3;} .single-event .nav-main nav > ul > li.blog-menu.current_page_parent > a, .single-competition .nav-main nav > ul > li.blog-menu.current_page_parent > a{color:#fff;} /*Header Fixed*/ body.header-fixed{padding-top:70px;} .header-fixed .header{height:70px; background:#f4f8ff;} .header-fixed .header-inner {height: 0;opacity: 0;visibility: hidden;} .header-fixed .nav-main{margin:10px 0 0;} .home.header-fixed .header{background:#fff;} /** Footer Start **/ .footer{padding:0; position:relative; font-size:14px; line-height:normal; color:#fff; z-index:3; background: #4a73e2; /* Old browsers */ background: -moz-linear-gradient(left, #4a73e2 0%, #578efa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4a73e2 0%,#578efa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4a73e2 0%,#578efa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a73e2', endColorstr='#578efa',GradientType=1 ); /* IE6-9 */} .footer-inner{padding:40px 0;background:url(../images/footer-bg.png) no-repeat bottom center;} .footer-inner .row{margin-left:-25px; padding-right:-25px;} .footer-inner .row>div{padding-left:20px; padding-right:20px;} .footer-inner .row>div + div {border-left: 1px solid #4672d8;} .footer h2{text-transform:uppercase; font-size:18px; font-weight: 500; color:#fff; margin:0 0 22px 0; line-height:normal; } .footer p{font-size:14px; font-weight:400; color:#fff; margin:0; line-height:20px; margin:0;} .footer .social-icons{margin-top:25px;} .social-icons a{font-size:16px; line-height:19px; color:#fff;} .social-icons a span{margin-left:15px; font-weight:400;} .social-icons i {width: 16px; } .social-icons i:before {display: block; width: 16px; text-align: center; } .newsletter-link{font-size:16px; line-height:19px; color:#fff;margin-top:25px; display:block;} .newsletter-link:hover, .newsletter-link:focus{color:#fff;} .newsletter-link i{margin-right:15px;} .footer .menu li + li{margin-top:5px;} .footer .menu li a{font-size:16px; line-height:26px; color:#fff; font-weight:400;} .phone-email{margin-top:25px;} .phone-email a{font-size:16px; line-height:19px; color:#fff; display:block; font-weight:400;} .phone-email a + a{margin-top:10px;} .phone-email i{margin-right:15px;} .footer-bottom {background: #fff;} .footer-bottom-inner{min-height:80px; padding:10px 0;} .footer-bottom-inner * {display: inline-block;vertical-align: middle;} .footer-bottom p{font-size:14px; color:#2e3656; margin:0;} .footer-link a {border-left: 1px solid #2e3656;color: #2e3656;padding-left:10px;line-height: 1;margin-left: 10px; font-size:14px; font-weight:400;} .scrollup {position: fixed;right: 30px;color: #1f43d4;bottom:25px;font-size: 18px;vertical-align: middle;display: inline-block; cursor:pointer; z-index:9;} .scrollup i{position: relative; top:-2px; margin-left:5px;} /** Page Banner Css **/ .banner{position:relative; background:#fff url(../images/bg-1.svg) no-repeat top center; background-size:auto;} .banner .container{position: relative; z-index: 1;} .banner .items{height:464px; position: relative; display:flex; display:-webkit-flex; text-align: center;} .banner .items .imagebox{position: absolute; top:0; bottom:0; left:0; right:0; z-index:0;} .banner .items .imagebox img{width:100%; height:100%; object-fit:scale-down; object-position:bottom center;} .banner .caption{padding-top:80px;} .banner .caption h1, .banner .caption h2{font-size:70px;line-height:84px; margin-bottom:10px; color:#2043d5;} .banner .caption p{margin:0;font-size:18px; line-height:26px; color:#2043d5;} .banner .caption p + p{margin-top:20px} /** Event Section Start **/ .events-section{margin-bottom:30px; position: relative;} .event-box {padding: 30px 0;} .event-cat{font-size:12px; line-height:14px; color:#fd83a3; letter-spacing:2px; display: block; margin-bottom:7px;} .event-cat a{color:#fd83a3;} .event-box h6 {border-bottom: 1px solid #d9e6fe;margin-bottom: 10px;padding-bottom: 10px;} .event-box h6, .event-box h6 a {font-weight:500;color: #2043d5; line-height:23px} .event-date span, .event-location span{color:#fd83a3; font-size:14px; letter-spacing:0;} .event-location {margin-left:25px;} .calendar-icon{background:url(../images/calendar-icon.svg) no-repeat center; background-size:100% auto; width:16px; height:16px; display:inline-block; margin-right:10px; vertical-align:middle;} .map-icon{background:url(../images/map-icon.svg) no-repeat center; background-size:100% auto; width:16px; height:16px; display:inline-block; margin-right:10px;} .euro-sign-icon {background:url(../images/euro-sign.svg) no-repeat center; background-size: auto 100%; width:16px; height:16px; display:inline-block; margin-right:10px;} .events-section .btnbox-with-border{margin-top:-10px;} .btnbox-with-border{position: relative;} .btnbox-with-border:before {position: absolute;left: 0;height: 2px;top: 50%;margin-top: -1px;background: #558bf7;content: "";right: 165px; z-index:0;} .btn-with-icon{background:#f4f8ff; font-size:14px; font-weight:500; letter-spacing:0; color:#2043d5; text-transform:uppercase;} .btn-with-icon .arrow-icon{display:block; width:42px; height:42px; background:#e5eefe url(../images/arrow-right-icon.svg) no-repeat center; background-size:17px auto; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin-left:10px; position: relative;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; z-index:1; right:0;} .btn-with-icon:hover .arrow-icon{right:-10px;} /** Fifty Fifty Section Start **/ .fifty-fifty-section{padding:60px 0; overflow:hidden;} .fifty-fifty-section .row + .row{margin-top:60px;} .fifty-fifty-section .left-block{position: relative; z-index:1; padding:30px 15px;} .fifty-fifty-section .left-block .imagebox{width:100%; height:100%;} .fifty-fifty-section .left-block .imagebox img{width:100%; height:100%; object-position:center; object-fit:cover; display: block;} .fifty-fifty-section .right-block{position: relative; background:#fff; right:15px;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .fifty-fifty-section .right-block:before{position: absolute; content:"";top:0; bottom:0; left:-70px; width:70px; z-index:-1; background:#fff;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} .fifty-fifty-section .right-block:after{position: absolute; content:"";top:0; bottom:0; left:-50px; width:70px; z-index:0; background:#fff;} .fifty-fifty-section .content-box{padding:30px 55px 30px 45px;} .fifty-fifty-section .content-box p{margin:0;} .fifty-fifty-section .content-box p + p{margin-top:20px;} .fifty-fifty-section .content-box .btn {margin-top: 35px;} .fifty-fifty-section .reverse .right-block{right:0; left:15px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} .fifty-fifty-section .reverse {flex-direction: row-reverse;} .fifty-fifty-section .reverse .content-box{padding:30px 45px 30px 55px;} .fifty-fifty-section .reverse .right-block:before{left:auto; right:-70px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} .fifty-fifty-section .reverse .right-block:after{left:auto; right:-50px;} /** Mikes section Start **/ .mike-section{ padding:100px 0; background:#e6eefe url(../images/bg-1.svg) no-repeat center; background-size:auto;} .mike-boxes-main {margin-top: 30px;} .mike-section h2{font-size:50px; margin-bottom:40px;} .mike-section p{font-size:16px; line-height:20px; margin:0; color:#2e3656;} .mike-section p + p{margin-top:20px;} .mike-box{margin-top:20px; padding:30px 20px 80px; height: 100%; border-top:3px solid #2043d5; background:#fff;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .mike-box h5{margin-bottom: 15px;} .mike-box p{font-size:14px; line-height:22px; margin:0; } .mike-box p + p{margin-top:20px;} .mike-box .btn-with-icon {background: none;margin: 0 auto;display: inline-block;position: absolute;left: 0;right: 0;bottom: 10px;width: 42px;} .mike-box .btn-with-icon .arrow-icon {margin: 0;} .mike-box .imagebox {width: 114px;height: 114px;text-align: center;margin:0 auto 30px auto; background: #fffeff; background: -moz-linear-gradient(left, #fffeff 0%, #ffe8ee 100%); background: -webkit-linear-gradient(left, #fffeff 0%,#ffe8ee 100%); background: linear-gradient(to right, #fffeff 0%,#ffe8ee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#ffe8ee',GradientType=1 );-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .mike-box .imagebox img{width:100%; height:100%; object-fit:scale-down; object-position: center; display:block;} /** Internal Page Start **/ .pt-bg{background:url(../images/inner-page-shape.svg) no-repeat top center; background-size:auto;} .white-box{background:#fff;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .middle-section h1, .middle-section h2, .middle-section h3{color:#578ffa;} .error404-content h2{margin-bottom:25px;} .error404-content .header-search-box{margin:50px auto 0 auto; max-width:780px; width:100%;} .thank-you-page h2{margin-bottom:30px;} /** Event Page Start **/ .events-page-section{margin-bottom:160px;} .page-title{padding:50px 0;} .page-title h2{margin:0;} .filter-section {padding-right: 280px;} .filter-section .selectbox{height:40px;} .filter-section .selectbox select{line-height:38px; height:38px;} .filter-section .selectbox:after{line-height:38px;} .events-page-section .events-list{margin-top:30px;} .events-page-section .events-list .col-lg-8{-ms-flex: 0 0 72%;flex: 0 0 72%;max-width: 72%;} .events-page-section .events-list .col-lg-4{-ms-flex: 0 0 28%;flex: 0 0 28%;max-width: 28%;} .events-page-section .event-box {padding: 10px 20px 10px 30px;} .events-page-section .event-box + .event-box{margin-top:10px;} .events-page-section .event-box h6 {padding: 0;margin: 0;border: 0;} .bdr-left{border-left:1px solid #d9e6fe;} .event-title-cat, .events-page-section .date-with-location{padding:15px 0 15px 5px;} .event-title-cat{padding-left:0;} .events-page-section .event-location{margin:15px 0 0;} .modal-backdrop{background:rgba(28, 60, 111, 0.8);} .modal-backdrop.show {opacity:1;} .modal-dialog.modal-lg{max-width:970px;} .modal-styling .modal-content {border: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius:0;} .modal-styling .close{background:url(../images/modal-close-icon.svg) no-repeat center;padding: 0;margin: 0 -25px 0 0;width: 40px;height: 40px; opacity:1;} .modal-styling .modal-header {padding: 13px 40px; border-bottom:1px solid #fd83a3;} .modal-styling .modal-header h5{color:#578ffa;} .modal-styling .modal-footer{border-color:#fd83a3;} .modal-styling .modal-body{padding:40px;} /** Events Details Page Start **/ .event-details .events-page-section{margin:0 !important;} .event-content-section .content-box{padding:40px 100px 40px 40px; } .postid-1553 .event-content-section .content-box{box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0);} .event-content-section .left-block {width: 83%;} .event-content-section .container.d-flex {align-items: flex-start;} .event-content-section .event-cat {font-size: 14px;} .event-content-section h2 {margin-bottom: 35px;} .event-content-section p{margin-bottom:30px;} .event-content-section .left-block p a{color:#2043d5; text-decoration:underline;} .event-content-section .left-block p a:hover, .event-content-section .left-block p a:focus{text-decoration:none;} .event-details .events-page-section .events-list{margin:0 !important;} .bdr-title{position: relative; z-index:1; margin:65px 0;} .bdr-title:before {position: absolute;left: 0;height:1px;top: 50%;background: #fd83a3;content: "";right:0; z-index:0; z-index:-1;} .bdr-title h6{font-size:14px; font-style:italic; color:#fd83a3; font-weight:500; background:#f4f8ff; width:auto; display:inline-block;margin:0; padding-right:15px;} .right-sticky-block {width: 17%;min-width:270px;margin-left:-80px; margin-top:50px; padding:35px 25px; border-top:3px solid #2043d5; background:#fff;box-shadow: 0 14px 24px -5px rgba(0,13,68,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; top:0; position: -webkit-sticky; position: sticky;} .right-sticky-block h5{font-weight:500; color:#578ffa;} .clock-icon{background:url(../images/clock-icon.svg) no-repeat center; background-size:100% auto; width:16px; height:16px; display:inline-block; margin-right:2px; vertical-align:middle;} .date-time-main{font-size:14px; color:#fd83a3; font-weight:400; position: relative; padding:17px 0; border-top:1px solid #dde9fe;} .date-time-main.event-address{border-bottom:1px solid #dde9fe;} .date-time-main span{display:inline-block; vertical-align:middle;} .date-time-main .date-text{min-width:50%; max-width:50%;} .date-time-main .date-text + .date-text{margin-left:auto;} .date-time-main .calendar-icon{margin-right:4px;} .event-address {padding-left: 20px;} .date-time-main .map-icon, .date-time-main .euro-sign-icon {position: absolute; margin:0; top:18px; left:0;} .right-sticky-block .btn {width: 100%;font-size: 14px;margin-top: 20px;font-weight: 500;letter-spacing: 0;height: 50px;line-height: 50px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .right-sticky-block p {margin: 0px 0 0px;font-size: 14px;line-height: normal; color:#fd83a3;} .sticky-sidebar{position:sticky; position:-webkit-sticky; top:20px; height:0; text-align: right; z-index:2;} .sticky-sidebar .container{height:0;} .sticky-sidebar .right-sticky-block{display: inline-block; text-align: left; margin-top:120px;} .remove-sticky{position:relative;} .event-details .event-content-section .content-box.bottom{border-top: 1px solid #dee2e6; padding-right:0; margin-right:100px; box-shadow:none;} /** Podcasts Page Start **/ .podcast-page .accordion{margin-bottom:80px;} .title-description {width: 66%;} .title-description p{margin:0; font-size:20px; line-height:normal; font-weight:300; font-style:italic; color:#578ffa;} .title-description p + p{margin:20px 0 0;} .card.white-box {border: 0;} .accordion .card + .card {margin-top: 10px;} .accordion>.card .card-header {min-height: 80px;display: flex;display: -webkit-flex;align-items: center;background: #fff;border-bottom:0; position: relative; padding:10px 60px 10px 40px; cursor: pointer;} .accordion>.card .card-header:after{height:1px; background:#fd83a3; left:40px; right:40px; bottom:0; content:""; position: absolute;} .accordion>.card .card-header h5{margin-bottom:0; color:#2043d5;} .accordion>.card .card-header h5 strong{font-weight:500;} .accordion>.card .card-header h5 span{color:#fd83a3; margin-left:30px; font-size:16px; font-weight:400;} .toggle-btn {position: absolute;width: 40px;height: 40px;background: #e5eefe;right: 20px;top: 50%;transform: translate(0, -50%);border-radius: 50%; cursor:pointer;} .toggle-btn:hover, .toggle-btn:focus{outline:none; box-shadow:none;} .toggle-btn:after {position: absolute;width: 2px;height: 16px;content: "";background: #1136d2;top: 50%;transform: translate(-50%, -50%);left: 50%; opacity:0;} .toggle-btn:before {position: absolute;width:16px;height:2px;content: "";background: #1136d2;top: 50%;transform: translate(-50%, -50%);left: 50%;} .card-header[aria-expanded="false"] .toggle-btn:after{opacity:1;} .accordion .card-body{padding:40px;} .accordion .card-body p a{color:#2043d5; text-decoration:underline;} .accordion .card-body p a:hover, .accordion .card-body p a:focus{text-decoration:none;} .embedded-widget-block{border-top:1px solid #fd83a3; margin-top:35px; padding-top:35px;} .embedded-iframe iframe{display:block;border:0;width:100%;} /** Competition Page Start **/ .competition-list{margin-top:-30px;} .competition-box{padding:50px;box-shadow:0 0 5px rgba(0,0,0,0.1); margin-top:30px;} .competition-box h3 a, .competition-box h3{color:#578ffa;} .competition-box .image-box {width: 100%;height: 160px; margin-bottom:35px; display:block;} .competition-box .image-box img{width:100%; height:100%; object-position:center; object-fit:scale-down; display:block;} .competition-box .btn {margin-top: 20px; font-size:14px; background:none; color:#2043d5; border:1px solid #2043d5; line-height:38px; font-weight:500;} .competition-box .btn:hover, .competition-box .btn:focus{background:#2043d5; border-color:#2043d5; color:#fff;} .compt-detail .imgbox{display:block; float: left; max-width: 190px; margin:0 40px 20px 0;} .compt-detail .imgbox img{display: block;} .sidebar-list{margin:0 0 5px; padding: 0;} .sidebar-list li{display:block;color: #2043d5;font-family:'IBM Plex Sans';font-size: 14px;line-height: 17px;font-weight: 500; text-transform: uppercase; position: relative; padding:0; margin:0;} .sidebar-list li a{display:inline-block;color: #2043d5; padding:10px 0; position: relative; z-index: 1; font-weight:500;} .sidebar-list li a:after{content:"";width: 30px;height: 30px;border-radius: 50%;position: absolute;right:0;top:2px; z-index: -1; margin-right:-15px; opacity:0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; background: #fffeff;background: -moz-linear-gradient(left, #fffeff 0%, #ffe8ee 100%);background: -webkit-linear-gradient(left, #fffeff 0%,#ffe8ee 100%);background: linear-gradient(to right, #fffeff 0%,#ffe8ee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#ffe8ee',GradientType=1 );-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .sidebar-list li.active a:after, .sidebar-list li.current-menu-item > a:after{opacity:1;} .sidebar-list li a:hover, .sidebar-list li.active a, .sidebar-list li.current-menu-parent a, .sidebar-list li.current-menu-item > a{color:#FD82A3;} .sidebar-list .sub-menu{margin:0; padding:0 0 0 20px;} .sidebar-list .sub-menu li:before{display: inline-block; content: "-"; margin-right: 4px;} .sidebar-list .sub-menu li a{text-transform:none;} /*Form Styling START*/ .subtitle{margin:30px 0; color: #FD82A3;font-family: 'IBM Plex Sans';font-size: 14px;font-style: italic;font-weight: 500;line-height: 24px; text-transform: uppercase; position: relative; display:flex;display:-webkit-flex; align-items: center;} .subtitle:after{display: inline-block;content: "";height: 1px;background: #FD82A3;width: 100%;margin-left: 12px;} .label{display:inline-block; color: #1F43D4;font-family:'IBM Plex Sans';font-size: 14px;font-weight: 500;line-height: 20px; text-transform: uppercase; margin:0 0 5px;} .form-group{margin:0 0 30px;} .form-group h5{color: #2E3655;font-size: 16px;font-weight: 700;line-height: 29px; margin:0 0 15px;} .form-group span.wpcf7-list-item{margin:0;} .form-group .wpcf7-radio label{display:inline-block;color: #1F43D4;font-size: 16px;font-weight: 400;line-height: 24px;width: 189px; position: relative; padding-left:35px;} .form-group .wpcf7-radio label .wpcf7-list-item-label:before{display: block;border: 1px solid #2043D5;border-radius: 100%;width: 24px;height: 24px; position: absolute; left: 0; top: 0;} .form-group .wpcf7-radio label .wpcf7-list-item-label:after{display: block; background: #2043D5; border-radius: 100%;width: 12px;height: 12px; position: absolute; left: 6px; top: 6px; opacity:0;} .form-group .wpcf7-radio label input:checked ~ .wpcf7-list-item-label:after{opacity:1;} .form-group .wpcf7-radio label input{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;} .form-group .wpcf7-checkbox label{display:inline-block;color: #1F43D4;font-size: 16px;font-weight: 400;line-height: 24px;width: 189px; position: relative; padding-left:35px;} .form-group .wpcf7-checkbox label .wpcf7-list-item-label:before{display: block;border: 1px solid #2043D5;width: 24px;height: 24px; position: absolute; left: 0; top: 0;} .form-group .wpcf7-checkbox label .wpcf7-list-item-label:after{display: block; background:url('../images/check-icon.svg') no-repeat center; width: 15px;height: 12px; position: absolute; left: 6px; top: 6px; opacity:0;} .form-group .wpcf7-checkbox label input:checked ~ .wpcf7-list-item-label:after{opacity:1;} .form-group .wpcf7-checkbox label input{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;} #competition_apply_modal .btn-group{flex-direction: column; align-items: center; width: 100%;} .btn-group .btn.big-btn{height:60px; line-height: 60px; min-width: 220px;} .btn-group .ajax-loader{position: absolute; right: 0; top: 20px;} body span.wpcf7-not-valid-tip{font-size: 13px;line-height: normal;} /*Form Styling END*/ /*Blog Page*/ .sidebar{padding:35px 25px; position: relative; border-top:3px solid #2043d5; background:#fff;box-shadow: 0 0 30px rgba(221, 221, 221, 0.5);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .sidebar + .sidebar{margin-top:40px;} .sidebar.bdr-0{border:0;} .sidebar.add-sidebar{padding:20px; text-align: center;} .add-sidebar hr{border-color:#dee2e6; margin:15px 0;} .add-sidebar p{color: #2E3655;font-size: 14px;font-weight: 400;line-height: 20px; margin:0 0 10px;} .blog-post{position:relative; padding:30px; align-items: center; flex-wrap: wrap; background:#fff;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; margin:0 0 10px;} .blog-post .left{order:1; padding-left:10px;} .blog-post .right{order:2; flex-basis:220px; min-width:220px; max-width:220px; min-height:80px; padding-left:60px;} .blog-post .right + .left{flex-basis:calc(100% - 220px); min-width:calc(100% - 220px); max-width:calc(100% - 220px);} .blog-post .right .imgbox{display: block; width: 100%;} .blog-post .right .imgbox img{display: block; width: 100%; height: auto;} .post-meta{color: #FD82A3;font-size: 14px;font-weight: 400;line-height: 21px; margin:0 0 10px;} .post-meta a{color: #FD82A3;} .post-meta a:hover{color: #FD82A3; text-decoration: underline;} .blog-post h4{color: #1F43D4;font-size: 24px;font-weight: 500;line-height: 36.2px;margin:0 0 20px;} .blog-post h4 a{color: #1F43D4;} .blog-post h4 a:hover{color: #FD82A3;} .blog-post .left p{margin:0;} .btn.loadmore{background:none; border:1px solid #2043d5; color:#3B57CA !important; width: 100%;} .btn.loadmore:before{display: none;} .btn.loadmore:hover, .btn.loadmore:focus{background: #2043d5; border-color: #2043d5; color: #fff !important;} .detail-imgbox{margin:40px 0;} .detail-imgbox img{display: block;} img.alignleft{float:left; margin:0 20px 20px 0;} img.alignright{float:right; margin:0 0 20px 20px;} img.alignnone {margin:0 0 20px;} iframe.alignleft {float:left; margin:0 30px 20px 0;} iframe.alignright {float:right;margin:0 0 20px 20px;} iframe.iframe-embed.alignright{max-width:500px;height:315px !important;} /*Contact Page*/ .page-banner{position: relative; overflow: hidden; margin:-30px 0 0;} .page-banner .items > img{display: block; width: 100%; height: 480px; object-fit: cover; object-position: center;} .contact-top-section{text-align: center; position: relative; z-index: 2; margin-top: -78px;} .contact-top-section .white-box{max-width: 760px; margin: 0 auto;} .contact-top-section .btn {min-width: 260px;margin-top: 10px;} .contact-top-section *:last-child{margin-bottom:0;} .contact-details p{color: #2E3655;font-size: 16px;font-weight: 400;line-height: 30px; margin:0;} .contact-details p + p{margin-top: 20px;} .contact-details a{color: #2043d5;} .contact-details a:hover{color: #FD82A3; text-decoration: underline;} .contact-details.phone p a:first-child{color:#2E3655;} .contact-details.phone p a:first-child:hover{color:#FD82A3; text-decoration:none;} .bdr-title {margin: 50px 0;} .team-list .items{margin:15px 0;} .team-info{position:relative; background:#fff; border:0; box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; overflow:hidden; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; height:100%;} .team-info.bdr-top{border-top:3px solid #2043d5;} .team-info .card-body{padding:24px 30px 30px; position: relative;} .team-info .popup-link{display:block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3;} .team-img{display: block; width: 100%; height: 270px; object-fit: cover; object-position: center top;} .team-info h6 {color: #2E3655;font-weight: 500; margin:0 0 10px;} .team-info .designation{display: block;color: #FD82A3;font-size: 16px;font-weight: 400;line-height: 24px; margin:0 0 10px;} .team-info p{margin:0; line-height: 30px; color:#2e3656;} .team-info p a{color:#2e3656;} .team-info p a:hover, .team-info p a:focus{color:#1f43d4;} .team-info .btn-with-icon{display:block; background:none; width: 42px; height: 42px; position: absolute; right: 30px; top: -21px; z-index: 1;} .team-info:hover{box-shadow:0 14px 24px 0 rgba(0, 13, 68, 0.15);} .team-info:hover .btn-with-icon .arrow-icon {right:-10px;} .team-block .bdr-title {margin: 30px 0;} .team-info .imgbox{display: block; width: 100%;} .team-info .imgbox img{display: block; width: 100%; height: auto;} .team-detail .team-info{margin:0; height: auto;} .team-popup-content{padding:0 0 0 20px;} .team-popup .modal-dialog{max-width: 970px;} .toggle-list .card{background:none; border:0; border-top:1px solid #dee2e6; position: relative;} .toggle-list .card-header{padding:25px 60px 25px 40px; background: #fff; position: relative; border:0; cursor: pointer;} .toggle-list h5{color: #1F43D4;font-size: 22px;font-weight: 500;line-height: 26px;margin:0;} .accordion .toggle-list .card-body {padding-top:10px;} .loading-main {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.5);z-index: 11;} .loading-main img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .gallery{display:flex;display:-webkit-flex; flex-wrap: wrap;} .gallery.gallery-columns-1 .gallery-item{flex-basis:100%; min-width:100%; max-width:100%;} .gallery.gallery-columns-2 .gallery-item{flex-basis:50%; min-width:50%; max-width:50%;} .gallery.gallery-columns-3 .gallery-item{flex-basis:33.33%; min-width:33.33%; max-width:33.33%;} .gallery.gallery-columns-4 .gallery-item{flex-basis:25%; min-width:25%; max-width:25%;} .gallery.gallery-columns-5 .gallery-item{flex-basis:20%; min-width:20%; max-width:20%;} .gallery.gallery-columns-6 .gallery-item{flex-basis:16.66%; min-width:16.66%; max-width:16.66%;} .gallery .gallery-item a{display: block; border: 2px solid transparent; overflow: hidden;} .gallery .gallery-item img{display: block; margin: 0 auto; width: 100%; height: auto; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .gallery .gallery-item a:hover img{transform:scale(1.05);} .event-content-section .left-block .accordion {padding-right: 100px;} /*====================================================================== =============================:: MEDIA CSS ::============================ =======================================================================*/ @media screen and (max-width:1365px) { .header-search-box {width:65%;min-width:65%;max-width:65%;} .header-top-menu li{margin-left:20px;} .nav-main nav > ul > li + li {margin-left:40px;} .nav-main nav > ul > li.home-icon + li{margin-left:10px;} .nav-main nav > ul > li.home-icon{min-width:80px;} } /* iPad 1024px View */ @media screen and (max-width:1280px) { h1{font-size:60px;line-height:74px;} h2{font-size:36px;line-height:42px;} h3{font-size:28px;line-height:34px;} h4{font-size:26px;line-height:32px;} h5{font-size:22px; line-height:26px;} h6{font-size:18px;line-height:24px;} .ptb-80 {padding-top:60px;padding-bottom:60px;} .p-80{padding:60px;} .mb-80{margin-bottom:60px;} .ptb-50{padding-top:30px; padding-bottom:30px;} .ptb-40{padding-top:30px; padding-bottom:30px;} .mb-80{margin-bottom:40px;} .padding-40{padding:30px;} .header-search-box {width: 55%;min-width: 55%;max-width: 55%;} .header-top-menu li{margin-left:15px;} .nav-main nav > ul > li > a{font-size:15px;} .nav-main nav > ul > li + li {margin-left:30px;} .nav-main nav > ul > li.home-icon{min-width:60px;} .banner{background-size:auto 100%;} .banner .items{height:400px;} .banner .caption{padding-top:60px;} .banner .caption h1, .banner .caption h2{font-size:60px;line-height:74px;} .events-section{margin-bottom:20px;} .fifty-fifty-section{padding:40px 0;} .fifty-fifty-section .row + .row{margin-top:40px;} .fifty-fifty-section .left-block{padding:20px 15px;} .fifty-fifty-section .content-box {padding: 20px 30px 20px 20px;} .fifty-fifty-section .content-box p br{display:none;} .fifty-fifty-section .row.reverse .content-box{padding: 20px 20px 20px 30px;} .mike-section{ padding:80px 0;} .mike-section h2{margin-bottom:30px; font-size:45px;} .mike-boxes-main {margin-top:10px;} .mike-box{padding:25px 20px 80px; margin-top:30px;} .mike-box .btn-with-icon {margin: 20px auto 0 auto;} .error404-content .header-search-box {margin: 40px auto 0 auto;} .events-page-section{margin-bottom:100px;} .page-title{padding:30px 0;} .filter-section {padding-right:0;} .events-page-section .events-list{margin-top:20px;} .events-page-section .events-list .col-lg-8{-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;} .events-page-section .events-list .col-lg-4{-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;} .events-page-section .event-box {padding: 10px 20px;} .event-title-cat, .events-page-section .date-with-location{padding:10px 0;} .events-page-section .event-location{margin:10px 0 0;} .bdr-title {margin: 40px 0;} .podcast-page .accordion {margin-bottom: 60px;} .accordion>.card .card-header h5 span {margin-left: 15px;} .competition-box{padding:40px;} .competition-box .image-box{margin-bottom:25px;} .blog-post{padding: 20px;} .blog-post .right{padding-left:40px;} .page-banner .items > img {height: 340px;} .middle-section.contact-page {padding: 40px 0;} .team-info .card-body {padding: 20px;} .team-img {height: 220px;} .toggle-list .card-header{padding:25px 60px 25px 30px;} .accordion .card-body {padding: 30px;} } @media screen and (max-width:991px) { h1{font-size:44px;line-height:54px;} h2{font-size:30px;line-height:36px;} h3{font-size:26px;line-height:32px;} h4{font-size:24px;line-height:30px;} h5{font-size:20px; line-height:24px;} h6{font-size:16px;line-height:20px;} .ptb-80 {padding-top:40px;padding-bottom:40px;} .p-80{padding:40px;} .mb-80{margin-bottom:40px;} .mobi-iconbox{display:block;} .nav-main{display:none;} .header-fixed .header{height:auto;} .header {height:auto; padding-top:10px; background:#f4f8ff;} .home .header, .home.header-fixed .header{background:#fff;} .header-right {flex-basis:auto;min-width:auto;max-width:none;} .header-search-box {width: 50%;min-width: 50%;max-width: 50%;margin: 0 !important;} .header-right-inner, .header-right .header-search-box, .header-right .nav-main1{display:none !important;} body, body.header-fixed{padding-top:0;} .header-fixed .header, .header{height:auto;position: static;} .header-fixed .header-inner, .header-inner {height:60px;opacity:1;visibility:visible; background:#578FFA; border-radius:3px; padding:0 25px;} .logo{flex-basis:72px; min-width:72px; max-width:72px; height:60px; display:flex; display:-webkit-flex; align-items: center;} .blue-logo{display:none !important;} .white-logo{display:block !important;} .header .container{padding:0 10px;} .mobile-menu-open .header-fixed .header-inner, .mobile-menu-open .header-inner{height:auto;} .search-btn-main{display:block; margin-right:15px;} .search-btn{width:30px; height:40px; background:url(../images/search.svg) no-repeat center; background-size:16px auto; display:block;} .search-box-open .search-btn{background:url(../images/search-hover.svg) no-repeat center; background-size:16px auto;} .search-btn:focus{outline:none; box-shadow:none;} .mobile-search-bar {padding: 10px; background:#fff;} .mobile-search-bar .header-search-box {width: 100%;min-width: 100%;max-width: 100%;} .banner .items{height:280px;} .banner .caption{padding-top:40px;} .banner .caption h1, .banner .caption h2{font-size:44px;line-height:54px;} .fifty-fifty-section .content-box h2{margin-bottom:10px;} .fifty-fifty-section .content-box .btn {margin-top: 15px;} .mike-section{ padding:60px 0;} .mike-section h2{margin-bottom:20px; font-size:45px;} .mike-boxes-main {margin-top:10px;} .mike-box{padding:20px 15px 80px; margin-top:20px;} .mike-box .btn-with-icon {margin:10px auto 0 auto;} /** Footer **/ .footer-inner .row>div:nth-child(3) {border-left: 0; margin-top:30px;} .footer-inner .row>div:nth-child(4) {margin-top:30px;} .error404-content .header-search-box {margin: 30px auto 0 auto; position: relative; top:0; left:0; right:0;} .thank-you-page h2, .error404-content h2 {margin-bottom:15px;} .error404-content p br{display:none;} .events-page-section{margin-bottom:60px;} .event-content-section .left-block {width: 75%;} .sticky-sidebar .right-sticky-block {margin-top: 100px;} .page-title{padding:20px 0;} .events-page-section .events-list{margin-top:15px;} .events-page-section .events-list .col-lg-8{-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;} .events-page-section .events-list .col-lg-4{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;} .events-page-section .event-box {padding: 10px 15px;} .modal-styling .modal-header {padding: 10px 20px; line-height:normal;} .modal-styling .close {margin: 0 -5px 0 0;width: 30px;height: 30px;} .modal-styling .modal-body {padding: 20px;} .podcast-page .accordion {margin-bottom:40px;} .accordion>.card .card-header{padding:10px 60px 10px 20px;} .accordion>.card .card-header h5 span {margin-left: 10px;} .accordion>.card .card-header:after{left:20px; right:20px;} .embedded-widget-block {margin-top: 25px;padding-top:25px;} .competition-box{padding:25px;} .competition-box h3, .competition-box .image-box{margin-bottom:15px;} .competition-box .btn{margin-top:10px;} .sidebar {padding: 20px 20px; margin-top:20px;} .blog-list .btnbox.ptb-50 {padding-top: 10px;} .contact-top-section .white-box {max-width: 640px;} .team-popup-content {padding: 0;} .sidebar + .sidebar{margin-top:20px;} .event-content-section .left-block .accordion {padding-right: 80px;} } /* iPhone-6 plus 736 (Landscape) view */ @media screen and (max-width:767px) { body {-webkit-text-size-adjust:none;} h1,h2,h3,h4,h5,h6{margin:0 0 10px} h1{font-size:30px;line-height:normal;} h2{font-size:28px;line-height:normal;} h3{font-size:24px;line-height:22px;} h4{font-size:22px;line-height:24px;} h5{font-size:18px; line-height:20px;} h6{font-size:15px;line-height:18px;} p {font-size: 15px;line-height: 22px;margin: 0 0 15px;} ul li, ol li{font-size: 15px; line-height: 22px;} hr{margin: 20px 0;} .ptb-80 {padding-top:30px;padding-bottom:30px;} .p-80{padding:30px;} .mb-80{margin-bottom:30px;} .padding-40 {padding: 20px;} .entry-content ul li {padding: 0 0 0 15px;margin: 0 0 5px;} .entry-content ul li:before{font-size: 14px;} .banner .items{height:200px;} .banner .caption{padding-top:20px;} .banner .caption h1, .banner .caption h2{font-size:30px;line-height:normal;} .banner .caption p{font-size:16px; line-height:20px;} .event-box {padding: 10px 0;} .events-section .row>div + div {margin-top: 15px;} .fifty-fifty-section .right-block, .fifty-fifty-section .reverse .right-block{right:0; left:0; background:none; box-shadow:none;} .fifty-fifty-section .content-box, .fifty-fifty-section .reverse .content-box{padding:20px; background:#fff;box-shadow:0 1px 2px 0 rgba(0, 13, 68, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fifty-fifty-section .right-block:before, .fifty-fifty-section .reverse .right-block:before{left:15px; right:15px; top:-50px; width:auto; height:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fifty-fifty-section .reverse .right-block:after, .fifty-fifty-section .right-block:after{left:15px; right:15px; top:-40px; width:auto; height:50px;} .fifty-fifty-section .left-block {padding: 0 30px;} .mike-section{ padding:40px 0;} .mike-section h2{margin-bottom:10px; font-size:30px;} .mike-section p br{display:none;} /** Footer **/ .footer-inner{padding:30px 10vw;} .footer-inner .row>div:nth-child(3), .footer-inner .row>div:nth-child(4), .footer-inner .row>div + div{border-left:0; border-top:1px solid #4672d8; margin-top:20px; padding-top:20px;} .footer h2{margin-bottom:15px;} .phone-email, .footer .social-icons{margin-top:15px;} .footer .social-icons li{display:block;padding:0; margin:0; list-style:none;} .footer .social-icons li + li{margin-top:5px;} .footer-bottom-inner{flex-wrap:wrap;} .footer-bottom p {width: 100%;text-align: center;} .footer-link {width: 100%;text-align: center;} .footer-link a {border:0; padding:0 0 0 5px;margin: 0 0 0 5px;text-align: center;} .footer-link li + li a{border-left:1px solid #2e3656;} .scrollup{bottom:10px; font-size:16px;} .events-page-section{margin-bottom:40px;} .page-title{padding:20px 0;} .events-page-section .events-list{margin-top:10px;} .events-page-section .events-list .col-lg-4, .events-page-section .events-list .col-lg-8{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .events-page-section .events-list .bdr-left {border-left:0;} .event-title-cat{border-bottom:1px solid #d9e6fe; width:100%;} .filter-section>div + div{margin-top:10px;} .sticky-sidebar, .sticky-sidebar .container{height: auto; position: relative; top: 0;} .sticky-sidebar .right-sticky-block {margin-top: 30px;} .event-content-section .container.d-flex{flex-wrap:wrap;} .event-content-section .left-block {width: 100%;} .event-content-section .content-box{padding:20px;} .event-content-section h2 {margin-bottom: 15px;} .event-content-section p {margin-bottom: 15px;} .right-sticky-block{width:100%; max-width:100%; margin:20px 0 0; padding:20px} .right-sticky-block p{margin:15px 0 0;} .right-sticky-block .btn{margin-top:15px;} .bdr-title {margin: 20px 0;} .podcast-page .accordion {margin-bottom:30px;} .accordion>.card .card-header{padding:10px 50px 10px 15px;} .accordion>.card .card-header h5 span {margin-left: 5px;font-size:16px;} .accordion>.card .card-header:after{left:15px; right:15px;} .toggle-btn {width: 30px;height: 30px; right:15px;} .toggle-btn:before{width:14px;} .toggle-btn:after{height:14px;} .embedded-widget-block {margin-top: 15px;padding-top:15px;} .page-title{flex-wrap: wrap;} .title-description {width: 100%; margin-top:10px;} .title-description p{font-size:18px;} .toggle-list .card-header{padding:20px 50px 20px 20px;} .accordion .card-body {padding: 20px;} .competition-box{padding:15px;} .competition-box h3, .competition-box .image-box{margin-bottom:10px;} .competition-list{margin-top:-15px;} .competition-box{margin-top:15px;} .compt-detail .imgbox {margin: 0 20px 20px 0;} .form-group{margin:0 0 20px;} .btn-group .btn.big-btn{height:50px; line-height:50px; min-width:160px;} .btn-group .ajax-loader{top: 10px;} .blog-post .right{flex-basis:100%; min-width:100%; max-width:100%; order:1; padding:0 0 20px;} .blog-post .right + .left{flex-basis:100%; min-width:100%; max-width:100%;} .blog-post .left{order:2; padding:0;} .blog-post h4 {font-size: 22px;line-height: 24px;margin: 0 0 15px;} img.alignleft, img.alignright, iframe.alignleft, iframe.alignright{float:none; margin:0 0 15px;} iframe.alignleft, iframe.alignright {width:100%;} .contact-top-section .white-box {max-width: 100%; padding: 30px 20px;} .contact-details {border: 1px solid #ddd;padding: 20px;margin: 0 0 -1px;} .contact-top-section .btn {min-width: 240px;margin-top: 0;} .team-img {height: auto;} .team-list .items {margin: 10px 0;} .team-block .bdr-title {margin: 20px 0;} .team-popup-content {padding: 20px 0 0;} .form-group span.wpcf7-list-item{margin:5px 0;} .event-content-section .left-block .accordion {padding-right:0;} } /*View :: 320px ::*/ @media screen and (max-width:479px) { h1 br, h2 br{display:none;} .scrollup{bottom:30px;} .banner .items {height: 160px;} }