@charset "utf-8";header.topic-page{height:80px;min-height:80px}header.topic-page form{display:inline-block;float:left;width:40%;max-width:400px;margin-top:19px;margin-left:10%}header.topic-page form input[type=search],header.topic-page form button{height:40px}.topics h1{font-size:26px;color:#424644;font-weight:400;margin-top:30px}.topics h1 span{color:#00aeef}.topics > p{color:#424644;font-size:16px;margin-bottom:40px}.topic{border:solid 1px #e1e1e1;padding:20px 15px;margin-bottom:15px;position:relative}.topic:after{clear:both;content:'';display:block}.topic:first-child:before,.topic:nth-child(2):before{width:42px;height:47px;display:block;content:'';position:absolute;left:-1px;top:-1px}#recommended{background-image:url(../images/recommended.png);background-repeat:no-repeat;background-color:#f7fdff}.topic h4{color:#5fa315;font-size:12px;font-weight:500;text-transform:uppercase;margin-left:12%;margin-bottom:25px}.topic h4:before{content:'';background:url(../images/recommended-tick-new.png) no-repeat;width:250px;height:20px;float:left;display:inline-block;margin-top:-5px;margin-right:6px}.paper-icon{display:inline-block;float:left;width:12%}.topic-detail{display:inline-block;float:left;width:88%}.topic-detail h3{color:#333;font-size:20px;margin:0;display:inline-block}.topic-detail h3 a{color:#333;text-decoration:none}.topic p{color:#798086;font-size:14px;border-top:solid 1px #ebebeb;padding-top:10px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.topic-detail span{color:#798086;font-size:13px}.topic-detail span:after{content:'.';margin-left:13px;margin-right:12px}.topic a.btn{float:right;display:inline-block;font-size:13px;padding:7px 25px}.load-more-btn{color:#00aeef;font-size:13px;font-weight:500;border:solid 1px #00aeef;width:100%;display:block;line-height:60px;background:#fff;margin-bottom:60px}.load-more-btn:hover{background:rgba(0,174,239,0.12)}.highlight-section{background:#00aeef;padding:20px;margin-bottom:15px}.highlight-section > div{display:inline-block;width:50%;float:left;text-align:center;color:#fff;padding:15px 0;border-right:solid 1px #0097d0}.highlight-section > div:last-child{border:none}.highlight-section:after{clear:both;display:block;content:''}.highlight-section > div img{display:table;margin:auto}.highlight-section strong{font-size:18px;font-weight:400;margin-top:15px;display:block;margin-bottom:7px}.topic-sidebar .btn-danger{background:#22b3ef;font-weight:400;font-size:16px;margin-bottom:20px}.topic-sidebar .btn-default{color:#798086;font-size:14px;width:100%;text-align:left;border-radius:100px;margin-bottom:10px;border:solid 1px #d7d7d7;outline:none}.topic-sidebar .btn-default:active{outline:none}.topic-sidebar .btn-default .caret{float:right;margin-top:9px}.topic-sidebar .dropdown-menu{width:100%;color:#798086;font-size:14px;font-family:Hind;background:#fafafa;border:solid 1px #e1e1e1}.topic-sidebar .dropdown-menu a:hover{color:#00aeef}.topic-sidebar h3{color:#3d464d;font-size:16px;margin-bottom:15px}.related-topics{border:solid 1px #d7d7d7;border-radius:5px;padding:15px}.related-topics li{display:block;margin-bottom:7px}.related-topics li a{color:#22b3ef}.orange-button{font-size:14px;padding:8px 50px;margin-top:22px;margin-bottom:10px}.arrow-icon{background:url(../images/btn-arrow.png) no-repeat;width:21px;height:21px;display:block;margin:auto;margin-top:-7px;position:absolute;margin-left:70px}.blue-button{font-size:14px;padding:8px 50px;margin-top:22px;margin-bottom:10px;background:#20242c}.blue-button:hover{background:#2e333e}@media (max-width:767px){.paper-icon{width:100%;display:block}.topic-detail{width:100%;display:block}.btn-info{position:absolute;right:15px}.topic-detail h3{margin-top:10px}.topic h4{margin-left:0}.highlight-section > div{width:100%;display:block;float:none;padding:20px 5px;border:none}.highlight-section > div:first-child{border-bottom:solid 1px #0097d0}header.topic-page{height:145px}header.topic-page form{width:100%;margin-left:0}}@media (min-width:768px) and (max-width:991px){.navbar-nav{margin-top:-4px}header.topic-page form{position:absolute;right:0;width:500px;margin-left:0;top:27px}header.topic-page{height:100px}}@media (min-width:992px) and (max-width:1270px){header.topic-page form{width:26%;margin-left:0}}@media (min-width:1200px){header.topic-page{position:fixed;top:0;width:100%;z-index:45}.topics h1{margin-top:100px}}@media (max-width: 767px){.topic-detail a{display:block}}