body { font-family: 'Montserrat', sans-serif; font-size:16px; color:#eee;  background-color: #1c1e20; }
html, body { overflow-x: hidden; }
body { position: relative }

a { text-decoration:none; color:#d63031; }
a:hover { text-decoration:underline; color:#2980b9;}

.h3a { color:#eee; font-size: 120%; }

.button  { display: inline-block; padding: 0px 20px 0px 20px; color: #fff; cursor: pointer; height: 30px; line-height: 30px; text-align: center; background-color: #d63031;
  font-size: 16px; font-style: normal; text-transform: uppercase; border: 0; outline: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.button:hover, .stumblebutton:hover { color:white; text-decoration: none; background:#2980b9; }
.button:focus, .stumblebutton:focus{ color: #fff; }

.stumblebutton {position: fixed; background: #d63031; color: #fff; right: 20px; bottom: 10px; padding: 20px; border-radius: 100px; text-align: center; vertical-align: middle;}

.dropdown-menu > li > a { color:#ed611f; text-transform: capitalize; }
.cominglist .eventthumbitem { border: 1px solid #f5f5f5; }

.screebshots img { border: 1px solid #f5f5f5; padding:10px; }
.content-item .content-details { border-radius: 5px; }
.content-item .content-details .desc { padding:12px; }
.content-item .content-details .desc  img{ max-width:100%; }

.loading-spinner, .spinner {  max-height:80px; }

.youtubevideo { width:100%; }

p { text-align: justify; margin: 10px 0 10px 0px;}
img { border:0px; }
table td { font-size: 14px; }
table th { font-size: 14px; }
label { font-weight: normal;}
form { margin: 0px;}
hr { margin-top: 12px; margin-bottom:12px; border-top:1px solid #555;  }
input { background-color: transparent; color: #eee; }

.side-bar { padding: 4px 8px 8px 8px; background: #323739; margin-right: -15px; display: flow-root; border-radius: 5px; }
.side-bar .userprofilephoto { max-width: 100px; }
.side-bar h4 { font-size: 110%;}

header { clear: both; }

.app .mobileicon { padding:12px 30px; float:left; }
.app .mibiletitle { padding:22px; }

.smallprofileimage { height:60px; border-radius: 9999px; }
.postheader { padding: 8px;}
.postheader h3 { margin-top:4px; }
.postheader .postheaderdiv { padding-left: 12px;}
.postheader .postheaderdiv .headertitle { margin-bottom: 8px; padding:0px; font-size:110%; display: inline-block; }

.ad-widget { text-align: center; margin-top:20px; }

.desktop { display: ; }

.gpheader { position: absolute; right: 20px; margin: 10px 20px 0px 0px; font-size: 170%; }

.ratingdiv { height:80px; background:#323749 }
.ratingdiv .rating { width:80px; height:80px; position: relative; float:left }
.ratingdiv .rating strong { font-size: 150%; color: #eee; line-height: 25px; position: relative; display: block; text-align: center; top:18px; }
.ratingdiv.complete strong {}
.ratingdiv .rating em { display: block;  position: relative; display: block; text-align: center; top:20px }

#main-header { padding-bottom:10px; }
#main-header a, footer a { text-decoration: underline; }
#main-header .logo a, #main-header .button { text-decoration: none!important;}

footer { margin-top:12px;}
.main-footer { margin-top:10px; padding: 0px 20px 0px 20px }
.footer-title { font-size: 16px; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; }
.bottom-footer{ padding: 60px 12px 15px 12px;}
.social-icons i {width: 60px;height: 60px;background: url('/data/social-sprite.png') no-repeat 0px 0px;display: inline-block;cursor: pointer;}
.social-icons i.twitter { background-position: -60px 0px;}
.social-icons i.googlepluse { background-position: -180px 0px;}
.rightimage { float:right; width:300px; padding:0px 0px 8px 8px; }
.leftimage { float:left; width:300px; padding:0px 8px 8px 0px; }
.icon { width: 22px; }
.info {border-bottom: 1px solid #555; padding-bottom: 8px; margin-bottom: 8px}


.heading-section { text-align: center; padding: 100px 0 80px 0; }
.heading-section h1 { font-size: 20px; color: #333; font-weight: 700; text-transform: uppercase; }

.logo { margin:20px 0px 5px 0px; }
.logo .newebest { display: block; font-size: 140%; }
.logo .new {  margin-right:15px; }
.logo .web {  margin-right:15px; }

h1, .h1 { font-size: 140%; font-family: 'Exo 2'; }
h2, .h2 { font-size: 130%; font-family: 'Exo 2'; }
h3, .h3 { font-size: 120%; font-family: 'Exo 2'; }

.topads { padding: 10px 15px; overflow:hidden; }
.subtop { background: #323739; }
.right-rail { margin-top: 12px; }

.plslogin { padding:8px; }

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


.bottomspace { margin-bottom:20px; }

.note { color:green; padding: 10px 0px 10px 0px; }

.right-badge { float:right; padding:6px 10px;}
.rating-badge { border: 1px solid #e87033; color: #e87033; margin: 10px 0px 12px 12px; -webkit-border-radius: 3px; white-space: nowrap; background-color: #1c1e20; }
.postheader > table { width:100%; }
.postheader > table .th1 { width:60px; }
.important-badge { border: 1px solid red; background: #667a8d; color: #fff;}

.rating div {width:30px; height:30px; float:left; margin-right:10px;}
.rating .star { background: url(../data/star.png); background-position: center; background-repeat: no-repeat;  }
.rating .nostar { background: url(../data/norating.png); background-position: center; background-repeat: no-repeat; }

.mycommands ul { list-style-type: none; margin:12px 0px 0px 10px; padding:0px; }
.mycommands { padding:10px; }
.contacttext { width:100%; }

.comment .comment-author { font-style: italic; font-size: 110%; border-bottom: 1px solid #ccc; margin-bottom: 8px; padding-bottom: 8px; }
.comment { margin:0px 10px; padding:10px 0px; }

.emoji-container { padding: 4px; border:1px solid #1e2e3f; margin:8px;}
.emoji {}

.content-controls {background:#f5fff5; width:42px; padding:10px;}

.appdata td { padding:4px 14px 4px 0px; }
.appdata { margin:10px 0px 10px 0px }
.searchoptions td { padding: 4px 14px 4px 0px;  }
.datafields label { width:130px; }
.formerror { margin-left:134px; }
.tempimagediv { padding:8px 0px 8px 0px; }

.tabs { overflow: hidden;}
.tabs .tab { border: 1px solid #555; border-bottom: 0px; padding:6px 14px 6px 14px; background: #333;}
.tabs .nottabselected { background:#eee; }

.content { min-height:400px;}

.content-list-item { padding:8px; }
.content-list-item h3 { margin-top:5px; }
.content-list ul { margin: 0; padding: 0; }
.content-list li { list-style: none; margin: 10px 0; }
.content-list i { font-size: 16px; margin-right: 5px; color: #eee; }

.newjoke { background:#322729; margin-bottom: 12px; margin-top: 4px; padding:20px; }

.contentbody { padding:12px; }

.contentsummary { padding:12px; margin-left: 0px; height:44px; }
.contentsummary > span:last-of-type  { margin-right: 0px; padding-right:10px; border-right: 0px solid #aaa; }
.contentsummary > span { padding-right:10px; overflow: hidden; white-space: nowrap; }

.categories-list { margin-left: 12px; padding-left:0px;}
.cat-widget .categories-list li {width:50%; float:left; list-style-type: none;}
.content-item .categories-list li {width:25%; float:left; list-style-type: none;}

.align-top { margin-top:0px; padding-top:0px}

.categories-table { font-size: 90%; width:100%; }
.categories-table td { width:50%; }

.follow div { margin:10px; }

.space30 {margin-bottom: 30px;}
.space50 {margin-bottom: 50px;}

.searchdata { padding:20px 0px 10px 0px; }


/*-- Header --*/
#top-header { background-color: #333; color: #fff; }

.fulleventinto .info { margin-bottom:10px; min-height:192px; }
.introimage { box-shadow:0px 4px 10px #888; }
.fullsizeimagecontainer { overflow: hidden; position: relative;}
.fullsizeimage { width:100%; }

.eventimage { float: left; margin: 5px 20px 15px 10px; width: 220px; border: 1px solid #34495e; }

.shareblock { height:70px; }
.shareblock .sharebutton { float:left; width:80px; height:60px; }

.gallery img { max-width: 800px; }
.rightlink { float:right; padding:4px; }
.railblock table td { padding:4px; }
.railblock .railtable { width:300px; padding:0px 10px 10px 10px; }

.main-menu { margin-top:14px }
.main-menu ul { padding: 10px 0px 10px 0px; margin: 0px; }
.main-menu li { list-style: none;  display: inline-block; padding: 5px }
.main-menu .ddmenu a { margin-right: 10px; }
.textcenter { text-align: center; }
.largeprofilename { font-size: 170%; }

.railblock li { list-style: none;  display: inline-block; padding: 5px; width:90px; white-space: nowrap; }
.rightmenu li { width:100%; }
.rightmenu { padding: 12px; }

.right-user-profile .userimage { text-align: center; margin:20px 0px; }
.right-user-profile .userimage img { border-radius: 9999px; }

.mystatus { text-align: center; }

.search-box { text-align: right; margin: 12px 0px; position: relative; }
.search-box input { margin-top: 0px; width:100%; padding: 6px; }
.search-box input[type="submit"] { background-color: transparent; position: absolute; width: 34px; height: 34px; right: 0; top: 0; border: 0; content: ''; color: transparent; background: url(../data/search-icon.png); background-position: center; background-repeat: no-repeat; }
.search-box input#search { color:#eee; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #777; }
.myaccount { margin-top:14px; margin-right:10px; text-align:center; padding:10px 0px 10px 0px; }
.myaccount img { height:36px; width:36px; border-radius: 9999px; border:2px solid #888;  }

.members-vlist > div { margin-bottom: 30px; }
.members-vlist .profileimage { display: inline-block; max-width:100px }
.content-item img.profileimage{max-width:120px; }
.profileimage { display: block; border-radius: 99999px; -webkit-border-radius: 99999px; -moz-border-radius: 99999px;}
.login-widget { position: absolute; z-index: 9999; background: #f7fefa; padding: 16px; right: 18px; top: 60px; width:300px; border-radius:8px; box-shadow:0px 0px 13px #ccc; }
.login-widget .profileimage { width: 150px; margin-left: auto; margin-right: auto; padding: 10px; }
.login-widget .welcome { text-align: center; margin-top:20px; }
.login-widget .welcome .username { font-size: 120%; }
.login-widget h4 {margin-top: 0px; } 
.login-widget li, .cat-widget li { display: block; padding: 2px 0px; }
.content-item .profileimagelist { max-width: 150px; max-height: 100px; margin-left: auto; margin-right: auto; }
.login-widget .popup-close-btn { float:right }

.profileinfotable td { padding:6px; }

/*-- End Header --*/

.navigationblock { background:#323739; padding:8px; clear: left; border:1px solid #525759; box-shadow: 0px 0px 4px #525759; }
.navigationlist { padding:4px; height:34px; }
.navigationlist  a { margin-right:10px; padding:0px 10px 0px 10px; background:#ed611f; color:#fff; display: inline-block;  }
.navigationlist .listitems { margin-right:10px; padding:4px; color:#fff; float:left; display: block; width: 25px; text-align: center; border: 1px solid #ccc;}
.navigationlist .button { float:left; }
.navigationlist .number {  }

.icalendaremail { border:1px solid #bbbbcc; margin:8px; padding:10px; width:300px; }
.icalendaremail .button { margin-top:8px; }
.icalendaremail #icalendaremail { width:240px; }

.imagelisttable { width:100%; }
.imagelisttable td { width: 230px; padding:8px; }

.imagelist img { width:100%; height:auto; }

.imagelist, .imagelist1 {
  border: 0px;
  background: transparent;
}

.emptyhr { height: 0px; border: 0px; padding: 0px; }

.photo { border: 1px solid #34495e; width:100%; box-shadow:0px 2px 4px #888; margin-bottom: 15px; }
.bigphoto { width:100%; display: block; margin-top: 8px;}
.thumbnail { width: 100%;float: left; border: 1px solid #555;  padding: 0px;  margin:0px; }
.photocontainer { width:100%; height:200px; overflow: hidden;  }
.centername { text-align: center }

.nextblock { margin-top:14px; padding:12px; }
.padcontent {padding:12px; }

.text { margin-bottom:8px; border:1px solid #555; padding:6px 8px; overflow:auto; background-color: transparent; }
.text .shortlist { list-style-type: none; }
.text img { max-width: 100%;}
.content img { max-width: 100%; }
.fullwidthform .text { width:70%; }
.textinput { width:100%; }

#pcontent-content { background: #222729; }
#pcontent-content > .container { margin-bottom:20px; padding-bottom:20px; }
.content-item { background:#323739; margin-bottom:12px; border: 1px solid #424749; border-radius: 10px; box-shadow: 0px 0px 4px #525759; }
.content-item .fullsizeimage { padding: 4px; border-radius: 10px; }
.content-item h3, .text h3 { margin-top:0px; }
.content-item h1, .text h1 { margin-top:4px; margin-bottom:12px; padding-left:0px; }

.rsmallimage { float:right; }
.lsmallimage { float:left; }

.content-body { padding:12px; }

.clearleft { clear:left; }
.hidden { display:none; }
.error { color:#f00; margin-bottom:8px;}
.success { color:green; border:1px solid green; width:650px; padding:4px 4px 4px 10px; margin-bottom:8px; }

.registrationform input { width:400px; }
.register-user td { padding-top: 10px; }

.menu-button { display: none; margin-top:10px; float:left; }
.menu-close-btn { display: none; margin:8px; text-align: right; }

.modal-dialog { background: white; }

.ui-dialog { background: #222729; min-width: 420px; box-shadow: 0px 0px 13px #999; }
.ui-dialog .ui-dialog-titlebar { background: #1c1e20; color: #eee; padding: 8px; }
.ui-dialog .ui-dialog-content {padding: 10px; text-align: center;}
.ui-dialog .ui-dialog-content .message { padding:0px 10px 10px 10px; }
.ui-dialog .ui-dialog-content p { text-align: center; }

.ui-dialog .ui-dialog-titlebar-close { float: right; margin: 4px; background: #fff; height: 14px; }
.popupdialog { display: none; }

.pageheader { text-align: center; }
.pageheader h1 { font-size: 200%; }
.pageheader p { text-align: center; padding: 12px; }

.list-image { padding: 4px; }

.tagslist { list-style: none;} 
.tagslist > li > span { margin-left: 10px; }

.imagetag { border: 1px solid #e87033; padding:4px 10px; color: #e87033; margin: 10px 0px 12px 12px; -webkit-border-radius: 3px; white-space: nowrap; background-color: #1c1e20; }
.taglist { display: block; padding: 10px; }

.enthunder { max-width:100%; margin-bottom: 12px; }

/*--- RESPONSIVE ---*/

@media screen and (max-width: 990px) {
    #heading h1 { font-size:24px; }
    .fulcontent-image { width:100%; }
    .content-item iframe {  width:95%; }
    .content-item img { max-width:100%; height:auto; }
    .main-menu { text-align: center; margin-top: 0px; }
    .desktop { display: none;}

    .logo { text-align: center;}
}

@media screen and (max-width: 568px) {
    #heading h1 { font-size:16px };
    .mapdiv iframe { height:200px; }

    .content-image { float:none; width:100%; }
    .fulcontent-image { width:100%; }
    .content-item iframe {  width:100%; height:auto; }
    .content-item img { max-width:100%; height:auto; }

    .logo { text-align: center;}
    .ratingdiv .rating { width:65px; height:65px;}
}

@media screen and (max-width: 1000px) {
    .slider-caption { display: none; }
    .container { padding-left: 0px; padding-right: 0px; }
    .right-rail { position: fixed; left: -2000px; top: 0px; padding: 0px; border: 1px solid #ddd; min-width:360px; box-shadow:3px 3px 6px 0 rgba(0,0,0,.15); margin-top:0px; }
    .menu-button { display: initial; }
    .menu-close-btn  { display: block; }
    .side-bar {margin-right:0px; padding:10px;}
}

@media screen and (max-width: 767px) {
	.rightlink { float:none;}
    .mapdiv iframe { height:220px; }
    #heading h1 { font-size:20px; }
    .side-bar {margin-top: 20px;}
    .content-image { max-width: 400px; }
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .content-item iframe {  width:100%; height:auto; max-height: 120px; }
    .thumbnail { width:95%; height:auto; float: none; }
    .photocontainer { height: auto; }
}

@media screen and (min-width: 995px) {
    #heading h1 { font-size:24px; }
    .fulcontent-image { width:100%; }
    .content-item img { max-width:100%; height:auto; }
    .mobile { display: none; }
    .content-item img.profileimage { max-width: 100px; }
}

/*--- END RESPONSIVE ---*/