@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Poppins', sans-serif; */


/* slick.css */
/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* slick-theme.css */
.slick-loading .slick-list{background: #fff url('./ajax-loader.gif') center center no-repeat;}


/* Arrows */
.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,.slick-next:before{width: 30px;height: 30px;display: inline-block;font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.slick-prev{left: -25px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: '';background: url(../images/prev-arrow.jpg) no-repeat top left;}
[dir='rtl'] .slick-prev:before{content: '→';}

.slick-next{right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: '';background: url(../images/next-arrow.jpg) no-repeat top left;}
[dir='rtl'] .slick-next:before{content: '←';}

/* Dots */
.slick-dots{position: absolute;bottom: 0;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 28px;height: 4px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 28px;height: 4px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{position: absolute;top: 0;left: 0;width: 28px;height: 4px;content: '';text-align: center;color: black;background: #e0e0e0;}
.slick-dots li.slick-active button:before{background: #ff8059;}


/* main css */
html{ scroll-behavior: smooth;overflow-x: hidden;}

*{margin:0; padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,a,p,img{margin:0; padding:0; text-decoration:none;}
header,footer,section,aside,article,div,span{padding:0; margin:0;}
nav,ul,li{padding:0; margin:0; list-style:none;}
img{width:auto; max-width:100%;}
body{float: left;width: 100%;margin:0;font-family: 'Poppins', sans-serif;overflow-x: hidden;}
.container{max-width:1320px; width:100%; margin:0 auto; padding:0 20px;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}


/* main-banner */
#main-banner{float: left;width: 100%;position: relative;}
.mb-background{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.leftpart{width: 66%;background: #f7f5f2;position: absolute;top: 0;left: 0;height: 100%;}
.rightpart{width: 34%;background: #ebe7e0;position: absolute;top: 0;right: 0;height: 100%;}
/* header */
header{float: left;width: 100%;border-bottom: 1px solid #1c2528;padding-top: 43px;padding-bottom: 22px;}
.logo{float: left;max-width: 138px;width: 100%;}
.logo span{font-size: 20px;line-height: normal;font-weight: 700;text-transform: uppercase;color: #000;letter-spacing: 1px;}
.logo span a,.navigation ul li a,.activity-social li a{color: inherit;}
.navigation{float: right;width: auto;margin-top: 6px;}
.navigation ul li{float: left;width: auto;font-size: 14px;line-height: normal;font-weight: 400;color: #000;letter-spacing: 1px;margin-right: 45px;}
.navigation ul li:last-child{margin-right: 0;}
.navigation ul li a{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.navigation ul li a:hover,.navigation ul li a:focus{color: #6a70e0;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.mobile-menu{float: right;cursor: pointer;width: 32px;display: none;}
.bar1, .bar2, .bar3 {
  height: 2px;
  background-color:#000;
  margin: 2px 0;
  transition: 0.4s;width: 30px;border-radius:6px;
  float:right;-webkit-transition: width .5s ease-in;-moz-transition: width .5s ease-in;-ms-transition: width .5s ease-in;-o-transition: width .5s ease-in;transition: width .5s ease-in;
}
.bar1{width: 16px;float: left;}
.bar2{width:32px;}
.bar3{width:16px;}

.change .bar1 {
  -webkit-transform: rotate(-40deg) translate(-2px,6px);
  transform: rotate(-40deg) translate(-2px,6px);
  width:28px;
  background:#fff;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-1px,-8px);
  transform: rotate(45deg) translate(-1px,-8px);
  width:28px;
  background:#fff;
}
.change{cursor: pointer;width: 26px;display:none;}
.mobile-menu:hover .bar1,.mobile-menu:hover .bar2,.mobile-menu:hover .bar3{width:32px;-webkit-transition: width .5s ease-out;-moz-transition: width .5s ease-out;-ms-transition: width .5s ease-out;-o-transition: width .5s ease-out;transition: width .5s ease-out;}
.sticky{position: fixed;top: 0;left: 0;z-index: 3;background: #f7f5f2;-webkit-animation: sticky 1s;animation: sticky 1s;border-bottom: none;}
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}


/* banner */
#banner{float: left;width: 100%;padding-top: 75px;padding-bottom: 110px;position: relative;}
.follow-me{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-moz--ms-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-o-writing-mode: vertical-lr;position: absolute;left: 40px;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.follow-me a{transform: rotate(-90deg);display: inline-block;margin: 2px 0;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.follow-me span{transform: rotate(-180deg);display: inline-block;}
.follow-me a:hover,.follow-me a:focus{opacity: 0.8;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.banner-content{display: flex;align-items: center;position: relative;}
.banner-left{float: left;width: 43%;}
.banner-left span{font-size: 24px;line-height: normal;font-weight: 600;color: #1c2528;margin-bottom: 6px;display: block;}
.banner-left span img{vertical-align: bottom;margin-right: 10px;}
.banner-left h1{font-size: 108px;line-height: 108px;font-weight: 700;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #1c2528;-webkit-text-fill-color: transparent;margin-bottom: 37px;}
.banner-left p{font-size: 21px;line-height: normal;font-weight: 300;color: #1c2528;margin-bottom: 50px;}
.btn-link{position: relative;width: 170px;height: 70px;display: inline-block;margin: 0 auto;}
.btn-block{width: 70px;height: 70px;position: absolute;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);left: 0%;z-index: 1;border-radius: 50%;border: 2px solid #ffcbbb;-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-link a{font-size: 16px;line-height: normal;font-weight: 500;color: #1c2528;position: relative;display: block;z-index: 2;top: 50%;text-transform: uppercase;-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}
.btn-link a img{vertical-align: middle;margin-left: 4px;}
.btn-link:hover .btn-block{left: 60%;}
.banner-right{float: right;width: 56%;padding-left: 10px;}
.banner-right img{
    -webkit-animation: border-transform 10s linear infinite alternate forwards;
    animation: border-transform 10s linear infinite alternate forwards;
    border-radius: 100%
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}
@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}


.scroll{webkit-animation: intro 1s;animation: intro 1s;border: 2px solid hsla(0,0%,100%,.25);border-radius: 15px;bottom: 90px;cursor: pointer;height: 47px;left: 50%;margin-left: -12px;width: 28px;z-index: 2;border: 2px solid #1c2528;position: absolute;left: 0;bottom: -50px;}
.scroll span{-webkit-animation: finger 1s infinite;animation: finger 1s infinite;background: #1c2528;border-radius: 4px;display: block;height: 6px;margin: 6px auto;width: 6px;}
@-webkit-keyframes finger {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
}
@keyframes finger {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
}
.b-text{font-size: 168px;line-height: 168px;font-weight: 500;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #1c2528;-webkit-text-fill-color: transparent;text-transform: uppercase;opacity: 12%;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-moz--ms-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;height: 100%;position: absolute;right: 0;top: 0;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);transform: rotate(-180deg);transform: rotate(180deg);width: 145px;}


/* academics */
#academics{float: left;width: 100%;padding-top: 163px;padding-bottom: 140px;position: relative;}
#academics::before{content: '';width: 201px;height: 440px;background: url(../images/academics-left.png) no-repeat top left;display: inline-block;position: absolute;left: 0;bottom: 149px;z-index: -1;}
#academics::after{content: '';width: 175px;height: 236px;background: url(../images/academics-right.png) no-repeat top left;display: inline-block;position: absolute;right: 0;top: 78px;z-index: -1;}
.academics-left{float: left;width: 36%;margin-top: 30px;}
.academics-left h2,#research h3,#qualification h5,#internships h2,#activities h4,#skills h6{font-size: 74px;line-height: normal;font-weight: 700;color: #1c2528;text-transform: uppercase;position: relative;}
.academics-left h2{margin-bottom: 49px;}
.academics-left h2::after,#research h3::after,#qualification h5::after,#internships h2::after,#activities h4::after,#skills h6::after,#qualifications-page h2::after,#internships-page h4::after,#extracurricular-page h2::after,#charity-activity h4::after,#food-project h2::after,#skill-ballet h2::after,#skill-tennis h4::after,#skill-art h5::after{content: '';width: 184px;height: 19px;display: inline-block;background: url(../images/heading-bottom.png) no-repeat top left;position: absolute;bottom: -2px;left: 0;}
/*.academics-left h2::before,#research h3::before,#internships h2::before{content: '';width: 26px;height: 19px;background: url(../images/star.png) no-repeat 3px top;display: inline-block;position: absolute;left: 79px;bottom: -2px;z-index: 1;}
.academics-left h2::after,#research h3::after,#internships h2::after{content: '';width: 184px;height: 2px;background: #6a70e0;display: inline-block;position: absolute;bottom: 5px;left: 0;}*/
.academics-left ul{float: left;width: 100%;margin-bottom: 51px;}
.academics-left ul li{font-size: 18px;line-height: 32px;font-weight: 500;color: #1c2528;position: relative;padding-left: 20px;margin-bottom: 10px;}
.academics-left ul li:last-child{margin-bottom: 0;}
.academics-left ul li::before{content: '';width: 8px;height: 8px;background: #1c2528;position: absolute;top: 11px;left: 0;border-radius: 50%;}
.academics-right{float: right;width: 61%;}
.academics-right ul{float: left;width: 100%;}
.academics-right ul li{float: left;width: 50%;padding: 0 20px;}
.academics-right ul li img,.qualifications-list-right ul li img{float: left;}
.academics-certi{float: left;width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,0.14);border: 12px solid #ff8159;position: relative;transform: perspective(1px) translateZ(0);}
.academics-certi::before,.academics-certi::after{content: '';position: absolute;background: #fff;z-index: -1;}
.academics-certi::before{top: -12px;bottom: -12px;left: 53px;right: 53px;}
.academics-certi::after{left: -12px;right: -12px;top: 53px;bottom: 53px;}


/* research */
#research{float: left;width: 100%;background: #ebe7e0;padding-top: 130px;padding-bottom: 126px;position: relative;}
#research::before{content: '';width: 180px;height: 236px;display: inline-block;background: url(../images/research-right.png) no-repeat top left;position: absolute;top: 155px; right: 0;}
#research h3{margin-bottom: 39px;}
#research em{font-size: 20px;line-height: normal;font-weight: 400;color: #1c2528;font-style: normal;margin-bottom: 24px;display: block;}
.research-row{float: left;width: 100%;padding-top: 123px;padding-bottom: 121px;position: relative;transform: perspective(1px) translateZ(0);}
.research-row::before{content: '';width: 100%;height: 0;display: inline-block;position: absolute;left: 0;top: 0;z-index: -1;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
.research::before{background: url(../images/research-background.png) no-repeat center center;}
.financial::before{background: url(../images/financial-background.png) no-repeat center center;}
.research-row h4{font-size: 40px;line-height: 50px;font-weight: 600;color: #1c2528;margin-bottom: 20px;}
.research-row p{font-size: 16px;line-height: 28px;font-weight: 400;color: #1c2528;width: 72%;}
.research-btn{display: table;margin: 0 auto;padding-top: 54px;}
.research-row:hover::before{height: 100%;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}


/* qualification */
#qualification{float: left;width: 100%;padding-top: 91px;padding-bottom: 123px;position: relative;}
#qualification::before{content: '';width: 266px;height: 308px;display: inline-block;background: url(../images/quali-background.png) no-repeat top left;position: absolute;bottom: 77px;left: 0;}
#qualification h5{margin-bottom: 61px;text-align: center;}
#qualification h5::after,#activities h4::after,#skills h6::after,#charity-activity h4::after,#skill-ballet h2::after,#skill-art h5::after{right: 0;margin: 0 auto;}
.qualification-all{display: flex;flex-wrap: wrap;justify-content: center;}
.qualification-arrow{float: left;width: 12%;text-align: center;padding: 0 20px;align-items: center;display: flex;}
.qualification-arrow img{animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: infinite;animation-name: hero-bounce;margin: 0 auto;}
@-webkit-keyframes hero-bounce {
 0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-20px);
    }
    60% {
      transform: translateY(-10px);
    }
}
@keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-20px);
    }
    60% {
      transform: translateY(-10px);
    }
  }
.qualification-part{float: left;width: 35%;background: #ebe7e0;border-radius: 10px;padding: 54px 41px 41px 51px;position: relative;transition: all .6s cubic-bezier(0.3,0,.3,1);
-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
.qualification-part h6{font-size: 24px;line-height: normal;font-weight: 700;color: #1c2528;text-transform: uppercase;margin-bottom: 30px;}
.qualification-part p{font-size: 19px;line-height: 30px;font-weight: 400;color: #1c2528;margin-bottom: 5px;}
.qualification-part p strong{font-weight: 500;}
.qualification-part .btn-link a,#internships-page .btn-link a,#project-workshop .btn-link a{font-size: 14px;}
.qualification-part .btn-link,#internships-page .btn-link,#project-workshop .btn-link{width: 190px;}
.qualification-part em{font-size: 164px;line-height: 164px;font-weight: 700;font-style: normal;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #000;-webkit-text-fill-color: transparent;opacity: 0.1;position: absolute;bottom: -5px;right: 20px;}
.qualification-part:hover{box-shadow: 0px 0px 27px rgba(0,0,0,0.11);transition: all .6s cubic-bezier(0.3,0,.3,1);
-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
/* popup */
.overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;display: none;align-items: center;z-index: 4;}
.overlay:target{display: flex;}
.popup{margin: 70px auto;padding: 10px;background: #fff;border-radius: 5px;width: 34%;position: relative;transition: all 5s ease-in-out;text-align: center;}
.popup h2{margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
.popup .close{position: absolute;top: 0px;right: 10px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover{color: #ff8159;}
.popup .content{max-height: 30%;overflow: auto;}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
.ap-popup{width: 28%;}


/* internships */
#internships{float: left;width: 100%;background: url(../images/internships-background.png) no-repeat center center;padding-top: 103px;padding-bottom: 190px;background-size: cover;}
#internships h2{margin-bottom: 68px;}
.internships-list{float: left;width: 100%;}
.internships-list li{float: left;width: 100%;border-bottom: 2px solid #2c2c2c;padding-top: 19px;padding-bottom: 41px;}
.internships-list li:last-child{border-bottom: none;}
.intern-list-left{float: left;width: 39%;}
.intern-list-left h3{font-size: 26px;line-height: 36px;font-weight: 700;color: #1c2528;margin-bottom: 22px;}
.intern-list-left em{font-size: 16px;line-height: normal;font-weight: 400;color: #1c2528;font-style: normal;}
.intern-list-left em strong{font-weight: 700;}
.intern-list-right{float: right;width: 43%;margin-top: 15px;}
.intern-list-right p{font-size: 16px;line-height: 30px;font-weight: 400;color: #1c2528;margin-bottom: 18px;}
.intern-list-right .btn-block{border-color: #bebebe;}


/* activities */
#activities{float: left;width: 100%;background: #ebe7e0;padding-top: 90px;padding-bottom: 119px;position: relative;}
#activities::before{content: '';width: 175px;height: 236px;display: inline-block;background: url(../images/activities-left.png) no-repeat top left;position: absolute;top: -64px;left: 0;}
#activities h4{text-align: center;margin-bottom: 72px;}
/* tabbing */
.tabs{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.tabs label{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;display: block;padding: 12px 53px;margin: 0 12px;cursor: pointer;background: #6a70e0;font-size: 24px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;border: 2px solid #6a70e0;-webkit-transition: background ease 0.2s;transition: background ease 0.2s;}
.tabs .tab{-webkit-box-ordinal-group: 100;-webkit-order: 99;-ms-flex-order: 99;order: 99;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;width: 100%;background: #fff;text-align: center;display: block;height: 0;overflow: hidden;}
.tabs input[type="radio"]{position: absolute;opacity: 0;}

.tabs input[type="radio"]:checked + label { background: transparent;border-color: #ff8059;color: #ff8059;}
.tabs input[type="radio"]:checked + label + .tab { height: auto; }

.tab-inner{float: left;width: 100%;padding: 44px 54px 65px 54px;}
.tab h5,#extracurricular-page h3{font-size: 20px;line-height: normal;font-weight: 600;color: #2a2a2a;margin-bottom: 29px;}
.tab h5 strong{font-weight: inherit;position: relative;}
.tab h5 strong:after{content: '';width: 100%;height: 1px;background: #2a2a2a;display: inline-block;position: absolute;bottom: 0;left: 0;}
.tab p,#extracurricular-page p,#food-project p,.book-list li,#charity-activity p{font-size: 20px;line-height: 28px;font-weight: 400;color: #2a2a2a;margin-bottom: 28px;}
.tab .btn-link a{font-size: 14px;}
/* slider */
.slider{width: 100%;margin: 0 auto;}
.slick-slide{margin: 0px 14px;}
.slick-slide img{width: 100%;}
.slick-prev:before,.slick-next:before{color: black;}
.slick-slide{transition: all ease-in-out .3s;opacity: 1;}
.slick-active{opacity: 1;}
.slick-current{opacity: 1;}
	
.regular{margin-top: 46px;padding-bottom: 24px;}


/* skills */
#skills{float: left;width: 100%;padding-top: 90px;padding-bottom: 124px;position: relative;}
#skills::before{content: '';width: 299px;height: 338px;display: inline-block;background: url(../images/skill-right.png) no-repeat top left;position: absolute;bottom: 0;right: 0;z-index: -1;}
#skills h6{text-align: center;margin-bottom: 60px;}
.skill-list{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.skill-list li{float: left;width: 33.33%;padding: 0 15px;}
.skill-list-content{float: left;width: 100%;background: #f7f5f2;border-radius: 24px;padding: 36px 23px 35px 21px;height: 100%;border: 2px solid #f7f5f2;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);transform: perspective(1px) translateZ(0);overflow: hidden;}
.skill-list-title{float: left;width: 100%;display: flex;align-items: center;margin-bottom: 18px;}
.skill-list-title span{font-size: 24px;line-height: 24px;font-weight: 600;color: #000;margin-left: 16px;}
.skill-list-content p{font-size: 15px;line-height: 26px;font-weight: 400;color: #000;margin-left: 16px;}
.skill-list-content:hover{box-shadow: 0px 0px 27px rgba(0,0,0,0.11);border-color: #ff8059;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
.skill-list-content::before{height: 100%;width: 100%;content: '';position: absolute;top: 0;left: 0;opacity: 0.1;z-index: -1;}
.skill-list li:nth-child(1) .skill-list-content::before{background: url(../images/ballet-bg.jpg) no-repeat top left;background-size: cover;}
.skill-list li:nth-child(2) .skill-list-content::before{background: url(../images/tennis-bg.jpg) no-repeat top left;background-size: cover;}
.skill-list li:nth-child(3) .skill-list-content::before{background: url(../images/art-bg.jpg) no-repeat top left;background-size: cover;}


/* footer */
footer{float: left;width: 100%;background: #ff8059;padding: 40px 0;}
footer span{font-size: 16px;line-height: normal;font-weight: 400;color: #fff;margin-top: 2px;display: inline-block;}
footer span a img{vertical-align: middle;}
footer span a{margin-left: 6px;}
.social{float: right;width: auto;}
.social li{float: left;width: auto;margin-right: 20px;}
.social li:last-child{margin-right: 0;}
.social li a{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.social li a:hover,.social li:focus{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}


/* inner-banner */
#inner-banner{float: left;width: 100%;padding: 110px 0;position: relative;}
#inner-banner h1{font-size: 78px;line-height: 78px;font-weight: 700;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #1c2528;-webkit-text-fill-color: transparent;text-align: center;}


/* academics-page */
#academics-page,#research-page,#qualifications-page,#internships-page,#extracurricular-page,#charity-activity,#project-workshop,#food-project,#skill-ballet,#skill-tennis,#skill-art{float: left;width: 100%;padding: 100px 0;}
.academics-list,.research-list,.qualifications-list,.qualifications-list-right ul,.charity-list,.skill-video,.art-list,.book-list{float: left;width: 100%;}
.academics-list{border-top: 1px solid #1c2528;}
.academics-list li{float: left;width: 100%;border-bottom: 1px solid #1c2528;padding: 20px;display: flex;align-items: center;position: relative;}
.academics-list li::before{content: '';width: 100%;height: 0;display: inline-block;background: #ff815a;position: absolute;left: 0;top: 0;z-index: -1;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
.academics-list li:hover::before{height: 100%;transition: all .6s cubic-bezier(0.3,0,.3,1);-webkit-transition: all .6s cubic-bezier(0.3,0,.3,1);}
.qualifications-list li{float: left;width: 100%;border-bottom: 1px solid #1c2528;padding-bottom: 20px;margin-bottom: 20px;display: flex;align-items: center;}
.academics-list li:last-child,.qualifications-list li:last-child{margin-bottom: 0;}
.academics-list-left,.qualifications-list-left{float: left;width: 50%;}
.academics-list-right,.qualifications-list-right{float: right;width: 50%;}
.academics-list-left span{font-size: 30px;line-height: normal;font-weight: 400;color: #ff8059;display: inline-block;margin-right: 20px;}
.academics-list li h2{display: inline-block;}
.academics-list li h2,.research-list li h3,.qualifications-list li h3{font-size: 30px;line-height: 40px;font-weight: 600;color: #1c2528;margin-bottom: 10px;}
.academics-list li p,.research-list li p,.qualifications-list li p,#skill-ballet p{font-size: 16px;line-height: 28px;font-weight: 400;color: #1c2528;}
.academics-list li:hover .academics-list-left span,.academics-list li:hover h2,.academics-list li:hover p{color: #fff;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.ns-certi{float: left;width: 100%;margin-top: 50px;}
.ns-certi li{float: left;width: 100%;display: table;margin-bottom: 40px;text-align: center;}
.ns-certi li span{font-size: 20px;line-height: normal;font-weight: 700;color: #1c2528;text-align: center;margin-bottom: 20px;display:block;}
.ns-certi li img{border: 2px solid #ff815a;}
.ns-certi li:last-child{margin-bottom: 0;}
.ns-certi li small{float: left;width: 50%;padding: 20px;}


/* research-page */
#research-page h2{font-size: 20px;line-height: normal;font-weight: 400;color: #1c2528;font-style: normal;margin-bottom: 24px;display: block;text-align: center;}
.research-list li{float: left;width: 100%;padding: 50px 30px;border-radius: 6px;margin-bottom: 30px;}
.research-list li:first-child{background: #c8e2fa;}
.research-list li:last-child{background: #ffcbbb;margin-bottom: 0;}
.research-list li h3,.research-list li p{text-align: center;}


/* qualifications-page */
#qualifications-page h2,#internships-page h4,#extracurricular-page h2,#charity-activity h4,#food-project h2,#skill-ballet h2,#skill-tennis h4,#skill-art h5{font-size: 54px;line-height: normal;font-weight: 700;color: #1c2528;text-transform: uppercase;position: relative;margin-bottom: 30px;padding-bottom: 10px;}
.qualifications-list li{float: left;width: 100%;border-bottom: 1px solid #1c2528;padding-bottom: 20px;margin-bottom: 20px;display: flex;align-items: center;}
.qualifications-list li span{font-size: 100px;line-height: 100px;font-weight: 700;color: #ededed;}
.qualifications-list li h3{margin-top: -50px;}
.qualifications-list-right ul li{float: left;width: 50%;padding: 0 20px;border-bottom: none;margin-bottom: 0;}
.ap-certi li{width: 70% !important;}


/* internships-page */
#internships-page .internbtn1{width: 300px;margin-bottom: 20px;}
#internships-page .internbtn2{width: 250px;}
#internships-page .btn-link:hover .btn-block{left: 76%;}
#internships-page .btn-link:hover .btn-block{left: 70%;}


/* extracurricular-page */
.book-list li{padding-left: 20px;position: relative;}
.book-list li::before{content: '';width: 8px;height: 8px;background: #ff8059;border-radius: 100%;position: absolute;top: 10px;left: 0;}
.activity-social{display: inline-block;width: 100%;}/* display: table;margin: 0 auto;width: auto; */
.activity-social li{float: left;width: auto;margin-right: 40px;}
.activity-social li:last-child{margin-right: 0;}


/* charity-activity */
#skill-tennis{background: #ebe7e0;}
#charity-activity,.charity-list,#project-workshop h6,#skill-ballet,#skill-art{text-align: center;}
.charity-list{margin-bottom: 30px;}
.charity-list:last-child,#project-workshop .charity-list{margin-bottom: 0;}
#charity-activity span,#project-workshop h6{font-size: 20px;line-height: normal;font-weight: 700;color: #1c2528;font-style: normal;margin-bottom: 24px;display: inline-block;width: 100%;}
.charity-list li{float: none;width: 30.33%;margin: 0 1%;background: #fff;padding: 20px;display: inline-table;}
.charity-list li h5{font-size: 16px;line-height: normal;font-weight: 700;color: #1c2528;font-style: normal;margin-bottom: 14px;}
.instagram-media{min-width: 100% !important;max-width: 100% !important;}
#charity-activity p{margin-bottom: 0;background: #ffcbbb;float: left;width: 100%;padding: 50px 30px;border-radius: 6px;}


/* project-workshop */
#project-workshop .charity-list li{background: #ebebeb;display: table;margin: 0 auto;}
.project-btn{display: table;margin: 0 auto;}
#project-workshop .content{display: none;}
#project-workshop .content.active{display: block;}
#project-workshop .skill-video{margin-top: 30px;}
#project-workshop .skill-video li{display: table;margin: 0 auto;float: none;}
#project-workshop .charity-list{display: flex;}


/* food-project */
#food-project{background: #f7f7f7;}
#activities .activity-social li{float: none;display: table;margin: 0 auto;}
#activities .activity-social li,#food-project .activity-social li{font-size: 16px;line-height: normal;font-weight: 700;color: #1c2528;}
#activities .activity-social li img,#food-project .activity-social li img{vertical-align: middle;}
#activities .activity-social{margin-bottom: 30px;}


/* skill-ballet */
#skill-ballet p,#skill-art p{width: 80%;text-align: center;display: table;margin:0 auto;}
.skill-video li,.ballet-hvideo li{float: left;width: 30.33%;margin: 1%;}
.skill-video li video,.skill-tright video{width: 100%;}
.ballet-hvideo{float: left;width: 100%;display: flex;margin-top: 50px;}
.ballet-hvideo li iframe,.ballet-hvideo li video{float: left;width: 100%;}
.ballet-hvideo li  h3{font-size: 18px;line-height: normal;font-weight: 700;color: #1c2528;margin-top: 20px;text-align: center;display: inline-block;width: 100%;}


/* skill-tennis */
#skill-tennis .skill-video{margin-top: 30px;}
#skill-tennis .skill-video li,#skill-ballet .skill-video li{float: none;display: table;margin:0 auto;}
.tennis-content{display: flex;align-items: center;margin: 0 auto;width: auto;max-width: 930px;}
.skill-tleft{float: left;width: 50%;}
.skill-tright{float: left;width: 50%;padding-left: 100px;}


/* skill-art */
.art-list{margin-top: 30px;}
.art-list li{float: left;width: 23%;margin: 1%;}



































 






/* responsive */
@media only screen and (max-width: 1900px)
{
}

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

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

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

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

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

@media only screen and (max-width: 1366px)
{
	.follow-me{left: 10px;}
	#academics::before{opacity: 0.1;}
	.ap-popup{width: 32%;}
}

@media only screen and (max-width: 1280px)
{
	.banner-left{width: 50%;}
	.banner-right{width: 50%;}
	.b-text{font-size: 147px;line-height: 185px;}
}

@media only screen and (max-width: 1200px)
{
	.b-text{font-size: 136px;line-height: 192px;}
	#academics{padding-top: 123px;padding-bottom: 110px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#activities h4,#skills h6{font-size: 60px;}
	#academics::before{bottom: 89px;}
	#research{padding-top: 110px;padding-bottom: 106px;}
	#qualification{padding-top: 81px;padding-bottom: 93px;}
	#internships{padding-top: 83px;padding-bottom: 120px;}
	#activities{padding-top: 80px;padding-bottom: 89px;}
	#skills{padding-top: 80px;padding-bottom: 104px;}
	footer{padding: 30px 0;}
	.ap-popup{width: 36%;}
}

@media only screen and (max-width: 1100px)
{
	.b-text{font-size: 127px;line-height: 198px;}
	.banner-left h1{font-size: 98px;line-height: 98px;}
	.qualification-arrow{width: 15%;}
	.qualification-part{width: 38%;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#activities h4,#skills h6{font-size: 54px;padding-bottom: 10px;}
	#internships h2{margin-bottom: 38px;}
	#activities h4{margin-bottom: 52px;}
	.skill-list-title span{font-size: 22px;line-height: 22px;}
	.skill-list-title img{width: 60px;}
	.qualification-part{padding: 34px 31px 31px 41px;}
	.charity-list li{margin-bottom: 2%;}
	.charity-list li:last-child{margin-bottom: 0;}
}

@media only screen and (max-width: 1024px)
{
	header{padding-top: 23px;}
	.navigation ul li{margin-right: 22px;}
	.banner-left h1{font-size: 90px;line-height: 90px;}
	.academics-left{margin-top: 0;}
	.academics-left h2{margin-bottom: 39px;}
	.academics-left ul{margin-bottom: 31px;}
	#academics::before{bottom: 59px;}
	.research-row{padding-top: 93px;padding-bottom: 91px;}
	.qualification-part em{font-size: 134px;line-height: 134px;}
	.tab-inner{padding: 34px 34px 45px 34px;}
	.b-text{font-size: 122px;line-height: 202px;}
	.popup{width: 40%;}
}

@media only screen and (max-width: 900px)
{
    .logo{max-width: 118px;}
    .logo span{font-size: 18px;}
	.navigation ul li{font-size: 12px;margin-right: 14px;}
	.banner-left span{font-size: 22px;}
	#banner{padding-top: 70px;padding-bottom: 80px;}
	.banner-left h1{font-size: 80px;line-height: 80px;}
	.b-text{font-size: 103px;line-height: 212px;}
	#academics{padding-top: 93px;padding-bottom: 90px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#skills h6{font-size: 48px;}
	#activities h4{font-size: 40px;}
	#academics::before{width: 151px;height: 330px;bottom: 0px;background-size: contain;}
	#academics::after{width: 139px;height: 186px;top: 38px;background-size: contain;}
	#research{padding-top: 90px;padding-bottom: 86px;}
	#research::before{width: 133px;height: 175px;background-size: contain;}
	.research-row h4{font-size: 34px;line-height: 46px;}
	.qualification-part{width: 42%;}
	.qualification-part h6{font-size: 22px;margin-bottom: 20px;}
	.qualification-part p{font-size: 16px;line-height: 28px;}
	#qualification::before{width: 206px;height: 198px;bottom: 20px;background-size: contain;}
	#activities::before{width: 135px;height: 183px;background-size: contain;}
	.academics-certi{border: 6px solid #ff8159;}
	#inner-banner{padding: 90px 0;}
	.research-list li h3 br{display: none;}
	.popup{width: 70%;}
	#qualifications-page h2,#internships-page h4,#extracurricular-page h2,#charity-activity h4,#food-project h2,#skill-ballet h2,#skill-tennis h4,#skill-art h5{font-size: 48px;}
	#academics-page,#research-page,#qualifications-page,#internships-page,#extracurricular-page,#charity-activity,#project-workshop,#food-project,#skill-ballet,#skill-tennis,#skill-art{padding: 80px 0;}
	.ap-certi li{width: 90% !important;}
	.ap-popup{width: 58%;}
}

@media only screen and (max-width: 800px)
{
	.follow-me,.b-text{display: none;}
	.mobile-menu,.change{display: inline-block;}
	#shortmenu{transition-duration: 0.3s;height: 100vh;max-width: 320px; width: 100%;z-index: -1;position: fixed;top: 0;right: -320px;margin-top: 0;display: block;z-index: 9999;background: #ff815a;padding: 20px 0;}
	.active-menu{right: 0 !important;}
	.change{float: right;margin-right: 20px;}
	#shortmenu ul{margin-top: 40px;}
	.navigation ul li{font-size: 16px;margin-right: 0;width: 100%;border-bottom: 1px solid #ffa488;}
	.navigation ul li a{padding: 10px 20px;display: block;}
	.scroll{display: none;}
	.banner-content{padding-left: 0;}
	.qualification-part{padding: 34px 21px 21px 31px;}
	.qualification-part em{font-size: 114px;line-height: 114px;}
	.research-row h4 br{display: none;}
	.tab p,#extracurricular-page p,#food-project p,.book-list li,#charity-activity p{font-size: 18px;line-height: 25px;}
	.tabs label{padding: 12px 43px;font-size: 20px;}
	#skills{padding-top: 70px;padding-bottom: 84px;}
	.skill-list-content p{margin-left: 0;}
	.academics-list li{display: inline-block;}
	.academics-list-left,.academics-list-right{width: 100%;}
	.academics-list-left span{margin-right: 0;display: block;}
	.academics-list li h2{display: block;}
	.popup{width: 50%;padding: 10px;}
	.ap-popup{width: 60%;}
}

@media only screen and (max-width: 768px)
{
	#banner{padding-top: 50px;padding-bottom: 60px;}
	.banner-content{display: inline-block;}
	.banner-left{width: 100%;text-align: center;margin-bottom: 30px;}
	.banner-left p{margin-bottom: 30px;}
	.banner-right{width: 100%;padding-left: 0; float: none;display: table;margin: 0 auto;max-width: 436px;}
	#academics{padding-top: 63px;padding-bottom: 60px;}
	.academics-left{width: 100%;text-align: center;margin-bottom: 30px;}
	.academics-left h2::after,#research h3::after,#qualification h5::after,#internships h2::after,#activities h4::after,#skills h6::after{right: 0;margin: 0 auto;}
	.academics-right{width: 100%;}
	.academics-left h2{margin-bottom: 19px;}
	.academics-certi::after{left: -6px;right: -6px;}
	.academics-certi::before{top: -6px;bottom: -6px;}
	#research{padding-top: 70px;padding-bottom: 66px;}
	#research h3{margin-bottom: 29px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#activities h4,#skills h6{text-align: center;}
	#research em{text-align: center;}
	.research-row{padding-top: 73px;padding-bottom: 71px;text-align: center;}
	.research-row p{width: 100%;}
	.qualification-part{width: 100%;text-align: center;}
	.qualification-arrow{display: none;}
	.qualification-all{display: inline-block;}
	.qualification-part{margin-bottom: 30px;}
	.qualification-part:last-child{margin-bottom: 0;}
	#qualification h5{margin-bottom: 41px;}
	#internships{padding-top: 73px;padding-bottom: 70px;}
	.intern-list-left{width: 100%;text-align: center;}
	.intern-list-right{width: 100%;text-align: center;}
	#activities h4{font-size: 35px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#skills h6{font-size: 40px;}
	.skill-list{display: inline-block;}
	.skill-list li{width: 100%;padding: 0;margin-bottom: 30px;}
	.skill-list li:last-child{margin-bottom: 0;}
	#internships h2{margin-bottom: 28px;}
	.research-row h4 {font-size: 29px;line-height: 42px;}
	.research-row p{font-size: 14px;line-height: 26px;}
	#qualification{padding-top: 61px;padding-bottom: 73px;}
	#academics-page,#research-page,#qualifications-page,#internships-page,#extracurricular-page,#charity-activity,#project-workshop,#food-project,#skill-ballet,#skill-tennis,#skill-art{padding: 60px 0;}
	.academics-list-left span,.academics-list li h2,.research-list li h3,.qualifications-list li h3{font-size: 28px;line-height: 38px;text-align: center;}
	.academics-list li p,.qualifications-list li p{text-align: center;}
	.qualifications-list li span{display: block;text-align: center;}
	.qualifications-list li{display: inline-block;}
	.qualifications-list-left{width: 100%;}
	.qualifications-list-right{width: 100%;margin-top: 30px;}
	#qualifications-page h2,#internships-page h4{text-align: center;}
	#qualifications-page h2::after,#internships-page h4::after{right: 0;margin: 0 auto;}
	.internships-list li:last-child{padding-bottom: 0;}
	#skill-ballet p,#skill-art p{width: 100%;}
	.ap-certi li{width: 70% !important;display: table !important;margin: 0 auto;float: none !important;}
	.skill-list-title span{margin-left: 0;}
	.academics-left ul li{padding-left: 0;}
	.academics-left ul li::before{display: none;}
	.skill-list-content,.skill-list-title span{text-align: center;}
}

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

@media only screen and (max-width: 680px)
{
	.tabs .tab,.tabs label{-webkit-box-ordinal-group: NaN;-webkit-order: initial;-ms-flex-order: initial;order: initial;}
	.tabs label{width: 100%;margin: 0;text-align: center;}
	.tabs .tab{margin-bottom: 20px;}
	#activities::before{top: -94px;}
	#activities h4{font-size: 32px;}
	.tab p,#extracurricular-page p,#food-project p,.book-list li,#charity-activity p{font-size: 14px;line-height: 24px;}
	.tab h5{font-size: 18px;}
	.tab-inner{padding: 24px 24px 35px 24px;}
	#skills h6{margin-bottom: 40px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2,#skills h6{font-size: 35px;}
	.research-row{border-bottom: 2px solid #2c2c2c;}
	.research-btn{padding-top: 34px;}
	.academics-list li p,.research-list li p,.qualifications-list li p,#skill-ballet p{font-size: 14px;}
	.academics-list-left span,.academics-list li h2,.research-list li h3,.qualifications-list li h3{font-size: 26px;line-height: 36px;}
	.slick-dots li,.slick-dots li button,.slick-dots li button::before{width: 6px;height: 6px;border-radius: 50%;}
	.slick-dots li{margin: 0 3px;}
	.ns-certi li{width: 100%;}
	.charity-list{display: flex;flex-wrap: wrap;justify-content: center;}
	.charity-list li,#project-workshop .skill-video li{width: 47%;}
	.intern-list-left h3 br{display: none;}
	.book-list li{padding-left: 0;}
	.book-list li::before{display: none;}
	.ap-popup{width: 70%;}
	#extracurricular-page,#food-project{text-align: center;}
	.activity-social{display: table;margin: 0 auto;width: auto;}
	#extracurricular-page h2::after,#food-project h2::after{right: 0;margin: 0 auto;}
}

@media only screen and (max-width: 580px)
{
	#academics::after{width: 101px;height: 136px;top: -22px;}
	#research::before{width: 119px;height: 155px;top: 85px;}
	.research-row h4{font-size: 24px;line-height: 35px;}
	#qualification::before{width: 138px;height: 158px;bottom: 20px;}
	.intern-list-left h3{font-size: 22px;line-height: 34px;}
	#activities::before{width: 115px;height: 153px;}
	footer span{display: block;text-align: center;margin-top: 0;}
	.social{float: none;display: table;margin: 0 auto;margin-top: 20px;}
	.research-row{padding-top: 53px;padding-bottom: 51px;}
	.research-list li{padding: 30px 20px;}
	.popup{width: 60%;padding: 0;overflow: hidden;}
	#inner-banner h1{font-size: 68px;line-height: 68px;}
	#qualifications-page h2,#internships-page h4,#extracurricular-page h2,#charity-activity h4,#food-project h2,#skill-ballet h2,#skill-tennis h4,#skill-art h5{font-size: 42px;}
	.ap-popup{width: 80%;padding: 10px !important;}
}

@media only screen and (max-width: 480px)
{
    #banner{padding-top: 40px;padding-bottom: 40px;}
	.academics-right ul li,.qualifications-list-right ul li{width: 100%;padding: 0;margin-bottom: 30px;}
	.academics-right ul li:last-child,.qualifications-list-right ul li:last-child{margin-bottom: 0;}
	#internships{padding-top: 63px;padding-bottom: 50px;}
	#activities{padding-top: 60px;padding-bottom: 59px;}
	#skills{padding-top: 60px;padding-bottom: 74px;}
	#skills h6{font-size: 30px;}
	.banner-left h1{font-size: 67px;line-height: 67px;}
	.banner-left p{font-size: 18px;}
	.banner-left span{font-size: 18px;}
	#skills::before{width: 239px;height: 270px;background-size: contain;}
	#academics{padding-top: 43px;padding-bottom: 40px;}
    #academics::after{width: 78px;height: 106px;}
    #research{padding-top: 50px;padding-bottom: 46px;}
    #qualification{padding-top: 41px;padding-bottom: 53px;}
    #internships{padding-top: 43px;padding-bottom: 30px;}
    #activities::before{width: 85px;height: 119px;top: -84px;}
    .tab-inner{padding: 14px 14px 25px 14px;}
    #activities h4{margin-bottom: 42px;}
    #skills{padding-top: 50px;padding-bottom: 64px;}
    #skills h6{margin-bottom: 30px;}
	#inner-banner{padding: 60px 0;}
	#inner-banner h1{font-size: 58px;line-height: 58px;}
	#academics-page,#research-page,#qualifications-page,#internships-page,#internships-page,#extracurricular-page,#charity-activity,#project-workshop,#food-project,#skill-ballet,#skill-tennis,#skill-art{padding: 40px 0;}
	.academics-list-left span,.academics-list li h2,.research-list li h3,.qualifications-list li h3{font-size: 24px;line-height: 34px;}
	#research-page h2{font-size: 16px;}
	.popup{width: 70%;}
	#qualifications-page h2,#internships-page h4,#extracurricular-page h2,#charity-activity h4,#food-project h2,#skill-ballet h2,#skill-tennis h4,#skill-art h5{font-size: 36px;}
	.charity-list li{width: 100%;margin: 0;margin-bottom: 20px;}
	.activity-social li{margin-right: 20px;}
	.activity-social li img{width: 24px;}
	#extracurricular-page p,#food-project p,.book-list li {margin-bottom: 18px;}
	.ballet-hvideo{display: inline-block;}
	.skill-video li,.ballet-hvideo li{width: 100%;margin: 0;margin-bottom: 30px;}
	.ballet-hvideo li h3{margin-top: 10px;}
	.tennis-content{display: inline-block;}
	#skill-tennis h4::after{right: 0;margin: 0 auto;}
	.skill-tleft{width: 100%;text-align: center;}
	.skill-tright{width: 100%;padding-left: 0;margin-top: 30px;}
	.art-list li{width: 48%;}
	.social li{margin-right: 10px;}
	.social li:nth-child(1) img{width: 19px;}
	.social li:nth-child(2) img{width: 20px;}
	.charity-list{display: inline-block;}
	#project-workshop .skill-video li{width: 100%;}
	.ns-certi li small{width: 100%;padding: 0;padding-bottom: 20px;}
	.ns-certi li small:last-child{padding-bottom: 0;}
	.ap-certi li{width: 100% !important;}
	.ap-popup{width: 90%;}
}

@media only screen and (max-width: 380px)
{
	.container{padding: 0 10px;}
	.banner-left h1{font-size: 57px;line-height: 57px;}
	#research::before{width: 89px;height: 115px;top: 45px;}
	#activities h4{font-size: 28px;}
	.academics-left h2,#research h3,#qualification h5,#internships h2{font-size: 30px;}
	#skills h6{font-size: 24px;}
	.qualification-part{padding: 34px 21px 21px 21px;}
	.intern-list-left h3{font-size: 20px;line-height: 32px;}
	.intern-list-left em{font-size: 14px;}
	.intern-list-right p{font-size: 14px;line-height: 28px;}
	.skill-list-title span{font-size: 20px;}
	#inner-banner h1{font-size: 38px;line-height: 38px;}
	.academics-list-left span,.academics-list li h2,.research-list li h3,.qualifications-list li h3{font-size: 20px;line-height: 28px;}
	.popup{width: 80%;}
	#qualifications-page h2,#internships-page h4,#extracurricular-page h2,#charity-activity h4,#food-project h2,#skill-ballet h2,#skill-tennis h4,#skill-art h5{font-size: 28px;margin-bottom: 10px;}
	#extracurricular-page h3{font-size: 18px;}
	.charity-list li{padding: 10px;}
	.instagram-media{min-width: 280px !important;max-width: 280px !important;}
	.skill-video li{margin-bottom: 20px;}
	.ap-popup{width: 94%;}
}

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