@media only screen and (min-device-width:320px) and (max-device-width:480px){#slide-bottom{margin-bottom:30px !important;}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px){#slide-bottom{margin-bottom:0px !important;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px){#slide-bottom{margin-bottom:0px !important;}
.topmenulink{font-size:14px;float:left;width:100%;margin-top:10px;background-color:white;}
.topmenulink li{margin:3px;margin-left:10px;box-shadow:0px 1px 3px rgba(34, 25, 25, 0.4);border-radius:15px;display:inline-block;padding:2px 20px !important;background:none repeat scroll 0% 0% #F5F5F5;margin-bottom:10px;}
.topmenulink li a{color:#285CAB;font-family:"Roboto Slab",serif;font-size:12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5;}
}
.topmenulink{font-size:14px;float:left;width:100%;background-color:white;margin-top:10px;}
.topmenulink li{margin:3px;box-shadow:0px 1px 3px rgba(34, 25, 25, 0.4);border-radius:15px;display:inline-block;padding:2px 12px !important;background:none repeat scroll 0% 0% #F5F5F5;margin-bottom:10px;}
.topmenulink li a{color:#285CAB;font-family:"Roboto Slab",serif;font-size:12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5;}
@media (min-width:768px) and (max-width:1024px){.topmenulink{font-size:14px;float:left;width:100%;margin-top:10px;background-color:white;}
.topmenulink li{margin:3px;box-shadow:0px 1px 3px rgba(34, 25, 25, 0.4);border-radius:15px;display:inline-block;padding:2px 12px !important;background:none repeat scroll 0% 0% #F5F5F5;margin-bottom:10px;}
.topmenulink li a{color:#285CAB;font-family:"Roboto Slab",serif;font-size:12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5;}
}
*{margin:0pt;padding:0pt;}
a{text-decoration:none;color:black;}
ol, ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
#popular{font-size:10px !important;}
#wrapper0{width:100%;display:block;}
#body{float:left;width:100%;overflow:hidden;background-color:white;}
body{background-color:#fff;}
#head{width:100%;clear:both;float:left;background:#F7F7F7;border:none;}
#head a{font-family:roboto slab;font-size:20px;color:#990000;font-weight:bold !important;}
#head p{font-family:roboto slab;font-size:12px;color:black;margin-left:5px;margin-right:5px;margin-bottom:5px;text-align:justify;}
#head h1{font-family:roboto slab;font-size:18px;color:black;margin-top:5px;margin-left:5px;}
#head h2{font-family:roboto slab;font-size:18px;color:black;margin-left:4px;}
#mid1{float:left;width:95%;margin-left:2.5%;background:#EEEBB4;padding-bottom:1%;}
#cattitle{float:left;width:100%;}
#cattitle h1{font-family:roboto slab;font-size:25px;color:rgb(78, 82, 6);}
#cattitle p{font-family:roboto slab;font-size:12px;color:black;}
#header{height:125px;margin:0pt auto;padding:0px;width:100%;display:block;background-color:#990000;}
#headerlogo{width:100%;Z-index:102;background-color:#990000;float:left;height:40px;}
#point{margin-top:-19px;float:left;margin-left:15px;display:none;padding-top:5px;border:0;}
#btnleft{float:left;width:auto;margin-left:5px;margin-top:5px;clear:both;height:auto;cursor:pointer;border:none;}
.topbanner{float:left;margin-top:0px;width:730px;color:white;}
.section{margin:0pt auto;width:1000px;position:relative;text-align:left;}
.searchbox{margin-top:20px;margin-left:20px;}
.searchinput{height:24px;}
.Btn{cursor:pointer;margin:0;padding:0;text-align:center;border:0px;width:25%;background:transparent url(../images/search.gif) no-repeat scroll 0 0;}
#secs{width:170px;float:left;margin-top:5px;margin-left:5px;border-color:#B7BABB;border-style:none solid solid;border-width:1px;}
#secs #secshd{background-color:#B2D40A;height:25px;margin-top:0px;}
#secs #secshd h4{margin-left:5px;font-size:11px;line-height:25px;}
#secshd h4 a{color:black;text-decoration:none;}
.litext{color:#423F3F;}
.body{float:left;width:100%;overflow:hidden;}
#mid{background-color:#FFFFFF;width:100%;float:left;background:#FFFFFF;}
#mid h3{font-family:roboto slab;font-size:15px;color:white;background:#990000;padding:5px;float:left;width:100%;margin-right:5px;margin-bottom:5px;}
#mid h2{font-family:roboto slab;font-size:15px;color:black;margin-left:5px;}
#mainlinks{float:left;width:100%;}
#mainlinks li{border-bottom:1px solid #B2B1AD !important;background:white;text-align:left;padding:4px 5px;font:15px roboto slab;color:#285CAB;font-weight:bold;list-style-type:none;text-decoration:none !important;}
#mainlinks a{text-decoration:none !important;}
#mainlinks li:hover{background:grey;text-align:left;padding:4px 5px;font:15px roboto slab;color:black;font-weight:bold;list-style-type:none;text-decoration:none !important;}
#mid .headmid{width:100%;background:red;height:25px;}
#topsquaread{background:white;padding-top:10px;float:left;width:628px;border:1px #B7BABB solid;}
#speech h3{font-family:roboto slab;font-size:15px;color:white;}
#speech p{margin-left:5px;margin-bottom:5px;text-align:justify;}
img.point{height:14px;width:14px;position:relative;left:40px;}
.treeview ul{margin:0;padding:0;width:170px;}
.treeview li{list-style-type:none;padding-left:0px;margin-bottom:3px;width:170px;}
.treeview li.submenu{background:#B2D40A url(../images/closed.gif) no-repeat right 1px;cursor:hand !important;cursor:pointer !important;font-size:12px;font-family:roboto slab;color:#000;text-decoration:none;font-weight:bold;line-height:25px;}
.treeview li.submenu ul{display:none;font-size:11px;font-family:roboto slab;color:#000000;text-decoration:none;background:white;font-weight:normal;line-height:13px;padding-top:10px;}
.treeview li.submenu ul a{font-size:11px;font-family:roboto slab;color:#2786C2;padding-left:4px;display:block;line-height:16px;}
.treeview li.submenu ul a:hover{background-color:red;color:white;}
.treeview .submenu ul li{cursor:default;}
.treeview li h4{margin-left:5px;font-size:11px;line-height:25px;}
.treeview li h2{margin-left:5px;font-size:11px;line-height:25px;}
.treeview li h2 a{color:black;text-decoration:none;}
.treeview li h4 a{color:black;text-decoration:none;}
a.active{background:gray;color:white !important;font-size:11px;}
#pagination{width:600px;margin:0px auto;margin-top:10px;margin-bottom:10px;display:block;float:left;}
#pagination ul{list-style-type:none;margin-left:10px;margin-bottom:10px;}
#pagination li{float:left;display:inline;margin:0 5px 0 0;display:block;}
#pagination li a{color:#638425;padding:4px;border:1px solid #ddd;text-decoration:none;float:left;}
#pagination li a:hover{color:#638425;background:#f1ffd6;border:1px solid #85bd1e;}
#pagination li.nolink{color:#CCC;border:1px solid #F3F3F3;padding:4px;}
#pagination li.current{color:#FFF;border:1px solid #b2e05d;padding:4px;background:#638425;}
#displaybox{display:block;float:left;margin-left:5px;margin-bottom:10px;margin-right:5px;}
#topcode{width:610px;background:url(../images/topcode.png);float:left;text-align:center;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #999999;}
#belowcode{background:transparent url(../images/belowcode.png) repeat scroll center bottom;float:left;width:610px;}
#belowcode h5{font-family:roboto slab;font-size:17px;color:black;margin-left:10px;}
#belowcode h6{font-family:roboto slab;font-size:16px;color:black;margin-left:10px;font-weight:bold;}
#belowcode .textual{color:black;margin:10px;font-family:roboto slab;font-size:12px;width:400px;}
#belowcode .textual textarea{font-family:roboto slab;font-size:11px;width:400px;}
#treelinks a{color:#A9A659;font-family:roboto slab;font-weight:bold;}
#treelinks{border-bottom:1px solid #A9A659;font-family:roboto slab;font-weight:bold;float:left;width:100%;background:#EBE9B6;}
.subtreelinks{font-size:15pt;color:rgb(108, 112, 17);}
.mintreelinks{font-size:15pt;}
#menubox{width:170px;float:left;margin-bottom:5px;background:#FFFFFF;border-color:#B7BABB;border-style:none solid solid;border-width:1px;}
#menubox #hding{background-color:#B2D40A;height:25px;margin-top:0px;font-size:11px;line-height:25px;font-weight:bold;width:170px;display:block;}
#menubox li{list-style-type:none;margin-bottom:3px;padding-left:0px;width:170px;}
#menubox a{color:#2786C2;font-family:roboto slab;font-size:11px;line-height:16px;display:block;}
#menubox a:hover{color:white;background:red;}
.bannerright{text-align:center;padding-top:4px;padding-bottom:4px;}
#footer{width:100%;font:13px roboto slab;color:black;text-align:left;float:left;background:lightgray;}
#footer a{color:black;text-decoration:underline;font:13px roboto slab;font-weight:normal !important;}
#footer1{margin:5px;text-align:center;font:12px roboto slab;}
#displaythumbs{margin-top:20px;width:100%;}
#displaythumbs img{width:75px;height:68px;}
#displaythumbs a{color:#2786C2;font-family:roboto slab;font-size:12px;}
#displaythumbs td{}
#thumbwrapper{width:610px;float:left;padding-left:20px;padding-top:20px;padding-bottom:20px;}
.thumbnaildisplay{display:inline;float:left;height:187px;margin:12px;width:120px;}
.thumbnaildisplay h4{color:#6A6A6A;font-family:roboto slab;font-size:11px;font-weight:bold;height:50px;position:relative;}
.thumbnaildisplay a.thumb{display:block;height:90px;position:relative;width:120px;}
.thumbnaildisplay img.smThumb{background:#999999 none repeat scroll 0%;display:block;height:90px;width:120px;border:0px;}
.downloadbutton{background:#D4EEF1 none repeat scroll 0%;height:30px;padding-top:8px;padding-bottom:8px;text-align:center;}
.downloadbutton a{background:transparent url(../images/downloadbutton.gif) no-repeat scroll left top;display:block;height:30px;margin:0pt auto;width:100px;}
.downloadbutton a:hover{background-position:left bottom;}
.downloadbutton a span{display:none;}
.ledesc{font-family:roboto slab;font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:10px;}
.lelink{font-family:roboto slab;font-size:15px;font-weight:bold;color:#2786C2;text-decoration:none;}
.lelink:hover{text-decoration:underline;}
#widgetbox{width:100%;float:left;font-family:roboto slab;}
#le{float:left;width:100%;}
#le img{width:92%;margin-left:5px;}
#indivwidget{float:left;width:96%;margin-left:2%;margin-bottom:-3px;border-radius:5px;border-bottom:1px solid #e5e5e5;}
#widgetthumb{float:left;margin-top:10px;margin-left:10px;margin-bottom:10px;box-shadow:0 5px 3px rgba(34, 25, 25, 0.4);border-radius:4px;}
#widgetthumb img{height:50px;width:50px;border-radius:4px;}
#widgetthumb img:hover{background-color:#DDDDDD;border:2px solid #6284FE;display:block;padding:5px;font-family:roboto slab;}
#widgetdetails{margin-left:72px;margin-top:27px;}
#widgetdetails h4 a{color:#1155BB;font-size:14px;font-weight:bold;font-family:roboto slab;text-shadow:3px 3px #e5e5e5;}
#widgetdetails p{font-size:13px;margin-bottom:10px;}
.homepage{font-size:16px;font-weight:bold;list-style-position:inside;color:#1155BB;}
.homepage ul{font-size:20px;list-style-position:inside;font-weight:normal;}
.listlink img{border-radius:15px;}
.listlink1 img{border-radius:15px;}
#photoform{margin-left:5px;font-family:roboto slab;font-size:12px;margin-bottom:10px;float:left;width:97%;}
#photoform img{width:100%;}
#upload{margin-bottom:10px;}
#photoform .label{font-size:14px;font-weight:bold;}
#photoform input{}
#photoform .submit{font-size:18px;font-family:roboto slab;font-weight:bold;padding:5px;}
.twitbgdisplay{float:left;width:620px;margin-left:0px;margin-top:20px;}
.twitbgdisplay .post{float:left;width:310px;margin-bottom:10px;height:260px;}
.twitbgdisplay .screenshot{border:1px solid #DDDDDD;height:186px;margin-bottom:10px;padding:4px;width:290px;float:left;margin-left:10px;}
.twitbgdisplay .screenimg{float:left;height:100%;position:relative;width:100%;}
.twitbgdisplay .screenimg span{font-size:11px;position:absolute;right:0px;top:7px;}
.twitbgdisplay .screenimg span a{background:#000000 none repeat scroll 0%;}
.twitbgdisplay .screenimg span a{color:#FFFFFF;padding:8px;text-decoration:none;}
.twitbgdisplay .theme{width:290px;margin-left:10px;margin-bottom:27px;float:left;}
.twitbgdisplay .theme a{color:black;}
#upload img{width:99%;}
ul#choicesList{list-style:none;padding:0;margin:0;float:left;width:100%;margin-bottom:20px;}
ul#choicesList li{background:#FFF;float:left;border:2px solid #ccc;margin-right:10px;padding:4px;margin-bottom:10px;width:125px;}
ul#choicesList label{background:#FFF;display:block;}
ul#choicesList li img{border:1px solid #fff;}
ul#choicesList li:hover{border-color:#f00;}
ul#choicesList li.on{border-color:#397D02;}
ul#choicesList input{margin-left:0px;}
#rockthumbs{float:left;width:100%;}
#rockthumbs #rockcat{width:100%;float:left;}
#rockthumbs #rockcat .categoryname{padding-left:5px;padding-bottom:3px;padding-top:3px;font-family:roboto slab;color:white;font-weight:bold;background:#990000;}
.categoryname a{color:#FF6C00;text-decoration:underline;}
#rockthumbs #rockcat ul{height:130px;margin:0px;padding:0px;margin-top:10px;}
#rockthumbs #rockcat ul li{font-size:10px;margin:0px;list-style-type:none;text-align:center;float:left;width:33%;}
.listlink{background-color:#FFFFFF;border:4px solid #FFFFFF;display:block;margin-left:5px;width:82px;padding:5px;font-size:10px;margin-bottom:10px;height:90px;font-family:roboto slab;color:#1155BB;}
.listlink:hover{background-color:#DDDDDD;border:3px solid brown;display:block;padding:3px;font-family:roboto slab;}
.listlink1{background-color:#FFFFFF;border:4px solid #FFFFFF;display:block;margin-left:5px;width:82px;padding:5px;font-size:10px;margin-bottom:10px;height:105px;font-family:roboto slab;color:#1155BB;}
.listlink1:hover{background-color:#DDDDDD;border:4px solid #6284FE;display:block;padding:5px;font-family:roboto slab;}
#content{font-family:roboto slab;}
.tlineboxcurrent{background:#029DFF none repeat scroll 0%;float:left;padding:2px 2px;position:relative;}
.tlineboxnext{background:#BBBBBB none repeat scroll 0%;float:left;padding:2px 2px;position:relative;}
#formbox{float:left;width:610px;margin-left:10px;}
#formbox ul{margin-top:14px;}
#formbox h3{font:normal 16px arial;padding-bottom:5px;padding-top:10px;color:black;}
#formbox label{font-size:16px;padding:5px;width:95%;display:block;color:black;font-family:roboto slab;font-style:normal;font-weight:bold;}
#formbox label input{margin-right:10px;}
#formbox label:hover{background-color:#DDF2BF;}
input.submit-button{font-size:18px;font-weight:bold;padding:2px 3px;margin-top:10px;}
#formbox h5{font-family:roboto slab;font-size:14px;margin-top:14px;padding:0px;}
#formbox table{font-size:11px;font-family:roboto slab;}
input.textboxer{background-color:#FBFBF7;border:2px solid #E0DFD0;padding:4px;}
ol.instructions{font:italic 1em Georgia, Times, serif;color:#999999;font-size:25px;padding-left:61px;list-style-type:decimal;}
.instruct{font-family:roboto slab;font-size:13px;color:Black;}
#thumbnailpage{width:100%;margin-top:10px;float:left;}
#posterthumb{margin-left:5px;float:left;background-color:#FFFFFF;border:4px solid #FFFFFF;display:block;width:130px;padding:5px;font-size:10px;margin-bottom:10px;font-family:roboto slab;text-align:center;}
#posterthumb img{border:1px solid black;width:130px;}
#posterthumb a{color:#413980;font-size:12px;}
#htmlquiz{float:left;margin-left:5px;margin-top:10px;position:relative;width:97%;background:white;margin-bottom:10px;border-radius:5px;padding-bottom:5px;}
#htmlquiztop{float:left;margin-left:10px;position:relative;width:682px;}
#htmlquiz h3{font:15px arial;font-weight:bold;padding-bottom:5px;margin-left:-6px;color:#3B3B3B;}
#htmlquiz label{font-size:13px;padding:5px;width:95%;display:block;color:black;font-family:roboto slab;font-style:normal;margin-left:-6px;}
#htmlquiz label input{margin-right:4px;}
#htmlquiz label:hover{background-color:#D8D8C2;}
#form{float:left;margin-left:5px;margin-top:10px;width:100%;}
#submitbtn{padding:5px;cursor:pointer;font-size:18px;font-family:roboto slab;font-weight:bold;text-align:center;}
#htmlquiz ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
#htmlquiz ol{font:italic 1em, Times, serif;color:#999999;font-size:18px;padding-left:30px;list-style-type:decimal;}
#resultbox h2{width:100%;background:#EEEEEE;font-size:14pt;margin:0px;}
#resultbox p{font-size:12px;color:black;}
#resultbox{width:96%;background:white;border:2px solid #EEE;text-align:center;font-family:roboto slab;margin-bottom:10px;margin-left:5px;}
#squarequiz{width:100%;float:left;}
#squaread{margin-bottom:10px;float:left;}
#squarehead{background-color:#BCBA92;height:25px;}
#squarehead h3{font-size:16px;padding:2pt 0pt 0px 0px;}
#squarequizzeshalf{float:left;width:130px;padding:5px;}
#squarequizzes{float:left;width:300px;padding:5px;}
#squarequiz a{font-size:12px;color:#0068A9;}
#squarequiz ul{float:none;list-style-type:disc;list-style-position:inside;color:#C5D3D8;}
#recent{border-bottom:1px dotted #999999;float:left;margin:10px;padding-bottom:10px;}
#recent .title{float:left;font-size:13px;width:100%;font-weight:bold;}
#recent .title a{font-weight:bold;}
#recent .date{float:left;font-size:10px;color:gray;width:100%;}
#recent .description{float:left;color:#3E3E3E;font-size:11px;}
#recent .description a{font-weight:bold;}
.error{display:none;}
.error{font-family:roboto slab;font-size:14px;font-weight:bold;font-style:none;background:#FFFFFF;color:#990000;width:500px;height:30px;padding:3px;}
#content{float:left;width:100%;font-family:roboto slab;font-size:14px;color:#333333;background:#F7F7F7;text-align:justify;min-height:240px;padding-top:20px;}
#msg{background:white;width:92%;margin:auto;text-align:center;margin-top:10px;}
#msg1{background:white;float:left;width:100%;margin:auto;text-align:center;margin-top:20px;}
.message{padding-left:7px;padding-right:7px;padding-bottom:5px;}
#msgdb{background:white;border:1px solid #A8A80B;float:left;width:97%;margin-left:1%;margin-right:1%;margin-bottom:10px;text-align:justify;}
#text{padding-bottom:10px;}
#content p{display:block;line-height:1.7;margin-left:5px;text-align:justify;margin-right:10px;font-family:roboto slab;}
#content h2{font-size:20px;color:#000000;font-family:roboto slab;}
#content img{width:100%;text-align:center;}
h4{margin-bottom:5px;font-family:roboto slab;}
#content ul{list-style-image:none;list-style-position:inside;list-style-type:disc;}
.half{width:270px;}
.full{width:580px;}
.w210{width:210px;}
.w300{width:300px;}
.illustration{margin:5px;text-align:center;}
.right{float:right;}
.left{float:left;}
.imgborder{border:1px solid gray;padding:3px;}
#shareimg{background-color:white;margin-left:3.5%;width:92%;margin-bottom:4%;margin-top:3%;overflow:hidden;text-align:center;}
#slideleft{width:100%;height:0%;}
#slidediv{height:auto;position:absolute;display:none;background-color:#FFFFFF;text-align:justify;width:75%;clear:both;z-index:100;-webkit-box-shadow:rgb(176, 176, 176) 2px 2px 7px 0px;box-shadow:rgb(176, 176, 176) 2px 2px 7px 0px;padding:5px;}
#slidediv p{margin:15px;font-size:0.917em;}
.button{float:left;clear:both;width:35px;height:35px;background:url(/images/menu11.png) no-repeat;cursor:pointer;border:none;}
#menu{float:left;width:100%;}
#menu li{border-bottom:1px solid #B84D4D;background:#FFFFFF;text-align:left;padding:7px 8px;font:bold 16px roboto, helvetica, sans-serif;color:#990000;}
#ContentFWF{width:80%;}
.pagebox{text-align:-webkit-center;font-size:14px;margin-right:3%;margin-top:2%;margin-bottom:30px;}
.pagebox a{background-color:#cccccc;margin:2px;color:#888;font-weight:bold;padding:3px 8px 6px;}
.pagespan{margin:0 2%;padding:10px 20px;background-color:#cccccc;border-radius:25px;}
.whatsapp-logo{height:60px;width:60px;margin-left:-7px;border-radius:25px;}