@font-face {
	font-family: "BisonB";
	src: url("https://cityismine.co/assets/fonts/Bison-Bold.ttf");}
@font-face {
	font-family: "BBI";
	src: url("https://cityismine.co/assets/fonts/Bison-BoldItallic.ttf");}
@font-face {
	font-family: "BisonDB";
	src: url("https://cityismine.co/assets/fonts/Bison-DemiBold.ttf");}
@font-face {
	font-family: "BisonDBI";
	src: url("https://cityismine.co/assets/fonts/Bison-DemiBoldItallic.ttf");}
@font-face {
	font-family: "Bison-Light";
	src: url("https://cityismine.co/assets/fonts/Bison-Light.ttf");}
@font-face {
	font-family: "Bison-LightItalic";
	src: url("https://cityismine.co/assets/fonts/Bison-LightItalic.ttf");}
@font-face {
	font-family: "BisonR";
	src: url("https://cityismine.co/assets/fonts/Bison-Regular.ttf");}
@font-face {
	font-family: "BRI";
	src: url("https://cityismine.co/assets/fonts/Bison-RegularItalic.ttf");}
@font-face {
	font-family: "Bison-ThickOutline";
	src: url("https://cityismine.co/assets/fonts/Bison-ThickOutline.ttf");}
@font-face {
	font-family: "Bison-ThickOutlineItalic";
	src: url("https://cityismine.co/assets/fonts/Bison-ThickOutlineItallic.ttf");}
@font-face {
	font-family: "Bison-ThinOutline";
	src: url("https://cityismine.co/assets/fonts/Bison-ThinOutline.ttf");}
@font-face {
    font-family: "Bison-ThinOutlineItallic";
    src: url("https://cityismine.co/assets/fonts/Bison-ThinOutlineItallic.ttf");}
@font-face {
      font-family: "Overpass";
      src: url("https://cityismine.co/assets/fonts/Overpass-Thin.ttf");}
@font-face {
      font-family: "OPR";
      src: url("https://cityismine.co/assets/fonts/Overpass-Regular.ttf");}
@font-face {
      font-family: "OPSB";
      src: url("https://cityismine.co/assets/fonts/Overpass-SemiBold.ttf");}

body {background-color:#000000; overflow-x:hidden;} 

.slideshow {
  list-style: none;
  z-index: 1;}

.slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: imageAnimation 24s linear infinite 0s;
  -moz-animation: imageAnimation 24s linear infinite 0s;
  animation: imageAnimation 24s linear infinite 0s;}

.slideshow li h3 {
  position: absolute;
  text-align: center;
  z-index: 2;
  bottom: 150px;
  left: 0;
  right: 0;
  opacity: 0;
  font-size: 2em;
  font-family: 'roboto', sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-animation: titleAnimation 32s linear 1 2s;
  -moz-animation: titleAnimation 32s linear 1 2s;
  animation: titleAnimation 32s linear 1 2s;}
  
@media only screen and (min-width: 768px) {
	.slideshow li h3 {bottom: 30px; font-size: 2em;}
}
@media only screen and (min-width: 1024px) {
	.slideshow li h3 { font-size: 2em; }
}

.slideshow li:nth-child(1) span { 
	background-image: url(https://cdn.glerb.co/cimsoon-01.jpg); 
}

.slideshow li:nth-child(2) span {
  background-image: url(https://cdn.glerb.co/cimsoon-02.jpg);
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  animation-delay: 8s;}

.slideshow li:nth-child(3) span {
  background-image: url(https://cdn.glerb.co/cimsoon-03.jpg);
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  animation-delay: 16s;}

.slideshow li:nth-child(4) span {
  background-image: url(https://cdn.glerb.co/cimsoon-04.jpg);
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  animation-delay: 24s;}

@-webkit-keyframes imageAnimation {  0% {opacity: 0;
 -webkit-animation-timing-function: ease-in;}
 12.5% {opacity: 1;
 -webkit-animation-timing-function: ease-out;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}
@-moz-keyframes imageAnimation {  0% {opacity: 0;
 -moz-animation-timing-function: ease-in;}
 12.5% {opacity: 1;
 -moz-animation-timing-function: ease-out;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}
@keyframes imageAnimation {  0% {opacity: 0;
 -webkit-animation-timing-function: ease-in;
 -moz-animation-timing-function: ease-in;
 animation-timing-function: ease-in;}
 12.5% {opacity: 1;
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 animation-timing-function: ease-out;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}
@-webkit-keyframes titleAnimation {  0% {opacity: 0;}
 12.5% {opacity: 1;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}
@-moz-keyframes titleAnimation {  0% {opacity: 0;}
 12.5% {opacity: 1;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}
@keyframes titleAnimation {
 0% {opacity: 0;}
 12.5% {opacity: 1;}
 25% {opacity: 1;}
 37.5% {opacity: 0;}
 100% {opacity: 0;}
}

.no-cssanimations .slideshow li span { opacity: 1; }

#superheader {position:relative;overflow:hidden}

.soon div {overflow:hidden;text-align:center;position:absolute;top:-50px;height:310px;bottom:0px;left:0px;right:0px;margin:auto;}  
.soon img {height:300px;}
.soon .soonbarker {text-align:center;font-size: 80px;height:300px;padding-top:130px;letter-spacing:4px;color:white;font-family:BisonDBI}

.topscroll div {overflow:hidden;text-align:center;position:absolute;top:0px;height:110px;bottom:0px;left:0px;right:0px;margin:auto;}  
.topscroll img {height:100px;} 

#toptext {
  margin-left: -3000px; 
  top:-65%;
  opacity:.4;
  z-index: 1;
  overflow:hidden;
  position:absolute;
  -webkit-animation: linear infinite;
  -webkit-animation-name: runb;
  -webkit-animation-duration: 305s;}
@-webkit-keyframes runb {
  0% {
  left: 0;
  }
  50% {
  left: 100%;
  }
  100% {
  left: 0;    
  }
}

#soontext {
	margin-left: -3000px;
	bottom:3%;
	position:absolute;
	-webkit-animation: linear infinite;
	-webkit-animation-name: run;
	-webkit-animation-duration: 205s;}
@-webkit-keyframes run {
  0% {
	left: 0;
  }
  50% {
	left: 100%;
  }
  100% {
	left: 0;    
  }
}

.cmsrow {margin-bottom:0px;width:100%;padding-top:15px;opacity:.85;}
div.cmsrow {-webkit-transition: .4s ease-in-out opacity;-moz-transition: .4s ease-in-out opacity;-o-transition: .4s ease-in-out opacity;transition: .4s ease-in-out opacity;}
div.cmsrow:hover {opacity: 1; background-color:#232323; cursor: pointer;}
.cmsrowguts {padding:18px;}

.cmsnav {font-size:24px;margin:0px;margin-top:6px;margin-bottom:12px;padding:0px;width:98%;padding-top:0px;opacity:1;background-color:black}
.cmsnavleft {color:#777777;cursor:pointer;padding-top:5px;text-align:center;font-size:18px;letter-spacing:2px;font-family:BisonDBI} 
.cmsnavright {background-color:#970808;color:white;text-align:center;font-size:24px;letter-spacing:2px;font-family:BisonDBI} 

.cmscenter .icon {color:#d80d0d;font-size:66px;line-height:50px;text-align:center;margin-top:-12px;}  
.cmscenter .icon-grey {color:#343434;font-size:66px;line-height:50px;text-align:center;margin-top:-12px;}  
.cmscenter .iconsub {font-size:40px;opacity:.6;line-height:50px;text-align:center;margin-top:-12px;} 
.cmscenter a {color:#555555;}
.cmscenter a:hover {color:#ce0e0e;transition: 0.5s;}
.cmscenter {color:#777777;text-align:center;font-size:18px;letter-spacing:2px;font-family:BisonDBI} 
.cmscenter h3 {color:white;font-size:40px;line-height:20px;font-family:BisonB}

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px; 
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}



.contentrow {padding:17px;border-bottom:1px solid #232323;padding-bottom:20px;padding-top:20px;}
.description-photos {background-color:transparent;border:0;color:#999999;width:100%;height:55px;font-size:16px;line-height:19px;padding:5px;padding-left:9px;padding-top:3px;letter-spacing:2px;resize:none;margin-left:10px;margin-top:-3px;}
.login {font-family:Overpass;background-color:transparent;border:1px solid #333333;color:#dedede;width:100%;font-size:17px;padding:2px;padding-top:6px;padding-left:10px;letter-spacing:2px;resize:none;margin-bottom:15px;border-radius:0}
.login:focus {color:white;outline: none !important;border:1px solid #888888;}
.loginbutton {}
.loginbutton:hover {opacity:.6}
.description-posts,.descriptionnew-posts {background-color:transparent;border:0;color:#999999;min-height:475px;width:100%;font-size:18px;padding:5px;padding-left:9px;padding-top:3px;letter-spacing:2px;resize:none;margin-left:10px;margin-top:-3px;}
.tagger-photos,.tagger-posts,.tagger-videos,.tagger-events,.textbox {background-color:transparent;font-weight:normal;border:0;color:#999999;width:90%;font-size:18px;padding:3px;padding-top:3px;letter-spacing:2px;resize:none;margin-left:14px;margin-top:-3px;}
.existingtags {font-size:16px;color:white;margin-left:18px;letter-spacing:2px;}
.description-events:focus, .description-photos:focus, .descriptionnew-posts:focus, .description-posts:focus, .tagger-events:focus, .tagger-videos:focus, .tagger-photos:focus, .tagger-posts:focus, .textbox:focus {color:white;outline: none !important;border:0;}
.linker {color:#bcbcbc;font-size:18px;margin-right:13px; cursor:pointer;}
.promote {color:rgb(238, 184, 184);font-size:18px;margin-right:13px; cursor:pointer;}
.promoted {background-color:#3f0c00}
.trashcan {color:rgb(162, 4, 4);font-size:18px;margin-right:13px;cursor:pointer;}
.tagdelete {color:rgb(162, 4, 4); cursor:pointer;}

.notyet {padding:30px;padding-top:20px;color:white;font-size:20px;letter-spacing:3px;}
.titlebox {border:0;outline: none !important;color:white;font-size:21px;letter-spacing:3px;}
.white {color:white;font-size:21px;letter-spacing:3px;}
.meta {color:#a66969;font-size:16px;letter-spacing:2px;}
.meta-inline {color:#a66969}

.nicetext {font-family:Overpass;font-size:16px;line-height:22px;letter-spacing:1px;}

.topbox {height:165px;} 
.topname {padding-top:95px;text-align:center;font-family:BBI;color:white;opacity:.6;font-size:36px;letter-spacing:2px;line-height:30px;}
.postbox {padding-top:50px;padding-bottom:50px;}

@media only screen and (max-width: 770px) {.topname {padding-top:85px;} .topbox {height:155px;}  .postbox {padding-top:40px;padding-bottom:40px;}}
@media only screen and (max-width: 640px) {.topname {padding-top:75px;} .topbox {height:145px;}  .postbox {padding-top:30px;padding-bottom:30px;}}

a.navlink:link, a.navlink:visited {font-family: BBI; color: #989898;}

.pagetext {color:white; font-family:OPR,sans-serif;letter-spacing:1px;}
.pagetext a:link, .pagetext a:visited {color:rgb(247, 61, 61);;cursor:pointer;}
.pagetext a:hover {opacity:.9;} 

.slide-wrapperf {background-image:url('https://cdn.cityismine.co/img/cimsplash.png');background-repeat: no-repeat;background-attachment: fixed;min-height:800px;}

.playersearch {font-size:36px;text-align:center;width:250px;border:0;background-color:transparent;font-family:OPR;outline:none !important}

a:hover {opacity:.7}