*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:0
 }
 body, button, p{
    margin:0;
 }
 a{
    text-decoration:none;
    color:inherit;
 }
 ul{
    padding:0;
    margin:0;
 }
 ul li{
    list-style:none;
 }
 img{
    border:0;
 }
 button{
    cursor:pointer;
 }
 h1, h2, h3, h4, h5, h6{
     font-weight:normal;
     margin:0;
     font-size:inherit;
 }

 /**== Fonts ==**/
 @font-face {
    font-family:'sofia_proregular';
    src:url('fonts/mostardesign_-_sofia_pro_regular-webfont.woff2') format('woff2'),
         url('fonts/mostardesign_-_sofia_pro_regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'sofia_probold';
    src:url('fonts/mostardesign_-_sofia_pro_bold-webfont.woff2') format('woff2'),
         url('fonts/mostardesign_-_sofia_pro_bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
 /**== Fonts ==**/
html{
    overflow-y:scroll;
}
body{
    font-family:'sofia_proregular', sans-serif;
    background:#F9F8F4;
    color:#634125;
    font-size:18px;
    line-height:1.4;
    font-synthesis:none;
    -webkit-text-rendering:optimizeLegibility; 
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
 }
.bold, .title, .book-highlight, .awards p, .tbhead, .readMore, .blue-link{
    font-family:'sofia_probold', sans-serif;
}
 .container{
    padding-left:8%;
    padding-right:8%;
}
.pos-r{position:relative;}
header{padding-top:30px;}
.logo img{width:150px;}
.fit-img, .shelve1 .placeholder-book, .w100, .bkLine img{width:100%;}
.sec-sapce{
    position:relative;
    margin-top:100px;
}
.pos-a, .report-pop, .left-shlve, .shelve1, .float-book{
    position:absolute;
}
.full-book-shelve .float-book{
    position:relative;
}
.flexx{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
}
.jcsa{
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}
.jcsb{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}
.aic{
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
}
.ai-fe{
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    align-items:flex-end;
}
.nowrap{white-space:nowrap}
.report-pop{
    width:13.5%;
    height:46%;
    top:22%;
    right:25%;
}
.report-pop2{
    width:13.5%;
    height:67%;
    top:0;
    right:16%;
}
.left-shlve{
    top:1.8%;
    left:0;
    width:6.5%;
}
.shelve1{
    top:-1.7%;
    right:0;
    width:55%;
}
.max{margin-left:8%;}
.max465{max-width:382px;}
.title{
    font-size:33px;
    line-height:1.15;
    margin-bottom:35px;
}
.popYellow .title{margin-bottom:25px;}
.para{line-height:1.6;}
.para p{margin-bottom:30px;}
.para p:last-child{margin-bottom:0;}
.no-break{white-space:nowrap}
.book-highlight{
    /*font-size:24px;
    text-transform:uppercase;
    cursor:pointer;*/
}
.shelve1-margin{margin-top:80px;}
.floatBook1{
    top:20%;
    right:59%;
    width:16%;
}
.floatBook2{
    top:45.4%;
    right:29%;
    width:14%;
}
.floatBook3{
    top:75.3%;
    right:11.1%;
    width:13.5%;
}
.float-book{
    backface-visibility:hidden;
    /*cursor:pointer;*/
    transition:box-shadow .3s ease;
}
.book-up{
    box-shadow:0 4px 17px -1px rgba(0,0,0,.40);
}
.full-book-shelve{
    -webkit-align-items:baseline;
    -moz-align-items:baseline;
    align-items:baseline;
    padding:0 30px 0 60px;
    position:relative;
    top:14px;
    margin-top:200px;
}
.bkLine{
    padding:0 6px;
}
.bkLine-vertical{padding:0;padding-left:2px;padding-right:15px;}
.bkLine .vert-img1{
    width:115%;
}
.bkLine .vert-img2{
    width:130%;
}
.text-column2{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px;
}
.max60{max-width:804px;}
.bkShelve3{
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;
    padding-top:5px;
}
.bkShelve3_1{
    width:18%;
    top:-25px;
}
.bkShelve3_2{
    width:32%;
    top:38%;
}
.bkShelve3_3{
    bottom:-35%;
    top:auto;
    width:64%;
}
.bkShelve3 .float-book, .shelve4 .float-book{
    position:relative;
}
.bkShelve3 .float-book{
    width:60%;
    top:10px;
    margin-right:10px;
}
.shelve4 .float-book{
    margin-right:10px;
}
.bkShelve3_1 .float-book{
    left:85px;
}
.bkShelve3_2 .float-book{
    width:40%;
}
.bkShelve3_3 .float-book{
    width:18%;
}
.row-space{margin-top:50px;}
.vert-img3{
    width:5.2%;
    top:10px;
    position:relative;
}
.vert-img4{
    width:19%;
    margin-left:19%;
    margin-right:12px;
}
.dwidth10{width:15px;display:inline-block;}
.shelve4{
    margin-top:320px;
    margin-bottom:180px;
}
.t1max{max-width:320px;}
.t2max{max-width:455px;}
.t3max{max-width:407px;}
.t4max{max-width:580px;}
.first-end{
    background:#D18760;
    margin-top:630px;
    height:420px;
    position:relative;
    z-index:2;
}
.plant-laptop{
    position:relative;
    top:-130%;
}
.laptop{margin-top:85px;}
.plant{left:35px;}
.bug{
    position:absolute;
    top:18.5%;
    right:27%;
    animation:bugmove 5s linear infinite;
}
@keyframes bugmove{
    0%{transform:translate(0,0)}
    40%{transform:translate(-12px,1px) rotate(-5deg)}
    100%{transform:translate(0,0) rotate(0deg)}
}
.open-pop{
    overflow:hidden;
    opacity:0.02;
}
.popup{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    padding:10px;
    display:none;
}
.pop-layer{
    max-width:847px;
    position:relative;
    margin:auto;
}
.pop-inner{
    position:relative;
    overflow:hidden;
    padding:100px;
    padding:31px 37px 24px 70px;
}
.popYellow{
    position:relative;
    color:#634125;
    background:#FACC54;
    padding:85px 30px 60px;
}
.pop-page{
    position:absolute;
    left:0;
    top:0;
}
.pg-top{
    background:url(../img/page-top.png) repeat-x;
    width:97%;
    height:36px;
    left:23px;
    top:-2px;
}
.pg-bottom{
    background:url(../img/page-bottom.png) repeat-x;
    width:98%;
    height:26px;
    top:auto;
    bottom:0;
    left:9px;
}
.pg-left{
    background:url(../img/page-spiral.png) repeat-y;
    width:82px;
    height:97.4%;
    top:21px;
}
.pg-right{
    background:url(../img/page-right.png) repeat-y;
    width:38px;
    height:99%;
    right:0;
    left:auto;
    top:8px;
}
.pg-topLeft, .pg-topRight, .pg-bottomLeft, .pg-bottomRight{z-index:1;}
.pg-topRight{
    left:auto;
    right:0;
}
.pg-bottomLeft{
    top:auto;
    bottom:0;
    left:5px;
}
.pg-bottomRight{
    top:auto;
    left:auto;
    bottom:0;
    right:0;
}
.popup .para p{
    margin-bottom:22px;
}
.writer-names{margin-top:46px;margin-bottom:38px;}
.close-btn{
    width:40px;
    height:40px;
    position:absolute;
    top:40px;
    right:40px;
    z-index:99;
}
#popup2 .close-btn{
    top:60px;
    right:40px;
}
.close-btn:before, .close-btn:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:2px;
    background:#634125;
}
.close-btn:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.close-btn:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.halfcover{
    height:50vh;
}
.landing{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../img/landing-image.jpg) no-repeat center top;
    -webkit-background-size:cover;
    background-size:cover;
    z-index:999;
}
.horizal-scroll{
    height:100vh;
}
.mt100{margin-top:100px;}
.hzSec{
    height:100%;
    padding-top:140px;
}
.storyweaver-01{
    right:26%;
    top:6%;
    width:211px;
}
.lang100{
    right:-10%;
    bottom:-11%;
    width:42%;
}
.chair{
    right:5%;
    bottom:0;
    width:24%;
}
.max1200{
    max-width:804px;
}
.chair img{
    width:100%;
}
.max650{max-width:650px;}
.connectPara{
    vertical-align:top;
    margin-left:auto;
    margin-right:34%;
}
.connectPara .para{max-width:528px;}
.travel-story1{
    position:absolute;
    right:0;
    top:10%;
}
.travel-story1, .travel-story2{
    width:35%;
}
.travel-story2{
    position:relative;
    left:1%;
    top:-7%
}
.hzSec{float:left;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
#section2{overflow:hidden;}
.hzInScroll{
    height:100%;
}
.map{
    position:absolute;
    width:24%;
    right:-4%;
    top:16%;
}
.map img{width:100%;}
.sec2-3 .max{
    display:inline-block;
    vertical-align:top;
    margin-left:18%;
}
.sec2-3 .max1200{
    max-width:980px;
}
.keyPartners{
    right:0;
    bottom:0;
}
.kps-space{
    overflow:hidden;
}
.kp-shelve{
    right:-50%;
}
.partners-bag, .partner-menu{
    position:absolute;
    right:8%;
    bottom:85px;
}
.partner-menu{
    right:10.8%;
    bottom:170px;
}
.partner-menu a{
    position:relative;
    display:block;
    height:120px;
    overflow:hidden;
    margin-top:-16px;
}
.kp-pg{
    width:195px;
    display:block;
}
.partner-menu .kp-logos{
    position:absolute;
    top:-8px;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:72px;
}
.sec-top-space{
    padding-top:70px;
}
.pt100{padding-top:100px;}
.clock{
    right:9%;
    top:8%;
    width:13%;
}
.tac{text-align:center;}
.sec-grey{
    background:#F0EDE6;
    padding-top:200px;
    padding-bottom:100px;
}
.sec-brown{
    background:#D1885F;
    padding-top:100px;
    padding-bottom:100px;
}
.max605{
    max-width:605px;
}
.para-pr{
    padding-right:160px;
}
.litency{
    top:-15px;
    width:36%;
    margin-left:auto;
    right:14%;
}
.litency img{
    top:0;
    position:sticky;
    position:-webkit-sticky;
}
.folder-slider .img-responsive{
    width:100%;
}
.folder-slider{
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
    margin-top:120px;
}
.img-responsive{
    max-width:100%;
}
.slider-pos{
    position:absolute;
    top:21px;
    left:0;
    right:0;
    margin:auto;
    width:72%;
    height:90%;
    font-size:11px;
}
.table, .table2{line-height:1.25;}
.slider-pos .amtSmall{font-size:8px;}
.stamps img, .stamp-ml{height:50px;}
.table{
    width:100%;
    border-collapse:collapse
}
.table td{
    padding:5px 15px;
    vertical-align:top;
}
.tb-top td{padding:4px 15px;}
.table2 td{
    padding:5px;
}
.table td{
    border:1px solid #634125;
    width:21%;
}
.table tr td:first-child{
    width:44%;;
}
.table tr td:nth-child(2){
    width:7%;;
}
.table2 td:first-child{
    width:45.5%;
    padding-right:10%;
}
.table2 td:nth-child(2){
    width:11.5%;
}
.slider-pos .title{
    font-size:20px;
    margin-bottom:-4px;
    margin-top:5px;
}
.tb-top td{
    border:none;
}
.tbhead td:first-child{
    text-align:center;
}
.td-space{height:15px;}
.stamp-ml{
    position:relative;
    margin-left:20px;
    top:6px;
}
.stamp-last{
    margin-left:25px;
}
.slick-slider{
    display:none;
}
.slick-slider.slick-initialized{
    display:block;
}
.award-img1{
    margin-bottom:35px;
}
.awd-title{margin-bottom:38px; color:#070707;}
.board-members{
    margin-left:8%;
    width:28%;
}
.board-img{
    width:100%;
}
.members-table{
    position:absolute;
    top:33%;
    width:100%;
    text-align:center;
}
.members-table li{
    margin-bottom:2.1%;
}
.perName{
    font-weight:700;
    font-size:12px;
}
.perDegn{font-size:10px;}

.ttu, .tbhead{text-transform:uppercase;}
.makers{
    background:url(../img/shelve-x.png) repeat-x;
    background-position:bottom;
    width:35%;
    margin-top:150px;
    margin-left:auto;
    text-align:center;
}
.makers li{
    display:inline-block;
    position:relative;
    top:-5px;
    text-align:center;
    width:42%;
}
.makers li img{
    width:170px;
}
.makers li p{
    text-transform:uppercase;
    color:#070707;
    font-weight:700;
    margin-left:25px;
    margin-bottom:10px;
    font-size:11px;
}
.makerLink{
    text-align:left;
    display:inline-block;
}
.sec-gap{
    padding-left:20px;
    padding-right:20px;
}
.book-donated{
    padding-right:3%;
}
.book-donated img{
    display:block;
    margin-left:auto;
}
.shelve4{padding-left:40px;}
.shelve4 .shelve4-img{
    position:absolute;
    left:0;
}
.para-cust-col{
    width:47%;
}
.awards p{
    font-size:11px;
    margin-left:20px;
    color:#070707;
}
.all-medals{
    width:15%;
}
.all-medals img{
    width:70%;
}
.stp-center{
    display:inline-block;
    text-align:center;
}
.stp-center p{text-align:left;}
.medal-space{position:relative; top:12%}
.hzSec{width:100%;}
.map-line{
    position:absolute;
    top:65%;
    right:41%;
    width:2px;
    height:212px;
    background:#603D29;
    -webkit-transform:rotate(-12deg);
    transform:rotate(-12deg);
    -webkit-transition:height .2s;
    transition:height .2s;
    border-radius:100px;
}
.map-line.draw{height:200px;}
.book-fall{
    position:absolute;
    width:8.7%;
    left:66.25%;
    bottom:0;
    z-index:1;
    will-change:transform;
    backface-visibility:hidden
}
.overBook{
    position:relative;
    z-index:2;
}
.xClass{
    opacity:0;
    -webkit-transform:translateX(24px);
    transform:translateX(24px);
    transition:transform .66s ease-in-out 0s, opacity .66s ease-in-out 0s;
}
.xClass.hzShow{
    opacity:1;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#F9F8F4 url(../img/loader.gif) no-repeat center;
    z-index:99999;
}    
.onLoading{
    height:100vh;
    overflow:hidden;
}
img[data-src], img[data-ondesk], img[data-onmob]{opacity:0;}
img[data-src][src], img[data-ondesk][src], img[data-onmob][src]{opacity:1;}
.stamps-mt{margin-top:10px;}
.map-text{
    font-size:10px;
    max-width:148px;
    position:relative;
    top:-4px;
}
.poster2{
    position:absolute;
    top:10%;
    right:-10%;
    height:68%;
}
.as-top{
    -webkit-align-self:flex-start;
    -moz-align-self:flex-start;
    align-self:flex-start;
}
.as-bottom{
    -webkit-align-self:flex-end;
    -moz-align-self:flex-end;
    align-self:flex-end;
    position:relative;
    left:-60px;
}
.as-center{
    -webkit-align-self:center;
    -moz-align-self:center;
    align-self:center;
}
.finance-report{
    margin-top:70px;
}
.winLoaded .finRep, .winLoaded .report-bg{
    background-image:url(../img/pg-white.png);
}
.finRep, .report-bg{
    display:block;
    background-repeat:no-repeat;
    background-size:100%;
    padding:37px 28px 27px 30px;
    cursor:pointer;
}
.report-bg{
    background-size:100% 100%;
    padding:77px 30px 28px 36px;
}
.report-bg img{width:100%;}
.finRep3{
    padding:37px 30px 27px 34px;
}
.fcMax{
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
}
.readMore{
    position:relative;
    display:inline-block;
    color:#634125;
    font-size:14px;
    padding:10px 15px 10px 5px;
    margin-left:-5px;
    margin-top:-10px;
    margin-bottom:10px;
    white-space:nowrap;
    z-index:1;
}
.dArrow{
    display:inline-block;
    position:relative;
    top:-6px;
    margin-left:15px;
}
.slided .dArrow{
    top:-2px;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.dArrow:before, .dArrow:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:2px;
    background:#634125;
}
.dArrow:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:-6px;
}
.dArrow:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/**=== slick 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.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;
}
.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-slider *{
	outline:0;
}
.slick-arrow{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	padding:0;
	width:26px;
    height:26px;
	color:transparent;
	z-index:1;
	outline:0;
	border:none;
    background:url(../img/control.svg) no-repeat;
    -webkit-background-size:65px;
    background-size:65px;
}
.slick-arrow.slick-next{
    right:-26px;
    background-position:right center;
}
.slick-arrow.slick-prev{
    left:-26px;
    background-position:left center;
}
.slick-arrow.slick-disabled{
    opacity:0;
    pointer-events:none;
}
/**=== slick Slider ===**/
#donorSlider img{
    width:100%;
}
.blue-link{
    font-size:14px;
    color:#44156C;
    position:relative;
    display:inline-block;
    text-transform:uppercase;
    border-bottom:1.5px solid #44156C;
}
.mobfrLink{
    background: #FACC54;
    text-align: center;
}
.mobfrLink .blue-link{
    display: block;
    font-size:17.5px;
    color: #000;
    border:none;
    padding:14px 10px 20px;
}
.mobfrLink .blue-link span{
    display: inline-block;
    border-bottom:1.5px solid #000;
}
/**=== Media Queries ==**/

@media(min-width:1800px){
    .folder-slider{
        max-width:1000px;
    }
    .slider-pos{font-size:12px;}
    .slider-pos .title{font-size:22px;margin-bottom:10px;}
    .slick-slider, .slick-list, .slick-track{
        height:100%;
    }
    .slick-slide{height:auto;}
    .feature-img{width:70%;}
    .board-img{
        
    }
    .members-table{top:35%}
    .perName{font-size:13px;}
    .perDegn{font-size:11px;}
    .map-text {
        font-size:11px;
        max-width:155px;
    }
}

@media(min-width:1751px){
    .shelve4 img.shelve4-img {
        width:70%;
        bottom:-18.4%;
    }
    .shelve4 .float-book {
        width: 11.4%;
    }
}
@media(max-width:1750px){
    .shelve1 {top:-1.25%;}
    .bkShelve3_2{width:30%;}
    .bkShelve3_3{width:56%;}
    .shelve4 img.shelve4-img{width:70%;bottom:-18.4%}
    .shelve4 .float-book{width:11.4%}
    .plant-laptop .fe-img{width:80%;}
    .laptop, .plant{text-align:center;}
    .plant {left:0;}
    .plant-laptop{top:-118%}
    .laptop{margin-top:62px;}
    .first-end{height:380px;margin-top:520px;}
    .chair{right:4%; width:22%;}
    .map img{width:100%;}
    .sec2-3 .max1200{max-width:51%; margin-top:60px;}
    .partner-menu a{height:110px;}
    .clock {
        right:8%;
    }
    .hzSec{padding-top:90px;}
    .board-members{width:30%; margin-left:4%;}
    .awards{width:25%;}
    .awards img{width:100%;}
    .storyweaver-01{
        right:21%;
        width:11%;
    }
    .connectPara .para{max-width:450px;}
    .kp-shelve{right:-60%}
    .partners-bag{
        width:180px;
        right:11%;
    }
    .kp-pg{width:128px;}
    .partner-menu{right:12.8%;bottom:148px;}
    .partner-menu a {
        height:90px;
    }
    .partner-menu li:nth-child(6) a{
        height:100px;
    }
    .map{width:22%; right:-3%;}
    .bug{
        top:18%;
        right:30%;
    }
    .travel-story1{
        right:-6%;
        top:7%;
    }
    .travel-story2{top:-9%}
    .report-pop{
        height:41%;
        top:19%;
    }
    .litency{width:33%;}
    .makers{width:55%;}
    .connectPara{margin-right:24%;}
    
}


/**=== 1366 laptop ===**/
@media(max-width:1550px){
    /*body{font-size:21px;}
    .title{font-size:33px;}
    .book-highlight{font-size:23px;}*/
    .horizal-scroll{font-size:18px;}
    header{padding-top:30px;}
    .logo img{width:135px;}
    .sec-sapce{margin-top:60px;}
    .shelve1 {width:60%;}
    .left-shlve {top:1.4%;width:5.5%;}
    .full-book-shelve{margin-top:150px;}
    .bkShelve3 .comShelve{height:60px;}
    .bkShelve3 .float-book{width:56%;}
    .bkShelve3_2 .float-book{width:37%;}
    .bkShelve3_3 .float-book{width:20%;}
    .vt-first.vert-img3{width:5%;}
    .vert-img4{margin-left:11%;}
    .bkShelve3_3{bottom:-200px;}
    .bkShelve3 .float-book, .vert-img3{top:8px;}
    .plant-laptop{padding-left:4%;}
    .board-members .board-img{width:100%;}
    .hanging-medal{width:5%;}
    .storyweaver-01{right:20%;}
    .travel-story1, .travel-story2{width:28%;}
    .travel-story1{right:-2%;top:13%;}
    .travel-story2{top:3%;left:0}
    .sec2-3 .max1200{ margin-top:0;}
    .kp-shelve{right:-66%}
    .lang100 {right:-6%;bottom:-5%;width:38%;}
    .partners-bag{right:8%}
    .partner-menu{right:9.6%}
    .all-medals img{width:62%;}
    #preloader{-webkit-background-size:200px; background-size:200px;}
    .connectPara {margin-right:20%;}
    .poster2{right:-20%}
}
@media(max-width:1480px){
    .plant-laptop{top:-113%;}
    .chair{width:22%;}
    .horizal-scroll .title{margin-bottom:35px;}
    .horizal-scroll .para p{margin-bottom:20px;}
    .keyPartners{bottom:-45px;}
    .storyweaver-01{right:12%;}
    .chair{width:21%; right:2%; }
    .partner-menu a{height:80px;margin-top:-13px;}
    .hzSec {padding-top:70px;}
}
@media(max-width:1420px){
    .bkShelve3_2{width:29%;}
    .kp-shelve{right:-70%}
    .partner-menu {right:7%;}
    .partners-bag{right:5.2%;}
}
@media(max-width:1380px){
    .bkShelve3_2{width:28%;}
    .bkShelve3 .float-book, .shelve4 .float-book{margin-right:5px;}
    .bkShelve3_2 .float-book{width:39%;}
    .plant-laptop .fe-img{width:70%;}
    .plant-laptop{top:-106%; padding-left:3%;}
    .first-end {
        height:350px;
        margin-top:450px;
    }
    .travel-story1{right:-5%}
    .travel-story2 {
        top:2%;
        left:2%;
    }
    .bkShelve3_1 .float-book{left:65px;}
    .bug {
        top:17.5%;
        right:32%;
    }
    .hzSec {padding-top:50px;}
    .chair{right:2%}
    .lang100 {
        right:-1%;
        bottom:-5%;
        width:36%;
    }
    .map{right:-2%}
    .keyPartners{bottom:-66px;}
    .sec2-3 .max1200{
        max-width:58%;
    }
    .litency{width:36%; right:7%}
    .all-medals{text-align:center;}
    .board-members{width:35%;}
    .members-table li {
        margin-bottom:2.6%;
    }
}
@media(max-width:1300px){
    .shelve1 {width:54%;}
    .max60, .max1200{max-width:740px;}
    .max465{max-width:355px;}
    .plant-laptop {top:-100%;}
    .bug{width:26px;}
    .map{right:-4%;}
    .donorSec{max-width:70%;margin-left:auto;margin-right:auto;}
    .connectPara{margin-right:14%;}
    .members-table li{margin-bottom:2%;}
}
@media(max-width:1220px){
    .bkShelve3_2{width:26%;}
    .hzSec{padding-top:30px;}
    .medal-space{top:17%}
    .first-end{height:320px;}
    .shelve4 {
        margin-top:260px;
        margin-bottom:100px;
    }
    .sec2-3 .max{margin-left:14%;}
    .partner-menu li:nth-child(6) a {
        height:88px;
    }
    .board-members{width:40%;}
    .connectPara {
        margin-right:6%;
    }
    .poster2{right:-31%}
}
@media(max-width:1100px){
    .bkShelve3_2{top:70%}
    .travel-story1 {
        right:-10%;
    }
    .sec2-3 .max1200{
        max-width:64%;
        margin-left:9%;
    }
    .storyweaver-01 {
        right:5%;
    }
    .travel-story1 {
        right:-13%;
    }
    .travel-story2{left:4%;}
    .clock{right:4%}
    .first-end{height:287px;}
    .members-table li {
        margin-bottom:1.9%;
    }
    .poster2 {
        right:-41%;
    }
    .poster2 img{
        width:25%;
    }
}

@media(max-width:1025px){
    .report-pop {
        height:37%;
        top:16%;
        right:21%;
        width:16%;
    }
}
@media(min-width:1025px){
    .deks-hidden{display:none;}
}
@media(max-width:1024px){
    .mob-hidden, .map-line{display:none;}
    .scrollmagic-pin-spacer{
        height:auto !important;
        min-height:auto !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    #section2{
        position:relative !important;
        top:0 !important;
    }
    #section2, .horizal-scroll, .hzSec{
        width:100% !important;
        -webkit-transform:none !important;
        -moz-transform:none !important;
        transform:none !important;
    }
    .full-book-shelve{
        padding:0 20px 0 20px;
        top:10px;
    }
    .bkShelve3 .comShelve {
        height:52px;
    }
    .bkShelve3_1 .float-book{
        left:40px;
    }
    .bkShelve3_2{width:32%;}
    .first-end{margin-top:320px;}
    .plant{top:20px;}
    .full-book-shelve{margin-top:100px;}
    .bug {
        top:17%;
        right:33%;
    }
    .hzSec{padding-top:100px;float:none;}
    .horizal-scroll{height:auto;}
    .sec2-1_2{padding-top:30px;}
    .storyweaver-01 {
        right:4%;
        top:15%;
    }
    .chair {
        right:3%;
        position:relative;
        margin-left:auto;
        margin-right:-30px;
    }
    .xClass{
        -webkit-transform:translateY(24px);
        transform:translateY(24px);
    }
    .travel-story1{
        position:relative;
    }
    .travel-story1, .travel-story2{
        top:0;
        right:0;
        left:0;
    }
    .lang100{bottom:6%}
    .mTravelStory{margin-top:40px;}
    .map {
        right:8%;
        position:relative;
        display:inline-block;
        top:60px;
    }
    .connectPara .para, .xClass3{max-width:355px;}
    .sec2-3 .max1200, .connectPara{margin-left:8%;}
    .xClass3{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }
    .sec2-3{padding-top:0;}
    .keyPartners{bottom:10px;}
    .clock{
        top:4%;
        width:20%;
        right:0;
    }
    .sec-grey{padding-top:140px;}
    .litency{right:6%;}
    .all-medals{width:18%;}
    .poster2{
        position:relative;
        right:0;
        top:0;
        height:auto;
        -webkit-justify-content:space-around;
        justify-content:space-around;
        margin-top:100px;
    }
    .as-bottom{
        -webkit-align-self:flex-start;
        align-self:flex-start;
        left:0;
    }
    .poster2 img{width:auto;}
    .connectPara{
        display:inline-block;
    }
    .map{
        position:absolute;
        top:30%;
    }
}
/**=== 1366 laptop ===**/
@media(min-width:981px){
    .showOn980{display:none;}
}

@media(max-width:980px){
    .hideOn980{display:none;}    
    .bkShelve3_2 .float-book{width:26%;}
    .vt-first.vert-img3{width:4%;}
    .bkShelve3_2{width:40%;}
    .bkShelve3_2{top:80%;}
    .finRep img{width:100%;}
    .fcMax{margin:0 -10px;}
    .finRep{margin:0 10px;}
    .board-members{width:42%;}
    .members-table li{margin-bottom:1.6%;}
}
@media(max-width:940px){
    .all-medals{display:none;}
    .storyweaver-01{
        position:relative;
        margin-top:35px;
        right:0;
        left:20%;
        width:15%;
    }
    .chair{
        margin-left:0;
        margin-right:auto;
        display:inline-block;
        float:right;
    }
    .clock{top:2%}
    .board-members{width:50%;}
    .first-end{
        height:217px;
        margin-top:217px;
    }
    .book-donated {
        padding-right:30px;
        padding-left:30px;
        margin-top:50px;
    }
    .map{
        top:36%;
        right:4%;
        width:28%;
    }
}
@media(max-width:860px){
    .shelve1{width:49%;}
    .max, .sec2-3 .max1200{margin-left:0;}
    .max{
        padding-left:8%;
    }
    .bkShelve3 .float-book, .shelve4 .float-book{
        margin-right:4px;
    }
    .shelve4 {
        padding-left:20px;
    }
    .shelve4 img.shelve4-img{
        bottom:-16.8%;
        width:71%;
    }
    .book-fall{bottom:2px;}
    .max60, .max1200{max-width:700px;}
    .litency{right:2%}
    .first-end {
        height:200px;
        margin-top:200px;
    }
    .bug{
        width:23px;
        top:16%;
    }
    .litency{padding-top:70px;}
    .board-members{width:55%;}
    .kp-shelve{width:940px;}
    .kps-space{top:-19px}
    .finRep{padding:23px 17px 10px 24px;}
    .report-bg{padding:68px 20px 23px 40px;}
    #popup2 .close-btn{right:30px}
    .landing{background-position:69% top;}
}
@media(max-width:767px){
    .left-shlve{display:none;}
    .title{font-size:30px;}
    body{font-size:17px;}
    .max {
        padding-left:30px;
        padding-right:30px;
    }
    .clock{top:4%}
    .litency{padding-top:120px;}
    .board-members{width:60%;}
    .makers{width:75%;}
    .pg-left{
        width:50px;
        height:97.7%;
        background-size:50px;
    }
    .yellowPop .pop-inner{padding:19px 21px 21px 42px;}
    .pg-top{background-size:92%;width:95%;}
    .close-btn{top:20px; right:20px;}
    .popYellow{padding:48px 25px 34px;}
    .lang100{ right:2%; bottom:10%;}
    .shelve4 img.shelve4-img{bottom:-15.7%;}
    .shelve4 .float-book{width:11.2%;}
}
@media(max-width:670px){
    .bkShelve3_3{width:62%;}
    .bkShelve3 .comShelve{height:40px;}
    .members-table li{margin-bottom:1%;}
}

/*** Mobile ***/
@media(min-width:681px){
    .dHidden{display:none;} 
}
@media(max-width:680px){
    .mHidden, .mSec2Slide br, .mBrHidden br, .sec2-3 .max.mHidden{display:none;}
    .mpopup{
        display:block;
        position:relative;
        margin-bottom:20px;
        padding: 10px 30px;
    }
    .title.mManageRepTitle{
        margin-bottom:30px;
    }
    .winLoaded .mpopup .pop-layer{
        background:url(../img/mPage.jpg) no-repeat;
        -webkit-background-size:100% 100%;
        background-size:100% 100%;
    }
    .mpopup .popYellow {
        padding:24px 0 0;
    }
    .mpopup.yellowPop .pop-inner {
        padding: 13px 18px 13px 36px;
    }
    .popSlide .slick-arrow.slick-next{
        right:-44px;
    }
    .popSlide .slick-arrow.slick-prev{
        left:-60px;
    }
    .mpopup .pop-inner{overflow: visible;}
    .title{font-size:16px;}
    .perName{font-size:11px;}
    .perDegn{font-size:10px;}
    .title, .horizal-scroll .title{margin-bottom:15px;}
    body, .horizal-scroll{font-size:14px;}
    .para{line-height:1.55;}
    .landing{
        background:url(../img/landing-image-m.jpg) no-repeat right top;
        -webkit-background-size:cover;
        background-size:cover;
    }
    .logo img{width:75px;}
    .yellowPop .pop-inner{padding-top:9px;}
    .close-btn{ width:30px; height:30px;}
    .max.max465, .max60, .max.max1200, .sec2-3 .max1200, .max.max605{max-width:83%;}
    .max465.magicTrigger1{max-width:240px;}
    .para.max465{max-width:100%;}
    .left-shlve{
        display:block;
        left:-5px;
        top:11px;
    }
    .shelve1-margin{margin-top:40px;}
    .shelve1{
        transform:none !important;
        top:-30px;
        width:54%;
    }
    .mBlock{display:block;}
    .mNowrap{white-space:nowrap;}
    .sec-sapce{margin-top:50px;}
    .para p{margin-bottom:18px;}
    .report-pop2 {
        width:19%;
        height:16%;
        top:0;
        right:39%;
    }
    .t1max{max-width:200px;}
    .floatBook1{top:22.3%;}
    .floatBook2 {top:50.7%;}
    .floatBook3{top:77.6%;}
    .book-up{box-shadow:0 2px 9px -1px rgba(0,0,0,.40);}
    .mSmallPara{max-width:135px;}
    .full-book-shelve{margin-top:50px;}
    .full-book-shelve{top:7px;}
    .bkLine {padding:0 3px;}
    .bkLine-vertical{padding-right:8px;}
    .text-column2{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }
    .shelve2{margin-bottom:10px;}
    .shelve3{margin-top:0;}
    .bkShelve3_3{bottom:0;}
    .shelve4{margin-top:40px; margin-bottom:40px;}
    .shelve4 .float-book{
        width:13.9%;
    }
    .shelve4 img.shelve4-img{width:88%;}
    .book-fall{
        bottom:3px;
        left:83.25%;
        width:11%;
    }
    .plant{top:-26px;}
    .laptop{margin-top:-3px;}
    .bug {width:9px;top:21%;}
    .first-end {
        height:100px;
        margin-top:140px;
    }
    .hzSec{padding-top:60px;}
    .hzSec.sec2-3, .hzSec.sec2-2{padding-top:0;}
    .chair {
        margin-left:auto;
        margin-right:0;
        display:block;
        float:none;
        width:40%;
        top:-60px;
    }
    .chair.mChairPos{top:0;}
    .xClass{
        opacity:1;
        -webkit-transform:none;
        -moz-transform:none;
        transform:none;
    }
    .mLang100{
        position:relative;
        height:72px;
        overflow:hidden;
        right:-50px;
        bottom:0;
        top:-70px;
        width:172px;
    }
    .mLang100:before{
        content:'';
        position:absolute;
        top:-2px;
        right:68px;
        width:23px;
        height:10px;
        background:#F9F8F4;
    }
    .mLang100 img{margin-top:-58px;}
    .kp-pg{width:48px;}
    .partner-menu a, .partner-menu li:nth-child(6) a{height:40px; margin-top:-4px;}
    .partner-menu .kp-logos{
        width:30px;
        top:-4px;
    }
    .partner-menu{
        bottom:62px;
        right:24.5px;
    }
    .kp-shelve{
        width:500px;
        right:-12px;
    }
    .partners-bag{
        width:68px;
        right:16px;
        bottom:36.5px;
    }
    .kps-space{top:0; width:120px;}
    .connectPara, .sec2-3 .max{margin-right:90px;}
    .keyPartners{bottom:-5px;}
    .connectPara .para, .xClass3{max-width:100%;}
    .clock {
        top:10px;
        right:auto;
        left:15px;
    }
    #section3{padding-top:140px;}
    .book-donated{margin-top:30px; margin-bottom:30px;}
    .book-donated img{max-width:70%;}
    .sec-grey{padding-top:60px;padding-bottom:60px;}
    .sec-brown{padding-top:45px; padding-bottom:60px;}
    .mFlexRev{
        -webkit-flex-direction:column-reverse;
        -moz-flex-direction:column-reverse;
        flex-direction:column-reverse;
    }
    .mFlexCol{
        -webkit-flex-direction:column;
        -moz-flex-direction:column;
        flex-direction:column;
    }
    .litency {
        padding-top:0;
        top:-5px;
        right:0;
        width:100%;
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px;
    }
    .donSlider{
        padding-left:20px;
        padding-right:20px;
        max-width:360px;
        margin-left:auto;
        margin-right:auto;
    }
    .donSlider .title{margin-bottom:30px;}
    .board-members {
        width:100%;
        margin-left:auto;
        margin-right:auto;
        max-width:380px;
        padding-left:20px;
        padding-right:20px;
    }
    /*.members-table{text-align:left;margin-top:10px;}*/
    .awd-spliter{
        display:-webkit-flex;
        display:-moz-flex;
        display:flex;
    }
    /*.members-table li{
        padding-left:35px;
        margin-bottom:2%;
    }
    .members-table li p:first-child{
        width:56%;
    }*/
    .awards{width:100%;}
    .awd-title{padding-left:40px;margin-top:45px;margin-bottom:36px;}
    .award-img1{margin-bottom:0;}
    .award-col{overflow:hidden;}
    .awards img{
        position:relative;
        width:120%;
        left:-10%;
    }
    .award-img2 img{top:1px;}
    .makers{
        width:100%;
        margin-top:80px;
    }
    .awards p{
        max-width:170px;
        margin-left:auto;
        margin-right:auto;
    }
    #preloader{
        -webkit-background-size:100px;
        background-size:100px;
    }
    .sec2-2{margin-top:-30px;}
    .mpopup .title{margin-bottom:30px;}
    .mpopup{max-width:360px; margin-left:auto; margin-right:auto;}
}
@media(max-width:440px){
    .bkLine {padding:0 2px;}
    .bkLine-vertical{padding-right:4px;}
    .full-book-shelve{padding:0 15px 0 15px;}
    .max465.magicTrigger1{max-width:205px;}
    .shelve1{top:-19px;}
    .bkLine .vert-img2{width:115%;}
    .plant .fe-img{width:90%;}
    .plant-laptop .fe-img{width:80%;}
    .plant-laptop {
        top:-84px;
    }
    .laptop {
        margin-top:-10px;
    }
    .bug {
        width:7px;
        top:21%;
    }
    @keyframes bugmove{
        0%{transform:translate(0,0)}
        40%{transform:translate(-5px,1px) rotate(-5deg)}
        100%{transform:translate(0,0) rotate(0deg)}
    }
    .sec2-2{margin-top:-40px;}
    .clock{top:20px}
    #section3 {
        padding-top:120px;
    }
    /*.members-table li{padding-left:30px;}*/
    .award-img2 img {
        top:0.7px;
    }
    .awards p{max-width:125px;}
    .makers li{
        display:block;
        padding-left:50px;
        width:70%;
        text-align:left;
        margin-bottom:37px;
        padding-bottom:2px;
        background:url(../img/shelve-x.png) repeat-x bottom left;
        -webkit-background-size:60px;
        background-size:60px;
    }
    .makers li:last-child{margin-bottom:0;}
    .awd-title{
        padding-left:27px;
    }
    .awd-title{margin-top:36px;}
    .makers{background:none;}
    .makers li img{width:130px;}
    .makers li p{margin-bottom:7px;}
    
    .bkShelve3 .float-book, .shelve4 .float-book {
        margin-right:1px;
    }
    .shelve4 img.shelve4-img {
        width:86.4%;
    }
    .book-fall {
        bottom:3px;
        left:82%;
    }
    .shelve4 img.shelve4-img {
        bottom:-14.6%;
    }
    .mLang100{right:-40px}
    .perName{font-size:10px;}
    .perDegn{font-size:9px;}
    .pg-top {
        background-size:99%;
        width:82%;
        top:-1px;
    }
    .pg-left{height:96%;}
    .pg-right{height:97%;}
    .pg-bottomRight{bottom:8px;}
    .pg-bottom{width:88%;}
    .pg-bottomLeft{left:1px;}
}
@media(max-width:350px){
    .plant-laptop {
        top:-72px;
    }
    .mLang100{right:-30px;}
    .perName{font-size:9.5px;}
    .perDegn{font-size:8.5px;}
    .blue-link{font-size:13px;}
    .members-table li {
        margin-bottom:0.3%;
    }
    .mpopup{
        padding-left:20px;
        padding-right:20px;
    }
    .popSlide .slick-arrow.slick-next{right:-39px;}
}
/*** Mobile ***/