/*@import url('https://fonts.googleapis.com/css?family=Merienda');*/
/*下方字体部分是上面的连接导入的 strat*/
/* latin-ext */
@font-face {
    font-family: 'Merienda';
    font-style: normal;
    font-weight: 400;
    src: local('Merienda'), local('Merienda-Regular_0_wt'), url(../fonts/gNMHW3x8Qoy5_mf8uWMLMIqY_svhBV0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Merienda';
    font-style: normal;
    font-weight: 400;
    src: local('Merienda'), local('Merienda-Regular_0_wt'), url(../fonts/gNMHW3x8Qoy5_mf8uWMFMIqY_svh.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /*上方字体部分是上面的连接导入的 end*/

body{font-family:"Open Sans",Arial,sans-serif!important; background:#eee; font-size:14px; line-height:22px; margin:0px; padding:0px; overflow-x:hidden;}
.clear{clear:both; line-height:1px;}
html, body, input, textarea, button{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
a:hover{text-decoration:none;}

div.footer-copyright{background:#333 url(../images/black-linen.png) repeat; font-size:135%; text-align:center; padding:10px 0 10px; border-top:1px solid #000;}
div.footer-copyright p, div.footer-copyright nav ul{padding-top:10px; font-size:12px;}
div.footer-copyright p span{color:#b1afaf;}
div.footer-copyright p span a{font-size:14px; color:#b1afaf; padding:0px 5px;}
.form-control-foot{width:75%; height:40px; font-size:14px; vertical-align:top; border:none; padding:0 0 0 6px; margin:0px 0px 20px 0px;}
.tp-footer-social-links{font-size:14px;}
.tp-footer-social-links h3{font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; padding:13px 0px 0px 0px;}
.tp-footer-social-links a{color:#b1afaf; font-size:30px; margin:0px; padding:0px 16px;}
div.footer-copyright p span a, .tp-footer-social-links a:hover{color:#fff;}
.news-group{text-align:center; margin:-10px 0 0 0;}
.news-group ul{margin:0px 0px 0px 20px; padding:0px;}
.news-group ul li{float:left; margin:0px; padding:0px; list-style-type:none!important;}
.news-group ul li a{color:#b1afaf; font-size:13px; margin:0px; padding:0px 5px; float:left;}
#newsresponse{position:absolute; color:#fff; font-size:13px; text-align:center; margin:-17px 0px 0px 45px;}
#search-box{position:relative; width:60%; margin:0 auto; padding:0px;}
.logo img{width:68px; height:65px; padding-top:15px;}

/* css for google search box */
.cse .gsc-search-button-v2, .gsc-search-button-v2{width:45px; height:45px; padding:15px 17px!important; margin-left:0px!important;}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{background-color:#3fb35b!important; border-color:#3eb35a!important; }
.cse .gsc-control-cse, .gsc-control-cse{background-color:transparent!important; border:0px!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0px!important;}
/* end of css for google search box */

/* responsive css for mobile and tab */
.tp-primary-header{text-align:center; float:left;}
.tp-primary-header:hover{background:#40b35d; color:#4d4d4d;}
.mui-top-home .tp-primary-header:hover{background:#3a714e; color:#4d4d4d;}
.mui-appbar-home{display:block;}
.mui-appbar-home{background:rgb(35, 35, 35, .7); height:40px;color:#fff;position:absolute;top:0px;left:0;right:0;z-index:99;}
.mui-appbar-home a{color:#fff; font-size:12px;}
.mui-appbar-home a:hover{background:transparent; color:#fff;}
.mui-appbar-home .mui-top-home{width:6%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-qa{width:6%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-tools{width:7%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-coding-ground{width:11%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-current-affairs{width:11%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-upsc{width:9%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-tutors{width:10%; padding:9px 0px 9px 0px;} 
.mui-appbar-home .mui-top-examples{width:11%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-whiteboard{width:10%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-net-meeting{width:10%; padding:9px 0px 9px 0px;}
.mui-appbar-home .mui-top-articles{width:8%; padding:9px 0px 9px 0px;}
/*
.tp-search-widget{background:url(../images/search-bg.jpg) no-repeat; background-size:cover; margin:-1px 0px 0px 0px; min-height:480px; padding:50px 0px 20px 0px;}
*/
.tp-search-widget{background: #000 url(../images/video-banner0.jpg)no-repeat center center; min-height: 0px; background-size: cover;}
.tp-search-widget h4{font-size:24px;color:#fff;text-align:center;padding:30px 0px 0px 0px;}
.tp-search-widget .tp-logo{width:100%; text-align:center;}
.tp-search-widget .tp-banner-links{width:100%; text-align:center; margin:20px 0px 20px 0px;}
.tp-search-widget .tp-banner-links a{font-size:22px; color:#fff; margin:0; padding:0 3.5%;}
.tp-search-widget .tp-banner-links a:hover{color:#61f386;}
.tp-search-widget .tp-banner-links .tp-banner-icons{vertical-align:middle;}
.tp-select-readings{padding:0px 0px 25px 0px; margin:40px auto 50px auto;}
.tp-select-readings .select-reading-box{min-height:105px; text-align:center; margin:25px 0px 0px 0px; padding:5px;}
.tp-select-readings .select-reading-box a{color:#797979;}
.tp-select-readings .select-reading-box a:hover{opacity:.7;}
.tp-select-readings .select-reading-box img{vertical-align:middle;}
.tp-home{text-align:center; line-height:24px; padding:20px 0px 10px 0px!important; margin:0px auto;}
.tp-home h1{color:#797979; font-size:28px; font-weight:normal; text-align:center; line-height:24px; padding:0px 0px 10px 0px!important; margin:0px;}
.tp-home h1 a{color:#797979;}
.tp-home h1 span{font-size:16px; font-weight:normal; text-align:center; padding:0px 0px 20px 0px; margin:0px;}
.tp-home h1 span b{font-style:italic;}
.tp-content-widget{background:#fff; min-height:210px; margin:30px 0px 0px 0px; padding:0px;}
.tp-content-widget h2{color:#808080; font-size:20px; text-align:left; font-weight:500; padding:15px 5px 10px 15px; margin:0px;}
.tp-content-widget .tp-content-viewmore{text-align:right; margin:0px 0px 0px 0px; padding:0px 10px 10px 0px;}
.tp-content-widget .tp-content-viewmore a{font-size:14px; color:#797979; background:#fff; margin:0px 0px 0px 0px; padding:5px 20px;}
.tp-content-widget .tp-content-icons{min-height:145px; margin:0px; padding:15px 0px 5px 0px; text-align:center;}
.tp-content-widget .tp-content-icons a{font-size:13px; color:#4d4d4d; text-transform:capitalize; line-height:15px;}
.tp-content-widget .tp-content-icons a img{height:62px; padding:5px 10px;}
.tp-content-widget .tp-content-icons a img:hover{opacity:.5; border-radius:4px;-moz-border-radius:4px;}
.tp-content-widget .tp-content-icons a span{color:#828282; font-style:italic; text-transform:lowercase;}
.tp-content-widget .tp-content-icons a div{color:#828282; text-transform:capitalize; line-height:18px;}
.tp-content-widget .tp-content-icons a div:hover{color:#40b35d; text-decoration:none;}
.tp-content-widget .tp-content-viewmore a:hover{background:#40b35d; color:#fff; text-decoration:none; border:1px solid #40b35d; box-shadow:0px 0px 1px #797878; -moz-box-shadow:0px 0px 1px #797878;}
.tp-coding-ground{background:url(../images/cg_intro.jpg) no-repeat center center; min-height:240px; background-size:cover; text-align:center; margin:50px 0px 30px 0px; padding:10px;}
.tp-coding-ground h1 a{font-size:36px; color:#fff; text-align:center; padding:0px 0px 40px 0px;}
.tp-coding-ground p{font-size:22px; color:#fff; text-align:center; line-height:36px; padding:25px 0px 30px 0px; margin:0px;}
.tp-coding-ground a.tp-coding-btn{background:#f3cf00; font-size:18px; color:#4d4d4d; text-align:center; padding:5px 10px; margin:10px 0px 0px 0px; border:1px solid #f3cf00;}
div.footer-copyright{background:#2f2f2f url(../images/black-linen.png) repeat; border-top:4px solid #3a3a3a;}
.footer-nav{background:#1f1f1f url(../images/pattern-xv.png)!important; padding:25px 0px; margin:0px; border-top:4px solid #ccc;}
.footer-nav h3{font-size:15px; color:#bfbfbf; text-align:left; text-transform:uppercase; font-weight:bold; margin:0px; padding:10px 0px;}
.footer-nav ul{margin:0px; padding:0px;}
.footer-nav ul li{font-size:13px; color:#fff; list-style-type:none; line-height:28px; margin:0px; padding:0px;}
.footer-nav ul li a{font-size:13px; color:#989898;}
.footer-nav ul li a:hover{color:#fff;}
.footer-nav .iphone img, .android img, .microsoft img{border:1px solid #777;}
.tp-home .tp-browse-more{margin:45px 0px 0px 0px; padding:0px; text-align:center;}
.tp-home .tp-browse-more a{background:#3a714e; font-size:18px; color:#fff; padding:13px 20px 13px 0px; margin:0px auto; border-radius:50px; -moz-border-radius:50px; box-shadow:10px 0px 5px #d6d6d6; -moz-box-shadow:10px 0px 5px #d6d6d6;}
.tp-home .tp-browse-more a:hover{background:#21442e;}
.tp-home .tp-browse-more svg{background:#21442e; height:24px; padding:10px 12px 10px 20px; margin:0px 10px 0px 0px; position:relative; top:14px; border-top-left-radius:30px; border-bottom-left-radius:30px;}
.tp-video-nav{margin:0px; padding:20px 0px 0px 0px; text-align:center;}
.tp-video-nav a{color:#fafafa;}
.tp-video-nav img{width:75px; height:75px; background:rgb(35, 35, 35, .6); padding:10px; border-radius:90px; -moz-border-radius:90px;}
.tp-video-nav img:hover{opacity:.7;}
.btn-footer{background:#847f7f; min-height:40px; font-weight:normal; font-size:20px!important; border:1px solid #fff; color:#e8e8e8; line-height:30px; margin:0 0 0 -5px; outline:0;}
/*end of home page css*/
.mui-col-md-2, .mui-col-md-7, .mui-col-md-3 {padding-left:5px; padding-right:5px;}
.tutorix-banner{background:linear-gradient(-590deg,#ffffff,#e3e9f7); width:100%; min-height:100px; max-height:285px;}
.tutorix-banner img{width:100%;}

@media (min-width: 244px){
.tp-search-widget .tp-banner-links .tp-banner-icons{font-size:22px; padding-right:0px;}	
.mui-appbar-home a span{display:none;}
.tp-search-widget h4{font-size:12px;}
.tp-search-widget .tp-banner-links a{font-size:14px; padding:0 1%;}
.tp-home h1 span{font-size:12px;} 
.tp-footer-social-links a{padding:0px 12px;} 
.mui-appbar-home .mui-top-home, .mui-appbar-home .mui-top-qa, .mui-appbar-home .mui-top-tools{width:8%;} 
.mui-appbar-home .mui-top-coding-ground, .mui-appbar-home .mui-top-current-affairs, .mui-appbar-home .mui-top-examples{width:9.5%;}
.foot-clear{clear:left;} 
.tp-sub-header{display:none;} 
.extra{display:none;} 
.mui-container-div{margin:120px 0px 0px 0px; padding:0px;}
#search-box{width:85%;}
#gsc-i-id1{height:24px!important;}
}
@media (min-width: 544px){
.tp-search-widget .tp-banner-links .tp-banner-icons{font-size:22px; padding-right:0px;}
.mui-appbar-home a span{display:none;}
#search-box{width:75%;} 
.tp-search-widget h4{font-size:20px;}
.tp-search-widget .tp-banner-links a{font-size:15px; padding:0 2.5%;}
.tp-home h1 span{font-size:14px;} .tp-footer-social-links a{padding:0px 12px;}
.mui-appbar-home .mui-top-home, .mui-appbar-home .mui-top-qa, .mui-appbar-home .mui-top-tools{width:8%;} 
.mui-appbar-home .mui-top-coding-ground, .mui-appbar-home .mui-top-current-affairs, .mui-appbar-home .mui-top-examples{width:9.5%;}
.foot-clear{clear:left;} 
.tp-sub-header{display:none;} 
.extra{display:none;} 
.mui-container-div{margin:120px 0px 0px 0px; padding:0px;}
#gsc-i-id1{height:24px!important;}
}
@media (min-width: 768px){
.tp-search-widget .tp-banner-links .tp-banner-icons{font-size:32px; padding-right:10px;}	
.mui-appbar-home a span{display:none;}
.tp-search-widget .tp-banner-links a{font-size:22px; padding:0 3.5%;} 
.mui-appbar-home{height:40px;} 
.tp-home h1 span{font-size:16px;} 
.tp-footer-social-links a{padding:0px 16px;}
.mui-appbar-home .mui-top-home, .mui-appbar-home .mui-top-qa, .mui-appbar-home .mui-top-tools{width:8%;} 
.mui-appbar-home .mui-top-coding-ground, .mui-appbar-home .mui-top-current-affairs, .mui-appbar-home .mui-top-examples{width:9.5%;}
#gsc-i-id1{height:24px!important;}
}
@media (min-width: 992px){ 
.tp-search-widget .tp-banner-links .tp-banner-icons{font-size:32px; padding-right:10px;}
.mui-appbar-home a{font-size:11px;}
.mui-appbar-home a span{display:inline-block;}
#search-box{width:60%;} .tp-search-widget h4{font-size:24px;}
.tp-search-widget .tp-banner-links a{font-size:22px; padding:0 3.5%;} 
.mui-appbar-home{height:40px;} 
.tp-home h1 span{font-size:16px;} .tp-footer-social-links a{padding:0px 16px;}
.mui-appbar-home .mui-top-home, .mui-appbar-home .mui-top-qa, .mui-appbar-home .mui-top-tools{width:6.5%;} 
.mui-appbar-home .mui-top-coding-ground, .mui-appbar-home .mui-top-current-affairs, .mui-appbar-home .mui-top-examples{width:11%;}
.mui-appbar-home a svg{font-size:12px!important;} .foot-clear{clear:none;} .extra{display:block;} 
.mui-container-div{margin:120px 0px 0px 0px; padding:0px;}
#gsc-i-id1{height:34px!important;}
}
@media (min-width: 1200px){
.tp-search-widget .tp-banner-links .tp-banner-icons{font-size:32px; padding-right:10px;}	
.mui-appbar-home .mui-top-home, .mui-appbar-home .mui-top-qa, .mui-appbar-home .mui-top-tools{width:6%;} 
.mui-appbar-home .mui-top-coding-ground, .mui-appbar-home .mui-top-current-affairs, .mui-appbar-home .mui-top-examples{width:11.5%;}
.tp-mobile-search{display:none;}
.mui-appbar-home a{font-size:12px;}
.mui-appbar-home a span{display:inline-block;}
#search-box{width:60%;} 
.tp-search-widget h4{font-size:24px;}
.tp-search-widget .tp-banner-links a{font-size:22px; padding:0 1%;} 
.mui-appbar-home{height:40px;} 
.tp-home h1 span{font-size:16px;} 
.tp-footer-social-links a{padding:0px 16px;}
.mui-appbar-home .tp-primary-header a svg{font-size:12px;} 
.foot-clear{clear:none;} 
.tp-sub-header{display:block;} 
.extra{display:block;} 
.mui-container-div{margin:0px 0px 0px 0px; padding:0px;}
#gsc-i-id1{height:34px!important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.tp-home .mui-col-md-6{width:100%!important;}
}
@media (min-width: 1464px){#gsc-i-id1{height:36px!important;}}
/* end of responsive css for mobile and tab */