/*  
Theme Name: Jude's site
Theme URI: https://www.websfox.com
Description: HTML theme designed specially for ESL Games World.
Version: 1.0
Author: Sandeep Nehra
Author URI: http://www.websfox.com
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Roboto Condensed', sans-serif!important;
    background: #B1CA18;
    color: #333;
    background-color: #B1CA18!important;
}
ul.nav.navbar-nav li {
    margin: 0px 5px;
    border-radius: 10px;
/*    background: #B1CA18; */
}
li.topmenuh {
  background: #35B9D0;
  border-radius: 10px 0px 0px 10px;
  overflow: hidden;
}
li.topmenue {
  background: rgb(154, 207, 48);
}
li.topmenug {
  background: rgb(232, 61, 91);
}
li.topmenugr {
  background: rgb(245, 163, 13);
}
li.topmenuv {
  background: rgb(128, 5, 127);
}
li.topmenup {
  background: rgb(39, 163, 39);
}
li.topmenua {
  background: rgb(208, 108, 36);
}
li.topmenud {
  background: #EF1F46;
  border-radius: 0px 10px 10px 0px;
  overflow: hidden;
}
#front-popular {
    background: #26A724;
}
img , object {
    max-width: 100%;
}
.bigbannerad {
    margin: 10px 0px;
}
.adsbig300x600 {
    float: right!important;
	margin: 10px 0px;
}
.adsbig300x250 {
    float: right!important;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}
header span.glyphicon {
    margin-right: 7px;
}
.esllike {
    text-align: right!important;
}
embed, object {
    margin-bottom: 35px!important;
    max-width: 100%!important;
}
li.glyphicon.glyphicon-pencil {
    margin-left: 15px;
}
div#logo {
}
#headline2 li:before {
    margin: 0px 5px 0 -20px;
    font-family: 'Glyphicons Halflings';
}
#headline2 li {
    list-style: none;
}
#middle li:before, #bottom li:before {
    margin: 0px 5px 0 -20px;
    font-family: 'Glyphicons Halflings';
    color: orange;
}
#middle li {
    display: block;
    font-family: 'Roboto Condensed', sans-serif!important;
}
#bottom li {
    display: block;
    font-family: 'Roboto Condensed', sans-serif!important;
}
p {
    margin: 15px 0;
}
a:link, a:visited {
    color: #3c57a7;
    text-decoration: none}
a:hover, a:active {
    color: #3c57a7;
    text-decoration: underline;
}
a img {
    border: 0;
}

select {
    width: 130px;
}
#head {
    margin: 0px auto;
    margin-top: 15px;
    padding: 0px;
    font-size: 0.7em;
    padding-top: 15px;
}
#page {
}
.left {
    float: left;
}
.right {
    float: right;
}
#navbar {
    margin: 0 auto;
    margin-top: 15px;
    padding: 0px 10px;
    text-transform: uppercase;
}
#searchform {
    width: 194px;
    float: right;
    text-align: right;
    padding-top: 8px;
    margin-right: 10px;
}
h1 {
    font-size: 34px;
    font-weight: bold;
    color: green;
}
h2 {
    font-size: 28px;
    color: orange;
}
h3 {
    font-size: 22px;
    margin-bottom: 3px;
    color: orange;
}
h4 {
    font-size: 20px;
}
#logo {
}
#top {
    padding: 0;
    margin-bottom: 20px;
    clear: both;
}
header .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {
    color: #FFF;
    background-color: #2666DB;
    border-radius: 10px;
}
header .navbar-default .navbar-nav>li>a {
    color: white;
    font-weight: bold;
    font-size: 17px;
}
header .navbar-static-top {
    margin-top: 14px;
}
header .navbar-default {
    background-color: transparent;
    border-color: transparent;
    float: right;
}
footer .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
@media (max-width: 768px) {
    header .navbar-default {
    width: 100%;
}
}
#homeslider {
    -webkit-box-shadow: 0 15px 10px #C5C4C4;
    -moz-box-shadow: 0 15px 10px #C5C4C4;
    box-shadow: 0 10px 10px #C5C4C4;
    margin-bottom: 25px;
}
.carousel-control.left, .carousel-control.right {
    background-image: none!important;
}
.boxed {
    margin: 0px auto;
    max-width: 1200px;
    width: 100%;
    position: relative;
    padding: 0px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    border-radius: 10px;
    margin-bottom: 10px;
}
#toTop {
    height: 27px;
    width: 40px;
    position: fixed;
    bottom: 0px;
    right: 5px;
    cursor: pointer;
    display: none;
    text-align: center;
    z-index: 999;
    background: #0C69AD;
    color: white;
    opacity: 0.7;
    font-size: 25px;
}
#toTop:hover {
    opacity: 1;
}
#featured {
    margin-top: 0px;
}
.banner300 {
    margin-top: 20px;
    text-align: right!important;
}
#middle {
}
#front-popular h3 {
    color: #fff;
}
select {
    border: 1px solid #333;
    width: 100%}
.button {
    padding: 1px;
    border: 1px solid #333;
    background: #fff;
    font-size: 1.0em;
}
.field {
    padding: 2px;
    border: 1px solid #333;
    background: #fff;
    font-size: 1.0em;
}
#search .button {
    padding: 1px;
    border: 1px solid #333;
    background: #fff;
    font-size: 1.0em;
}
#front-popular {
    margin: 0 auto;
    padding: 5px 0px 0px 15px;
    color: #ffffff;
    border-radius: 10px;
}
#block1 a, #block2 a, #block3 a {
    color: #fff;
}
#block1 ul, #block2 ul, #block3 ul {
    margin-top: 5px;
}
#block1 ul li, #block2 ul li, #block3 ul li {
    list-style: none;
    border-top: 1px dotted #fff;
    padding: 5px;
    display: block;
}
#block1 ul li:hover, #block2 ul li:hover, #block3 ul li:hover {
    background: #3c57a7;
    color: #fff;
}
#block1 ul li:first-child, #block2 ul li:first-child, #block3 ul li:first-child {
    border-top: 0px dotted #fff;
}
 #footer {
    margin: 0 auto;
}
#footer a.navbar-button.btn-danger.btn.pull-right {
    color: white;
    margin-top: 9px;
}
.clearfloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfloat {
    display: inline-block;
}
* html .clearfloat {
    height: 1%;
}
*+html .clearfloat {
    height: 1%;
}
.clearfloat {
    display: block;
}
.texttoprightsection {
    background: #FFEB3B;
    border: 2px solid;
    padding: 10px;
    border-radius: 10px;
}
.adsverybig {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.hometbbox {
    padding: 0px;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 2px 2px;
    padding-bottom: 10px;
    text-align: center;
}
.hometbbox h3 {
    color: #fff;
    font: 800 25px/65px 'Roboto Condensed',sans-serif!important;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin-bottom: 10px;
}
.box1 {
    border-color: #10a0b6;
}
.box1b {
    background-color: #10a0b6;
}
.box2 {
    border-color: #f39317;
}
.box2b {
    background-color: #f39317;
}
.box3 {
    border-color: #42ae18;
}
.box3b {
    background-color: #42ae18;
}
.box4 {
    border-color: #d74726;
}
.box4b {
    background-color: #d74726;
}
.box5 {
    border-color: #00a1de;
}
.box5b {
    background-color: #00a1de;
}
.box6 {
    border-color: #8d33aa;
}
.box6b {
    background-color: #8d33aa;
}
.hometbbox p {
    padding-left: 10px;
    padding-right: 10px;
}
a.hmbtn {
    color: white;
}
.hometbbox {
    margin-bottom: 20px;
}
.btmbox {
    border: 3px solid orange;
    border-radius: 10px;
    background: #98D1FF;
    margin-bottom: 20px;
	padding: 10px;
}
.landingpart {
    margin-bottom: 20px;
    text-align: center;
}
.landingpart a.landbtn {
    color: white;
}
.well {
    background-color: transparent;
    border: 0px solid #e3e3e3;
}