@charset "UTF-8"; .fancybox-infobar, .fancybox-slide--image .fancybox-content { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fancybox-container, .fancybox-thumbs, .fancybox-thumbs__list a { -webkit-tap-highlight-color: transparent; } .fancybox-container *, .mm-btn, .mm-menu, .mm-panel, .mm-panels { box-sizing: border-box; } .igcsetable-wrap table, table { border-collapse: collapse; border-spacing: 0; } .fancybox-caption, .fancybox-infobar, .slick-slide.dragging img, .yearblk:after { pointer-events: none; } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .carrer-logo{ width: 140px!important ; } @media(max-width:500px) { .carrer-logo{ width: 40px!important; } } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 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: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } } @keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY, .flipOutX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } } .flipInY { backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } .fancybox-container, .fancybox-slide, .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(120px); transform: translateX(120px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(120px); -ms-transform: translateX(120px); transform: translateX(120px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .blink_me, .blink_mef { -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } .blink_me { -webkit-animation-name: blinker; -moz-animation-name: blinker; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1; } 25% { opacity: 0; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 25% { opacity: 0; } } @keyframes blinker { 0% { opacity: 1; } 25% { opacity: 0; } } .blink_mef { -webkit-animation-name: blinkerf; -moz-animation-name: blinkerf; animation-name: blinkerf; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinkerf { 0% { opacity: 1; } 75% { opacity: 0; } } @-webkit-keyframes blinkerf { 0% { opacity: 1; } 75% { opacity: 0; } } @keyframes blinkerf { 0% { opacity: 1; } 75% { opacity: 0; } } .blink_mes { -webkit-animation-name: blinkers; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinkers; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinkers; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinkers { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes blinkers { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes blinkers { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .fancybox-is-open .fancybox-stage, body.compensate-for-scrollbar { overflow: hidden; } .animated-modal .staff-caption, .fancybox-active, .homepopup .modal-body { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { height: 100%; left: 0; outline: 0; position: fixed; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s, visibility 0s 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s, visibility; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; top: 0; -webkit-touch-callout: none; user-select: none; } .mm-menu, .slick-dots li button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-toolbar, .mm-searchfield__btn { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-slide { display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-show-thumbs .fancybox-thumbs, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous, .mm-listitem_opened > .mm-panel, .mm-menu_offcanvas.mm-menu_opened, .mm-panel:not(.mm-hidden), .mm-panel_has-navbar .mm-navbar { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2), .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small, .fancybox-slide--image::before, .mm-listitem_nosubitems > .mm-counter, .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: 0 0/100% 100% no-repeat; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; user-select: none; z-index: 99995; } .fancybox-image, .fancybox-share__button, .fancybox-spaceball { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .mm-menu_dropdown, .mm-menu_popup, [class*="mm-menu_tip-"]:before { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .academi-slider .slick-slide, .fancybox-button:focus, .gallery-slider .slick-slide, .slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="text"]:focus, select:focus, textarea:focus { outline: 0; } .fancybox-button.fancybox-focus { outline: dotted 1px; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient( to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .mm-menu_popup, .mm-menu_position-bottom, .mm-menu_position-top { max-height: 880px; min-height: 140px; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: 1s linear infinite fancybox-rotate; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0); transform: rotate(0); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; } .checkboxlable, .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fancybox-share__button:link, .fancybox-share__button:visited, .hiddennav li a, .menublk a, .social-link a { color: #fff; } .fancybox-share__button:hover, .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover, .mm-listitem a, .mm-listitem a:hover, .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs__list, .mm-wrapper, .mm-wrapper_opened { position: relative; overflow-x: hidden; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-y: auto; padding: 0; white-space: nowrap; width: 100%; } .cambridge-secondarywrap, .fancybox-thumbs-x .fancybox-thumbs__list, .leadingedge-wrap, .mm-panels, .mm-wrapper_blocking, .mm-wrapper_blocking body { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before, .mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem, .mm-wrapper_opening .mm-menu_fx-menu-fade, .mm-wrapper_opening .mm-menu_popup, .slick-dots li button:focus:before, .slick-dots li button:hover:before, input.mm-check:checked ~ label.mm-check:before, ul.list-intro-tab li.active::before, ul.list-intro-tab li:hover:before { opacity: 1; } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .mm-hidden { display: none !important; } .mm-menu { display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; font-family: Gotham; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: #fff; text-decoration: none; } .mm-panels, .mm-panels > .mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panel, .mm-panels { background: inherit; border-color: rgba(255, 255, 255, 0.3); margin: 0; } .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .mm-listitem > a, .mm-listitem > span, .mm-listitem_divider, .mm-navbar__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mm-panel:after, .mm-panel:before { content: ""; display: block; height: 20px; } .mm-listitem_spacer, .mm-panel_has-navbar, .mm-panel_has-searchfield { padding-top: 40px; } .mm-panel_opened { z-index: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel_opened-parent, .mm-wrapper_opened .mm-menu_fx-menu-slide { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened, .mm-panel_highest, .mm-wrapper_dropdown .mm-menu_dropdown { z-index: 2; } .mm-panel_noanimation { transition: none !important; } .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-menu_rtl [class*="mm-panel_iconpanel-"].mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened, .mm-panel_fx-slide-up.mm-panel_opened, .mm-panel_noanimation.mm-panel_opened-parent, .mm-wrapper_opening .mm-menu_fx-menu-slide, .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right, .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-listitem_vertical > .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: none; padding: 10px 0 10px 10px; } .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before, .mm-menu_listview-justify .mm-panels > .mm-panel:after, .mm-menu_listview-justify .mm-panels > .mm-panel:before, .mm-menu_shadow-page.mm-menu_position-front:after, .mm-menu_tileview .mm-listitem > .mm-btn_next:after, .mm-menu_tileview .mm-listitem > .mm-btn_next:before, .mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview .mm-listitem > .mm-btn_next:after, .mm-panel_tileview .mm-listitem > .mm-btn_next:before, .mm-panel_tileview:after, .mm-panel_tileview:before, .mm-panels > .mm-panel_listview-justify:after, .mm-panels > .mm-panel_listview-justify:before, [class*="mm-wrapper_sidebar-expanded-"] .mm-menu_sidebar-expanded.mm-menu_pageshadow:after { content: none; display: none; } .mm-listitem_vertical > .mm-btn_next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent; } .mm-listitem_opened > .mm-btn_next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } #feedbackfrm, .alevel-languagetablehead, .council-img img, .enquiryfieldwrap, .enquiryform-blk, .flyer-popup, .form-group.commentsec, .iblogoblk img, .img-responsive, .mm-btn_fullwidth, .mm-menu_columns-0 .mm-panels > .mm-panel else, .mm-menu_columns-1 .mm-panels > .mm-panel else, .mm-menu_columns-2 .mm-panels > .mm-panel else, .mm-menu_columns-3 .mm-panels > .mm-panel else, .mm-menu_columns-4 .mm-panels > .mm-panel else, .why-block img { width: 100%; } .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { content: ""; border: 3px solid transparent; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_clear:after, .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } .mm-btn_next:after, .mm-btn_prev:before { content: ""; border-top: 3px solid transparent; border-left: 3px solid transparent; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-btn_prev:before, .mm-menu_rtl .mm-listitem .mm-btn_next:after, .mm-menu_rtl .mm-navbar .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-btn_next:after, .mm-menu_rtl .mm-navbar .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; display: none; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 1; transition: opacity 0.4s; } .campus-sec2, .datefield, .gallery-img, .home-slider-wrap, .mm-listitem, .mm-menu_autoheight:not(.mm-menu_offcanvas), .mm-page, .science-bg, .slick-slide, .tabitm, .tour-form-wrap .formfieldblk.date, .why-choose-img, [class*="mm-wrapper_sidebar-collapsed-"] body, [class*="mm-wrapper_sidebar-expanded-"] body { position: relative; } .mm-iconbar__bottom > *, .mm-iconbar__top > *, .mm-navbar > * { box-sizing: border-box; display: block; padding: 10px 0; } .mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl [class*="mm-panel_iconpanel-"], .mm-menu_rtl [class*="mm-panel_iconpanel-"] ~ .mm-listview_fixeddivider, .mm-navbar__btn:first-child, [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_iconpanel-first, [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_iconpanel-first.mm-panel_opened ~ .mm-listview_fixeddivider { left: 0; } .mm-navbar__btn:last-child { text-align: right; right: 0; } .mm-listitem, .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-listitem, .mm-listitem .mm-btn_next, .mm-listitem .mm-btn_next:before, .mm-listitem:after, .mm-listview { border-color: inherit; } .mm-listview { font: inherit; line-height: 20px; font-family: BalooChettan-Regular; } .heading1, body { font-weight: 400; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listitem:after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; right: 0; bottom: 0; border-color: rgba(255, 255, 255, 0.1); left: 20px; } .mm-listitem > a, .mm-listitem > span { color: inherit; display: block; padding: 18px 10px 18px 20px; margin: 0; letter-spacing: 1px; } .mm-listitem .mm-btn_next { background: rgba(3, 2, 1, 0); padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-menu .mm-listitem_divider, .mm-menu .mm-listitem_opened > .mm-btn_next, .mm-menu .mm-listitem_opened > .mm-panel, .mm-searchfield input { background: rgba(0, 0, 0, 0.05); } .mm-listitem .mm-btn_next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) { width: 50px; } .mm-btn_next + label.mm-check + a, .mm-btn_next + label.mm-check + span, .mm-btn_next + label.mm-toggle + a, .mm-btn_next + label.mm-toggle + span, .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + a, .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + span { margin-right: 50px; } .mm-listitem .mm-btn_fullwidth:before { border-left: none; } .mm-btn_next + label.mm-check + a, .mm-btn_next + label.mm-check + span, .mm-listitem .mm-btn_fullwidth + a, .mm-listitem .mm-btn_fullwidth + span, .result-listblk li { padding-right: 50px; } .mm-listitem_divider { font-size: 75%; text-transform: uppercase; padding: 5px 10px 5px 20px; } .mm-listitem_divider:after { content: " "; position: static; display: inline-block; } .mm-listitem_spacer > .mm-btn_next, .mm-menu_navbar_top-1 .mm-panels, .mm-panel_has-navbar.mm-panel_has-searchfield > .mm-searchfield { top: 40px; } .mm-menu { background: #5f2886; border-color: rgba(255, 255, 255, 0.4); color: #fff; } .mm-iconbar__tab_selected, .mm-menu .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu .mm-listitem_selected > span, .mm-menu_keyboardfocus a:focus { background: rgba(255, 255, 255, 0.4); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: #fff; font-family: BalooChettan-Regular; } .mm-counter, .mm-iconbar, .mm-iconbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview .mm-btn_next:after { border-color: #fff; } .mm-menu .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4); tap-highlight-color: rgba(255, 255, 255, 0.4); } .mm-page { box-sizing: border-box; } .mm-menu_offcanvas, .mm-page__blocker { display: none; position: fixed; width: 100%; } .mm-slideout { transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; z-index: 1; } .mm-wrapper_background .mm-page { background: inherit; } .mm-menu_offcanvas { right: auto; z-index: 3; min-width: 140px; max-width: 300px; } .mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms { z-index: 10; } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(80vw, 0); -ms-transform: translate(80vw, 0); transform: translate(80vw, 0); -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } .mm-page__blocker { background: rgba(3, 2, 1, 0); height: 100%; top: 0; left: 0; z-index: 2; } .blackoverlay.show, .casdesc .hide-select-div:first-child, .checkboxlable input:checked ~ .checkmark:after, .desk-banner, .enqpopupblk.show, .mm-counter, .mm-panel_dividers .mm-listview_fixeddivider, .mm-wrapper_blocking .mm-page__blocker, .overlay.show, .radiobutton input:checked ~ .checkmarkforradio:after, .slick-initialized .slick-slide, .slick-slide img, .sprite, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-menu_columns-0, .mm-menu_columns-1, .mm-menu_columns-2, .mm-menu_columns-3, .mm-menu_columns-4 { width: 80%; min-width: 140px; } .mm-menu_autoheight { transition: transform 0.4s, height 0.4s, -webkit-transform 0.4s; } .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top { max-height: 80%; } .mm-menu_autoheight-measuring .mm-panel, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened-parent, [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened, [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened-parent { display: block !important; } .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel, [class*="mm-wrapper_sidebar-expanded-"] .mm-page__blocker { display: none !important; } .mm-menu_autoheight-measuring .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } [class*="mm-menu_columns-"] { transition-property: width; } [class*="mm-menu_columns-"] .mm-panels > .mm-panel { right: auto; transition-property: width, transform, -webkit-transform; } [class*="mm-panel_columns-"] { border-right: 1px solid; border-color: inherit; } .mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 { border-right: none; } .mm-menu_columns-0 .mm-panels > .mm-panel { z-index: 0; } .mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent), .mm-menu_position-front.mm-menu_position-right, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-1 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu_columns-0 { max-width: 0; } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-80vw, 0); -ms-transform: translate(-80vw, 0); transform: translate(-80vw, 0); -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-menu_columns-1 .mm-panels > .mm-panel { z-index: 1; width: 100%; } .mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent), [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-2 { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu_columns-1 { max-width: 440px; } .mm-menu_columns-2 .mm-panels > .mm-panel { z-index: 2; width: 50%; } .mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent), [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-3 { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu_columns-2 { max-width: 880px; } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(880px, 0); -ms-transform: translate(880px, 0); transform: translate(880px, 0); -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-880px, 0); -ms-transform: translate(-880px, 0); transform: translate(-880px, 0); -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0); } } .mm-menu_columns-3 .mm-panels > .mm-panel { z-index: 3; width: 33.34%; } .mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent), [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-4 { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu_columns-3 { max-width: 1320px; } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(1320px, 0); -ms-transform: translate(1320px, 0); transform: translate(1320px, 0); -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-1320px, 0); -ms-transform: translate(-1320px, 0); transform: translate(-1320px, 0); -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0); } } .mm-menu_columns-4 .mm-panels > .mm-panel { z-index: 4; width: 25%; } .mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu_columns-4 { max-width: 1760px; } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(1760px, 0); -ms-transform: translate(1760px, 0); transform: translate(1760px, 0); -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-1760px, 0); -ms-transform: translate(-1760px, 0); transform: translate(-1760px, 0); -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0); } } [class*="mm-menu_columns-"].mm-menu_position-bottom, [class*="mm-menu_columns-"].mm-menu_position-top { width: 100%; max-width: 100%; min-width: 100%; } .mm-wrapper_opening [class*="mm-menu_columns-"].mm-menu_position-front { transition-property: width, min-width, max-width, transform, -webkit-transform; } .mm-counter { font-style: normal; line-height: 20px; margin-top: -10px; position: absolute; right: 45px; top: 50%; } .mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) { width: 90px; } .mm-counter + .mm-btn_next + label.mm-check + a, .mm-counter + .mm-btn_next + label.mm-check + span, .mm-counter + .mm-btn_next + label.mm-toggle + a, .mm-counter + .mm-btn_next + label.mm-toggle + span, .mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) + a, .mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) + span { margin-right: 90px; } .mm-counter + .mm-btn_fullwidth + a, .mm-counter + .mm-btn_fullwidth + span { padding-right: 90px; } .mm-listitem_vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-listitem_vertical.mm-listitem_spacer > .mm-counter { margin-top: 40px; } .mm-listitem_divider { opacity: 1; transition: opacity 0.4s; } .mm-menu_dividers-light .mm-listitem_divider { background: inherit; font-size: inherit; color: rgba(0, 0, 0, 0.3); padding-top: 15px; padding-bottom: 5px; } .mm-border-none .mm-listitem_divider { border-top-width: 1px; border-top-style: solid; } .mm-listview_fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-listview_fixeddivider:after { content: none !important; display: none !important; } .mm-panel__blocker, [class*="mm-menu_tip-"]:before { display: block; background: inherit; position: absolute; } .mm-wrapper_opened.mm-dragging .mm-menu, .mm-wrapper_opened.mm-dragging .mm-slideout { transition-duration: 0s; } .mm-menu_dropdown { height: 80%; } .mm-menu_popup.mm-menu_opened ~ .mm-slideout, .mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout, .mm-wrapper_dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu_popup.mm-menu_opened ~ .mm-page__blocker, .mm-wrapper_dropdown .mm-page__blocker { transition-delay: 0s !important; z-index: 1; } [class*="mm-menu_tip-"]:before { content: ""; width: 15px; height: 15px; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu_tip-left:before { left: 22px; } .mm-menu_tip-right:before { right: 22px; } .mm-menu_tip-top:before { top: -8px; } .mm-menu_tip-bottom:before { bottom: -8px; } .mm-iconbar { border-color: inherit; border-style: solid; border-width: 0 1px 0 0; text-align: center; line-height: 20px; overflow: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; } .mm-iconbar__bottom, .mm-iconbar__top { width: inherit; position: absolute; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .campus-innerwrap.beginningjourney .campus-left, .mm-iconbar__top { top: 0; } .mm-iconbar__bottom { bottom: 0; } .mm-menu_iconbar-40 .mm-navbars_bottom, .mm-menu_iconbar-40 .mm-navbars_top, .mm-menu_iconbar-40 .mm-panels, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider { left: 40px; } .mm-menu_iconbar-40 .mm-iconbar { width: 40px; } .mm-menu_iconbar-60 .mm-navbars_bottom, .mm-menu_iconbar-60 .mm-navbars_top, .mm-menu_iconbar-60 .mm-panels, .mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-btn_next + label.mm-check, .mm-menu_rtl .mm-btn_next + label.mm-toggle { left: 60px; } .mm-menu_iconbar-60 .mm-iconbar { width: 60px; } .mm-menu_iconbar-80 .mm-navbars_bottom, .mm-menu_iconbar-80 .mm-navbars_top, .mm-menu_iconbar-80 .mm-panels, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider { left: 80px; } .mm-menu_iconbar-80 .mm-iconbar { width: 80px; } [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel { transition-property: transform, left, -webkit-transform; } [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened-parent[class*="mm-panel_iconpanel-"]:not( .mm-panel_iconpanel-first ):not(.mm-panel_iconpanel-0), [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened[class*="mm-panel_iconpanel-"]:not( .mm-panel_iconpanel-first ):not(.mm-panel_iconpanel-0) { border-left: 1px solid; border-color: inherit; } [class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened-parent { overflow-y: hidden; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [class*="mm-menu_iconpanel-"].mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider, [class*="mm-menu_iconpanel-"].mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar, [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-page__blocker, [class*="mm-wrapper_sidebar-collapsed-"]:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider, [class*="mm-wrapper_sidebar-collapsed-"]:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar { opacity: 0; } .mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider { left: 120px; } .mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider { left: 180px; } .mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider { left: 160px; } .mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider { left: 240px; } .mm-panel__blocker { opacity: 0; top: 0; right: 0; left: 0; z-index: 3; transition: opacity 0.4s; } .mm-panel_opened-parent .mm-panel__blocker { opacity: 0.6; bottom: -100000px; } .mm-menu_keyboardfocus a:focus { outline: 0; } .mm-navbars_bottom, .mm-navbars_top { background: inherit; border-color: rgba(255, 255, 255, 0.3); border-width: 0; position: absolute; left: 0; right: 0; z-index: 1; } .mm-navbars_bottom > .mm-navbar, .mm-navbars_top > .mm-navbar { border-width: 0; border-color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .campus-innerwrap.admissionagewrapper .campus-right, .mm-navbars_bottom > .mm-navbar:not(.mm-navbar_has-btns), .mm-navbars_top > .mm-navbar:not(.mm-navbar_has-btns) { padding: 0; } .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mm-navbars_top { border-bottom-style: solid; border-bottom-width: 1px; top: 0; bottom: auto; } .mm-menu_navbar_top-2 .mm-panels { top: 80px; } .mm-menu_navbar_top-3 .mm-panels { top: 120px; } .mm-menu_navbar_top-4 .mm-panels { top: 160px; } .mm-navbars_bottom { border-top-style: solid; border-top-width: 1px; bottom: 0; top: auto; } .mm-menu_navbar_bottom-1 .mm-panels { bottom: 40px; } .mm-menu_navbar_bottom-2 .mm-panels { bottom: 80px; } .mm-menu_navbar_bottom-3 .mm-panels { bottom: 120px; } .mm-menu_navbar_bottom-4 .mm-panels { bottom: 160px; } .mm-navbar_size-2 { height: 80px; } .mm-navbar_size-3 { height: 120px; } .mm-navbar_size-4 { height: 160px; } .mm-navbar__breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar__breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar__breadcrumbs > a { text-decoration: underline; } .mm-navbar_has-btns .mm-navbar__breadcrumbs { margin-left: -40px; } .mm-navbar_has-btns .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar_tabs, .mm-navbar_tabs ~ .mm-navbar { background: inherit !important; } .mm-navbar__tab_selected { background: inherit; border: 1px solid; border-color: inherit; } .mm-navbar__tab_selected:first-child { border-left: none; } .blogtable table th, .blogtable thead th:last-child, .mm-navbar__tab_selected:last-child, table td:nth-child(2n + 4) { border-right: none; } .mm-navbars_top .mm-navbar_tabs:not(:last-child) { border-bottom: 1px solid; border-bottom-color: inherit; } .mm-navbars_top .mm-navbar__tab_selected { border-bottom: none; margin-bottom: -1px; } .mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected { border-top: none; } .mm-navbars_bottom .mm-navbar_tabs:not(:first-child) { border-top: 1px solid; border-top-color: inherit; } .mm-navbars_bottom .mm-navbar__tab_selected { border-top: none; margin-top: -1px; } .assessment-txt:last-child, .border-btm, .ibtableinn .ibtablemain:last-child, .mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected { border-bottom: none; } .mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover, .mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth), .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) { background: rgba(255, 255, 255, 0.4); } .mm-menu_opened.mm-menu_pagedim ~ .mm-page__blocker, .mm-sectionindexer { background: inherit; } .mm-menu_rtl { direction: rtl; } .mm-menu_rtl.mm-menu_offcanvas { right: auto; } .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-menu_fx-panels-slide-right .mm-panel, .mm-menu_rtl .mm-panel:not(.mm-panel_opened), .mm-panel_fx-slide-100.mm-panel_opened-parent, .mm-panel_fx-slide-right { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu_rtl .mm-panel.mm-panel_opened-parent, .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .campus-innerwrap.sec2 .campus-left, .mm-menu_position-right, .mm-menu_rtl .mm-listitem .mm-btn_next:before, .mm-menu_rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0; } .mm-menu_rtl .mm-listitem .mm-btn_next, .mm-menu_rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0; } .mm-menu_rtl .mm-listitem:after { left: 0; right: 20px; } .mm-menu_rtl .mm-listitem > a:not(.mm-btn_next), .mm-menu_rtl .mm-listitem > span:not(.mm-btn_next) { padding-left: 10px; padding-right: 20px !important; margin-right: 0 !important; } .mm-menu_rtl .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-btn_next + label.mm-check + span, .mm-menu_rtl .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-btn_next + label.mm-toggle + span, .mm-menu_rtl .mm-listitem .mm-btn_next + a, .mm-menu_rtl .mm-listitem .mm-btn_next + span { margin-left: 50px; } .mm-menu_rtl .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-btn_next + label.mm-check + span, .mm-menu_rtl .mm-listitem .mm-btn_fullwidth + a, .mm-menu_rtl .mm-listitem .mm-btn_fullwidth + span { padding-left: 50px; } .mm-menu_rtl .mm-counter { left: 45px; right: auto; } .mm-menu_rtl .mm-counter + .mm-btn_next + a, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check + span, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle + span, .mm-menu_rtl .mm-counter + .mm-btn_next + span { margin-left: 90px; } .mm-menu_rtl .mm-listview .mm-counter + .mm-btn_fullwidth + a, .mm-menu_rtl .mm-listview .mm-counter + .mm-btn_fullwidth + span { padding-left: 90px; } .mm-menu_rtl[class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel { transition-property: transform, right, -webkit-transform; } .mm-menu_rtl[class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_iconpanel-first, .mm-menu_rtl[class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_iconpanel-first.mm-panel_opened ~ .mm-listview_fixeddivider { left: 0; right: 0; } .mm-menu_rtl[class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened, .mm-menu_rtl[class*="mm-menu_iconpanel-"] .mm-panels > .mm-panel_opened-parent { border-left: none; border-right: 1px solid; border-color: inherit; } .campus-sec2 .campus-left, .mm-menu_has-sectionindexer .mm-sectionindexer, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider { right: 0; } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider, .number-main.nursery-section.number-5 { right: 40px; } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider { right: 80px; } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider { right: 120px; } .mm-btn_next + label.mm-check, .mm-btn_next + label.mm-toggle, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider { right: 60px; } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider { right: 180px; } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider { right: 160px; } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider { right: 240px; } .mm-menu_rtl html[class*="mm-sidebar_expanded-"]:not(.mm-sidebar_closed) .mm-menu_rtl ~ .mm-slideout { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; right: 0; } .mm-menu_rtl label.mm-check, .mm-menu_rtl label.mm-toggle { left: 20px; right: auto !important; } .mm-menu_rtl label.mm-toggle + a, .mm-menu_rtl label.mm-toggle + span { padding-left: 80px; } .mm-menu_rtl label.mm-check + a, .mm-menu_rtl label.mm-check + span { padding-left: 60px; } .mm-menu_rtl .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-btn_next + label.mm-toggle + span { padding-left: 70px; } .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle { left: 100px; } .mm-searchfield { height: 40px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .mm-searchfield input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: inherit; line-height: 26px; display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px; color: rgba(0, 0, 0, 0.75); } .mm-menu_theme-white .mm-counter, .mm-menu_theme-white .mm-iconbar, .mm-menu_theme-white .mm-iconbar a, .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar > *, .mm-menu_theme-white .mm-panel__noresultsmsg, .mm-menu_theme-white .mm-sectionindexer a, .mm-sectionindexer a { color: rgba(0, 0, 0, 0.3); } .mm-searchfield input::-ms-clear { display: none; } .mm-searchfield__input { padding: 7px 10px 0; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; width: 100%; max-width: 100%; } .mm-panel__noresultsmsg { text-align: center; font-size: 150%; padding: 40px 0; color: rgba(0, 0, 0, 0.3); } .mm-searchfield__cancel { text-decoration: none; line-height: 40px; display: block; padding-right: 10px; margin-right: -100px; transition: margin 0.4s; } .mm-sectionindexer, .mm-sectionindexer ~ .mm-panels { transition: right 0.4s; } .earlyyear-sec2blk.reverse .eyfs-principlesleft, .formfieldwrap.curriculum, .grade9blk .formfield:last-child, .haacwrap .tabitm:last-child, .haccblk:last-child, .mm-searchfield__cancel-active, .parent-detail .formfieldwrap:last-child, .parent-detail .formfieldwrap:nth-child(6n + 3), .parent-detail .formfieldwrap:nth-child(6n + 6), .popuptext-main .mCSB_inside > .mCSB_container, .siblingwrap .formfieldwrap.age:last-child, .social-link li:last-child { margin-right: 0; } .mm-panel > .mm-searchfield { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel_has-navbar.mm-panel_has-searchfield { padding-top: 80px; } .mm-listitem_nosubitems > .mm-btn_next { display: none; } .mm-listitem_nosubitems > .mm-btn_next + a, .mm-listitem_nosubitems > .mm-btn_next + span { padding-right: 10px; } .mm-sectionindexer { text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 15; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .mm-sectionindexer a { line-height: 1; text-decoration: none; display: block; } .mm-menu_border-offset .mm-listitem:after, .mm-menu_has-sectionindexer .mm-panels, .mm-panel_border-offset .mm-listitem:after { right: 20px; } .mm-menu_navbar_top-1 .mm-sectionindexer { top: 42px; } .mm-menu_navbar_top-2 .mm-sectionindexer { top: 82px; } .mm-menu_navbar_top-3 .mm-sectionindexer { top: 122px; } .mm-menu_navbar_top-4 .mm-sectionindexer { top: 162px; } .mm-menu_navbar_bottom-1 .mm-sectionindexer { bottom: 42px; } .mm-menu_navbar_bottom-2 .mm-sectionindexer { bottom: 82px; } .mm-menu_navbar_bottom-3 .mm-sectionindexer { bottom: 122px; } .mm-menu_navbar_bottom-4 .mm-sectionindexer { bottom: 162px; } .mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth + a, .mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth + span, .mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth), .mm-menu_selected-parent .mm-listitem > a.mm-btn_fullwidth + a, .mm-menu_selected-parent .mm-listitem > a.mm-btn_fullwidth + span, .mm-menu_selected-parent .mm-listitem > a:not(.mm-btn_fullwidth) { transition: background 0.4s; } .mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span, .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span, .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span, .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span, .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span, .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span, .why-choose-video { background: 0 0; } [class*="mm-wrapper_sidebar-collapsed-"] .mm-slideout, [class*="mm-wrapper_sidebar-expanded-"] .mm-slideout { transition-property: width, transform, -webkit-transform; } [class*="mm-wrapper_sidebar-collapsed-"] .mm-page, [class*="mm-wrapper_sidebar-expanded-"] .mm-page { background: inherit; box-sizing: border-box; min-height: 100vh; } [class*="mm-wrapper_sidebar-collapsed-"] .mm-menu_sidebar-collapsed, [class*="mm-wrapper_sidebar-expanded-"] .mm-menu_sidebar-expanded { display: block !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; } .mm-wrapper_sidebar-collapsed-40 .mm-slideout, [class*="mm-wrapper_sidebar-expanded-"].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-40 .mm-slideout { width: calc(100% - 40px); -webkit-transform: translate(40px, 0); -ms-transform: translate(40px, 0); transform: translate(40px, 0); -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } .mm-wrapper_sidebar-collapsed-60 .mm-slideout, [class*="mm-wrapper_sidebar-expanded-"].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-60 .mm-slideout { width: calc(100% - 60px); -webkit-transform: translate(60px, 0); -ms-transform: translate(60px, 0); transform: translate(60px, 0); -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } .mm-wrapper_sidebar-collapsed-80 .mm-slideout, [class*="mm-wrapper_sidebar-expanded-"].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-80 .mm-slideout { width: calc(100% - 80px); -webkit-transform: translate(80px, 0); -ms-transform: translate(80px, 0); transform: translate(80px, 0); -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0); } [class*="mm-wrapper_sidebar-expanded-"] .mm-menu_sidebar-expanded { border-right-width: 1px; border-right-style: solid; min-width: 0 !important; max-width: 100000px !important; } [class*="mm-wrapper_sidebar-expanded-"].mm-wrapper_blocking, [class*="mm-wrapper_sidebar-expanded-"].mm-wrapper_blocking body { overflow: visible; } .clr::before, .council-block-inn, .google-map, .naharblk, .popup-inn, .slick-list, .technologywrap, video { overflow: hidden; } .mm-wrapper_sidebar-expanded-25:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 75%; -webkit-transform: translate(33.33333%, 0) !important; -ms-transform: translate(33.33333%, 0) !important; transform: translate(33.33333%, 0) !important; -webkit-transform: translate3d(33.33333%, 0, 0) !important; transform: translate3d(33.33333%, 0, 0) !important; } .mm-wrapper_sidebar-expanded-25 .mm-menu_sidebar-expanded { width: 25% !important; } .mm-wrapper_sidebar-expanded-30:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 70%; -webkit-transform: translate(42.85714%, 0) !important; -ms-transform: translate(42.85714%, 0) !important; transform: translate(42.85714%, 0) !important; -webkit-transform: translate3d(42.85714%, 0, 0) !important; transform: translate3d(42.85714%, 0, 0) !important; } .mm-wrapper_sidebar-expanded-30 .mm-menu_sidebar-expanded, .siblingwrap .formfieldwrap:nth-child(3n + 2) { width: 30% !important; } .mm-wrapper_sidebar-expanded-35:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 65%; -webkit-transform: translate(53.84615%, 0) !important; -ms-transform: translate(53.84615%, 0) !important; transform: translate(53.84615%, 0) !important; -webkit-transform: translate3d(53.84615%, 0, 0) !important; transform: translate3d(53.84615%, 0, 0) !important; } .mm-wrapper_sidebar-expanded-35 .mm-menu_sidebar-expanded { width: 35% !important; } .mm-menu__blocker { background: rgba(3, 2, 1, 0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } #menu:not(.mm-menu), .circle-responsive, .hide-select-div, .ibdp-text.ibdp-text-third.ibdp-text-fourth span:after, .mm-menu_opened .mm-menu__blocker, .mm-menu_tileview .mm-listitem_divider, .mm-panel_tileview .mm-listitem_divider, .mobilemenu, .morecontent, .number-main.number-4 span br, .read-more-cont, .res-banner, .slick-arrow.slick-hidden, .slick-slide.slick-loading img, .university-logo-footer { display: none; } input.mm-check, input.mm-toggle { position: absolute; left: -10000px; } label.mm-check, label.mm-toggle { margin: -15px 0 0; position: absolute; top: 50%; z-index: 2; height: 30px; right: 20px; } label.mm-check:before, label.mm-toggle:before { content: ""; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; background: rgba(0, 0, 0, 0.1); } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; background: #f3f3f3; } .fr, [dir="rtl"] .slick-slide, input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-color: rgba(0, 0, 0, 0.75); } .mm-listitem_vertical label.mm-check, .mm-listitem_vertical label.mm-toggle { top: 5px; bottom: auto; margin-top: 0; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } .mm-btn_next + label.mm-toggle + a, .mm-btn_next + label.mm-toggle + span { padding-right: 70px; } .mm-counter + .mm-btn_next + label.mm-check, .mm-counter + .mm-btn_next + label.mm-toggle { right: 100px; } .mm-menu_theme-blackinput.mm-toggle:checked ~ label.mm-toggle, .mm-menu_theme-darkinput.mm-toggle:checked ~ label.mm-toggle, .mm-menu_theme-whiteinput.mm-toggle:checked ~ label.mm-toggle, input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after { content: none; } .mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after { left: 0 !important; } .mm-menu_fx-menu-slide, .mm-menu_fx-menu-zoom { transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .mm-wrapper_opened .mm-menu_fx-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened, .mm-wrapper_opening .mm-menu_fx-menu-zoom, .mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .mm-menu_fx-menu-fade { opacity: 0; transition: opacity 0.4s; } .mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none { transition-property: none; } .mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); } .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [class*="mm-menu_fx-listitems-"] .mm-listitem { transition: none 0.4s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:first-child { transition-delay: 50ms; } .fancybox-slide--current .animated-modal h2, [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(2) { transition-delay: 0.1s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(3) { transition-delay: 150ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(4) { transition-delay: 0.2s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(5) { transition-delay: 250ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(6) { transition-delay: 0.3s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(7) { transition-delay: 350ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(8) { transition-delay: 0.4s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(9) { transition-delay: 450ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(10) { transition-delay: 0.5s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(11) { transition-delay: 550ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(12) { transition-delay: 0.6s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(13) { transition-delay: 650ms; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(14) { transition-delay: 0.7s; } [class*="mm-menu_fx-listitems-"] .mm-listitem:nth-child(15) { transition-delay: 750ms; } .mm-menu_fx-listitems-slide .mm-listitem { transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } .mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu_fx-listitems-fade .mm-listitem { transition-property: opacity; opacity: 0; } .mm-menu_fx-listitems-drop .mm-listitem { transition-property: opacity, top; opacity: 0; top: -25%; } .mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem { opacity: 1; top: 0; } .mm-menu_fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(100vw, 0); -ms-transform: translate(100vw, 0); transform: translate(100vw, 0); -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0); } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-100vw, 0); -ms-transform: translate(-100vw, 0); transform: translate(-100vw, 0); -webkit-transform: translate3d(-100vw, 0, 0); transform: translate3d(-100vw, 0, 0); } @media all and (max-width: 140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu_fullscreen.mm-menu_position-bottom, .mm-menu_fullscreen.mm-menu_position-top { height: 100vh; min-height: 140px; max-height: 10000px; } .mm-menu_listview-30 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-30 .mm-listitem > span { padding-top: 5px; padding-bottom: 5px; } .mm-menu_listview-30 .mm-listitem_vertical > .mm-btn_next { height: 30; } .mm-menu_listview-50 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-50 .mm-listitem > span { padding-top: 15px; padding-bottom: 15px; } .mm-menu_listview-50 .mm-listitem_vertical > .mm-btn_next { height: 50; } .mm-menu_listview-60 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-60 .mm-listitem > span { padding-top: 20px; padding-bottom: 20px; } .mm-menu_listview-60 .mm-listitem_vertical > .mm-btn_next { height: 60; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview, .mm-panels > .mm-panel_listview-justify .mm-listview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem, .mm-panels > .mm-panel_listview-justify .mm-listitem { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 40px; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem:not(.mm-listitem_divider), .mm-panels > .mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem > span, .mm-panels > .mm-panel_listview-justify .mm-listitem > a:not(.mm-btn_next), .mm-panels > .mm-panel_listview-justify .mm-listitem > span { box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mm-listview_inset { list-style: disc inside; padding: 0 10px 15px 40px; margin: 0; } .academics-ibdptable li, .mm-listview_inset > li { padding: 5px 0; } .mm-menu_multiline .mm-listitem > a, .mm-menu_multiline .mm-listitem > span, .mm-panel_multiline .mm-listitem > a, .mm-panel_multiline .mm-listitem > span { text-overflow: clip; white-space: normal; } .mm-wrapper_opening [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-page__blocker { opacity: 0.6; transition: opacity 0.4s 0.4s; } .mm-menu_opened.mm-menu_pagedim-black ~ .mm-page__blocker, .mm-menu_theme-black label.mm-toggle:before { background: #000; } .careers-wrapper .ibprotable-wrap, .mm-menu_opened.mm-menu_pagedim-white ~ .mm-page__blocker, .mm-menu_theme-white label.mm-toggle:before, body { background: #fff; } .mm-menu_popup { transition: opacity 0.4s; opacity: 0; height: 80%; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout, .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); transform: translate(-300px, 0); -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } } .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top { transition: transform 0.4s, -webkit-transform 0.4s; } .mm-menu_position-bottom.mm-menu_opened ~ .mm-page__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-page__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-page__blocker, .popup-data .mCSB_scrollTools { z-index: 1; } .mm-menu_position-front { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu_position-bottom, .mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu_position-top { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); height: 80vh; } .mm-menu_position-bottom { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; height: 80vh; } .mm-menu_shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); } .slick-dots li, .slick-list, .slick-slider, .slick-track { position: relative; } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); } .mm-menu_shadow-page:after, .mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu_theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-dark, .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before, .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03); tap-highlight-color: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-white .mm-listitem_selected > span, .mm-menu_theme-white .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-white .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-white .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs), .mm-menu_theme-white.mm-menu_keyboardfocus a:focus, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover, .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white .mm-listitem_divider, .mm-menu_theme-white .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-white .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.06); } .mm-menu_theme-white.mm-menu_shadow-page:after, .mm-menu_theme-white.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu_theme-white .mm-searchfield input { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-dark .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-dark .mm-listitem_selected > span, .mm-menu_theme-dark .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-dark .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-dark .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs), .mm-menu_theme-dark.mm-menu_keyboardfocus a:focus, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover, .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth), .mm-menu_theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark { background: #333; color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-black .mm-counter, .mm-menu_theme-black .mm-iconbar, .mm-menu_theme-black .mm-iconbar a, .mm-menu_theme-black .mm-navbar a, .mm-menu_theme-black .mm-navbar > *, .mm-menu_theme-black .mm-panel__noresultsmsg, .mm-menu_theme-black .mm-sectionindexer a, .mm-menu_theme-dark .mm-counter, .mm-menu_theme-dark .mm-iconbar, .mm-menu_theme-dark .mm-iconbar a, .mm-menu_theme-dark .mm-navbar a, .mm-menu_theme-dark .mm-navbar > *, .mm-menu_theme-dark .mm-panel__noresultsmsg, .mm-menu_theme-dark .mm-sectionindexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-btn:after, .mm-menu_theme-black .mm-btn:before, .mm-menu_theme-black .mm-listview .mm-btn_next:after, .mm-menu_theme-dark .mm-btn:after, .mm-menu_theme-dark .mm-btn:before, .mm-menu_theme-dark .mm-listview .mm-btn_next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark .mm-listitem_divider, .mm-menu_theme-dark .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-dark .mm-listitem_opened > .mm-panel { background: rgba(255, 255, 255, 0.08); } .mm-menu_theme-dark.mm-menu_shadow-page:after, .mm-menu_theme-dark.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu_theme-dark .mm-searchfield input { background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.3); } .mm-menu_theme-dark label.mm-toggle:before { background: #333; } .mm-menu_theme-black { background: #000; border-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75); } .mm-menu_theme-black .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15); tap-highlight-color: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-black .mm-listitem_selected > span, .mm-menu_theme-black .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-black .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-black .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs), .mm-menu_theme-black.mm-menu_keyboardfocus a:focus, .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover, .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black .mm-listitem_divider, .mm-menu_theme-black .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-black .mm-listitem_opened > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu_theme-black.mm-menu_shadow-page:after, .mm-menu_theme-black.mm-menu_shadow-panels .mm-panel { box-shadow: false; } .mm-menu_theme-black .mm-searchfield input { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75); } .slick-dots li button, .slick-next, .slick-prev { font-size: 0; background: 0 0; color: transparent; outline: 0; } .mm-menu_theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.75); } .mm-menu_theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.25); } .mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview { margin: 0 !important; } .mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after { content: ""; display: block; clear: both; } .mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem { padding: 50% 0 0; float: left; position: relative; width: 50%; height: 0; } .mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu_tileview .mm-listitem > a, .mm-menu_tileview .mm-listitem > span, .mm-panel_tileview .mm-listitem > a, .mm-panel_tileview .mm-listitem > span { line-height: 1px; text-align: center; padding: 50% 10px 0; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mcb-txtblk, .mm-menu_tileview .mm-listitem > .mm-btn_next, .mm-panel_tileview .mm-listitem > .mm-btn_next { width: auto; } .mm-menu_tileview .mm-panel, .mm-panel_tileview { padding-left: 0; padding-right: 0; } .slick-slider { display: block; box-sizing: border-box; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { display: block; margin: 0; padding: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -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 { top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { display: table; content: ""; } .clear, .slick-track:after { clear: both; } .errormsg, .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-next, .slick-prev { position: absolute; top: 50%; display: block; width: 44px; height: 44px; cursor: pointer; border: none; line-height: 45px; } .slick-next:before, .slick-prev:before { font-family: fontello; color: #fff; font-size: 30px; font-weight: 300; } .slick-prev { left: -70px; } .academi-slider .slick-next:before, .gallery-slider .slick-next:before, .slick-prev:before { content: "\e801"; } .slick-next { right: -70px; } .academi-slider .slick-prev:before, .gallery-slider .slick-prev:before, .slick-next:before { content: "\e802"; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; border: 0; } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: #000; } .slick-dots li.slick-active button:before { opacity: 0.75; color: #000; } @font-face { font-family: BalooChettan-Regular; src: url("../fonts/BalooChettan-Regular.eot"); src: url("../fonts/BalooChettan-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/BalooChettan-Regular.svg#BalooChettan-Regular") format("svg"), url("../fonts/BalooChettan-Regular.ttf") format("truetype"), url("../fonts/BalooChettan-Regular.woff") format("woff"), url("../fonts/BalooChettan-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: RobotoMedium; src: url("../fonts/RobotoMedium.eot"); src: url("../fonts/RobotoMedium.eot") format("embedded-opentype"), url("../fonts/RobotoMedium.woff2") format("woff2"), url("../fonts/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium.ttf") format("truetype"), url("../fonts/RobotoMedium.svg#RobotoMedium") format("svg"); } @font-face { font-family: RobotoRegular; src: url("../fonts/RobotoRegular.eot"); src: url("../fonts/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg"); } @font-face { font-family: RobotoLight; src: url("../fonts/RobotoLight.eot"); src: url("../fonts/RobotoLight.eot") format("embedded-opentype"), url("../fonts/RobotoLight.woff2") format("woff2"), url("../fonts/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight.ttf") format("truetype"), url("../fonts/RobotoLight.svg#RobotoLight") format("svg"); } @font-face { font-family: RobotoBold; src: url("../fonts/RobotoBold.eot"); src: url("../fonts/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg"); } * { margin: 0; padding: 0; box-sizing: border-box; } ol, ul { list-style: none; } a { color: #000; text-decoration: none; outline: 0; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } ::-webkit-input-placeholder { opacity: 1; font-family: BalooChettan-Regular; color: #b8b8b8; font-size: 18px; letter-spacing: 1px; } ::-moz-placeholder { opacity: 1; font-family: BalooChettan-Regular; color: #b8b8b8; font-size: 18px; letter-spacing: 1px; } :-ms-input-placeholder { opacity: 1; color: #b8b8b8; font-family: BalooChettan-Regular; font-size: 18px; letter-spacing: 1px; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; } input[type="button"], input[type="submit"] { border: none; cursor: pointer; outline: 0; } .enquire-blk, .menublk, .welcome-blk { border-radius: 50px; } body { margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-family: BalooChettan-Regular; color: #242323; overflow-x: hidden; } .cambridge-secondarywrap .safety-list li, .generalinfowrap .safety-list li, .homepage .bannertxt-blk .heading1, .privatepolicywrap .campus-innerwrap p:last-child, p { margin-bottom: 20px; } .counsecblock .council-block, .fl { float: left; } .haac-innerwrap.fullcontent p, .icon-box, .text-center, .vision-img { text-align: center; } .animated-modal .staff-caption .contanttxt, .animated-modal .staff-caption .headingtxt, .prototype .morecontent .para-text, .text-left { text-align: left; } .text-right { text-align: right; } .center-txt, .download-btn-wrapp, .ibdp-maintext, .menublk, .play-icon { text-align: center; } .clr::before { clear: both; display: block; } .container { width: 97%; margin: 0 auto; } .blackoverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none; } .ibvb, .ibvm, .ibvt { display: inline-block; } .ibvm { vertical-align: middle; } .ibvt { vertical-align: top; } .ibvb { vertical-align: bottom; } p { font-size: 18px; font-family: RobotoMedium; line-height: 24px; text-align: justify; } .heading1 { font-size: 60px; line-height: 60px; letter-spacing: -2px; text-transform: capitalize; } .heading2, .heading2 h1, .heading2 h2 { line-height: 67px; } .heading2 { font-size: 60px; margin-bottom: 15px; font-weight: 400; } .heading2 h1, .heading2 h2, .heading3 { font-size: 38px; margin-bottom: 15px; font-weight: 400; } .heading3 { line-height: 35px; } .subheading { font-size: 36px; line-height: 34px; } .subheading2 { font-size: 30px; line-height: 28px; } .clearfix:after { content: ""; clear: both; display: table; } header { position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 1; } .menublk { background: #e857e2; padding: 20px 35px; color: #fff; font-size: 24px; cursor: pointer; width: 140px; } .welcome-blk { background: #fff; display: flex; justify-content: center; margin-right: 30px; } .enquire-blk { background: #b7d567; padding: 20px 30px; font-size: 16px; color: #5f2787; margin: -25px 0 0; cursor: pointer; } .header-blk { display: flex; justify-content: space-between; align-items: center; } .header-leftblk { display: flex; justify-content: flex-start; align-items: center; } .acdbeyond-wrap, .imagtxtflex, .naharinfo-blk, .social-link, .why-textblock { display: flex; justify-content: space-between; } .welcome-txt { font-size: 18px; color: #cdc0d7; align-self: center; } .homepage.banner-wrapper { height: 800px; } .banner-wrapper { background: url("../images/banner.jpg") center top/cover no-repeat; width: 100%; height: 96vh; position: relative; color: #fff; } .bannertxt-blk { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); z-index: 1; color: #fff; } .play-icon, .social-link li i { top: 50%; left: 50%; transform: translate(-50%, -50%); } .bannertxt-blk .explore-btn { width: 198px; font-size: 24px; padding: 15px 25px; text-align: center; } .banner-txt p { margin-bottom: 35px; } .imagtxtflex, .naharinfo-blk, .why-textblock { flex-wrap: wrap; } .naharblk { width: calc(33% - 5px); background: #24b24b; border-radius: 25px; color: #fff; padding: 25px 0 25px 20px; position: relative; } .naharblk:before { width: 15px; height: 15px; background: #602788; border-radius: 50%; position: absolute; right: 15px; top: 20px; content: ""; } .academi-session-blk { background: #43bf65; } .naharimgblk.academi-img { position: absolute; right: -11px; bottom: -28px; } .admission-process-blk .naharimgblk.academi-img { position: absolute; right: -22px; bottom: -18px; } .beyond-academi-blk { background: #2b5688; } .admission-process-blk { background: #f79d34; } .naharinfo-wrapper { margin: -115px 0 70px; position: relative; } .naharblk p { font-size: 14px; width: 46%; line-height: 18px; font-family: RobotoRegular; text-align: left; } .academi-session-blk .explore-btn { background: #45e972; color: #198c38; } .beyond-academi-blk .explore-btn { background: #4e9af0; color: #01346e; } .admission-process-blk .explore-btn { background: #ffd909; color: #8c4c02; } .council-container, .overview-wrapper { margin-bottom: 100px; } .careers-wrapper .ibttl, .overview-info { display: flex; justify-content: flex-start; } .overview-blk .subheading { color: #6b6b6b; margin-bottom: 20px; } .overview-blk .heading2 { color: #6b6a6b; line-height: 36px; } .overview-blk p, .overview-blk-txt p { color: #6b6a6b; font-family: RobotoLight; } .slide-btmblk p, .we-build-blk p { line-height: 22px; font-family: BalooChettan-Regular; } .overview-blk .subheading2 { margin-bottom: 25px; color: #6b6a6b; } .overview-blk .explore-btn { background: #b2b2b2; color: #fff; border: 1px solid #b2b2b2; } .overview-blk, .we-build-blk { width: 36%; } .overview-img { width: 62%; } .overview-imgblk { flex-grow: 1; display: flex; justify-content: space-between; align-items: center; } .overview-desc { padding-top: 35px; } .we-build-blk .heading1 { color: #ffc71e; margin-bottom: 10px; } .we-build-blk p { font-size: 24px; color: #00d5af; text-align: left; } .academi-inner-wrapper { margin-bottom: 90px; } .academi-blk { background: #b7d567; width: 75%; border-radius: 30px; padding: 20px; color: #fff; display: flex; justify-content: flex-start; align-items: center; height: 374px; position: relative; } .academi-blk:before { background: url("../images/traingle.png") no-repeat; width: 122px; height: 60px; position: absolute; left: 20%; right: 0; margin: 0 auto; bottom: -57px; content: ""; } .academi-blk:after { background: url("../images/academi-circle.png") no-repeat; width: 366px; height: 288px; position: absolute; left: 0; top: 0; content: ""; z-index: 0; } .line:after, .line:before { width: 8px; height: 8px; border-radius: 50%; content: ""; } .acd-desc .heading2 { position: relative; font-size: 52px; line-height: 45px; } .acd-desc .heading2:before { position: absolute; top: -3px; left: -48px; content: "\201c"; font-size: 90px; } .acd-desc .subheading { font-size: 48px; line-height: 45px; } .beyond-blk { width: 25%; margin-top: -33px; } .acd-img { margin-right: 108px; line-height: 0; width: 30%; z-index: 1; } .acd-img img { margin-top: -85px; } .beyond-img { margin-left: -245px; position: relative; line-height: 0; } .line, .line:after, .line:before { position: absolute; background: #000; } .line { width: 100%; height: 1px; bottom: 0; display: none; } .line:before { left: 0; top: -3px; } .line:after { right: 0; top: -3px; } .slide-topblk { display: flex; justify-content: space-between; margin-bottom: 15px; color: #00c257; } .sprite { background: url(../images/sprite.png) top left no-repeat; } .copyright-blk, .numblk, .play-icon .icon-play { font-size: 18px; } .slide-btmblk p { font-size: 24px; color: #0074be; margin-bottom: 0; } .academi-slide-blk { background: #fff; border-radius: 20px; width: 92%; padding: 20px; box-shadow: 0 17px 20px -13px #1bd4b3; margin: 0 auto 20px; } .academi-slider { width: 88%; margin: 0 auto 80px; } .academi-slider .slick-next, .academi-slider .slick-prev { background: #000; border-radius: 50%; top: 36%; } .video-imgblk img, .why-choose-blk { border-radius: 25px; } .academi-slider .slick-next:before, .academi-slider .slick-prev:before, .gallery-slider .slick-next:before, .gallery-slider .slick-prev:before, .testimonialblk p { font-size: 16px; } .why-choose-wrap { display: flex; justify-content: space-between; color: #fff; align-items: initial; } .why-choose-blk { background: #0074be; width: 48%; position: relative; } .video-imgblk { line-height: 0; position: relative; } .gallery-img:before, .video-imgblk:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.1); top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; } .play-icon { width: 65px; height: 65px; margin: 0 auto 30px; line-height: 75px; background: #fff; border-radius: 50%; position: absolute; } .gallery-blk, .gallery-img img { border-radius: 20px; width: 100%; } .play-icon a { position: absolute; left: 0; right: 0; top: -5px; bottom: 0; color: red; font-size: 25px; } .whychoose-txtblk .heading3 { line-height: 36px; margin-bottom: 5px; } .whychoose-subtxt { font-size: 24px; line-height: 22px; margin-bottom: 20px; } .why-choose-img:before { background: url("../images/why-choose-img.png") bottom left no-repeat; width: 100%; height: 415px; position: absolute; left: -90px; bottom: 0; content: ""; border-radius: 35px; } .why-choose-info:after, .why-choose-info:before { width: 0; height: 0; position: absolute; content: ""; top: 0; } .whychoose-txtblk { float: right; width: 59%; padding: 40px 0 30px; z-index: 1; position: relative; } .fancybox-content, .gallery-blk, .why-choose-info { padding: 20px; } .why-choose-info p { font-family: RobotoRegular; font-size: 16px; text-align: left; } .why-choose-info .explore-btn { background: #3fb4ff; color: #fff; } .why-choose-info:before { border-left: 50px solid transparent; border-right: 60px solid transparent; border-top: 80px solid #67f3da; right: -13px; } .why-choose-info:after { border-left: 32px solid transparent; border-right: 33px solid transparent; border-top: 50px solid #0074be; border-top-right-radius: 33px; right: 11px; } .academi-wrapper { position: relative; margin-bottom: 80px; } .academi-wrapper:before { position: absolute; top: 184px; content: ""; background: #fff098; background: -moz-linear-gradient( top, #fff098 0, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #2deecc 48%, #2deecc 48%, #2deecc 51%, #2deecc 51%, #fff 100%, #2deecc 100%, #fff 100% ); background: -webkit-linear-gradient( top, #fff098 0, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #2deecc 48%, #2deecc 48%, #2deecc 51%, #2deecc 51%, #fff 100%, #2deecc 100%, #fff 100% ); background: linear-gradient( to bottom, #fff098 0, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #fff098 48%, #2deecc 48%, #2deecc 48%, #2deecc 51%, #2deecc 51%, #fff 100%, #2deecc 100%, #fff 100% ); height: 750px; width: 100%; } .gallery-blk { margin: 0 auto 20px; position: relative; } .gallery-slider { width: 89%; margin: 0 auto 50px; } .gallery-slider .slick-next, .gallery-slider .slick-prev { background: #000; border-radius: 50%; top: 40%; } .gallery-ttl { width: 62%; margin: 0 auto 40px; } .gallery-ttl .heading2 { color: #004c87; line-height: 55px; } .gallery-ttl .heading3 { color: #5fb43c; } .gallery-txt { font-size: 18px; line-height: 16px; color: #fff; position: absolute; bottom: 45px; left: 0; right: 0; margin: 0 auto; width: 70%; } .footer-blk { display: flex; justify-content: space-between; align-items: center; color: #fff; } .footer-wrapper { background: #0075b8; padding: 50px 0; } .social-link li { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; position: relative; margin-right: 10px; } .social-link li.fa:hover { background: #285aac; border-color: #fff; } .social-link li.tw:hover { background: #18c6ff; border-color: #fff; } .social-link li.in:hover { background: #0078ba; border-color: #fff; } .social-link li.yt:hover { background: #da1e1e; border-color: #fff; } .social-link li.insta:hover { background: #ec0018; background: -moz-linear-gradient( 45deg, #ec0018 0, #d90057 51%, #bf00a6 79%, #bf00a6 100% ); background: -webkit-gradient( left bottom, right top, color-stop(0, #ec0018), color-stop(51%, #d90057), color-stop(79%, #bf00a6), color-stop(100%, #bf00a6) ); background: -webkit-linear-gradient( 45deg, #ec0018 0, #d90057 51%, #bf00a6 79%, #bf00a6 100% ); background: -o-linear-gradient( 45deg, #ec0018 0, #d90057 51%, #bf00a6 79%, #bf00a6 100% ); background: -ms-linear-gradient( 45deg, #ec0018 0, #d90057 51%, #bf00a6 79%, #bf00a6 100% ); background: linear-gradient( 45deg, #ec0018 0, #d90057 51%, #bf00a6 79%, #bf00a6 100% ); border-color: #fff; } .social-blk { width: auto; margin-right: 60px; } .social-link li i { color: #fff; position: absolute; } .explore-btn:hover { background-color: #fff; } .overview-blk .explore-btn:hover { color: #b2b2b2; border: 1px solid #b2b2b2; } .why-choose-info .explore-btn:hover { color: #3fb4ff; } .banner-wrapper.intro { background: url(../images/banner/intro-res.jpg) center top/cover no-repeat; } .banner-wrapper.event { background: url(../images/Events.jpg) center top/cover no-repeat; } .banner-wrapper.intro .banner-txt .heading1 { color: #feac37; } .nahar-intro-tab { position: relative; height: auto; } ul.list-intro-tab { display: flex; width: 100%; border-radius: 45px; justify-content: center; align-items: center; } ul.list-intro-tab li { position: relative; background: #fb5151; } ul.list-intro-tab li a { color: #fff; padding: 30px 18px; font-size: 16px; display: flex; position: relative; height: 40px; align-items: center; width: 100%; } .hiddennav li:hover, ul.list-intro-tab li.active, ul.list-intro-tab li:hover { background: #cd2b2b; } ul.list-intro-tab li:first-child { border-radius: 45px 0 0 45px; } ul.list-intro-tab li:last-child { border-radius: 0 45px 45px 0; } ul.list-intro-tab li:before { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; width: 35px; height: 35px; background: #cd2b2b; transform: rotate(45deg); margin: auto; z-index: 0; opacity: 0; } ul.list-intro-tab li:after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 8px; } .overview-wrapper.intro-blk { position: relative; margin-top: 120px; margin-bottom: 160px; } .overview-blk.intro-blk.overview-imgblk { width: 30%; align-items: normal; } .overview-blk.intro-blk.overview-imgblk .overview-img { position: absolute; width: 35%; top: -11%; } .overview-blk.intro-blk.overview-desc { width: 80%; background: #e4f6fd; padding: 7% 6% 7% 12%; border-radius: 25px; } .overview-blk.intro-blk .heading2, .overview-blk.intro-blk .subheading, .overview-blk.intro-blk p { color: #3d616f; } .mission-txtblk, .vision-txtblk { width: 100%; padding: 40px 0; } .vision-txtblk .heading2 { color: #37897c; } .vision-txtblk p { color: #37897c; font-family: RobotoLight; } .why-choose-blk.vision { height: auto; background: #e4fdf9; padding: 0 4% 90px; } .vision-img img { width: 360px; margin-top: -123px; } .mission-img img { position: absolute; bottom: -28%; right: 6%; } .vission-mission { margin-bottom: 16%; } .why-choose-blk.mission { height: auto; background: #e4fdec; padding: 0 4% 90px; } .council-block-inn::after, .council-block-inn::before { width: 716px; height: 377px; box-sizing: border-box; z-index: 1; content: ""; } .mission .safety-list li, .mission-txtblk .heading2 { color: #4f9566; } .mission-txtblk p { color: #4f9566; font-family: RobotoLight; } .testimonial-ttl .heading3 { color: #0074ce; } .testimonial-ttl .heading2 { color: #4a4a4a; } .nisphilosophywrap.sec2 .innerpg-ttl, .testimonial-wrapper { margin-bottom: 70px; } .banner-wrapper.contact { background: url(../images/contact-banner.jpg) center top/cover no-repeat; } /*.banner-wrapper.tc {*/ /* background: url(../images/Download.jpg) center top/cover no-repeat;*/ /*}*/ .banner-wrapper.contact .banner-txt .heading1, .principaldesk .heading1 { color: #37fe90; } .overview-blk.contact.overview-desc { width: 70%; } .cambridge-secondarywrap, .camsecigcsewrap, .generalinfowrap, .overview-wrapper.contact, .privatepolicywrap { margin-top: 50px; } .contact-dpt .contact-heading .heading2, .overview-blk.contact .heading2 { color: #006abc; margin-bottom: 40px; } .overview-blk.contact li { font-family: BalooChettan-Regular; color: #006abc; margin-bottom: 20px; list-style: none; display: flex; } .overview-blk.contact li span { font-family: BalooChettan-Regular; color: #006abc; margin-bottom: 15px; list-style: none; font-size: 14px; margin-left: 0; } .overview-blk.contact li i { margin-right: 10px; font-size: 20px; color: #006abc; } .overview-wrapper.contact .overview-info { border-bottom: 3px solid rgba(0, 0, 0, 0.1); } .contact-img { margin-bottom: -5px; } .google-map { width: 100%; height: 500px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; margin-bottom: 80px; } .icon { height: 100%; margin-right: 10px; } .icon i { font-size: 22px; margin-top: 4px; display: block; color: #006abc; } .mailwrap a { color: #006abc; font-size: 18px; line-height: 18px; } .contact-mailblk { display: flex; flex-wrap: wrap; justify-content: space-between; width: 98%; margin: 0 auto; } .mailwrap .heading3 { font-size: 24px; line-height: 26px; margin-bottom: 0; } .mailwrap { display: flex; justify-content: flex-start; color: #006abc; width: 22%; margin-right: -30px; } .mailwrap p { font-family: BalooChettan-Regular; font-size: 15px; font-weight: 400; margin-bottom: 10px; text-align: left; } .banner-wrapper.advisory-banner { background: url("../images/banner/advisory-banner.jpg") center top/cover no-repeat; color: #37fe90; } .council-section { margin: 100px 0 40px; position: relative; } .council-img { position: absolute; width: 34%; z-index: 1; } .council-block { float: right; width: 75%; position: relative; border-radius: 30px; } .council-img.firstimg { top: -52px; } .council-block.orange-block { background: #fffcf7; color: #c17000; } .council-block-inn::after { border-top-left-radius: 374px; border-top-right-radius: 367px; border: 176px solid #fff2e2; border-bottom: 0; position: absolute; bottom: -98px; left: -132px; transform: rotate(76deg); } .council-block-inn::before, .popup-inn:before { border-top-left-radius: 374px; border-top-right-radius: 367px; transform: rotate(-106deg); } .council-block-inn::before { border: 176px solid #fff2e2; border-bottom: 0; position: absolute; top: 0; right: -181px; } .council-block .ttl { font-size: 60px; line-height: 50px; margin: 4px 0 30px; position: relative; z-index: 2; } .council-block .ttl span { font-size: 36px; display: block; } .council-block p { position: relative; z-index: 9; font-family: RobotoLight; } .council-block-inn { position: relative; padding: 0 60px 0 20%; z-index: 0; } .ccouncil-list, .council-block p:last-child { padding-bottom: 80px; } .read-more { z-index: 99; position: absolute; bottom: -34px; left: 177px; cursor: pointer; } .council-section.counsecblock { margin: 180px 0 40px; } .council-img.secimg { right: 0; top: -117px; } .counsecblock .council-block-inn { padding: 65px 20% 0 60px; } .council-block.grey-block { background: #f6f6f6; color: #565656; } .council-block.grey-block .council-block-inn::before { top: 176px; right: -125px; transform: rotate(-44deg); border-color: #e5e5e5; } .council-block.grey-block .council-block-inn::after { top: -24px; left: -243px; transform: rotate(157deg); border-color: #e5e5e5; border-width: 140px; } .council-section.counsecblock .read-more { left: 55px; } .council-block.purpul-color { color: #4502c0; background: #fffcf7; } .council-block.purpul-color .council-block-inn::after, .council-block.purpul-color .council-block-inn::before { border-color: #ece9f1; } .council-block.grey-block.grayorange-colr, .grayorange-colr { color: #c17000; } .council-block.grey-block.grayorange-colr .council-block-inn::after, .council-block.grey-block.grayorange-colr .council-block-inn::before { border-color: #fff2e2; } .number3 .circletxt-right::before, .number5 .circletxt-right::before, .number6 .circletxt-right::before { border-left: 1px solid rgba(0, 0, 0, 0.4); border-right: none; } .council-block.grey-text { background: #fffcf7; color: #565656; } .ccouncil-list li::after { background: #333; width: 6px; height: 6px; border-radius: 50px; content: ""; position: absolute; left: 0; top: 8px; } .ccouncil-list li { font-size: 18px; font-family: RobotoLight; margin-bottom: 8px; padding-left: 20px; position: relative; } .ccouncil-list { position: relative; z-index: 2; } .banner-wrapper.whychoose-banner { background: url("../images/banner/why-choose-us.jpg") center top no-repeat; color: #37fe90; } .why-block { width: 30%; border: 6px solid #fff; box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2); line-height: 0; } .why-choose-block { display: flex; justify-content: space-between; margin: 40px 0 60px; } .why-choose-container p { font-family: BalooChettan-Regular; font-size: 24px; line-height: 28px; } .nicpoint-list li, .nicpoint-txt p, .safety-list li { line-height: 22px; font-size: 18px; } .why-content { width: 45%; margin: 0 0 20px; } .why-ttl { font-size: 20px; margin-bottom: 12px; } .why-content .ccouncil-list li, .why-content p { font-family: RobotoRegular; font-size: 14px; color: #545454; } .banner-wrapper.whychoosenic { background: url("../images/banner/why-choose-nic.jpg") center top/cover no-repeat; } .whychoosenic .heading1 { color: #ff68c8; } .nic-img-wrap { display: flex; flex-wrap: wrap; position: relative; height: 600px; margin: 60px 0; } .nic-imgblk { width: 40%; position: absolute; } .nic-imgblk:first-child { left: 0; top: 0; } .nic-imgblk:last-child { right: 10px; top: 20px; } .nic-imgblk:nth-child(3n + 2) { left: 27%; top: 18%; } .nicpoint-ttl { font-size: 50px; line-height: 54px; color: #0067c6; margin-bottom: 20px; } .campus-innerwrap p:last-child, .campus-innerwrap.curriculumwrap1, .campus-innerwrap.sec2, .earlyyear-sec2blk:last-child, .enquiryform-blk .submitbtnblk, .nicpoint-blk:last-child, .nicpoint-txt p:last-child, p.para-text:last-child { margin-bottom: 0; } .nicpoint-blk { background: #eefafe; border-radius: 30px; padding: 60px 50px; width: 100%; margin-bottom: 12%; } .nicpoint-right .nicpoint-blk:first-child { padding-bottom: 100px; } .nicpoints-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 90px; } .nisphilosophywrap .nicpoints-wrap { margin-bottom: 60px; } .nicpoint-left, .nicpoint-right { width: 47%; } .nicpoint-txt p { font-family: robotolight; color: #0067c6; } .nicpoint-list li { position: relative; font-family: RobotoMedium; color: #0067c6; padding-left: 20px; display: inline-block; width: 49%; vertical-align: top; } .nicpoint-list li::before { position: absolute; content: ""; width: 4px; height: 4px; top: 8px; left: 0; background: #0067c6; border-radius: 100%; } .banner-wrapper.trustee-banner { background: url("../images/banner/trustee-banner.jpg") center top/cover no-repeat; color: #37fe90; } .banner-wrapper.principaldesk { background: url("../images/banner/banner-2.jpg") center top/cover no-repeat; } .banner-wrapper.m-trustee-banner { background: url("../images/banner/managing-trustee.jpg") center top/cover no-repeat; } .principaldeskwrap p { color: #535353; line-height: 22px; } .principaldeskwrap .ttl { color: #525252; } .innerpgfirstblk { padding-top: 65px; } .banner-wrapper.cie { background: url("../images/banner/cie-banner.jpg") center top/cover no-repeat; } .cie-firstblk { margin: 0 0 30px; } .ciewrap .campus-right { background: #f3fdff; } .cie-secondblk, .enquireibdp-alevelwrap a + a { margin-left: 30px; } .campus-tab.nahar-intro-tab .container { width: 85%; } .campus-innerwrap { position: relative; margin: 120px 0 90px; } .campus-right { background: #f5ecff; border-radius: 30px; width: 86%; padding: 60px 60px 60px 25%; } .campus-left { width: 34%; position: absolute; } .campus-innerwrap p, .safetyandsecuritywrap p, .technologywrap p { font-family: RobotoLight; font-size: 18px; line-height: 22px; margin-bottom: 20px; color: #1a1a1a; } .parents-welcome { font-family: BalooChettan-Regular; font-size: 36px; line-height: 36px; color: #3d616f; } .cafeteriawrap .campus-left, .ciewrap .campus-left, .earlyyearfoundationwrap .campus-left, .leadingedge-wrap .campus-left, .librarywrap .campus-left, .safetyandsecuritywrap .campus-left { top: -75px; } .banner-wrapper.cafeteria { background: url(../images/banner/cafeteria-banner.jpg) center top/cover no-repeat; } .cafeteria .heading1, .leadingedge .heading1, .library .heading1, .safetyandsecurity .heading1, .technology .heading1 { color: #b8df6e; } .banner-wrapper.library { background: url(../images/banner/library-banner.jpg) center top/cover no-repeat; } .library-img2 { margin-top: 100px; } .banner-wrapper.safetyandsecurity { background: url(../images/banner/safety-banner.jpg) center top/cover no-repeat; } .c-primaryinfo-wrap, .interact-inn, .safety-blk1, .schooldayinn { display: flex; flex-wrap: wrap; justify-content: space-between; } .safety-left { width: 46%; } .safety-right, .schoolday-left { width: 42%; } .safety-list li { font-family: RobotoLight; color: #1a1a1a; position: relative; padding-left: 20px; margin-bottom: 6px; } .safety-list li::before { position: absolute; content: ""; top: 10px; left: 0; background: #000; width: 4px; height: 4px; border-radius: 100%; } .safety-blk2 { margin-top: 80px; } .safety-blk3, .technologywrap { margin-top: 30px; } .banner-wrapper.technology { background: url(../images/banner/technology-banner.jpg) center top/cover no-repeat; } .technologywrap .campus-sec2 .campus-left { right: -130px; } .innerpg-ttl { font-size: 60px; line-height: 70px; color: #2b2b2b; margin-bottom: 8px; } .technologywrap .safety-right { width: 54%; } .nisphilosophywrap .nicpoint-blk:nth-child(3n + 2), .technologywrap .safety-left { width: 38%; } .campus-sec1 { margin-bottom: 200px; position: relative; } .technologywrap .campus-left.second-img { bottom: -120px; left: 400px; top: auto; } .technologywrap .campus-left { top: -110px; } .technologywrap .campus-right { padding: 68px 60px 130px 25%; } .leading-inn3 .campus-right, .technologywrap .campus-sec2 .campus-right { padding: 60px 25% 60px 60px; } .campus-sec2 .safety-left { width: 49%; } .campus-sec2 .safety-right, .cometo-right, .ibtable-left, .last-col { width: 40%; } .campus-sec2::after { position: absolute; top: 0; right: 0; content: ""; background: url(../images/campus/technology-img3.png); } .banner-wrapper.nisphilosophy { background: url(../images/banner/res-nis-philosophy.jpg) center top/cover no-repeat; } .nisphilosophywrap p { color: #535353; } .nisphilosophywrap .innerpg-ttl { color: #53248d; margin-bottom: 30px; } .nisphilosophywrap .nicpoint-blk { background: #f6eeff; width: 25%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 50px; margin-bottom: 3.5%; } .igcse-list, .leading-inn2 { flex-wrap: wrap; display: flex; } .nisphilosophywrap .nicpoint-ttl, .nisphilosophywrap .nicpoints-wrap p { color: #53248d; } .c-primaryinfo-blk, .essayblog-right, .haccblog-right, .imagtxt1, .interactblkmain, .mid-col, .nisphilosophywrap .nicpoint-blk:nth-child(3n + 3), .widthiblkleft { width: 30%; } .earlyyearfoundation .heading1 { color: #439bb0; } .earlyyearfoundationwrap .campus-right { background: #f3fdff; width: 100%; padding-left: 32%; } .earlyyearfoundationwrap .campus-left { left: -82px; } .earlyyear-sec2wrap { width: 100%; background: #f3fdff; border-radius: 30px; margin-top: 60px; padding: 60px 68px 60px 60px; } .earlyr-list-ttl, .earlyyear-sec2blk p, .submenu span { padding-left: 20px; } .earlyr-list-ttl { font-size: 30px; line-height: 32px; color: #008eaa; position: relative; margin-bottom: 20px; } .c-primarygrade .heading1, .grade-txt { color: #feac1c; } .earlyr-list-ttl::before { position: absolute; content: ""; left: 0; top: 14px; background: #008eaa; width: 6px; height: 6px; border-radius: 100%; } .earlyyear-sec2blk, .ibprotable-wrap { margin-bottom: 50px; } .banner-wrapper.earlyyearfoundation { background: url(../images/banner/earlyyear-banner.jpg) center top/cover no-repeat; } .c-primarygradewrap .campus-innerwrap { margin-top: 10px; } .grade-txt { font-size: 48px; line-height: 50px; } .banner-wrapper.c-primarygrade { background: url(../images/banner/cambridge-primary.jpg) center top/cover no-repeat; } .c-primarygradewrap .earlyyear-sec2wrap p { border-bottom: 1px solid #d9cdcd; padding-bottom: 40px; } .c-primaryinfo-wrap .c-primaryinfo-blk p { border-bottom: none; padding: 0; } .c-primarygradewrap .earlyyear-sec2wrap { background: #fff1f1; } .c-primaryinfo-ttl { font-size: 40px; line-height: 24px; color: #cd2b2b; margin-bottom: 30px; } .c-primaryinfo-ttl span { font-size: 23px; } .banner-wrapper.leadingedge { background: url(../images/banner/leadingedge-banner.jpg) center top/cover no-repeat; } .leadingedge-wrap .campus-right { width: 80%; padding: 60px 60px 0 25%; } .leadingedge-wrap .campus-innerwrap { margin: 120px 0 90px; } .leading-inn2 { position: relative; height: 350px; margin-top: 60px; } .leading-inn2-imgblk { position: absolute; } .leading-inn2-imgblk:first-child { left: -200px; } .leading-inn2-imgblk:last-child { right: -170px; } .leading-inn2-imgblk:nth-child(3n + 2) { left: 88px; top: 50px; } .leading-inn3 { margin-top: 80px; margin-left: -250px; width: 100%; position: relative; padding: 60px 36% 60px 0; } .leading-inn3img { position: absolute; top: -90px; right: -400px; width: 78%; } .leadingedge-wrap .campus-innerwrap p, .leadingedge-wrap .heading2 { color: #006a91; } .cambridge-secondarywrap p { font-family: RobotoLight; line-height: 22px; } .cambridge-secondarywrap .earlyyear-sec2wrap, .nursery-tograde10 .campus-right { background: #f7f7f7; } .cambridge-secondarywrap .heading2 { color: #5c02a2; } .cambridge-secondarywrap .campus-right { background: #f7f7f7; width: 100%; padding: 60px 36% 60px 60px; } .cambridge-secondarywrap .campus-innerwrap, .campus-innerwrap.curriculumwrap2, .camsecigcsewrap .campus-innerwrap, .nursery-tograde10 .campus-innerwrap, .privatepolicywrap .campus-innerwrap, popup-inn .innerpgfirstblk { margin-top: 0; } .cambridge-secondarywrap .campus-left { right: -100px; top: -75px; } .banner-wrapper.cambridge-secondary { background: url(../images/banner/cambridge-secondary.jpg) center top/cover no-repeat; } .cambridge-secondary .grade-txt, .cambridge-secondary .heading1 { color: #fcdd4e; } .cambridge-secondarywrap .safety-list { margin-bottom: 40px; } .campus-innerwrap a { color: #000; font-weight: 800; border-bottom: 1px solid #000; } .banner-wrapper.private-policy { background: url(../images/banner/privacy-policy.jpg) center top/cover no-repeat; } .generalinfowrap .campus-right, .privatepolicywrap .campus-right { width: 100%; background: #f7f7f7; padding: 40px 60px; } .infopointttl { font-size: 20px; line-height: 22px; color: #414141; margin-bottom: 20px; } .acc-ttl { font-size: 30px; line-height: 32px; margin-bottom: 20px; } .howcontacttxt { font-size: 24px; line-height: 30px; color: #0277a2; } .generalinfowrap .heading2, .popup-greeting-part.hacc .popup-ttl, .privatepolicywrap .heading2 { color: #0277a2; } .banner-wrapper.general-info { background: url(../images/banner/general-info.jpg) center top/cover no-repeat; } .schoolmaintxt { font-size: 24px; line-height: 24px; } .schoolrightttl { font-size: 30px; line-height: 30px; } .assessmentleft, .schoolday-right { width: 45%; } .cas-list, .council-block.purpul-color .safety-list, .placement-main, .schoolmaintxt, .schoolrightttl { margin-bottom: 30px; } .schooldaywrap p, .swc-img img { margin-top: 20px; } .othergeninfo.schoolmaintxt { color: #e53a93; margin-top: 20px; } .othergeninfo a { color: #0277a2; border-bottom: 1px solid #0277a2; } .generalinfowrap .campus-innerwrap { margin: 0 0 90px; } .campus-innerwrap.refundblk .schoolday-left { width: 90%; } .banner-wrapper.ibdp-banner { background: url("../images/banner/ibdp-banner.jpg") center top/cover no-repeat; } .ibdp-banner .heading1, .parrot-green, .primary-to-gradeX .heading1 { color: #6fff68; } .ibdp-digram { width: 384px; height: 411px; margin: 0 auto; } .ibdp-container { max-width: 1200px; width: 89%; margin: 0 auto; background: url("../images/admissions/ibdp-digram.png") center center no-repeat; height: 580px; position: relative; } .ibdp-block { font-size: 31px; color: #fff; position: absolute; left: 39%; top: 148px; } .ibdp-block.sec-ibdp { left: 47.5%; top: 108px; } .ibdp-block.third-ibdp { left: 55%; top: 143px; } .ibdp-block.fifth-ibdp { left: 58%; top: 338px; } .ibdp-block.fourth-ibdp { left: 59%; top: 237px; } .ibdp-block.sisxth-ibdp { left: 51%; top: 397px; } .ibdp-block.seven-ibdp { left: 43%; top: 402px; } .ibdp-text.ibdp-text-sec span:after, .ibdp-text::after { right: 0; top: 17px; background: rgba(0, 0, 0, 0.4); position: absolute; } .ibdp-text::after { width: 52%; content: ""; height: 1px; } .ibdp-text { font-size: 24px; width: 38%; position: absolute; top: 27%; } .ibdp-text span { font-size: 16px; color: #76737e; display: block; } .ibdp-text::before { content: ""; position: absolute; content: "."; right: 0; top: 2px; } .ibdp-text.ibdp-text-sec { top: 5%; width: 40%; left: 9%; } .ibdp-text.ibdp-text-sec span:after { content: ""; height: 53px; width: 1px; } .ibdp-text.ibdp-text-sec::after { width: 59%; } .ibdp-text.ibdp-text-sec::before { top: 53px; right: -1px; } .ibdp-text.ibdp-text-third { right: 12%; text-align: right; top: 56px; width: 31%; } .ibdp-text.ibdp-text-third::after { left: 0; top: 28px; } .ibdp-text.ibdp-text-third::before { left: -3px; top: 61px; right: auto; } .ibdp-text.ibdp-text-third span::after { background: rgba(0, 0, 0, 0.4); content: ""; left: 0; top: 28px; position: absolute; height: 48px; width: 1px; } .ibdp-text.ibdp-text-third.ibdp-text-fourth { top: 216px; width: 37%; right: 0; } .ibdp-text.ibdp-text-third.ibdp-text-fourth::before { top: 13px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth::before { top: -17px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth span::after { top: 0; height: 14px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth::after { top: 13px; width: 40%; } .ibdp-text.ibdp-text-third.ibdp-text-fifth { top: 68%; right: 9%; } .ibdp-text.ibdp-text-third.ibdp-text-fifth.ibdp-text-sisxth { top: auto; bottom: 0; width: 45%; right: 30px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth.ibdp-text-sisxth:after { width: 43%; } .ibdp-text.ibdp-text-sec.ibdp-text-seven { top: auto; bottom: 2%; left: 4%; } .ibdp-text.ibdp-text-third.ibdp-text-fifth.ibdp-text-sisxth span::after { height: 79px; top: -75px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth.ibdp-text-sisxth::after { width: 43%; top: 5px; } .ibdp-text.ibdp-text-third.ibdp-text-fifth.ibdp-text-sisxth::before { top: -88px; } .ibdp-text.ibdp-text-sec.ibdp-text-seven::after { width: 29%; } .ibdp-text.ibdp-text-sec.ibdp-text-seven::before { top: auto; bottom: 91px; } .ibdp-text.ibdp-text-sec.ibdp-text-seven span::after { top: -57px; height: 75px; } .ibdp-maintext { width: 150px; font-size: 24px; line-height: 22px; position: absolute; left: -4%; right: 0; margin: auto; top: 5%; bottom: 0; height: 100px; } .download-btn-wrapp a { font-size: 24px; color: #fff; border-radius: 50px; padding: 17px 2%; display: inline-block; margin: 0 1%; } .download-btn-wrapp { margin: 146px auto 60px; } .purpul { background: #93c; } .blue { background: #36c; } .banner-wrapper.cambridgesec-igcse { background: url(../images/banner/Cambridge-Secondary-IGCSE.jpg) center top/cover no-repeat; } .cambridgesec-igcse .banner-txt, .cambridgesec-igcse .grade-txt { color: #d557ff; } .camsecigcsewrap .campus-right { width: 100%; padding: 60px; background: #f6ffd5; } .igcse-list .safety-list li::before { background: #00c63d; } .careerstable-wrap .mid-col, .header-leftblk, .igcse-list .safety-list { width: 15%; } .mendatory-txt { font-size: 30px; line-height: 36px; color: #00c599; margin-bottom: 30px; } .igcsetable-wrap table { width: 100%; margin: 0; padding: 0; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 30px 33px 62px 8px #dce4be; } .igcsetable-wrap { margin: 40px 0 50px; } .igcsetable-wrap table th, table td { padding: 18px; text-align: left; font-family: robotolight; font-size: 18px; line-height: 22px; } .formfield, .igcsetable-wrap table th, .submitbtn { font-family: BalooChettan-Regular; } .igcsetable-wrap table th { text-transform: capitalize; color: #fff; font-size: 30px; background: #00c599; padding: 25px; } .table-gradient { background: linear-gradient(to right, #f6f6f6, rgba(255, 255, 255, 0) 40%); } .igcsetable-wrap .th2, .igcsetable-wrap .th3 { background: linear-gradient(to right, #00ba91, #00c599); } .ibtablemain, .table-inn tr { border-bottom: 1px solid #e5e5e5; } .table-inn tr:last-child { border-bottom: 0; } .nursery-tograde10 .campus-innerwrap .campus-right { width: 100%; padding-left: 60px; padding-top: 40px; } .campus-innerwrap.curriculumwrap1 .campus-right, .leadingedge-wrap .campus-right, .nursery-tograde10 .campus-innerwrap.interactwrapper .campus-right { border-radius: 30px 30px 0 0; } .interact-ttl { font-size: 24px; line-height: 26px; margin-bottom: 20px; } .pink-color { color: #c06; } .green-color { color: #3c3; } .darkblue-color { color: #39c; } .color-lightgreen { color: #0c6; } .interactblk .safety-list li { font-size: 14px; line-height: 18px; font-family: RobotoRegular; } .note-section { padding: 60px; background: #f0f0f0; border-radius: 0 0 30px 30px; } .nursery-tograde10 .campus-right .heading2 { font-size: 48px; line-height: 48px; color: #0277a2; margin-bottom: 30px; } .admissionage-tablewrap table { width: 100%; background: #f7f7f7; border-radius: 0 0 30px 30px; } .admissionage-tablewrap table thead { font-size: 30px; color: #fff; background: linear-gradient(to right, #6e4ecd 0, #583ea3 100%); } .admissionagewrapper .heading2 { padding: 40px 60px 0; } .admissionage-tablewrap table th, table td { padding: 18px 0 18px 60px; text-align: left; position: relative; } .year-txt { width: 38%; background: #583ea3; } .admission-right { background: linear-gradient(to right, #ececec, transparent 90%); } .admissionage-tablewrap table td::after { position: absolute; content: ""; left: 0; border-bottom: 1px solid #ccc; margin-left: 60px; width: calc(100% - 60px); bottom: 0; } .admissionage-tablewrap table td:last-child::after { margin-left: 0; } .admissionage-tablewrap table td { padding: 10px 0 10px 60px; } .admissionage-tablewrap table tr:last-child td::after, .logo-imgblk:last-child { border: none; } .nursery-tograde10 .campus-innerwrap:first-child { margin-top: 90px; } .ibdp-container.nursery-togradex { background: url("../images/admissions/nursery-to-grade-x.png") center center no-repeat; margin-bottom: 90px; } .admissionbtn-blk a { color: #fff; border: none; font-size: 24px; line-height: 26px; background: #9f3fc3; padding: 10px 40px; border-radius: 30px; font-weight: 400; } .admission-btnswrap { display: flex; flex-wrap: wrap; width: 50%; margin: 0 auto; justify-content: space-between; } .admission-btnswrap .admissionbtn-blk:last-child a { background: #3fc3a9; } .admission-btnswrap .admissionbtn-blk:nth-child(3n + 2) a { background: #3f68c3; } .banner-wrapper.primary-to-gradeX { background: url(../images/banner/nursery-to-gradeX.jpg) center top/cover no-repeat; } .admission-tab ul.list-intro-tab { width: 75%; margin: 0 auto; } .center-txt { position: absolute; transform: translate(-46%, -52%); left: 46%; top: 52%; margin: 0 auto; font-size: 36px; line-height: 34px; color: #3d364a; } .circletxt { font-size: 24px; line-height: 26px; } .circletext span, .circletxt span { font-size: 16px; line-height: 18px; color: #76737e; display: block; } .nur-circlemain { position: absolute; width: 50%; } .nur-circleblk { width: 100%; display: flex; justify-content: center; } .circletxt-left { width: 48%; padding-right: 20px; } .circletxt-right { border-top: 1px solid rgba(0, 0, 0, 0.4); width: 48%; position: relative; height: 0; top: 20px; } .circletxt-right::before { position: absolute; content: ""; height: 40px; border-right: 1px solid rgba(0, 0, 0, 0.4); right: 0; } .circletxt-right::after { position: absolute; content: "."; right: 3px; font-size: 24px; width: 1px; top: 26px; } .numtxt { font-size: 30px; line-height: 30px; position: absolute; right: -16px; top: 60px; color: #a9a9a9; } .nur-circlemain.number1 { top: 34%; left: -10%; } .number1 .circletxt-right { top: 20px; left: -15px; } .number1 .circletxt-right::before { height: 50px; top: -51px; } .number1 .circletxt-right::after { top: -68px; } .number1 .numtxt { right: -50px; top: -76px; } .number1 .circletxt-left { padding-right: 30px; } .nur-circlemain.number2 { top: 10px; } .nur-circlemain.number3 { right: 50px; top: 8%; } .number3 .nur-circleblk, .number4 .nur-circleblk, .number5 .nur-circleblk, .number6 .nur-circleblk { flex-direction: row-reverse; } .number3 .circletxt-left, .number4 .circletxt-left { padding: 0 0 0 20px; } .number3 .circletxt-right::before { left: 0; } .number3 .circletxt-right::after, .number4 .circletxt-right::after, .number5 .circletxt-right::after { left: -3px; right: auto; } .number3 .numtxt { left: -26px; top: 55px; } .number3 .circletxt-left { padding-left: 60px; width: 50%; } .number3 .circletxt-right { width: 100px; left: 44px; } .nur-circlemain.number4 { right: -70px; top: 40%; } .essayblog-left, .number4 .circletxt-left { width: 64%; } .number4 .numtxt { top: -12px; left: -18px; } .number4 .circletxt-right::after { top: -15px; left: 19px; } .number4 .circletxt-right { width: 16%; border: none; } .number4 .circletxt-right::before { top: -1px; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-right: none; width: 70px; z-index: 0; left: 25px; height: 0; } .nur-circlemain.number5 { top: 68%; right: -12px; } .number5 .circletxt-right::before { top: -16px; left: 0; height: 15px; } .number5 .circletxt-right::after { top: -34px; } .number5 .circletxt-right { width: 15%; left: 55px; } .number5 .circletxt-left { width: 56%; padding: 0 0 0 20px; margin-left: 36px; } .number5 .circletxt.text-left { padding-left: 20px; width: 120%; } .number5 .numtxt { top: -50px; right: 80px; } .nur-circlemain.number6 { top: 100%; right: 60px; } .number6 .circletxt-left { padding-left: 20px; padding-right: 0; } .academics-ibdptable .th1, .blog-imagewrap, .number6 .circletxt-right { width: 20%; } .popup-inn:after, .popup-inn:before { width: 716px; height: 377px; z-index: 0; position: absolute; box-sizing: border-box; content: ""; } .number6 .circletxt-right::before { top: -110px; left: 0; height: 110px; } .number6 .circletxt-right::after { top: -128px; left: -3px; } .number6 .numtxt { top: -146px; left: -25px; } .diwalibreak-blk { font-size: 30px; line-height: 34px; color: #7043ca; position: absolute; bottom: 0; } .curriculum-subnav, .submenu { color: #fff; text-align: center; } .welcome-txt { display: flex; justify-content: space-between; background: #fff; padding: 4px 18px; border-radius: 50px; align-items: center; width: auto; margin: 0 auto; } .logo-imgblk { border-right: 1px solid #b3b3b3; padding: 0 7px; } .header-rightblk { width: 70%; display: flex; justify-content: flex-end; margin-top: -25px; } .popup-data { position: fixed; top: 50%; left: 50%; z-index: 9999; display: none; transform: translate(-50%, -50%); background: #f7f7f7; border-radius: 30px; width: 70%; } .popup-inn p:last-child { margin: 0; padding-bottom: 0; } .popup-inn { padding: 40px 30px; position: relative; height: 530px; } .popup-inn:before { border: 176px solid #fff2e2; border-bottom: 0; top: 0; right: -181px; } .popup-inn:after { border-top-left-radius: 374px; border-top-right-radius: 367px; border: 176px solid #fff2e2; border-bottom: 0; bottom: -98px; left: -132px; transform: rotate(76deg); } .sprite.close-icon { position: absolute; top: -15px; background-position: -194px -11px; display: block; width: 42px; height: 42px; right: -20px; cursor: pointer; z-index: 9999; } .close-icon.purplebtn { background-position: -133px -12px; width: 43px; height: 43px; } .popup-data.manjuyagnik { background: #f6f6f6; } .popup-data .popup-inn:after, .popup-data .popup-inn:before { border-color: #e5e5e5; } .council-block.purpul-color .safety-list li { color: #4502c0; z-index: 2; } .council-block.purpul-color .safety-list li:before { background: #4502c0; width: 6px; height: 6px; } .campus-innerwrap .safety-list li::before { width: 6px; height: 6px; } .enquiresticky-wrap .enquire-blk { width: auto; text-align: center; padding: 6px 15px; border-radius: 0 0 20px 20px; position: fixed; margin: 0; z-index: 0; transform: rotateZ(90deg); } .scroll-to-top { position: fixed; cursor: pointer; bottom: 66px; right: 30px; display: none; width: 30px; height: 48px; z-index: 9; } .submenu { background: #cd2b2b; padding: 20px; border-radius: 40px; width: 30%; margin: 0 auto; font-size: 18px; line-height: 22px; } .curriculum-subnav { background: #fb5151; display: none; } .arwup { background: url("../images/up-arrow.png") 62% 50% no-repeat rgba(0, 0, 0, 0); } .arwdown { background: url("../images/down-arrow.png") 62% 50% no-repeat rgba(0, 0, 0, 0); } .innersubmenu { padding: 10px 0; font-size: 25px; cursor: pointer; } .hiddennav li { padding: 10px; } .circle-txtblk.num1, .circle-txtblk.num2, .circle-txtblk.num3, .circle-txtblk.num4, .circle-txtblk.num5, .circle-txtblk.num6, .circle-txtblk.num7 { position: relative; right: auto; top: auto; padding: 10px 0 10px 70px; width: 100%; } .circle-txtblk.num1::before, .circle-txtblk.num2::before, .circle-txtblk.num3::before, .circle-txtblk.num4::before, .circle-txtblk.num5::before, .circle-txtblk.num6::before, .circle-txtblk.num7::before { width: 45px; height: 45px; content: ""; text-align: center; line-height: 35px; font-family: BalooChettan-Regular; color: #a9a9a9; font-size: 18px; } .circle-txtblk.num1::before { content: "01"; border: 5px solid #f99715; } .circle-txtblk.num2::before { content: "02"; border: 5px solid #d315b4; } .circle-txtblk.num3::before { content: "03"; border: 5px solid #253fdd; } .circle-txtblk.num4::before { content: "04"; border: 5px solid #f82d7e; } .circle-txtblk.num5::before { content: "05"; border: 5px solid #057f11; } .circle-txtblk.num6::before { content: "06"; border: 5px solid #007893; } .circle-txtblk.num7::before { content: "07"; border: 5px solid #383838; } .circle-txtblk.num1::before, .circle-txtblk.num2::before, .circle-txtblk.num3::before, .circle-txtblk.num4::before, .circle-txtblk.num5::before, .circle-txtblk.num6::before, .circle-txtblk.num7::before { position: absolute; border-radius: 50%; top: 12px; left: 0; } .circle-txtblk.num7 { padding: 10px 0 10px 70px; } .num1::after { top: 25px; height: 1px; position: absolute; content: ""; } .circle-txt-ttl { font-size: 24px; line-height: 28px; } .circle-para { color: #76737e; font-size: 16px; line-height: 20px; } .nur-circlemain.number7 { top: 100%; left: -6%; } .number7 .numtxt { top: -150px; } .number7 .circletxt-right::after { top: -134px; } .number7 .circletxt-right::before { height: 115px; top: -115px; } .mission .safety-list li::before { background: #4f9566; width: 6px; height: 6px; } .ibdp-maintext span { font-size: 16px; line-height: 16px; color: #76737e; } .circletext { font-size: 24px; line-height: 26px; margin-right: -190px; } .num-circleblock { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; position: absolute; } .numbertext { font-size: 30px; line-height: 30px; right: -16px; top: 60px; color: #a9a9a9; } .circlr-righttxt { position: absolute; right: 0; } .number-main { position: absolute; width: 50%; height: 50px; } .number-main.number-1 { top: 18%; left: -170px; } .number-main.number-2 { top: 10.5%; left: -13px; } .number-2 .circletext { position: absolute; top: -130px; right: 140px; } .number-main.number-3 { top: 19%; right: 36px; } .rightsideno .circlr-righttxt { right: auto; left: 156px; top: 2px; } .number-main.number-4 { top: 47%; left: 53%; } .number-3.rightsideno .circletext { margin-right: -300px; } .number-main.number-5 { top: 75%; right: 25px; } .number-5 .circletext { margin-right: -125px; } .number-main.number-6 { bottom: 8px; left: -10px; } .number-6 .circletext { position: absolute; bottom: -125px; right: 80px; } .number-main.number-7 { bottom: 21%; left: -196px; } .number-7 .circletext { margin-right: -70px; } .container.nursery-tograde10, .ibdp-wrapp { padding: 100px 0 20px; } .ibdp-container.nur-to-x { background: url("../images/admissions/nursery-to-grade-x.png") center center no-repeat; max-width: 1200px; width: 89%; margin: 0 auto; height: 580px; position: relative; } .number-main.nursery-section.number-1 { left: -184px; } .number-main.nursery-section.number-2 { left: -25px; } .number-main.nursery-section.number-3 { right: 46px; } .number-main.nursery-section.number-4 { left: 51.9%; } .number-main.nursery-section.number-6 { left: -20px; } .nursery-tograde10 .ibdp-maintext { left: -6%; top: 3%; } .nursery-section.number-3.rightsideno .circletext { margin-right: -248px; } .nursery-section.number-4.rightsideno .circletext { margin-right: -225px; } .nursery-section.number-5 .circletext { margin-right: -200px; } .admission-ttl { text-align: center; font-size: 30px; line-height: 32px; position: relative; top: -170px; color: #0277a2; margin: 0 auto; } .nursery-sec1, .nursery-sec2, .nursery-sec3 { border: 1px solid #0277a2; margin-bottom: 150px; padding: 100px 0; } .nursery-tograde10 .nursery-sec3 .ibdp-maintext { left: -3.3%; top: 2%; } .admission-ttl-res { color: #0277a2; font-size: 28px; line-height: 30px; margin-bottom: 14px; } .enquire-blk a { color: #5f2787; } .enqpopupblk { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; margin: auto; bottom: 0; z-index: 99; display: none; } .a-level-form { background: #5a00a0; height: 24vh; padding: 15px 0; position: static; } .form-ttl { font-size: 60px; line-height: 62px; color: #004c87; margin-bottom: 25px; } .a-level-wrap { padding: 60px 0 100px; } .a-level-form-main { border: 25px solid #5a00a0; } .field-ttl { font-size: 35px; line-height: 38px; color: #5fb43c; margin-bottom: 30px; text-transform: uppercase; } .fieldttl { font-size: 21px; line-height: 23px; color: #6b6a6b; margin-bottom: 8px; } .checkboxlable, .formfieldwrap.gender .fieldttl { margin-bottom: 16px; } .formfield { width: 100%; padding: 10px 15px; font-size: 18px; line-height: 20px; color: #a9a9a9; border-radius: 6px; border: 1px solid #a2a2a2; width: calc(100% - 15px); } .checkboxlable, .radiobutton { color: #6b6a6b; cursor: pointer; } .formfieldwrap.date { position: relative; width: 18%; } .sprite.calendar-icon { background-position: -258px -21px; width: 25px; height: 25px; position: absolute; } .checkboxlable { user-select: none; position: relative; padding-left: 34px; width: 50%; font-size: 21px; } .checkboxlable input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background: #bababa; border-radius: 6px; } .checkmark:after, .checkmarkforradio:after { content: ""; position: absolute; display: none; } .checkboxlable .checkmark:after { left: 7px; top: 3px; width: 7px; height: 12px; border: solid #a3f282; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cometoknowwrap, .fieldmainwrap { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .formfieldwrap { width: 38%; margin-right: 30px; margin-bottom: 45px; } .formfieldwrap.age { width: 16%; } .formfieldwrap.gender { width: 16%; margin-right: 0; } .radiobutton { position: relative; padding-left: 28px; font-size: 18px; margin-right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .careerstable-wrap table th, .ib-text, .submitbtn { font-size: 24px; line-height: 26px; } .radiobutton input { position: absolute; opacity: 0; cursor: pointer; } .checkmarkforradio { position: absolute; top: 6px; left: 0; height: 15px; width: 15px; background-color: #fff; border: 4px solid #ccc; border-radius: 50%; } .targetDiv, .thankyoumain { transform: translate(-50%, -50%); left: 50%; } .radiobutton:hover input ~ .checkmarkforradio { background-color: #aca7ac; } .radiobutton input:checked ~ .checkmarkforradio { background-color: #5fb43c; } .radiobutton .checkmarkforradio:after { top: 0; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #5fb43c; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/dropdownarrow.png) 98% 50% no-repeat; border: none; width: 100%; font-size: 18px; } .formfieldwrap.date.exdate { margin-right: 20%; } .formfieldwrap.passport { width: 28%; } .blueline { border: 5px solid #0074be; } .forminn { padding: 50px 0 10px 40px; } .forminn.prev-record .formfieldwrap { width: 31.5%; } .forminn.prev-record { padding-right: 40px; } .formfieldwrap.grade9 { width: 80% !important; margin-right: 0; } .grade9blk .formfield { width: 25%; margin-right: 30px; } .forminn .formfieldwrap.fullwidth { width: 100%; margin-right: 0; } .parent-detail .formfieldwrap { width: 31.5% !important; } .grade10-predicted .formfieldwrap { width: 100% !important; } .grade10blk .formfield { width: 19.8%; margin-right: 30px; } .grade10blk .formfield:last-child { width: 31.5%; margin-right: 0; } .siblingwrap { width: 80%; display: flex; } .siblingwrap .formfieldwrap { width: 20% !important; } .siblingwrap .formfieldwrap.age { width: 26% !important; } .siblingwrap .formfieldwrap.nameofschool:nth-child(3n + 2) { width: 38% !important; margin-right: 60px; } .cometoknowwrap .formfieldwrap { width: auto !important; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 70px 0 0; } .a-leveltablewrap table td, .blocktable-left, .blocktable-right, .cometo-left, .covidupdateblk { width: 50%; } .submitbtn { background: #ff8e09; color: #fff; border-radius: 40px; border: none; width: 160px; text-align: center; padding: 12px 0; margin: 0 auto; cursor: pointer; } .submitbtnblk { text-align: center; margin-bottom: 100px; } .green { color: #37fe90 !important; } .acd-desc .heading2::after { position: absolute; bottom: -7px; right: 80px; content: "\201D"; font-size: 90px; } .banner-wrapper.academic-ibdp { background: url(../images/banner/academic-ibdp.jpg) center top/cover no-repeat; } .ib-program-sec-wrap { width: 90%; margin: 0 auto; } .ib-text { color: #515151; margin: 10px 0 60px; } .ibttl, .more-info-txt { font-size: 30px; line-height: 32px; } .more-info-txt { color: #00c599; } .more-info-txt a { color: #a0006e; } .ibttl { background: #00c599; border-radius: 10px 10px 0 0; color: #fff; padding: 20px 40px; box-shadow: 14px 5px 20px -9px #ccc; background: linear-gradient(to left, #00ba91, #00c599); } .ibtable-right { background: linear-gradient(to right, #f6f6f6, rgba(255, 255, 255, 0) 40%); width: 60%; } .ibtable-innertxt { font-family: RobotoLight; font-size: 18px; line-height: 22px; color: #181818; padding: 10px 40px; } .ibtable-innertxt span { color: #00c599; font-family: RobotoBold; } .campus-innerwrap1 .aligned p, .events-happeningwrap.gallery-inside-page p, .ibpdwidth p, a.readmorebtn { font-family: RobotoLight; } .ibtable-innertxt li { margin: 10px 0; } .ib-program-sec-wrap .download-btn-wrapp { text-align: center; margin: 60px auto; } .ibtableinn { box-shadow: 0 14px 20px 0 #ccc; border-radius: 0 0 10px 10px; } .iblogoblk { width: 15%; margin: 0 auto; } video { width: 100%; } .white-txt { color: #fff !important; } .banner-wrapper.message-board { background: url(../images/banner/message-board-banner.jpg) center top/cover no-repeat; } .life-at-nis-tab.nahar-intro-tab { width: 100%; margin: -34px auto 40px; } .message-boardwrap .innerpg-ttl { font-size: 45px; line-height: 50px; color: #5c02a2; } .message-boardwrap p.poetry { line-height: 30px; } .message-boardwrap .campus-right, .message-boardwrap .earlyyear-sec2wrap { background: #e7f4f7; } .principal-regards { color: #00c599; font-size: 22px; line-height: 25px; } .breadcrumb-wrap li { position: relative; width: auto; font-size: 16px; line-height: 17px; font-weight: 400; display: inline-flex; padding: 0 25px 0 10px; text-transform: capitalize; } .breadcrumb-wrap li:first-child { padding: 0 20px 0 0; } .breadcrumb-wrap li::after { position: absolute; content: ">>"; right: 0; top: 0; } .breadcrumb-wrap li:last-child::after { content: ""; } .breadcrumb-wrap { width: 100%; margin: 0 auto; } .breadcrumb-wrap li:last-child, .breadcrumb-wrap.haacbreadcrumb li:last-child a { color: #cd2b2b; padding-right: 0; } .banner-wrapper.student-council { background: url(../images/banner/student-council-banner.jpg) center top/cover no-repeat; } .student-council-wrap .campus-right { background: #fff1f1; padding-left: 54%; } .student-council-wrap .campus-left { width: 48%; left: 0; } .studentcouncil-subtxt { font-size: 30px; line-height: 32px; color: #cd2b2b; } .robert-txt { font-size: 18px; line-height: 20px; margin-top: 10px; font-family: RobotoRegular; } .banner-wrapper.student-wellbeing { background: url(../images/banner/student-wellbeing-banner.jpg) center top/cover no-repeat; } .student-wellbeing-wrap .campus-right { background: #f2f3ea; } .banner-wrapper.careers { background: url(../images/banner/careers-banner.jpg) center top/cover no-repeat; } .careers-wrapper .th1 { width: 1%; } .careers-wrapper .ibtable-right { width: 88%; } .careers-wrapper .ibtable-left { width: 12%; text-align: center; } .steps { width: 13%; } .careers-wrapper .ibtable-innertxt { padding: 20px 40px; } .careerstable-wrap table th { padding: 10px 20px; font-weight: 400; width: 58% !important; } .careerstable-wrap table td { padding: 18px 0 18px 20px; } .careerstable-wrap table th.th2 { width: 16% !important; } .careersttl { font-size: 30px; line-height: 30px; color: #00c599; } .careers-wrapper .igcsetable-wrap { margin: 20px 0 50px; } .parent-student-testimonial .campus-right { padding-left: 60px; background: #e7f5f8; } .parent-student-testimonial .innerpg-ttl { font-size: 48px; line-height: 52px; color: #5c02a2; margin-bottom: 30px; } .testimonialblk { background: #fff; border-radius: 50px; width: 31%; padding: 40px; margin-bottom: 25px; } .galleryblk img, .nlawrapper, .targetDiv, a.readmorebtn { border-radius: 30px; } a.readmorebtn { color: #fff; background: #30d0ac; padding: 10px 25px; border-bottom: none; cursor: pointer; display: block; width: 140px; text-align: center; } .testimonial-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 5px solid #30d0ac; padding-bottom: 40px; } .overlay, .targetDiv { display: none; position: fixed; } .targetDiv { background: #fff; box-sizing: border-box; margin: 0 auto; padding: 20px 20px 20px 40px; transition: 0.7s ease-in-out; width: 800px; z-index: 99999; height: auto; top: 50%; } .overlay { background: rgba(0, 0, 0, 0.6); height: 100%; top: 0; width: 100%; z-index: 9999; } .closed { text-align: right; cursor: pointer; position: absolute; right: -9px; top: -15px; } .parent-testimonial { padding: 50px 0 0; } .parent-testimonial .testimonial-wrap { justify-content: flex-start; border-bottom: none; padding-bottom: 0; } .parent-testimonial .testimonialblk { margin-right: 25px; } .banner-wrapper.events-happenings { background: url(../images/Events.jpg) center top/cover no-repeat; } .galleryblk img { width: 100%; } .galleryblk { width: 22%; margin-right: 80px; cursor: pointer; } .cas-pdf-blk a, .gallery-wrapper.flex { justify-content: flex-start; } .events-happeningwrap, .nahar-learning-academywrap { margin: 60px 0 100px; } .happening-gallery-ttl { font-size: 30px; line-height: 32px; color: #fb5151; text-align: center; } .events-happeningwrap.gallery-inside-page p span { display: block; margin-bottom: 10px; font-family: RobotoBold; } .gallery-inside-page .container { width: 94%; } .banner-wrapper.nahar-learning-academy { background: url(../images/banner/nahar-learning-academy-banner.jpg) center top/cover no-repeat; } .nla-txt { font-family: RobotoBold; font-size: 16px; text-align: center; line-height: 20px; } .studentcouncil-text, .thankyou-text, nav .mm-listview { font-family: BalooChettan-Regular; } .parent-student-testimonial .campus-innerwrap { margin: 50px 0 90px; } .testimain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #30d0ac; } .testimain .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(48, 208, 172, 0.5) !important; } .testimain .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(48, 208, 172, 0.5); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .testimonial-name { font-size: 18px; line-height: 20px; color: #30d0ac; } .testimonial-scroll.scrolldata { height: 300px; } .nlawrapper { background: #e7f4f7; padding: 0; justify-content: flex-start; } .nlacircleblk { border-right: 1px solid #b9c3c6; width: 14.2%; padding: 10px 30px; border-bottom: 1px solid #b9c3c6; height: 150px; } .enquiresticky-wrap .enquire-blk.skolaro-blk { top: 40%; right: -106px; } .enquiresticky-wrap .enquire-blk { top: 62%; right: -50px; } .nlacircleblk:first-child { width: 42.6%; padding: 50px; } .nlacircleblk-insidepadding { padding: 20px 30px; } .nla-borderrightnone { border-right: none; width: 14.8%; } .nlacircleblk.nlatext { color: #a01714; font-size: 38px; line-height: 40px; display: flex; align-items: center; padding: 0 47px; text-align: center; } .cambridge-level-1 .nursery-sec1, .hacctabcontent .blog-ttl { border: none; padding: 0; } .technologywrap .campus-innerwrap { margin: 160px 0 90px; } .banner-wrapper.a-levels { background: url(../images/banner/a-levels-banner.jpg) center top/cover no-repeat; } .contact a { color: #006abc; } input[type="date"], input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } nav .mm-listitem::after { border-color: rgba(255, 255, 255, 0.1); } .academics-ibdptable table td { padding: 18px 0 18px 25px !important; } .academics-ibdptable span, .assessment-txt span { color: #00c599; font-weight: 700; } .transportservices-wrap .campus-right { padding: 86px 60px 86px 25%; } .banner-wrapper.robotic { background: url(../images/banner/robotic-banner.jpg) center top/cover no-repeat; } .banner-wrapper.transport-services { background: url(../images/banner/Transport.jpg) center top/cover no-repeat; } .fullpara-main { background: #f5ecff; border-radius: 0 0 30px 30px; width: 80%; margin-left: 20%; } .fullpara { padding: 20px 70px 50px 77px; } .mm-listitem:hover { background: rgba(255, 255, 255, 0.1); } .enquiresticky-wrap { z-index: 1; position: fixed; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header { border: 1px solid #0d51a0 !important; background: #0d51a0 !important; color: #fff !important; } .ui-state-default.ui-state-highlight { background: #fffa90 !important; color: #000 !important; } .ui-state-default.ui-state-active.ui-state-hover { background: #fff !important; color: #0d51a0 !important; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { background: #f32774 !important; color: #fff !important; } .ui-datepicker-prev .ui-icon, .ui-datepicker-prev .ui-icon:hover { background: url("../images/sprite.png") -310px -17px no-repeat !important; } .ui-datepicker-next .ui-icon, .ui-datepicker-next .ui-icon:hover, .ui-datepicker-next.ui-state-hover .ui-icon:hover { background: url("../images/sprite.png") -310px -38px no-repeat !important; } .ui-button:focus, .ui-button:hover, .ui-state-hover { background: #93c3fb !important; } .beyond-academi-blk .naharimgblk.academi-img { right: -28px; } .howcontactus a { border-bottom: 0; color: #0277a2; display: block; } .thankyou-wrap { text-align: center; display: flex; position: relative; height: 55vh; } .thankyoumain { position: absolute; top: 50%; text-align: center; margin: 0 auto; width: 100%; } .thankyou-text { font-size: 100px; line-height: 110px; } p.thankyou-subtext { text-align: center; font-size: 20px; line-height: 22px; } .alevel-languagetablehead, .assessmenthead { text-transform: capitalize; color: #fff; font-size: 30px; background: #00c599; font-family: BalooChettan-Regular; padding: 25px; border-radius: 10px 10px 0 0; } .blog-ttl, .student-name { text-transform: uppercase; } .a-levelpage .more-info-txt { margin-top: 30px; color: #cd2b2b; } .assessmentright { width: 55%; } .assessment-txt { font-family: robotolight; font-size: 18px; line-height: 22px; padding: 18px 0 18px 25px !important; border-bottom: 1px solid #ccc; } .assessmentleft .assessmenthead { border-radius: 10px 0 0; } .assessmentright .assessmenthead { border-radius: 0 10px 0 0; background: linear-gradient(to right, #00ba91, #00c599); } .assessmentwrap { margin: 40px 0 50px; background: #fff; box-shadow: 30px 33px 62px 8px #dce4be; border-radius: 0 0 10px 10px; } .banner-wrapper.a-levelbanner { background: url("../images/banner/a-level-banner.jpg") center top/cover no-repeat; color: #37fe90; } .enquireibdp { background: #e857e2; font-size: 16px; line-height: 20px; text-align: center; padding: 10px 15px; border-radius: 20px 20px 0 0; color: #fff; } .eyfs-principlesright img, .modal-body { border-radius: 20px; } .enquireibdp-alevelwrap { position: fixed; bottom: 0; right: 0; display: flex; justify-content: space-between; align-items: center; z-index: 1; } .campus-innerwrap.sec2 .campus-right { padding: 60px 36% 60px 60px; width: 100%; border-radius: 30px 30px 0 0; } .campus-innerwrap.sec2 .safety-list li::before { top: 7px; } .campus-innerwrap.sec3 .campus-left { width: 23%; } .campus-innerwrap.sec3 .campus-right { width: 100%; padding-left: 20%; padding-right: 25%; } .rightimg { width: 24%; position: absolute; top: 170px; right: -20px; } .modal-overlay, .model-event { position: fixed; height: 100%; visibility: hidden; left: 0; } ul.safety-list.earlyinner-list { margin-left: 20px; margin-bottom: 20px; } ul.safety-list.earlyinner-list li::before { width: 4px; height: 4px; background: #008eaa; } .campus-innerwrap.beginningjourney { margin: 0; } .campus-innerwrap.beginningjourney .campus-right { border-radius: 0; } .campus-innerwrap.curriculumwrap2 .campus-left, .campus-innerwrap.teachingmethod .campus-left { left: auto; right: -20px; top: 0; } .campus-innerwrap.teachingmethod .campus-right { padding: 30px 35% 100px 60px; } .campus-innerwrap.teachingmethod { margin-top: 0; margin-bottom: 80px; } .campus-innerwrap.curriculumwrap2 .campus-right { border-radius: 0 0 30px 30px; padding: 30px 35% 150px 60px; } .earlyyear-sec2blk, .gr0cery-imgwrap, .ipdpflex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .eyfs-principlesleft { width: 76%; margin-right: 30px; } .eyfs-principlesright { width: 20%; line-height: 0; } .earlyyear-sec2blk.reverse .eyfs-principlesright { margin-right: 30px; } .early-listmain { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .campus-innerwrap.curriculumwrap2.curriculumwrap3 .campus-right { padding-bottom: 70px; } .model-event { z-index: 9999999; top: -101px; width: 100%; } .model-event.is-visible { visibility: visible; } .model-event.is-visible .modal-overlay { opacity: 1; visibility: visible; transition-delay: 0s; } .modal-overlay { z-index: 99999; top: 0; width: 100%; background: hsla(0, 0%, 0%, 0.8); opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; } .model-event.is-visible .modal-transition { transform: translateY(25%); opacity: 1; } .model-event .modal-wrapper { top: 0; bottom: 0; margin: 0 auto; } .modal-transition { transition: 0.3s 0.12s; transform: translateY(-10%); opacity: 0; } .modal-wrapper { position: absolute; z-index: 9999999; top: -80px; width: 600px; left: 0; right: 0; bottom: 0; margin: auto; height: 351px; background-color: none; } .mainwrap, .modal-body { height: 530px; overflow: hidden; } .modal-header { position: relative; display: flex; justify-content: flex-end; top: 38px; right: 0; cursor: pointer; z-index: 9; } .modal-body { background: 0 0; color: #fff; } .bigImgbanner, .overlay2 { left: 50%; height: 0; position: fixed; z-index: 9999; opacity: 0; } .popup-ttl { font-size: 25px; line-height: 35px; text-align: center; margin: 0 0 15px; } .popuptext-main p { font-size: 16px; line-height: 20px; font-family: RobotoLight; margin-bottom: 12px; } .popup-slider-part p { text-align: center; padding: 0 50px; } .dear-text { font-size: 17px; line-height: 20px; font-family: RobotoRegular; margin: 0 0 6px; } .popup-boldtext { font-size: 16px; line-height: 21px; font-family: RobotoRegular; } .teamnis-text { font-family: BalooChettan-Regular; font-size: 20px; line-height: 24px; margin: 10px 0; } .greeting-txt { margin: 0 0 15px; } .popup-greeting-part { background: #f69c34; padding: 30px 20px; } .popup-slider-part { background: #2c5788; padding: 30px 80px; } .popup-slider .slick-prev:before { content: "\e80a"; } .popup-slider .slick-next:before { content: "\e80b"; z-index: 9; position: relative; } .smallImgbanner { position: fixed; width: 183px; right: 0; top: auto; bottom: 25px; z-index: 9999; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 2px solid #fff; line-height: 0; } .bigImgbanner { width: 400px; top: 78%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 0.5s linear; -webkit-transition: 0.5s linear; -ms-transition: 0.5s linear; overflow: hidden; } .bigImgbanner.imgShow { height: 1138px; opacity: 1; } .overlay2 { background: rgba(0, 0, 0, 0.6); top: 50%; bottom: 50%; right: 50%; width: 0; margin: 0 auto; transition: 0.5s linear 0.3s; } .overlay2.show { opacity: 1; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; transition: 0.5s linear; } .comImg img { max-width: 100%; } .placement-buttonblk { background: #a0006e; color: #fff; border-radius: 50px; font-size: 20px; line-height: 22px; padding: 10px 20px; cursor: pointer; } .ibdp-popup .modal-body { width: 50%; margin: 0 auto; border-radius: 0; height: auto; } .ibdp-popup .modal-header { width: 50%; margin: 0 auto; top: 26px; right: -17px; } .model-event.event-btn.ibdp-popup { width: 87%; margin: 0 auto; top: -100px; right: 0; } .video-ttl { font-size: 24px; line-height: 30px; margin: 0 0 20px; height: 50px; } .videoblk { line-height: 0; width: auto; } .photogallery-wrap { display: flex; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; } .breadcrumb-wrap.haacbreadcrumb { margin: 60px 0 30px; } .haac-inner { display: flex; font-size: 30px; line-height: 32px; justify-content: center; align-items: center; cursor: pointer; margin: 0 0 60px; } .haac-innerwrap p, .haac-main p { font-family: RobotoLight; font-size: 14px; line-height: 22px; margin: 0 0 10px; } .covidupdate-wrap, .haac-innerwrap { width: 100%; background: #f7f7f7; padding: 40px 60px; border-radius: 30px; margin-bottom: 100px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } a.readmore-btn { font-size: 18px; width: 135px; padding: 10px 15px; display: inline-block; text-align: center; background: #3fb4ff; color: #fff; border-radius: 30px; cursor: pointer; border: 1px solid transparent; } a.readmore-btn:hover { background: #fff; color: #3fb4ff; border: 1px solid #3fb4ff; } .blog-ttl { font-size: 24px; line-height: 26px; margin: 0 0 10px; color: #0277a2; padding: 6px 15px; border: 1px solid #0277a2; border-radius: 30px; } .activetabitm, .blog-ttl:hover { color: #fff; background: #0277a2; } .hacctabcontent .blog-ttl:hover { background: 0 0; color: #0277a2; } .blogwrittenby { font-size: 18px; line-height: 20px; margin: 0 0 10px; } .enquire-blk.skolaro-blk.haccblk { top: 70%; right: -34px; border-radius: 0 0 20px 20px; } .hacc-tabwrap { width: 60%; cursor: pointer; justify-content: center !important; margin: 0 auto 50px; } .artworktab, .writingpiecestab { padding: 15px; border-radius: 5px; text-align: center; font-size: 17px; line-height: 22px; box-shadow: 0 0 5px 2px #0000003b; width: 170px; text-transform: uppercase; } .haacwrap .tabitm { margin: 0 20px 0 0; } .the-newnormal .tabitm { font-size: 14px; } .flex, .flex-between { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .haccblk { width: 23%; text-align: center; margin: 0 10px 60px 0; cursor: pointer; } .tabdataitm { height: 0; display: none; } .tabdataitm.activetabdataitm { height: auto; display: block; } .activetabitm { box-shadow: none; } .haccblk .blog-img img { border-radius: 6px; } .student-name { font-size: 17px; line-height: 20px; margin: 15px 0 0; color: #0277a2; letter-spacing: 0.5px; } .haccpopup-wrap { display: none; position: fixed; width: 50%; margin: 0 auto; left: 0; top: 50px; z-index: 9999; right: 0; bottom: 0; } .haacblog-blk, .row { display: flex; width: 100%; } .popupclose { position: absolute; top: 0; right: 0; color: rgba(255, 255, 255, 0.5); } .blog-text span, .para-text { font-family: RobotoLight; font-size: 14px; line-height: 20px; text-align: center; } .hacc-contentwrap { background: #fff; padding: 30px; border-radius: 20px; height: 510px; } .column, .row { padding: 0 4px; } .blog-img, .line-height, .linehieght0 { line-height: 0; } .haccpopinner .blog-img { width: 55%; margin: 0 auto 30px; } .haccpopinner .para-text { font-size: 14px; line-height: 20px; text-align: center; } p.para-text span { margin: 0 10px; } .haccpopup-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0277a2; } .haccpopup-wrap .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.4); } .haccpopup-wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(2, 119, 162, 0.5); } .haccblog-left, .imagtxt { width: 65%; } .haac-innerwrap.fullcontent { width: auto; text-align: center; padding: 30px; margin: 0 auto 30px; } .haacblog-blk { justify-content: flex-start; flex-wrap: wrap; } a.blog-ttl { margin: 0 30px 0 0; } .cas-videomain, .hacccolumnswrap.flex-between, .haccpoem-wrap.flex-between { align-items: flex-start; } .row { flex-wrap: wrap; } .column { flex: 25%; max-width: 25%; } .hacccolumnsmain { width: 100%; align-items: flex-start; } .blocktablewrap, .cas-pdf-blk { justify-content: space-between; } .hacccolumnwrap { width: 31%; text-align: center; } .blog-heading { font-size: 24px; line-height: 28px; color: #0277a2; } .essaywrapper .student-name, .hacccolumnwrap .student-name { text-transform: capitalize; color: #414141; margin: 10px 0; } .hacccolumnblk { margin: 0 0 50px; background: #f7f7f7; border-radius: 30px; padding: 40px; } .essaywrapper .para-text { text-align: justify; } a.morelink { color: #0277a2; margin: 10px 0 0; display: block; } .form-group { margin-bottom: 25px; width: 31%; } .form-control { border-radius: 25px; box-shadow: 2px 2px 5px #e5e5e5; } p.studentcouncil-text { font-family: BalooChettan-Regular !important; } .blockhead, .blogtable thead { font-family: BalooChettan-Regular; border-bottom: 1px solid #0277a2; } .haac-introwrap p { font-size: 16px; line-height: 22px; } .popup-greeting-part.hacc { border-radius: 20px; padding: 40px 20px; } .popup-greeting-part.hacc a.blog-ttl { background: #fff; margin: 10px 20px 0 0; display: inline-block; font-size: 16px; line-height: 20px; border: transparent; } .popup-greeting-part.hacc a.blog-ttl:hover { background: #0277a2; } .covidupdateinner { width: 100%; margin: 50px 0 0; } .covidpage .heading2 { font-size: 40px; line-height: 50px; } .booklet.blog-ttl { text-transform: capitalize; font-size: 20px; cursor: pointer; } .blockhead, .grid .heading, .headingtxt, .selectyear { text-transform: uppercase; } .blog-text.more ul.ccouncil-list li { font-size: 14px; text-align: left; } .blog-text.more ul.ccouncil-list li::after { width: 4px; height: 4px; } .blog-text.more ul.ccouncil-list { padding-bottom: 0; } .blocktablewrap { display: flex; width: 100%; text-align: left; border: 1px solid #0277a2; } .cas-pdf-wrap, .note { justify-content: flex-start; display: flex; } .blockhead { font-size: 18px; line-height: 22px; padding: 0 25px 10px; } ul.blockcontent li { padding: 10px 25px; border-bottom: 1px solid #0277a2; height: 56px; } .blogtable table th, .blogtable thead th, table td { padding: 10px 20px; border-right: 1px solid #0277a2; } .blocktable-left ul.blockcontent { border-right: 1px solid #313131; } .blogtable thead { font-size: 16px; font-weight: 100; letter-spacing: 1px; } .blogtable table th, table td { font-size: 14px; border-bottom: 1px solid #0277a2; width: 50%; } .cas-pdf-txt, .result-list li a { font-family: RobotoLight; font-size: 18px; } .groceryimg-blk { width: 31%; line-height: 0; margin: 0 0 40px; border: 1px solid #000; } .note { margin: 25px 0 0; width: 100%; flex-wrap: wrap; } .note a { color: #cd2b2b; font-size: 16px !important; line-height: 20px !important; padding: 0 !important; margin: 0 !important; text-align: left !important; width: auto !important; } .heading2.download-ttl { color: #e53a93; margin-bottom: 40px; text-align: left; width: 100%; } .download-btn-wrapp.downloads-wrap { text-align: left; margin: 0 auto 60px; display: flex; flex-wrap: wrap; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .contanttxt, .explore-btn, .fsElementContent, .grid .contant, .mcb-wrapper, .news-flash-wrap, .selectyear { text-align: center; } .download-btn-wrapp.downloads-wrap.ibdp { margin: 100px 0 60px; display: flex; justify-content: center; } .download-btn-wrapp.downloads-wrap a { margin: 0 0 30px; display: inline-block; width: auto; } .pdficon { line-height: 0; width: 46px; } .cas-pdf-txt { line-height: 21px; width: calc(100% - 70px); } .cas-pdf-blk { display: flex; align-items: center; flex-wrap: wrap; display: flex; align-items: center; flex-wrap: wrap; width: 25%; margin: 30px 0 0; } .cas-pdf-blk a { width: 100%; display: flex; justify-content: space-between; align-items: center; } .cas-pdf-wrap { align-items: center; flex-wrap: wrap; padding: 30px 0 0; } .mcb-wrap { display: flex; justify-content: flex-start; align-content: center; width: 20%; } .mcb-wrap .img-blk { width: 30%; line-height: 0; margin-right: 20px; } .img-blk img { width: 75%; } .enquireibdp-alevelwrap { justify-content: flex-end; } .mcb-wrapper { width: 12%; border-radius: 20px; overflow: hidden; padding: 5px 10px; display: flex; justify-content: flex-start; align-items: center; margin-top: -20px; } .model-event.event-btn.career-popup { width: 38%; margin: 0 auto; right: 0; } .career-popup .modal-header { top: 24px; right: -10px; } .flyer-popup img { width: 100%; border-radius: 20px; } .cas-videowrap { width: 48%; padding: 50px 0 0; line-height: 0; } .cas-program-sect { padding: 0 0 50px; } .pdf-icon { line-height: 0; margin: 0 20px 0 0; } .result-list li a, .selectyear { position: relative; line-height: 22px; } .castab-section .tabitm { width: auto; background: #5e2082; color: #fff; } .castab-section .hacc-tabwrap { justify-content: flex-start !important; width: 100%; } .selectyear { color: #fff; border: none; background: #5e2082; -moz-appearance: none; padding: 15px; border-radius: 5px; font-size: 17px; width: 100%; font-family: BalooChettan-Regular; } .yearblk { position: relative; width: 22%; } .yearblk:after { position: absolute; content: "\e800"; font-family: fontello; font-size: 12px; right: 26px; top: 0; color: #fff; height: 100%; transform: rotate(90deg); } .cas-heading, .font-size-100 { font-size: 100px; } .bannertxt-blk.casbanner-txt { left: 200px; } .bannertxt-blk.a-level-banner-txt { left: 150px; } .bannertxt-blk.ibdp-banner-txt { left: 210px; } .home-banner { width: 100%; height: 100vh; position: relative; color: #fff; background-size: cover; } .home-banner1 { background: url(../images/banner/home-slider/banner1.html) center top no-repeat; } .home-banner2 { background: url(../images/banner/home-slider/banner2.webp) center top no-repeat; } .home-banner3 { background: url(../images/banner/home-slider/banner3.webp) center top no-repeat; } .home-banner4 { background: url(../images/banner/home-slider/banner4.webp) center top no-repeat; } .home-banner5 { background: url(../images/banner/home-slider/banner5.webp) center top no-repeat; } .home-banner6 { background: url(../images/banner/home-slider/banner6.jpg) center top no-repeat; } .home-banner7 { background: url(../images/banner/home-slider/banner7.jpg) center top no-repeat; } .home-banner8 { background: url(../images/banner/home-slider/banner8.jpg) center top no-repeat; } .home-banner9 { background: url(../images/banner/home-slider/banner9.jpg) center top no-repeat; } .home-banner10 { background: url(../images/banner/home-slider/banner10.jpg) center top no-repeat; } .home-banner11 { background: url(../images/banner/home-slider/banner11.jpg) center top no-repeat; } .banner-wrapper.cas { background: url(../images/banner/cas-banner.jpg) center top/cover no-repeat; } .homepopup .modal-body { overflow-y: scroll; border-radius: initial; } .result-list li a { color: #1a1a1a; padding-left: 50px; margin-bottom: 6px; border: none !important; font-weight: 400; display: inline-flex; justify-content: flex-start; align-items: center; } .result-list li a:before { position: absolute; content: ""; background: url(../images/pdf-icon.png) center center no-repeat; width: 34px; height: 46px; left: 0; } .result-wrap .heading2 { color: #5c02a2; margin: 0 0 50px; } .results-wrap { width: 100%; padding: 60px; background: #f6ffd5; border-radius: 30px; margin: 50px 0; } .results-wrap .heading2 { margin: 0 0 50px; } .news-flash-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; transform: translate(-50%, 100%); left: 50%; margin: 0 auto; width: 100%; } .accordion__toggle, .essay li, .staff-caption, .tstmsg, .video-imgblk12 { position: relative; } .news-ttl { width: 100%; font-size: 50px; line-height: 60px; margin: 0 0 50px; } .news-flash-wrap h1 { letter-spacing: 1px; font-family: RobotoRegular; line-height: 28px; } .enquire-blk.skolaro-blk.haccblk.enq-blk { top: 40%; } .label-txt { font-size: 20px; line-height: 40px; color: #6b6a6b; margin-bottom: 8px; } .tour-form-wrap .formfieldblk { width: 32%; } .tour-form-wrap { align-items: flex-start; padding: 50px 0 0; } .explore-btn, .yeargroup-wrap select { font-size: 18px; padding: 10px 15px; font-family: BalooChettan-Regular; } .tour-form-wrap textarea { resize: none; font-size: 18px; line-height: 20px; color: #a9a9a9; font-family: BalooChettan-Regular; border-radius: 6px; border: 1px solid #a2a2a2; width: calc(100% - 15px); } .sprite.calendar-icon { right: 30px; top: 48px; } .tour-form-wrap .submitbtnblk { margin: 0 auto; padding: 30px 0 50px; width: 100%; } label.checkboxlable { display: flex; justify-content: space-between; align-items: center; width: 140px; flex-wrap: wrap; word-break: break-all; } .yeargroup-wrap .formfieldwrap { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; flex-wrap: wrap; } .yeargroup-wrap select { line-height: 20px; color: #a9a9a9; border-radius: 6px; border: 1px solid #a2a2a2; width: calc(100% - 15px); background: url(../images/dropdownarrow.png) 98% 50% no-repeat #fff; } .enquireibdp.enquireprimary { background: #013e7e; } .overview-blk-txt .subheading2 { color: #6b6a6b; font-family: BalooChettan-Regular; margin-bottom: 10px; } .explore-btn { margin-bottom: 20px; background: #b2b2b2; color: #fff; border-radius: 50px; width: 135px; display: inline-block; border: 1px solid #b2b2b2; outline: 0; } .corereadmore, .coretxt, .cortxt, .sourblk { color: #787373; } .explore-btn:hover { color: #b2b2b2; } .overview-allow { width: 80%; margin: 0 auto; } .campus-innerwrap1 { position: relative; margin: 40px 0; } .studentflex { display: flex; flex-wrap: wrap; justify-content: flex-start; } .studentwidth { width: 28%; background: #e4fdec; border-radius: 20px; padding: 3% 2%; margin: 30px; box-shadow: 1px 1px 10px 0 #ccc; } .coretxt { font-size: 25px; line-height: 1.2; } .corereadmore { font-size: 16px; padding: 25px 0; } .corereadmore .icon-right { font-size: 13px; } .cortxt { font-size: 15px; padding: 10px 0; } .nameflex { display: flex; align-items: center; justify-content: space-between; } .student-desc { width: 100%; background: #e4f6fd; padding: 3%; border-radius: 25px; } .sourblk { font-size: 24px; padding: 10px 0; } .pt-30 { padding-top: 30px; } .imagtxt3 { width: 23%; padding: 15px 0; } .banner-wrapper.acid { background: url(../images/student-universe/acids-and-alkalis.png) center top/cover no-repeat; } .banner-wrapper.qus { background: url(../images/student-universe/qus-ans.png) center top/cover no-repeat; } .academic-university-placements { background: url(../images/student-universe/university-placements.png) center top/cover no-repeat; } .banner-wrapper.electromagnetic { background: url(../images/student-universe/electromagnetic.png) center top/cover no-repeat; } .banner-wrapper.human { background: url(../images/student-universe/human-evolution.png) center top/cover no-repeat; } .banner-wrapper.mental { background: url(../images/student-universe/mental.png) center top/cover no-repeat; } .banner-wrapper.infinite { background: url(../images/student-universe/infinite.png) center top/cover no-repeat; } .banner-wrapper.antimatter { background: url(../images/student-universe/antimatter.png) center top/cover no-repeat; } .banner-wrapper.aerodynamics { background: url(../images/student-universe/aerodynamics.png) center top/cover no-repeat; } .banner-wrapper.recognition { background: url(../images/student-universe/recognition.png) center top/cover no-repeat; } .banner-wrapper.sandhya { background: url(../images/student-universe/sandhya.png) center top/cover no-repeat; } .banner-wrapper.writer { background: url(../images/student-universe/writer.png) center top/cover no-repeat; } .banner-wrapper.science { background: url(../images/student-universe/science.png) center top/cover no-repeat; } .science-bg:before { position: absolute; content: ""; background: url(../images/student-universe/science-bg.png) center top; background-size: c; width: 100%; top: 0; height: 100%; left: 0; z-index: -1; opacity: 0.4; } .imagtxt3 .safety-list ul p { margin-bottom: 3px; font-size: 16px; } .imagtxt-radi img, .imagtxt1 img, .imagtxt3 img { border-radius: 30px; } .blogtable-txt table th, .extendright, table td { width: 25%; } .teacher-info { display: flex; justify-content: flex-start; flex-wrap: wrap; } .teach_width { width: 33%; padding: 15px; } .animated-modal { max-width: 550px; border-radius: 4px; overflow: hidden; transform: translateY(-50px); transition: 0.7s; } .animated-modal h2, .animated-modal p { transform: translateY(-50px); opacity: 0; transition-property: transform, opacity; transition-duration: 0.4s; } .teach_width .grid .teacher_img { line-height: 0; transition: 0.5s; padding-bottom: 10px; } .teach_width .grid .teacher_img:hover { box-shadow: 0 0 11px 0 #ccc; } .fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal h2, .fancybox-slide--current .animated-modal p { transform: translateY(0); opacity: 1; } .teacher-wrapper { padding: 60px 0; } .grid .heading, .headingtxt { font-size: 18px; text-align: center; padding: 5px 0; } .contanttxt, .fancybox-slide--current .animated-modal div span, .grid .contant { font-size: 16px; font-family: RobotoLight; } .grid .contant { padding: 5px 0; } .fancybox-slide .fancybox-content { font-family: RobotoMedium; } .fancybox-slide--current .animated-modal div { font-size: 18px; padding: 5px 0; text-transform: uppercase; font-family: BalooChettan-Regular; } .fancybox-slide--current .animated-modal button { background: #e857e2; } .contanttxt { color: #666; padding: 5px 0; } .staff-caption { height: 7em; z-index: 2; overflow: visible; } .teach_width .leadership:hover .staff-caption { background: #e6e6e6; } .indivi p { font-size: 22px; } .leadershipcontent { height: 250px; } .fancybox-slide--current .animated-modal p { transition-delay: 0.3s; line-height: 24px; text-align: justify; font-family: BalooChettan-Regular; color: #666; font-size: 14px; margin-bottom: 5px; } .staff-caption .text-center { color: #013e7e; } .admission { color: #fff; margin-bottom: 10px; } .nahar-intro-tab { margin: -50px 0 40px; } .tstmsg { color: #525252; margin-bottom: 20px; z-index: 5; } .ibpdwidth { width: 100%; margin: 15px 0; } .widthiblk { width: 68%; } .casblk { color: #000; margin-bottom: 20px; } .casbtn { font-size: 16px; color: #fff; background: #e857e285; } .result-listblk { display: flex; } .mt-10 { margin-top: 15px; } .university { width: 100%; padding: 50px 0; } .university-slider { margin: 50px auto; } .university-slider div { margin: 15px; } .fsElementTitle { color: #cd2b2b; padding-bottom: 20px; } .extendedblk { width: 70%; margin: 0 auto; background: #f7f3f3; padding: 50px 0; } .resu-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .extendleft { width: 73%; } .essay { padding-left: 15px; padding-bottom: 15px; } .essay li { font-family: RobotoLight; font-size: 16px; line-height: 22px; padding: 5px 0; } .essay li:before { background: #000; width: 5px; height: 5px; position: absolute; content: ""; left: -15px; top: 15px; border-radius: 10px; } .extendright-width { background: #fff; width: 100%; } .extendright-width .casblk { font-size: 22px; margin-bottom: 10px; } .atkblk { padding: 5px; } .keyblk { font-size: 22px; margin-bottom: 20px; } .fsElementContent { display: flex; justify-content: center; flex-wrap: wrap; } .video-imgblk12 { width: 20%; margin: 0 15px; } .accordion__header { padding: 1em; background-color: #fff; margin-bottom: 16px; border: 1px solid #ccc; margin-top: 2px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .accordion__header .ib-text { margin: 0; color: #242323; font-size: 18px; } .accordion__header.is-active { background-color: #0075b8; color: #fff; } .accordion__toggle, .accordion__toggle::before { background-color: #222; border-radius: 2px; display: block; } .accordion__toggle { margin-left: 10px; height: 3px; width: 13px; flex-shrink: 1; } .accordion__toggle::before { content: ""; width: 3px; height: 13px; position: absolute; top: -5px; left: 5px; } .is-active .accordion__toggle { background-color: #fff; } .is-active .accordion__toggle::before { display: none; } .accordion__body { display: none; padding: 1em; border: 1px solid #ccc; border-top: 0; margin-bottom: 20px; } .accordion__body.is-active { display: block; } .accordion__body p { font-family: robotolight; } .cas-txtblk p { font-family: RobotoMedium; } .img-adimision { width: 100%; margin: auto; } .model-event .modal-wrapper { width: 44%; } .overview-blk-txt a { color: #0075b8 !important; } .teacher-banner { background: url(../images/robotic-banner-2.jpg) no-repeat center top; background-size: cover; } .popuptext-main p { font-size: 12px; line-height: 20px; font-family: "RobotoRegular"; margin-bottom: 0px; padding: 15px; color: #fff; } .popuptext-main img { width: 75%; border: 1px solid #fff; } .dyimgblk { margin: 15px; } .dyimgblk img { border-radius: 25px; box-shadow: 0 0 9px 4px #ebeaeb; } .pregallery .slick-next { right: 0; background: #d9a94a; border-radius: 35px; left: auto; transform: rotate(181deg); } .pregallery .slick-prev { left: 0; right: auto; z-index: 1; background: #d9a94a; border-radius: 35px; transform: rotate(180deg); } .pregallery .slick-next:before, .slick-prev:before { font-size: 18px; } .ackblk { padding-top: 60px; } .ackblk .explore-btn { background: #d9a94a; } .ackblk .explore-btn:hover { color: #d9a94a; background: #fff; } .flyer-slider a { background: #dba835 !important; } .bees-cubs { background: #f46917 !important; position: fixed !important; right: -43px !important; bottom: 26%; transform: rotate(270deg); } .tenyear { position: fixed; width: 100px; right: 0; border-radius: 15px; } .tenyear img { border-radius: 15px 0 0 15px; } .history-year { width: 100px; height: 100px; background: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #fd8c27; position: relative; } .history-year span { width: 80px; height: 80px; background: #fd8c27; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; } .history-year:before { position: absolute; top: -100px; width: 2px; height: 50px; background: #fd8c27; content: ""; } .historyblk { padding: 0; margin: 0 auto; position: relative; display: inline-block; width: 90%; display: flex; height: 500px; justify-content: space-around; } .history-info { position: absolute; top: 10px; font-size: 14px; width: 70%; left: 95px; } .history-year:before { top: auto; bottom: -52px; } .history-info { top: auto; bottom: 20px; left: -80px; text-align: right; } .history-info-bottom .history-info { position: absolute; top: 149px; font-size: 14px; text-align: left; width: 100%; left: 0; background: #f1e9f4; height: 300px; padding: 20px; border-radius: 10px; } .history-slider { position: relative; } .history-slider:before { position: absolute; top: 11%; left: 0; width: 100%; height: 10px; background: #ccc; content: ""; opacity: 0.7; } .item__title { font-family: BalooChettan-Regular; font-size: 25px; margin-bottom: 15px; font-weight: 500; color: #000000; line-height: 1; text-align: center; } .history-info p { font-family: RobotoLight; font-size: 16px; line-height: 25px; margin-bottom: 20px; color: #000000; text-align: center; } .guidance { margin-bottom: 50px !important; } .history-info p a { color: #cd2b2b; font-weight: 400; } .history-year img { width: 50px; } .history-slider .slick-prev { background: #ccc url(../images/prev.png) no-repeat center; width: 40px; height: 40px; left: -1%; top: 8.5%; border-radius: 50%; z-index: 111111; } .history-slider .slick-next { background: #ccc url(../images/next2.png) no-repeat center; width: 40px; height: 40px; right: -1%; top: 7.5%; transform: none; border-radius: 50%; } .history-slider .slick-prev:before, .history-slider .slick-next:before { display: none !important; } .banner-resimg { display: none; } /* .home-banner1 { background: url(../images/homepage/banner-1.jpg) no-repeat center !important; background-size: cover !important; } */ /* .home-banner2 { background: url(../images/homepage/banner-2.jpg) no-repeat center !important; background-size: cover !important; } .home-banner3 { background: url(../images/homepage/banner-3.jpg) no-repeat center !important; background-size: cover !important; } .home-banner4 { background: url(../images/homepage/banner-4.jpg) no-repeat center !important; background-size: cover !important; } .home-banner5 { background: url(../images/homepage/banner-5.jpg) no-repeat center !important; background-size: cover !important; } */ .naharimgblk.academi-img { position: absolute; right: 10px; bottom: -10px; } .beyond-academi-blk .naharimgblk.academi-img { right: 20px; } .admission-process-blk .naharimgblk.academi-img { right: 20px; bottom: -8px; } .homeslider .slick-next { right: 10px; transform: rotate(180deg); } .homeslider .slick-prev { left: 2px; z-index: 11; transform: rotate(180deg); } .bannertxt-blk { left: 50px; }