@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

#buildings a { pointer-events: none; }

body, html {
    margin:0;
    font:.97em 'Abel', sans-serif;
    height:100%;
    width:100%;
}
[lang=ru] body {
    font-size:.95em;
    font-family:'PT Sans Narrow', sans-serif;
}

.mceContentBody {
	padding: 20px;
	color: #000;
	width: auto;
}
.mceContentBody .white {
	background: #000;
}
h1 {
    text-transform:uppercase;
    font-size:40px;
    margin-top:0;
}
h1.red {
    color:#ed2224;
}
#lang-switcher{
	list-style:none;
	position:fixed;
	left:50%;
	z-index:2001;
	margin:30px 0 0 318px;
	font-size:11px;
	line-height:1em;
	font-family: Arial;
}

#lang-switcher li:first-child a{
	border-right:1px solid #fff;
} 

#lang-switcher li{
	float:left;	
}

#lang-switcher a{
	height:10px;
	color:#fff;
	margin-right:4px;
	padding-right:4px;
	display:block;
}

#lang-switcher a.on{
	color:#fe0000;
}

a {
    text-decoration:none;
}
img {
    border:none;
}
p span.white {
    color:#fff;
}
p.white {
    color:#fff;
}
#container {
    width:960px;
    margin:0 auto;
    position:relative;
}
#mainmenu {
	font-size:15px;
	z-index:2000;
	position:fixed;
	left:50%;
	width:960px;
    height:93px;
    background:#333;
    list-style:none;
    margin:15px 0 0 -480px;
    padding:11px 0 0 0;
    line-height:144px;
    overflow:hidden;
    font-family: Oswald, 'Arial Narrow', sans-serif;
    text-transform: uppercase;
}

[lang=ru] #mainmenu{
	font-family:'PT Sans Narrow';
	font-size:16px;
	font-weight: bold;
}

#mainmenu li {
    float:left;
    margin-left:42px;
}
[lang=ru] #mainmenu li {
	margin-left: 17px;
}
#mainmenu li.logo {
    margin-left:21px;
    line-height:0px;
}
#mainmenu li a {
    color:#fff;
    text-transform:uppercase;
}
#mainmenu li a:hover,#mainmenu li.on a {
    color:#ff0000;
}
.submenu {
	list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    text-transform:uppercase;
    text-align: center;
}
.submenu li {
	display: inline-block;
	vertical-align: middle;
	background:#343433;
	margin-right:2px;
	padding: 0;
	line-height:1.8em;
  background:#fe0000;
	*display: inline;
	*zoom: 1;
}
.submenu li.parent {
	display:none;
	left: 160px;
    position: absolute;
    top: 139px;
    z-index: 1000;
}
.submenu li a {
  color:#ffffff;
  display: block;
	padding:2px 8px;
}

.submenu li:hover {
  background: #343433;
	line-height:1.8em;
}

.submenu li:hover a,
.submenu li:hover a:hover, {
  color:#a7a7a7;
}

/*
.submenu li.parent a {
	background:url(/skins/default/graphics/back.png) no-repeat;
}
*/



div.page {
	height:850px;
	width:100%;
    background-position:50% 0;
    overflow:hidden;
    position:relative;
}
div.page.breaker {
    background:url('/images/texture.jpg') 50% 0;
    height:200px;
    padding-top:0;
}
div.page div.elements {
    position:absolute;
    height:850px;
    width:100%;
    overflow:hidden;
}
div.page div.elements img {
    position:absolute;
}
div.page div.container {
    width:1280px;
    height:850px;
    left:50%;
    margin-left:-640px;
    z-index:1000;
    position:absolute;
}
div.page div.container div.content {
	  z-index:1000;
    width:508px;
    overflow:hidden;
    margin:169px auto 30px;
    text-align:center;
}
div.page div.container div.content.nohide {overflow: visible;}
div.page div.container div.availability.content {
    width:1280px;
    height:100%;
    margin-top:134px;
    position: relative;
}
div.page div.container div.availability.content.ajax {
    width:508px;
    height:250px;
    margin:265px auto 0;
}

.ie7 .buildingLinkList {
  margin-top:300px !important;
}

.ie7 #buildings {
  position:relative !important;
}

.ie7 .locationContainer {
  margin-left:-480px !important;
}

.ie7 .gallery .thumbs {
  left:0;
}

.gallery {
    margin-top:184px;
    position:absolute;
    z-index:1000;
    top:0;
    left:50%;
    width:960px;
    height:395px;
    border:none;
    margin-left:-480px;
}

.gallery .thumbs {
    position:absolute;
    width:164px;
    height:395px;
    overflow:hidden;
}

.gallery .thumbs a:hover img,
.gallery .thumbs a.selected img {
  opacity:.5;
}

.gallery .thumbs a {
    width:164px;
    height:56px;
    display:block;
    float:left;
    margin-bottom:1px;
}
.gallery .thumbs a:first-child {
    margin-left:0;
}
.gallery .thumbs a img {
    width:164px;
    height:56px;;
    border:none;
}

.galleryBottomIm{
	width:795px;
    height:395px;
    position:absolute;
    left:165px;
    top:0px;
}
.galleryTopIm{
	width:794px;
    height:395px;
    position:absolute;
    left:165px;
    top:0px;
}
#buildings img {
    cursor:pointer;
}
.timeline {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	background: url(../graphics/timeline-lines.png) repeat-x;
	font-weight: bold;
	left: 50%;
    margin-left: -480px;
    position: absolute;
    width: 961px;
}
.timeline li {
	padding: 117px 0 10px 0;
	float: left;
	width: 80px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.timeline li:hover, .timeline li.on {
	color: #fe0000;
	background: url(../graphics/timeline-line-over.png) no-repeat 40px 0;
}
.timeline div {
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	position: absolute;
	left: -101px;
	top: 100%;
	width: 264px;
	background: #FFF;
	padding: 10px;
	font-weight: normal;
	color: #000;
}
.timeline li:hover div, .timeline li.on div {
	visibility: visible;
	opacity: 1;
}

.featuresRight {
	width:280px;
}
.featuresRight p {
	margin-top:0;
}
.featuresItem {
	color:#a3a3a3;
    cursor:pointer;
    font-size:15px;
    position: relative;
}
.featuresItem.active:before {
	content: "";
	position: absolute;
	background: url(/skins/default/graphics/arrow.png);
	width: 25px;
	height: 25px;
	top: 5px;
	left: -25px;
}
.featuresItem:hover, .featuresItem.active {
    color:#000;
}
.featuresItem h3 {
	font-size: 1em;
	margin: 0;
}

/* LOCAL AMENITIES ########################################## */

.localAmenity > h3 ~ * {
    display:none;
}

.localAmenity:hover,
.localAmenity.active {
  color:#ffffff;
}

.localAmenity.active > h3 ~ * {
    display:inline;
}

.localAmenity.active > h3 ~ p,
.localAmenity.active > h3 ~ div {
    display:block;
}

.localAmenity {
    margin:0;
}

.localAmenity.active ol {
    list-style-type: decimal;
    list-style-position: inside;
    display:block;
    position:relative;
    margin:20px 0;
    padding:0;
}

.localAmenity.active ol li {
    cursor:default;
}

.localAmenity.active:before {
    top:-2px;
}

.localAmenitiesContainer {
    z-index:10;
    width:960px;
    height:570px;
    position:absolute;
    margin:-78px 0 0 -226px;
    background:transparent;
}

.localAmenity ol li {
    cursor:pointer;
    -moz-transition: color 200ms linear;
    -webkit-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    transition: color 200ms linear;
}

.localAmenity ol li.highlighted,
.localAmenity ol li:hover {
    color:#fe0000;
    cursor:pointer;
}

.amCategory {
    position: relative;
    margin-top:20px;
    height:100%;
    background-repeat: no-repeat;
    margin:20px auto 0 60px;
}

.amCategory ~ .amCategory {
    display:none;
}

.amCategory ol.points {
    position:absolute;
    top:0;
    left:0;
    list-style:none;
}

.amCategory ol.points li {
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:15px;
    display:block;
    background: #323232;
    color:#ffffff;
    text-align:right;
    border-radius: 5px;
    -moz-transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    z-index:1;
    font-size:10px;
}

.amCategory ol.points li:hover{
    background: #fe0000;
    cursor:pointer;
}

.amCategory ol.points li.highlighted,
.amCategory ol.points li:hover {
    z-index:2;
}

.amCategory ol.points li span {
    display:none;
}

.amCategory ol.points li span + span {
    display:block;
    position: absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
    text-align:center;
}

/* AVAILABILITY ############################################# */
.buildingFloor {
  display: block;
  width:113px;
  height:21px;
  padding:2px 0;
  margin-bottom:1px;
  background:#939498;
  line-height:21px;
  text-align:center;
  cursor:pointer;
  color: inherit;
}
.buildingFloor.available {
  background:#a4ca39;
}
.buildingFloor.selected {
  background:#ed2224;
}
.buildingInfo {
  display:none;
}
.buildingInfo p {
  padding:0;
  margin:0;
}

.buildingLinkList {
  width:800px;
  height:60px;
  margin-top:-600px;
  position:absolute;
  left:160px;
  text-align:left;
}
[lang=ru] .buildingLinkList {
	width: 700px;
}

.buildingFloor {
  display:none;
}

.buildingFloors > ul li,
.buildingLinkList > ul li {
  width:28px;
  height:23px;
  display:inline-block;
  text-align:center;
  cursor:pointer;
  background:#a3a3a3;
  color:#ffffff;
  margin-bottom:3px;
  padding-top:5px;
}

.buildingFloors > ul li {
    width:115px;
    height:17px;
    display:block;
    padding:2px 0 4px;
}

.buildingFloors > ul {
    position: absolute;
    top:275px;
    left:0;
    padding:0;
}

.ie7 .buildingFloors > ul li,
.ie7 .buildingLinkList > ul li {

  display:inline !important;
  zoom:1;

}

.buildingFloors > ul li {
  background: #a4ca39;
}

.buildingFloors > ul li a {
  display:block;
  width:100%;
  height:100%;
}


.buildingLinkList > h3 {
  float:left;
  margin-right: 10px;
  color:#a3a3a3;
  font-weight:normal;
}

.buildingFloors ul li,
.buildingLinkList > ul li {
  margin:0 2px 2px 0;
}

.buildingLinkList > ul {
    padding:0;
    margin-bottom:0;
}

.ie7 ul.buildingFloors li,
.ie7 .buildingNumber {
  display:inline;
  zoom:1;
}

.buildingFloors ul li a,
.buildingNumber a {
  color:#fff;
}

.buildingNumber:hover,
.buildingNumber.selected {
  background:#ed2224;
}
.buildingFloors > ul li.selected,
.buildingFloors > ul li:hover,
.buildingFloors > ul li:focus {
  background:#fe0000;
}

.buildingFloors > ul li.let {
  background: #303030;
}

.buildingFloors {
    display:none;
    color:#fefefe;
    margin:0;
}

.buildingFloors ul {
    margin:0;
}

.buildingFloors > h3 {
  margin:0;
  font-weight:normal;
  float:left;
  width: 166px;
  color: #303030;
}

.buildingFloors {
    *zoom: 1;
}

.buildingFloors:after {
    display: table;
    content: "";
    clear: both;
}

.buildingFloors {
    position:absolute;
    width:960px;
}

.buildingInfo .key {
  margin-top:10px;
  margin-bottom:10px;
}

.buildingInfo .key > div {
  margin-bottom:2.5px;
}

.buildingInfo .key > div .colour {

  width:17.5px;
  height:17.5px;
  display:block;
  background:#6d6e70;
  float:left;
  color:transparent;
  margin-right:10px;

}

.buildingInfo .key > div + div .colour {

  background:#404042;

}

.buildingInfo p:first-child {
  font-size:26px;
}

.buildingFloors .available-space {
  clear:both;
  width:130px;
  position:absolute;
  top:50px;
}

.buildingFloors .available-space ul li span.available-space-total {
    width:300px;
    height:25px;
    position:absolute;
    top:-45px;
    left:0;
}

.buildingFloors .available-space ul li .thumb {
  display:block;
  background: url('../graphics/darkGreySTPanel.png');
  background: rgba(26,26,26,0.9);
  position:absolute;
  left:0px;
  top:0px;
  padding:10px;
  opacity: 0.9;
}

.buildingFloors .available-space ul li div.info {
    position:absolute;
    top:225px;
    left:125px;
    width:300px;
}

.buildingFloors .available-space ul li div.info {
    display:block;
}

.buildingFloors .available-space ul li div.info span,
.buildingFloors .available-space ul li div.info h3,
.buildingFloors .available-space ul li li div.info p {
    display:block;
    margin:0;
    padding:0;
    font-size:18px;
    color:#fe0000;
    font-weight:normal;
}

.buildingFloors .available-space ul li div.info span {
    color:#404042;
}

.buildingFloors .available-space ul li div.info .key {
    padding:0;
    font-size:14px;
}

.buildingFloors .available-space ul li div.info .key span:before {
    display:inline-block;
    width:14px;
    height:15px;
    background:#a4ca39;
    content:' ';
    margin-right:4px;
}

.buildingFloors .available-space ul li div.info .key span {
    height:15px;
    margin:4px 0 0 0;
    line-height:11px;
    vertical-align:top;
}

.buildingFloors .available-space ul li div.info .key span.let:before {
    background:#404042;
}

.buildingFloors .available-space ul,
.buildingFloors .available-space li {
  list-style:none;
  margin:0;
  padding:10px 0 0 0;
}

.buildingFloors .available-space li {
  display:none;
}
/*
.buildingFloors .available-space li:first-child {
  display:block;
}*/

.buildingFloors .available-space span {

    display:block;
    color:#fe0000;
    font-size:18px;
    margin:0;

}

.buildingInfo p:first-child + p {
  font-size:17px;
}

ul.buildingFloors li {
  display:inline-block;
}

ul.buildingFloors a {
  font-weight:bold;
}

.floorplate {
  display:none;
}
img {
  border:none;
}

.ie7 .buildingLinkList {
  top:-160px;
}

.ie7 .buildingFloors > h3 {
  width: 160px;
}

.ie7 .buildingFloors > h3,
.ie8 .buildingFloors > h3 {
  width:166px;
}

.ie7 .buildingFloors,
.ie7 .buildingFloors > ul {
  width:960px;
}

.ie7 .buildingFloors > ul {
  width:790px;
}


/* OTHER #################################################### */

img {
	border:none;
}

ul.workspaces {
  list-style:none;
  padding:0;
  left:auto;
  background:transparent;
}

ul.workspaces li a {
  text-decoration:none;
  color:#323232;
  font-size:17px;
}

ul.workspaces li {
  display:inline-block !important;
  margin:0 1.875px;
  padding:0;
  background:transparent;
}

.ie7 ul.workspaces li {
  display:inline !important;
  zoom:1;
}

ul.workspaces li a img,
ul.workspaces li a {
  display:block;
}

ul.workspaces li a {
	padding: 0 0 7px 0;
}

ul.workspaces li a img {
  margin-bottom:7px;
  width:166px;
  height:100px;
}

ul.workspaces li a:hover {
  color:#ffffff;
  background:#fe0000;
}

  ul.workspaces {
    *zoom: 1;
    margin-top:20px;
  }

  ul.workspaces:after {
    display: table;
    content: "";
    clear: both;
  }

.workspacesContent {
  width:100% !important;
}

.workspacesContent .copy {
  width:508px;
  margin:0 auto;
}

.workspacesContent .copy.ajax {
  width:960px;
}

.workspacesContent.copy.ajax img {
  display:block;
}

.workspaceFullView {
  position:relative;
  height:395px;
  overflow:hidden;
}

.workspaceFullView .panel {
  width:508px;
  position:absolute;
  padding:20px 226px;
  left:0;
  top:0;
  background: url('/skins/default/graphics/whitepanelbg.png');
  background: rgba(255,255,255, .7);
  height:355px;
  font-size:115%;
}

.workspaceFullView .panel h2:before {

  content:" ";
  display:block;
  width:30px;
  height:30px;
  background:url('../graphics/arrows/arrow-active.png');
  margin:0 auto;
  position:relative;
  top:-35px;

}

.workspaceFullView .panel:hover h2:before {
  background:url('../graphics/arrows/arrow-hover.png');
}

.workspaceFullView .panel.active-panel h2:before {

  background:url('../graphics/arrows/arrow-active-down.png');

}

.workspaceFullView .panel.active-panel:hover h2:before {

  background:url('../graphics/arrows/arrow-hover-down.png');

}

.workspaceFullView {
  opacity:0;
}

.galleryCaption,
.galleryCaption p {
  width:960px;
  font-weight:bold;
  font-size:18px;
}

.galleryCaption {
  position:relative;
  background: #ffffff;
}

.contact label {
  display:block;
  text-align:left;
}
.contact input {
              width:220px;
              margin-bottom:10px;
              height:30px;
              border:none;
              padding:0 5px;
              background:#efefef;
            }
            .contact input.error {
              background:#ffabab;
            }
            .contact input#submit {
              background:#333;
              color:#fff;
              display: inline-block;
              padding: 5px 10px;
              height: auto;
              width: auto;
              margin-top:10px;
              font:14px 'Abel', sans-serif;
              text-transform: uppercase;
            }
            .SiteBasicPage a,
            .contact a {
              color:#ff0000;
            }

            .contact textarea {
              resize:none;
              background:#efefef;
              border:0;
              width:220px;
              padding:5px;
              height:220px;
            }

/* PHASING ##########################################*/
.phasingContainer .featuresLeft {
  background:#cccccc url('../graphics/phasing-bg.jpg') no-repeat 40px 100px;
}

.phasingContainer .featuresLeft img {
  margin-left:40px;
  margin-right:40px;
}

.phasingContainer {
  background: #ffffff;
}

.phasingContainer .featuresRight {
  padding:20px;
  margin-left:15px;
}

/* FULL WIDTH PAGE #####################################*/

.content .fullWidthPageContent
{
  width:960px;
  height:395px;
  position:absolute;
  top:160px;
  margin-left:-17.6%;
}

.full-width-container .subMenuWrap {
  top:420px;
}

.ie7 .full-width-container .subMenuWrap {
  top:380px;
}

.siteFeaturesNoTitles {
  z-index:10; width:960px; height:570px; position:absolute; margin:-78px 0 0 -226px; background:#f0f0f0;
}


/* LIGHTBOX ############################################*/
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: #000000;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
  position: relative;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../graphics/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../graphics/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-closeContainer {
  position: absolute;
  top: -40px;
  left: 0;
}
.lb-close {
  width: 35px;
  padding-bottom: 0.7em;
  outline: none;
  cursor: pointer;
}

.ie7 .phasingContainer {
  top:190px;
}

.ie7 .fullWidthPageContent,
.ie7 .siteFeaturesNoTitles {
  margin-top:-50px !important;
  margin-left:-480px;
}


.ie7 .locationContainer {
  margin-top:-50px !important;
}

.ie7 .buildingLinkList {
  top:-160px;
}

.ie7 .buildingFloors > h3 {
  width: 160px;
}

.ie7 .buildingFloors > h3,
.ie8 .buildingFloors > h3 {
  width:166px;
}

.ie7 .buildingFloors,
.ie7 .buildingFloors > ul {
  width:960px;
}

.ie7 .buildingFloors > ul {
  width:790px;
}

#mainmenu > .loading,
#mainmenu > li.logo {
    -moz-transition: opacity 300ms linear;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

#mainmenu > .loading {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: #323232 url(../graphics/loading-accordion.gif) no-repeat 50% 50%;
    position: absolute;
    bottom:2%;
    right: .5%;
    opacity: 0;
    z-index: 10000;
    border-radius:26px;
    padding:10px;
}