@import url(http://fonts.googleapis.com/css?family=Merriweather:300,400);
/* ==========================================================================
   General Styles
   ========================================================================== */
html{-webkit-font-smoothing:antialiased;}
body{background:#fff;font-family:'Merriweather',Times,serif;}
h1,h2,h3,h4,h5{font-family:'Merriweather',Times,serif;color:#b02229;letter-spacing:-0.03em;font-weight:bold;font-weight:900;}

a{color: #c4262e;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor:pointer;}
a:hover{text-decoration: none;color: #3e3e3e;}


/* ==========================================================================
   Unique Styles
   ========================================================================== */
.popover-content {font:14px arial,helvetica,sans-serif;}
   
#loading {height:100%;min-height:100%;width:100%;background:#333;opacity:0.8;position:fixed;top:0;left:0;z-index:9999;display:block;}
.lodz {position:fixed;left:50%;top:50%;margin:-70px 0 0 -45px;
	background:#000 url(../images/lodz.gif) no-repeat 10px 9px;
	border-radius:42px;
	width:83px;height:82px;
	-moz-box-shadow:    0 0 7px 1px#d0d0d0;
	-webkit-box-shadow: 0 0 7px 1px#d0d0d0;
	box-shadow:         0 0 7px 1px#d0d0d0;}
#thanks {height:100%;min-height:100%;width:100%;background:#333;opacity:0.9;position:fixed;top:0;left:0;z-index:9999;display:block;}
.thanks {position:fixed;left:50%;top:50%;margin:-80px 0 0 -175px;
	background:#fff;
	border-radius:4px;
	width:350px;height:150px;padding:20px;
	-moz-box-shadow:    0 0 7px 1px#d0d0d0;
	-webkit-box-shadow: 0 0 7px 1px#d0d0d0;
	box-shadow:         0 0 7px 1px#d0d0d0;}

/* colors */
.purpl				{color:#9900ff;}
.red				{color:#c4262e}
.green				{color:#009900}
.blue				{color:#0066ff;}
.dark				{color:#333333;}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grey-box {padding:15px 15px 15px 15px;background:#eee;}
.grey-box a{color:#333;}
.grey-box a:hover{color:#b02229;}

.grey-box2 {min-height:250px;padding:15px 15px 15px 15px;background:#eee;border-right: 1px solid #fff;}

.grey-box a.r-t{color:#b02229;}
.grey-box a.r-t:hover{color:#333;}

.act-box {background:#fff;cursor:pointer;}
.act-box:hover {background:#eee;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
 
.act-box:hover div {
padding-left:5px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;}
  

#contact form #spantag	{font-weight:bold;color:#c4262e;letter-spacing:1px;font-size: 1.2em;}


/* ==========================================================================
   Navigation
   ========================================================================== */
#header {
  height: 200px;
}
.navbar {
  height: 185px;
  background: #fff;
  z-index: 3000;
  padding:10px 0 40px 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  border:0;
}
.navbar .navbar-nav {
  float: none;
  margin: 10px 0 0 -10px;
}
.navbar .navbar-nav li {
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-left: 0;
}
.navbar .navbar-nav li a {
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 0;
  padding: 12px 16px;
  color: #686868;
  outline: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.navbar .navbar-nav li a:hover {
  background-color: #eee;
  outline: none;
  color: #000;
}
.navbar .navbar-nav li a:focus {
  background-color: transparent;
  outline: none;
}
.navbar .navbar-nav li:hover {
  background-color: #eee;
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.navbar .navbar-nav .active {
  background:transparent;
  color: #c4262e;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-nav .active a,
.navbar .navbar-nav .active a:hover {
  color: #c4262e;background:transparent;
}
.navbar .navbar-brand {
  margin: 0;
  padding: 0;
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.navbar .navbar-brand:hover {
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.navbar .navbar-toggle {
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px solid #bebebe;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-toggle:hover {
  background-color: #717171;
  border: 1px solid #717171;
}
.navbar .navbar-toggle:hover .icon-bar {
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #8b8b8b;
}
.navbar .navbar-collapse {
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: inset 0 4px 0 #fff;
  -moz-box-shadow: inset 0 4px 0 #fff;
  box-shadow: inset 0 4px 0 #fff;
  margin-top: 15px;
}
.minified {
  opacity: 0.9;
  padding: 105px 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.navbar .navbar-nav .parent {
  background:transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar .navbar-nav .parent a,
.navbar .navbar-nav .parent a:hover {
  color: #c4262e;background:transparent;
}

.navbar-extra {float:right;text-align:right;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* ==========================================================================
   Home
   ========================================================================== */

#promo {opacity: 0;
	position: relative;
	z-index: 2;
	display: block;
}
   
#home {display: block;
  margin-bottom:170px;
}


.xxl {font-size:60px;}


/* ==========================================================================
   Home page Carousel
   ========================================================================== */
.carousel {
  margin-bottom: 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  min-width: 100%;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel-caption {
  position: absolute;
  right:0;
  bottom: 80px;
  left:65%;
  opacity:0.8;
  z-index: 10;
  padding: 5px 20px 20px 40px;
  background:#c4262e;
  color: #fff;
  text-align:left;
  text-shadow:none;
  cursor:pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.carousel-caption p {
  font-size: 14px;
}
.carousel-caption h3 {
  color:#333;
}
.carousel-caption:hover {
  left:60%;
  color: #777;
  background:transparent url(../images/bg-w.png) repeat;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.carousel-control {
  opacity: 0;
}
.carousel-control.left, .carousel-control.right {
  background-image:none;
}
.flexslider li img {
  margin:0 auto;
}

/* ==========================================================================
   About
   ========================================================================== */
#display-chess {text-transform:uppercase;margin-bottom: 40px;overflow:hidden;}
#display-chess .lrg {font-size:20px;}

#display-chess .r-box {height:8em;text-align:center;}
#display-chess .red-box {background:#c4262e;color:#fff;position:relative; top:50%;}

#display-chess .i-box {background:#c4262e;
   margin-left: 0 !important;
   padding-right: 0 !important;
   padding-left: 0 !important;
}
#display-chess .i-box img{
   margin: 0 !important;
   padding: 0 !important;
   -webkit-filter: grayscale(100%);
   filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   filter: grayscale(100%);
}
#display-chess .i-box img:hover{
   -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}


.day-box {background-color: #eee;padding:20px; margin-right:5px;}

#map-list ol li {margin-left:-40px;color:#c8c8c8;list-style:none;}
#map-list ol li a {color:#555;}
#map-list ol li a:hover {color:#b02229;margin-left:3px;}


#map-list h4 img {
	margin:-3px -6px 0 0;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
/* 
 #map-list h4 img {
	margin:-3px -12px 0 -7px;
   -webkit-transform: scale(.5);
   -moz-transform: scale(.5);
   -o-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5);
}
 */

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #fafafa;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
          transition: width .6s ease;
}

#display-chess, #press, #supporters, #map-m, #map-list, #carousel, #participant, #contact {
-webkit-animation: fadeIn;
-moz-animation: fadeIn;
-o-animation: fadeIn;
animation: fadeIn;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-moz-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-o-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; }
}


.featurette-divider {
  margin: 80px 0; 
}
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* ==========================================================================
   Participants
   ========================================================================== */
#participants{overflow-x: hidden;margin-bottom:60px;}
#participants .intro{margin-bottom:2.5em;}
#m-filter.row select.visible-xs{width:100%;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out;}

.participants {position:relative;overflow:hidden; margin-bottom: 1.5em;cursor:pointer;}
.participants img{position: relative; width:100%;top:0;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out; display:block;}

#mix-filter{margin:5px 0 -15px 0;font-size: 1.0em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mix-filter{margin:5px 0 -10px 0;font-size: 1.0em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#mix-filter li, .mix-filter a {
    cursor:pointer;
    color:#999;
}

#mix-filter li.active, #mix-filter li:hover, .mix-filter .active {color:#b02229;}


#mix-filter ul {margin-bottom:2em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#participants select{margin-bottom: 2em;}



.participant-info{position:relative;width:100%;height:7em;background-color: white;padding-top:5px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;}
.participants:hover .participant-info{opacity: 0.8;padding-left:10px;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;}
.participant-info h6{margin-top: 0;padding-top: 0.5em;}

.show {
position: relative;
-webkit-animation: slideIn;
-moz-animation: slideIn;
-o-animation: slideIn;
animation: slideIn;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@-moz-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@-o-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }

/* MixUp Filtering */
#mix-container .mix{display: none;opacity: 0;min-height: 390px;}
#mix-container [class*="column"] + [class*="column"]:last-child {float: left;}

#mix-container {width:100%;}

.center-list ul{position: relative;left: 50%;display: block;float: left;overflow:visible;}
.center-list ul li {position: relative;right: 50%;float: left;}

.participants img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.participants:hover img {
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -o-transform: scale(2);
   -ms-transform: scale(2);
   transform: scale(2);
}
.participants:hover h4 {color:#b02229;margin-right:-15px;
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.participants small {color:#999;
}
.participants p {margin-top:-5px;
}

.participants:hover small {color:#333;
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;}



/* ==========================================================================
   Participant
   ========================================================================= */
#participant .participant-logo {display:block;margin-bottom:40px;text-align:left;}
#participant .participant-logo img {max-heigh:100px;margin:0;}

#participant .top-space {margin-top:7px !important;padding-bottom:0;}
#participant .type {margin-top:10px !important;padding-bottom:0;}


#participant .icon i {font-size:16px;color: #888;margin-right:6px;}
#participant p.icon {display:block;font-size:12px;margin:8px 0 20px 0;text-transform: uppercase;}

.flex-caption {
position: relative;
-webkit-animation: slideIn;
-moz-animation: slideIn;
-o-animation: slideIn;
animation: slideIn;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@-moz-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@-o-keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }
@keyframes slideIn { 0% { left: 9%; opacity: 0; }
100% { left: 0; opacity: 1; } }


#tab-2 {
-webkit-animation: fadeIn;
-moz-animation: fadeIn;
-o-animation: fadeIn;
animation: fadeIn;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
@-webkit-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-moz-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-o-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }


/* ==========================================================================
   Events 
   ========================================================================== */
#events .type {margin-top:10px !important;padding-bottom:0;}
#events .large {font-size:20px;}
#events .tab-content .tab-pane {margin-top:35px;}

#events .black {color: #333;}
.nav-tabs-d {float: left;width:100%;display:block;}
.nav-tabs-d > li {width:11%;min-width:90px;
  float: left;
  margin-bottom: -1px;
}
.nav-tabs-d > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs-d > li > a:hover {
  border-color: #eee #eee #c4262e;
}
.nav-tabs-d > li.active > a,
.nav-tabs-d > li.active > a:hover,
.nav-tabs-d > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #c4262e;
  border-bottom-color: transparent;
}
.nav-tabs-d.nav-justified {
  width: 100%;padding-left:20px;
  margin-top:-5px;
  border-bottom: 1px solid #c4262e;
}
.nav-tabs-d.nav-justified > li {
  float: none;
}
.nav-tabs-d.nav-justified > li > a {
  margin-bottom: -1px;
  text-align: center;
}

.nav-tabs-d small{
  font-size:18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.nav-tabs-d > li h1{
  margin:0 0;line-height:0.9em;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


/* ==========================================================================
   Map
   ========================================================================== */
#map {height:400px;margin:80px 0 -12px 0;overflow:hidden;}
.map {width:100%; height:400px;
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(30,87,153,1)));
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#007db9e8, endColorstr=#1e5799,GradientType=0 );
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
	max-width: none;
}

#map-m {height:535px;margin:-100px 0 -12px 0;overflow:hidden;background:transparent !important;}
.map-m {width:100%;opacity:0.8;background:transparent !important;}
#map-over {width:100%;
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(30,87,153,1)));
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -o-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: -ms-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#007db9e8, endColorstr=#1e5799,GradientType=0 );
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map-m img {
	max-width: none;
}

/* ==========================================================================
   Dashboard 
   ========================================================================== */
#dashboard .invited {color:#356635 !important;background-color: #cde0c4 !important;padding:0 2px 0 2px !important;}
#dashboard .bus-admin {color:#fff !important;background-color: #ccc !important;padding:0 2px 0 2px !important;}

/* Tabs */
.nav-tabs {
  border-bottom: 1px solid #c4262e;
  margin-top:-15px !important;
}
.nav-tabs > li {
  float: right;
  margin-bottom: -1px;
}
.nav-tabs > li > a {color: #888;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #c4262e;
  color: #333;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #b02229;
  cursor: default;
  background-color: #fff;
  border: 1px solid #c4262e;
  border-bottom-color: transparent;
}
.nav-tabs > li.active > a i.fa,
.nav-tabs > li.active > a i.fa:hover,
.nav-tabs > li.active > a i.fa:focus {
  color: #555;
}

.tab-content .tab-pane {margin-top:35px;}
.tab-content {
-webkit-animation: fadeIn;
-moz-animation: fadeIn;
-o-animation: fadeIn;
animation: fadeIn;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}
@-webkit-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-moz-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@-o-keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }
@keyframes fadeIn {0% {opacity: 0; }
100% {opacity: 1; } }


.dropzone-height {display:block;min-height:102px;border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.dropzone-height:hover {border: 1px solid #aaa;opacity:0.9;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
  
  
.user-box {background: url(../images/user.png) no-repeat;width:93px;height:92px;}

#dashboard .img-holder {border: 1px solid #ddd;
  -webkit-border-radius: 4px;border-radius: 4px;
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
  background-color: #FAFCFD;
  background-size: 10px 10px;
}
#dashboard .img-box {display:block;background-color:#fff;padding:10px;border: 1px solid #ddd;color:#ccc;min-width:120px;
min-height:120px;}

#dashboard .img-bg {
text-align:center;
left:30%;top:25px;
position:absolute;
}


#dashboard .img-box img {position:relative;z-index:1;margin:0;}

#dashboard .but-down {
    position:relative;
	float:right;
	margin:-55px 20px 0 0;
	z-index:2;
	}
.header-box {background-color:#eee;border-bottom: 1px solid #ddd;padding:5px 10px 5px 10px;}
.content-box {display:block;padding:20px 20px 20px 20px;}



/* ==========================================================================
   Media Queries
   ==========================================================================
   Min-Width: Refers to everything greater than or equal to the amount given.
   Max-Width: Refers to everything less than or equal to the amount given. */
   
@media (min-width: 320px) {

.carousel-control {opacity: 0;}
  /* Home images */
.carousel .item {
  height: 200px;
  }
.navbar-extra {
   opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
}


/* ==========================================================================
   480px
   ========================================================================== */
@media (min-width: 480px) {
.navbar-extra {
   opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
 }
.carousel-control {
  opacity: .5;
 }
  /* Home images */
.carousel .item {
  height: 300px;
 }

#promo {opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
 }
}

@media (max-width: 480px) {
  .scrolltotop {opacity: 0;
  }
.hide-block {display: none !important;
  visibility: hidden !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  }
}

/* ==========================================================================
   768px
   ========================================================================== */
@media (min-width: 768px) {

/* Remove the edge padding needed for mobile */
.marketing {
  padding-right: 0;
  padding-left: 0;
}

/* Navbar positioning foo */
.navbar-wrapper {
  margin-top: 20px;
}
.navbar-wrapper .container {
  padding-right: 15px;
  padding-left:  15px;
}
.navbar-wrapper .navbar {
  padding-right: 0;
  padding-left:  0;
}


/* Bump up size of carousel content */
.carousel-caption p {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 1.4;
}

/* Home images */
.carousel .item {
  height: 400px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
  .featurette-heading {
    font-size: 50px;
  }
  .scrolltotop {bottom: 160px;}

#promo {opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
  
#display-chess .r-box {height:5em;text-align:center;font-size:14px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
}

@media (max-width: 767px) {
.ext-mb {margin-bottom:19px;}

#display-chess .r-box {height:3em;text-align:center;font-size:10px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }

/* Events*/
#events .nav-tabs-d.nav-justified > li {
  float:left;
  margin-bottom:3px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
	}
#events .nav-tabs-d > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #eee;
  border-radius: 4px;
  }
#events .nav-tabs-d > li > a:hover {
  border-color: #c4262e;
  }
  
#events .nav-tabs-d > li.active > a,
#events .nav-tabs-d > li.active > a:hover,
#events .nav-tabs-d > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #c4262e;
  }
#events .nav-tabs-d.nav-justified {
  width: 100%;padding-left:15px;
  margin-top:-5px;
  border-bottom: 0;
  }
#events .nav-tabs-d > li {width:11%;min-width:60px;
  float: left;
  margin-bottom: -1px;
  }
#events .nav-tabs-d small {
  font-size:8px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
#events .nav-tabs-d > li h1 {
  margin:0 0;line-height:0.9em;
  font-size:24px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
#header {
  height: 160px;
}
.navbar {
  height: 145px;
  background: #fff;
  z-index: 3000;
  padding:10px 0 40px 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  border:0;
}
}

/* ==========================================================================
   992px
   ========================================================================== */
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .scrolltotop {bottom: 80px;}
  
  /* Home images */
.carousel .item {
  height: 500px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.flexslider.pusher {
  margin-right: 40px;
}
#events.pusher {
  margin-right: 40px;
}
#about.pusher {
  margin-right: 40px;
}

#display-chess .r-box {height:7em;text-align:center;font-size:16px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
}
@media (max-width: 992px) {

/* Events*/
.nav-tabs-d > li {width:11%;min-width:60px;
  float: left;
  margin-bottom: -1px;
}
.nav-tabs-d small {
  font-size:12px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
.nav-tabs-d > li h1 {
  margin:0 0;line-height:0.9em;
  font-size:24px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
}

/* ==========================================================================
   1200px
   ========================================================================== */

@media (min-width: 1200px) {
/* Home images */
.carousel .item {
  height: 600px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#display-chess .r-box {height:7em;text-align:center;font-size:18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
}


@media (min-width: 1400px) {
/* Home images */
.carousel .item {
  height: 650px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#display-chess .r-box {height:9em;text-align:center;font-size:18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
}

@media (min-width: 1600px) {
/* Home images */
.carousel .item {
  height: 850px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#display-chess .r-box {height:10em;text-align:center;font-size:18px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
}

@media (min-width: 1800px) {
/* Home images */
.carousel .item {
  height: 950px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
}

@media (min-width: 2000px) {
/* Home images */
.carousel .item {
  height: 1050px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
}

@media (min-width: 2400px) {
/* Home images */
.carousel .item {
  height: 1300px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
}


/* ==========================================================================
   Smart Form
   ========================================================================== */
.smart-form .no-input {float:right;margin:-2px 0 0 4px;max-width:34px;background:transparent;border:0;}

.smart-form .input,
.smart-form .select,
.smart-form .textarea,
.smart-form .radio,
.smart-form .checkbox,
.smart-form .toggle,
.smart-form .button {
  position: relative;
  display: block;
}
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 8px 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* Radio and checkboxes */
.smart-form .radio,
.smart-form .checkbox {
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 15px;
  line-height: 25px;
  color: #404040;
  cursor: pointer;
  font-size: 13px;
}
.smart-form .radio:last-child,
.smart-form .checkbox:last-child {
  margin-bottom: 0;
}
.smart-form .radio input,
.smart-form .checkbox input {
  position: absolute;
  left: -9999px;
}
.smart-form .radio i,
.smart-form .checkbox i {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 17px;
  height: 17px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  background: #FFF;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.smart-form .radio i {
  border-radius: 50%;
}
.smart-form .radio input + i:after,
.smart-form .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   -o-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);
}
.smart-form .radio input + i:after {
  content: '';
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.smart-form .checkbox input + i:after {
  content: '\f00c';
  top: -1px;
  left: 1px;
  width: 15px;
  height: 15px;
  font: normal 16px/19px FontAwesome;
  text-align: center;
}
.smart-form .checkbox input:checked:hover + i:after {
  content: '\f00c';
}
.smart-form .checkbox input:checked:disabled:hover + i:after {
  content: '\f00c';
}
.smart-form .radio input:checked + i:after,
.smart-form .checkbox input:checked + i:after {
  opacity: 1;
}
.smart-form .inline-group {
  margin: 0 -30px -4px 0;
}
.smart-form .inline-group label.checkbox {
  margin-bottom:5px !important;
}
.smart-form .inline-group label.radio {
  margin-bottom:5px !important;
}
.smart-form .inline-group:after {
  content: '';
  display: table;
  clear: both;
}
.smart-form .inline-group .radio,
.smart-form .inline-group .checkbox {
  float: left;
  margin: 0 30px 0 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.smart-form .inline-group .radio:last-child,
.smart-form .inline-group .checkbox:last-child {
  margin-bottom: 4px;
}
/* normal state */
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea,
.smart-form .radio i,
.smart-form .checkbox i,
.smart-form .toggle i,
.smart-form .icon-append,
.smart-form .icon-prepend {
  border-color: #BDBDBD;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.smart-form .toggle i:before {
  background-color: #b02229;
}
.smart-form .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.smart-form .button {
  background-color: #b02229;
  opacity: 0.8;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.smart-form .button.button-secondary {
  background-color: #b3b3b3;
}
.smart-form .icon-append,
.smart-form .icon-prepend {
  color: #A2A2A2;
}
/* hover state  */
.smart-form .input:hover input,
.smart-form .select:hover select,
.smart-form .textarea:hover textarea,
.smart-form .radio:hover i,
.smart-form .checkbox:hover i,
.smart-form .toggle:hover i {
  border-color: #b02229;
}
.smart-form .rating input + label:hover,
.smart-form .rating input + label:hover ~ label {
  color: #b02229;
}
.smart-form .button:hover {
  opacity: 1;
}
.smart-form .radio:hover i,
.smart-form .checkbox:hover i,
.smart-form .toggle:hover i {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* radio/toggle/checkbox active state  */
.smart-form .radio:active i,
.smart-form .checkbox:active i,
.smart-form .toggle:active i {
  background: #F0F0F0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* focus state  */
.smart-form .input input:focus,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .radio input:focus + i,
.smart-form .checkbox input:focus + i,
.smart-form .toggle input:focus + i {
  border-color: #b02229;
}
/* checked state  */
.smart-form .radio input + i:after {
  background-color: #b02229;
}
.smart-form .checkbox input + i:after {
  color: #b02229;
}
.smart-form .radio input:checked + i,
.smart-form .checkbox input:checked + i,
.smart-form .toggle input:checked + i {
  border-color: #b02229;
}
.smart-form .rating input:checked ~ label {
  color: #b02229;
}

/* upload file button */				
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/* ==========================================================================
   Alerts
   ========================================================================== */
.alert {
  margin-bottom: 20px;
  margin-top: 0px;
  padding: 5px 15px 5px 34px;
  color: #675100;
  border-width: 0px;
  border-left-width: 5px;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.alert .close {
  top: 0px;
  right: -5px;
  line-height: 20px;
}
.alert-heading {
  font-weight: 600;
}
.alert-danger {
  border-color: #953b39;
  color: #ffffff;
  background: #c26565;
  text-shadow: none;
}
.alert-warning {
  border-color: #dfb56c;
  color: #826430;
  background: #efe1b3;
}
.alert-success {
  border-color: #8ac38b;
  color: #356635;
  background: #cde0c4;
}
.alert-info {
  border-color: #9cb4c5;
  color: #305d8c;
  background: #d6dde7;
}


	
/* ==========================================================================
   Sticky footer
   ========================================================================== */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;overflow:hidden;z-index: 1;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #eee;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

#footer .socials a			{color: #717171;margin-left:2px;outline:0;text-decoration:none;}
#footer .socials a:hover	{color: #b02229;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
   -o-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);}
#footer .socials a i		{color: #717171;margin-right:2px;}
#footer .socials a:hover	i {color: #b02229;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
   -o-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);}
   
#footer .toggle-login{height:155px;}
/*#footer .toggle-login{margin:0 0 27px 0;}*/
#footer .pass-help {margin-top:-25px;}
#footer .pass-help a{color: #888;}
#footer .pass-help a:hover{color: #b02229;}

#footer .text-muted {
  margin: 20px 0;
}

/* ==========================================================================
   Scroll to top
   ========================================================================== */
.scrolltotop {
  position: absolute;
  bottom: 80px;
  right: 20px;
  height: 40px;
  width: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
}
.scrolltotop:hover {
  color: #b02229;
  background-color: #eee;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
  outline:0;
}
.scrolltotop:hover i {
  opacity: 1;
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
}
.scrolltotop i {
  line-height: 40px;
  opacity: 0.5;
}
#display-chess .b-link:hover {
    cursor: pointer;
}
#display-chess .b-link:hover .red-box {
    color: rgb(255, 255, 255);
    transform: scale(1.1);
    transition: all 0.4s ease-out 0s;
}

.bootstrap-timepicker .input-group-addon i {
    cursor:pointer;
}

.atc-style-blue .atcb-link {
    background: none !important;
    color: #333 !important;
}