/*
THEME NAME: Remote Sandbox Mobile
THEME URI: http://jakeanddinoschapman.com
DESCRIPTION: Custom theme created for Jake and Dinos Chapman
VERSION: 0.1
AUTHOR: <a href="http://remote-location.com">Studio Remote</a>
AUTHOR URI: http://remote-location.com
TAGS:
*/
/*background-color: #efedee;*/
body { background-color: #ffffff; font-size: 1em; margin:0; padding: 0; font-family: 'brandon-grotesque',sans-serif;  -webkit-font-smoothing: antialiased; letter-spacing:0.08em;  }

form { margin: 0px }
img{user-drag: none;}
a:visited { outline: none; }

input {
font-weight: normal;
font-family: 'brandon-grotesque',sans-serif;
border: none;
width: 314px;
height: 46px;
margin: 0px;
padding:0px;
padding-top:1px;
font-size: 2.1em;
background: none;
letter-spacing: 0em;
-webkit-font-smoothing: antialiased;

 }
#mainContainer{opacity: 0; margin-top: 70px; z-index: 0;}

input:focus, select:active  { outline: none }
input::-webkit-input-placeholder {
    color:    black;
}
/*for Firefox*/
input:-moz-placeholder {
    color:    black;
}

.header-centre-top h1{ font-family: "brandon-grotesque",sans-serif; }

table { border-collapse: collapse; border: none; border-spacing: 0; }

li{list-style: none;}

#password-container{

  width:500px;
  height:130px;
  left:50%;
  margin-left: -250px;
  margin-top: 130px;
  position: absolute;
}
#password-container p{
  text-align:  center;
  font-family: 'brandon-grotesque',sans-serif;
  text-align: center;
  font-weight: normal;
  padding: 0;
  font-size: 1.8em;
  line-height: 1.5em;

}
.post_password{
background: white;
width: 300px;
position: absolute;
height: 50px;
border: solid black 4px;
text-indent: 10px;
}

.password-submit{
width: 27px;
position: absolute;
height: 50px;
margin: 2px;
left: 270px;
color: red;
}
.password-input-container{
  margin-left: auto;
margin-right: auto;
width: 300px;
position: relative;
margin-top: 20px;
}
/*//------*/
.mail_address{
font-size:1.1em;
background: white;
width: 276px;
height: 50px;
border: solid black 4px;
text-indent: 10px;
}
.submit{
cursor:pointer;
width: 27px;
position: absolute;
height: 50px;
margin: 2px;
left: 250px;
color: red;
z-index: 2;
}




#background { background-color: blue; position: absolute; z-index: 1; width: 100%; height: 100%; }

#head-content { height:200px; width: 100%; position:absolute; z-index: 2; }

#header-navi { overflow: hidden; color:black; text-transform: uppercase; }

.menu-text-container { float: left; margin-top:88px; }

.menu-text-container ul li { list-style: none; font-size: 0.8em; line-height: 1.8em; font-family: 'brandon-grotesque',sans-serif;  }

.name {  margin-left: 20px; }

#key-navigation { position: absolute; bottom: 55px; margin-left: -45px; left: 50%; width:90px; height:100px; }

.cl-container { position: absolute; z-index: 3; top:50%; left:50%; margin-left: -43px; margin-top: -43px; }

.key { height: 30px;  }

#key-up { text-align: center; margin-bottom: 5px; }

#key-down { text-align: center; clear:both; }

#key-left { float: left; padding-left: 1px; margin-right: 5px; }

#key-right { float: left; margin-bottom: 5px; }

.step-images { float:left;}
.header-left { width:100px; -webkit-transform:translateZ(500px); }

.header-right { width:100px; -webkit-transform:translateZ(500px);}

.testNum { display:none; position: absolute; width:100px; height: 100px; font-size: 90px; top:50%; left:50%; margin-top:-50px; margin-left:-50px; text-align: center; z-index: 2; }

h2 a { font-weight:normal; font-size: 1.5em; text-transform: capitalize;  }

h2 a:hover { color: red;  }

h1#logo-border { font-weight:normal; font-size: 2.1em; text-transform: capitalize; letter-spacing:0em;    }

h1#logo-border a {  /*border-bottom: 4px solid #000;*/    }
h1#logo-border a:hover{color:black;}
.imageContainer { opacity:1; width:200px; height:200px; position:relative;}

img { padding:0px;  margin:0px; border: none; }

.image-thumb img {  }

.image-mid { display: none; /*opacity:0;*/ }

.root { /*background: yellow; width: 100px; height: 100px;*/ }

#jmpress {  }

.front-title{ width: 100%; height: 100%; position: absolute; opacity: 0; }

.front-title-text { position: absolute; text-align: center; z-index: 1; color:#FFF; top: 50%; left: 50%; font-size: 1.4em; line-height: 1.2em; width: 350px; margin-left: -175px; font-family: 'brandon-grotesque',sans-serif;  font-weight:normal; text-transform:uppercase;}

.front-title-bkg { background: #000; opacity: 1; width: 100%; height: 100%; }


/*
------------------------------------------PORTED END*/



a{ color:black; text-decoration: none; }

a:hover { color: white; }

a:visited { color: none; }

.white{ color:white; }

p{ margin:0; padding:0; }

.front-title-text a { color:gray; border-bottom: 2px solid gray; }

.front-title-text  a:hover { color:white; border-bottom: 2px solid #bababa; }

.front-title-text  a:visited { color:none; }

.front-title-text p { margin-bottom: 10px; }

.header-centre {position:relative;}

#header-navi { background: #fe0000; height:0px; width:100%; z-index: 2; position: fixed; top: 0px;}

#current-navi{width:800px;}

/*#header{ position: relative; width: auto; height: 65px; z-index: 2; min-width:540px;   }*/

 .header-left { z-index:999; position:fixed; top:30px; left:30px; width:32px; height:42px; cursor:pointer;  }

.header-right:hover path { fill: red; }

 .header-mo:hover path, .header-mo:hover rect { fill: white; }

 .header-centre-top {-webkit-transform:translateZ(500px);  z-index:999;  position:fixed; top:0; left:50%;  margin-left:-159px; cursor:pointer;

width: 319px;
height: 71px;
border-bottom: 4px solid #000;

 }

 .header-right {z-index:999; position:fixed; top:0; right:30px; width:68px; height:34px; cursor:pointer;   }


/* Footer
-------------------------------------------------------------------------------*/

.footer-left { -webkit-transform:translateZ(500px);clear: both; position:fixed; bottom:0; left:30px;  cursor:pointer; z-index: 999997;}

.footer-right { -webkit-transform:translateZ(500px);position:fixed; bottom:0; right:30px; cursor:pointer; z-index: 999996;}

.footer-left:hover path, .footer-right:hover path { fill: red; }

.icon:hover path { fill: #FFF; }

/* Fonts
-------------------------------------------------------------------------------*/





/* Archives
-------------------------------------------------------------------------------*/


#text-page h3 {   font-family:'brandon-grotesque',sans-serif; text-align:center; font-weight:normal;  padding:0; font-size:1em; line-height:1.5em; margin:0 0 15px 0; margin-right: 20px;}

#text-page h3 a {     }

#text-page h3 a:hover { color:#fe0000; }

#text-page h3 span { color:#fe0000; font-family:'Caslon 3 LT W01 Roman', Helvetica, sans-serif; }

#text-page h3 span.italic { color:#fe0000; font-family:'Caslon540LTW01-Italic', Helvetica, sans-serif; }

#text-page h3 span.black { color:#000;  }

.archive-nav { margin:0 0 30px 0; }
/*.archive-nav {margin-left:auto; margin-right:auto;width: 442px; height: 50px;}*/
.archive-nav {margin-left:auto; margin-right:auto;width: 450px; height: 50px;}


.archive-title { float:left;  line-height: 1.5em; margin-right: 20px;}

.archive-menu { float:left; }

#archive-content {clear:both; }

#archive-content h3 { font-size:0.7em; line-height:0.95em; }


/* Caption
-------------------------------------------------------------------------------*/
.face-right-inner{text-align: center;position: absolute;top: 50%;left: 50%;margin-top: -44px;margin-left: -165px; }

.front-title  {font-size: 19px;  font-weight: normal; margin: 0px;}

.caption-title{display:block;font-size: 1.1em; line-height:1.3em; font-weight: normal; margin: 0px; margin-bottom:10px; font-family: 'brandon-grotesque',sans-serif;  text-transform: none; letter-spacing:0em; }

.caption-title-image{display:block;font-size: 1.1em; line-height:1.3em; font-weight: normal; margin: 0px; margin-bottom:10px; font-family: 'brandon-grotesque',sans-serif; text-transform: none; letter-spacing:0em; }

.caption-year{font-size: 1.0em; font-family:'Caslon 3 LT W01 Italic'; margin: 0px;}

.caption-material{font-size:16px; margin:0px; letter-spacing: 0.06em;}

.caption-unique{ margin-top:20px; margin-bottom:20px; font-size:16px; margin:0px; letter-spacing: 0.06em;}

.caption-size{font-size: 15px; font-family: 'Caslon 540 LT W01 Roman';margin-top: 13px;}

.caption-view{margin-top:20px;}

.caption-view a{color:#bababa; display: inline-block; -webkit-transform:translateZ(600px); }

.caption-view a:hover{color:gray; }

#menu-mainmenu li{opacity: 0;}

.icon { width: 40px; height: 40px; background-color:#FFF;}

.icon:hover { background-color:#000;  }

.icon svg{
  width: 40px;
  height: 40px;
}


#header-navi{
  background: #fe0000;
  height:0px;
  width:100%;
  z-index: 4;
  -webkit-transform:translateZ(500px);

}

#text-navi-wrapper{
  display:inline-block;

}
#header{
  position: fixed;
  width: 100%;
  height: 65px;
  z-index: 999998;
  color: white;
  opacity: 1;
}

#header .header-left {
  float:left;
  cursor:pointer;
}




.image-thumb{
        position: :absolute;
        background: #efedee;
        margin:0px;
        padding:0px;

      }
.image-mid{
        display: none;
        position: :absolute;
        margin:0px;
        padding:0px;
         background: #efedee;

      }
#header .header-right {

  float:right;
}

.image-nav-bkg{position:absolute; width: 100%; height:100%;  cursor: -webkit-zoom-in;   cursor: zoom-in; }


#background{
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: blue;
  margin: 0px;
  padding: 0px;
  opacity: 0;
}

.gallery-enabled .step {
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  text-align:center;
}


.gallery-enabled .start{
opacity: 1;
cursor: pointer;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.gallery-enabled .step.active {
opacity: 1;
cursor: pointer;
  background-color: none;
}

#gallery{
z-index: 1;
position: absolute;
-webkit-transform-origin: 0% 0%;
-webkit-transition: all 0ms ease-in-out 0ms;
-webkit-transform-search-container: preserve-3d;
top: 50%;
left: 50%;
}


#gallery img{
max-width:800px;
height:auto;

}

#footer{
  position: fixed;
  width: 100%;
  height: 20px;
  bottom: 0px;
  background-color: green;
  z-index: 3;
  color: white;
  opacity: 0.8;
  pointer-events: auto;
}

 .image-nav{

  position: absolute;
  bottom: 0;
  right:0;
  z-index: 4;
  opacity:0;
  display:none;
  -webkit-transform:translateZ(100px);
 }

.image-nav-position {
/*    position: absolute;*/
    bottom:0;
    right:0; }

  #caption-footer{
    text-align: center;
    position:fixed;
    width:100%;
    height: 50px;
    bottom:0px;

    color:black;
  }
  .caption-tag {
    font-size:0.8em;
    margin-bottom: 4px;
  }
  .caption-tag a{
    color:#bababa;
    border-bottom: 2px solid #bababa;
    display: inline-block;
  }
  .caption-tag a:hover{
    color:gray;
    border-bottom: 2px solid gray;
  }
  .caption-tag a:visited{
    color:gray;
  }
  .lt-icon{
    position: relative;
    float:left;
  }
  .rt-icon{
    position: relative;
    float:left;
  }
  .lb-icon{
    position: relative;
    float:left;
  }
  .rb-icon{
    position: relative;
    float:left;
  }
  .icon{
    cursor: pointer;
    opacity:1;
    margin:0 5px 5px 0;
    position: relative;
    float:left;
  }

  .alias { cursor: alias;}




  #face-dmy{
    position: absolute;
   /* background:blue;*/
  }
  #menu-mainmenu{
    padding-left:30px;
  }
  .two-d{cursor:pointer; position: absolute; z-index: 2;  display: none;}
  .two-d-bkg{cursor:pointer; position:absolute; width:100%;height:100%; display: none;}
  .face{cursor:pointer;position: absolute;}
  .face-front{ position: absolute;}
  .face-right{opacity: 0;position:absolute;background: black;cursor: pointer;color: white;}
  .face-right-bkg{ width:100%; height:100%; }
  .backgroundWhite{background-color: #ffffff;}.backgroundDef{background-color: #ffffff}
  .cube{transform-style: preserve-3d;}


  #content-404{
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-400px;
    margin-top:-250px;
    text-align: center;
    font-size: 90px;
    width: 800px;
    height: 650px;
  }
  #skull-404 svg{
    width:400px;
    height:400px;
  }
/*------------------------------*/
.flex-video{display: none;}
.flex-video p { position: ; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.flex-video p iframe, .flex-video p object, .flex-video p embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



#result-container { display:none; background: red; width: 319px; overflow: hidden; clear: both; }

#result-container a { text-decoration: none; color: black; }

#result-container a:hover { color: white }

#search-icon {position: absolute;
left: 291px;
top: 15px;
width: 26px;
height: 26px;}
#search-icon svg { width:26px;height: 26px;}


#search-container {-webkit-transform:translateZ(500px); z-index:999;position: fixed; top: -100px;/* SET to 26px */left: 50%; margin-left: -159px; }
#search-box { border-bottom:solid 4px black;width: 319px;
height: 50px;}

#switch-box-container { display:none; background: red; width: 319px; height: 68px; padding-top: 14px; }
.switch-box-container-line{margin-bottom:10px; height:20px;}
.switch-box { background: url("./img/toggle-search.jpg"); color:black; background-repeat: no-repeat; margin-left: 17px;padding-left: 25px; font-size:0.8em;padding-bottom: 4px; float: left; height: 16px; cursor: pointer; background-position: 0px -20px; }

.switch-box-work{ width: 45px;  margin-left: 20px;margin-right: 9px;}

.toggle-on { background-position: 0px 0px }

.toggle-off { background-position: 0px -20px }

.share-float { clear:both; }



#share-items{display: none;
height: 150px;
position: fixed;
bottom: 20px;
z-index: -1;}

#info-items{display: none;
text-align: right;
right: 0px;
position: fixed;
bottom: 0px;
z-index: -1;}


.share-title { margin-top:0;  }
a.twitter-follow-button { margin:10px 0 0 10px; }

#info-items{height:150px;}
.footer-right h2 {text-align: right;}


/*position:relative; color:black;text-align: center; cursor:pointer; line-height:0.8em; text-indent: 0.25em; font-size: 1px; color:white; background: url("./img/toggle-paginate.png"); width:15px; background-position: 0px 0px; height:15px;background-repeat: no-repeat; margin: 4px;*/






#paginate-container{-webkit-transform:translateZ(500px); z-index:4; position:fixed; width:100%; bottom:25px;}

#paginate-inner{  text-align: center; width: 100%; position:relative; text-align: center;}

#paginate-inner span{ font-size: 1.3em;font-family: 'brandon-grotesque',sans-serif; letter-spacing: 0.08em;}
.pageBack:hover {color:red;}
.pageNext:hover {color:red;}
.pageBack{ cursor:pointer; }
.pageNext{ cursor:pointer; }
.pageBack:hover {color:red;}
.pageNext:hover {color:red;}
.paginate-disable{color:gray; cursor:default;}
.paginate-disable:hover{color:gray; cursor:default;}

.paginate-button{ color:gray; display:inline-block; position:relative; text-align: center; cursor:pointer; background:gray; line-height:1.8em; text-indent: 0.15em; font-size: 13px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; width:24px; height:24px;margin: 4px;}

.paginate-active{ color:white;  background-color:#000; }

.paginate-active:hover{background-color:red;}

#skull-loader-container{-webkit-transform:translateZ(500px); position: absolute;top: 50%;left: 50%; margin:-200px 0 0 -200px; width: 32px;height: 42px;z-index: 9999999; display: none;}

#skull-cl{position:absolute; top:130px; left:175px; z-index: 9999; }

.blink-animation { -webkit-animation-name: animation-blink; -webkit-animation-duration: 400ms; -webkit-animation-timing-function: ease-in; -webkit-animation-delay: 0ms; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count:infinite; /* animation: animation01 3s ease-in 1s both; （まとめて指定する場合）*/ }
@-webkit-keyframes animation-blink {
  from {
    fill:red;
  }
  50% {
    fill:red;
  }
  to {
    fill:red;
  }
}

tr{
  display:none;
  background:red;
  width:258px;
  padding-left:22px;
  font-size: 1em;
  line-height: 1.2em;
  padding-top:4px;

}
.cat-on{
  display: block;
}
.nano-bkg{

  width: 319px;
  background: red;
  position: absolute;

}
#noresults{
  color: black;
}
#jmpress{display:none;}

.zoom-cursor-in { cursor: -webkit-zoom-in;  cursor: zoom-in; }
.zoom-cursor-out { cursor: -webkit-zoom-out;  cursor: zoom-out; }
.zoom-cursor-none{cursor:pointer }

a.serif { font-family:'Caslon540LTW01-Italic', Helvetica, sans-serif; }

.caslon { font-family:'Caslon 540 LT W01 Roman', Helvetica, sans-serif; }

.caslon-bold { font-family:'Caslon 3 LT W01 Roman', Helvetica, sans-serif; }

#over-ray{ -webkit-transform:translateZ(500px); position:absolute;height:100%; width:100%; z-index: 999999; cursor:cell; }

#over-ray-bkg{position:absolute;background: black;height:100%; width:100%; opacity:0.8; cursor:cell;}

#over-ray-content{max-width:1100px;position:absolute; color:white; font-size:4em; line-height: 1.1em; font-family: Helvetica, sans-serif; text-align: center; letter-spacing:0.07em; cursor:cell; }

#over-ray-content-shadow{max-width:1100px;z-index:9999;color:white; opacity:1;position: absolute; line-height: 1.1em; font-family:'brandon-grotesque',sans-serif; font-size:80px; text-align: center; cursor:cell; }

.fett-font {font-family:  Helvetica, sans-serif; }

.super-font {font-family: 'brandon-grotesque',sans-serif;  }

#fullscreen-image{-webkit-transform:translateZ(500px);display:none;position:fixed; top:0; height:100%; width:100%; z-index: 999999; }

#fullscreen-bkg{position:absolute;background: black;height:100%; width:100%; cursor: -webkit-zoom-out;  cursor: zoom-out;}

#fullscreen-content{ cursor:pointer;}
#fullscreen-close-button{position:fixed; cursor:pointer; top:30px; right:30px;z-index: 1;}
#big-loader{-webkit-transform:translateZ(500px); position: fixed; top:0px;width:100%; height: 100%; z-index: 999;background: black; opacity:0.8;   }

.loader-off{display: none; opacity: 0;}

#share-container{display: none;width: 300px;height: 300px;text-align: center;position: absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -150px;background: gray;}

#jmpress{ z-index: 0; }


/*TEXT PAGE*/


#text-page{ position:relative;  margin-left:auto; margin-right:auto;  }

#text-page-inner{padding:20px; margin-top:35px; opacity:0;}



#text-page  { padding-top:60px;font-family:'brandon-grotesque',sans-serif; text-align:center; font-size:2em; line-height:1.2em; }

#text-page h2 { font-family: 'brandon-grotesque',sans-serif;  font-size:1.1em; font-weight:normal; margin-bottom:0.1em; }

#text-page p { margin-bottom:40px; }

#text-page p a { color:red; border-bottom: 2px solid red;   }

#text-page p a:hover { color:black; }

#text-page p img { }



#categorySelect-select{
  cursor:pointer;
}
#year-select{
  cursor: pointer;
}
#mobile-menu{margin-left: auto;margin-right: auto;

width: 284px;
font-size: 1.7em; height:0; overflow:hidden; display: none; background:red;}

#mobile-menu .menu{padding:0; margin: 10px;}





span.customSelect {
    font-family: 'brandon-grotesque',sans-serif;
    color:black;
    font-size: 0.4em;
    background:#fff url(./img/pulldown.png) right center no-repeat;
    text-align: left;
    padding-left:10px;
    border:solid 2px #d6d6d6;
    width:160px;
    height:33px;
    margin-right:15px;
    cursor:pointer;
}

#categorySelect-select{
  cursor:pointer;
}
#year-select{
  cursor: pointer;
}

span.year-dropdown-exhibitions{
    font-family: 'brandon-grotesque',sans-serif;
    color:black;
    font-size: 0.4em;
    background:#fff url(./img/pulldown.png) right center no-repeat;
    text-align: left;
    padding-left:7px;
    border:solid 2px #d6d6d6;
    width:70px;
    height:33px;
    position:absolute;
    cursor:pointer;

}
span.year-dropdown-films{
    font-family: 'brandon-grotesque',sans-serif;
    color:black;
    font-size: 0.4em;
    background:#fff url(./img/pulldown.png) right center no-repeat;
    text-align: left;
    padding-left:7px;
    border:solid 2px #d6d6d6;
    width:70px;
    height:33px;
    position:absolute;
    cursor:pointer;

}
span.year-dropdown-works{
    font-family: 'brandon-grotesque',sans-serif;
    color:black;
    font-size: 0.4em;
    background:#fff url(./img/pulldown.png) right center no-repeat;
    text-align: left;
    padding-left:7px;
    border:solid 2px #d6d6d6;
    width:70px;
    height:33px;
    cursor:pointer;


}

.title-minify {font-size:0.8em;}


/* Large desktop */
@media (min-width: 1200px) {
  #over-ray-content-shadow{max-width:1200px; font-size:6em;}
  #over-ray-content{max-width:1200px;  font-size:6em;}


 }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  #over-ray-content-shadow{max-width:800px; font-size:4em;}
  #over-ray-content{max-width:800px; font-size:4em;}
  #current-navi{width: 800px;}

}




/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#current-navi{width: 600px;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
#current-navi{width: 400px;}
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
   #over-ray-content-shadow{max-width:600px;font-size:3em;}
   #over-ray-content{max-width:600px;font-size:3em;}
   #text-page{   width:600px;  }

    #current-navi{width:400px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .static-tag{display:none;}
   .imageContainer{overflow-x: hidden;}
   /*.step-images{float:none;}*/
   .caption-title {font-size: 1em;}
   .caption-unique{font-size:11px;}
   .caption-year {font-size:11px;}
   .caption-material{font-size: 11px;}
   .caption-tag {font-size: 0.5em;}
   .caption-view{font-size:0.75em;}
   #over-ray-content-shadow{max-width:300px;font-size:2em;}

   #over-ray-content{max-width:300px;font-size:2em;}
   #text-page{   width:300px;  }
   #search-container{display:none;}
   #header-navi {display: none;}
   h2 a {font-weight: normal; font-size: 1.0em; text-transform: capitalize;}
   .header-right{display:none; right:10px;}
   .header-left{display:none;left: 10px;}
   h1#logo-border{font-size: 1.9em;}
   .header-centre-top {width: 284px;height: 44px;margin-left: auto;margin-right: auto;position: relative;left: 0; opcatiy:0;}
   #mobile-menu{display: block;}
   .footer-right{right:10px; }
   .footer-left{left:10px;}
   #footer-wrapper{position: relative;margin-top:36px;}
   #paginate-container{-webkit-transform: translateZ(500px);z-index: 4;position: relative;width: 100%;bottom: 22px;}
   .footer-left {-webkit-transform: translateZ(500px);position: absolute; display: none;}
   .footer-right {webkit-transform: translateZ(500px);position: absolute; display: none;}
   .rb-icon{display: none;}
   .footer-right{display:none;}
   .share-title{display:none;}
   .archive-title{float:none;}
   #text-page h3{margin-right:0;}
   .archive-nav{width:260px; height:110px;}
   #mainContainer{ margin-top: 20px; }
   #text-page-inner{margin-top:0;}
   span.customSelect{margin-right:0px;}
   #skull-loader-container{-webkit-transform:translateZ(500px); position: absolute;top: 50%;left: 50%; margin:-100px 0 0 -90px;z-index: 999999; display: none;width:200px; height:225px;}
   #skull-loader-container img{width:200px; height:225px;}

   #info-items{display: none;}
   .info-title{display: none;}
  #share-items{display: none;}
   .share-title{display: none;}


}