.xs * {
    -webkit-transition: none !important;
    transition: none !important;
}

/* Not shown */
.xs #main-nav-img,
.xs .Layer,
.xs .particle,
.xs #main-nav img,
.xs #main-nav li.disabled,
.xs #main-nav li.hidemob,
.xs #main-nav li.compass,
.xs html.video.borderradius .compassInner.available video,
.xs #footer .opencredit,
.xs #footer div.credits .close,
.xs .slide .title img.little
{
    display: none !important;
    background: none !important;
}
body.xs {
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    background-color: #80e5f9;
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #65CFE4),
	color-stop(1, #80e5f9)
    );
    background-image: -o-linear-gradient(top, #65CFE4 0%, #80e5f9 100%);
    background-image: -moz-linear-gradient(top, #65CFE4 0%, #80e5f9 100%);
    background-image: -webkit-linear-gradient(top, #65CFE4 0%, #80e5f9 100%);
    background-image: -ms-linear-gradient(top, #65CFE4 0%, #80e5f9 100%);
    background-image: linear-gradient(to top, #65CFE4 0%, #80e5f9 100%);
    -webkit-box-shadow: inset 0px 0px 60px 7px #65CFE4;
    -moz-box-shadow: inset 0px 0px 60px 7px #65CFE4;
    box-shadow: inset 0px 0px 60px 7px #65CFE4;
}
.xs #logo {
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}
.xs #notice {
    height: 70px;
    top:initial !important;
    bottom: initial !important;
    position: relative;
    background-color: #3aceff;
    border: 1px solid #10A2D1;
}
.xs #notice .container {
    width: 300px;
    padding: 10px 0 0;
    word-wrap: break-word;
    height: 70px;
    text-align: center;
}
.xs .page {
    position: relative;
    background: none !important;
    width: 100%;
}
.xs .page .container { 
    margin: 20px 3% 50px!important;
    height: auto !important;
    width: 94%;
}
.xs .page-home .container {
    margin: 0 !important;
    padding: 0;
    height: 480px !important;
    width: 100%;
    position:relative;
    background-image: url('../img/splash.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.xs .page-home .container .row {
    margin: 0;
}
.xs .page-home .container .row div {
    padding: 0;
}
.xs .page-home img.logohome {
    width: auto;
    height: 180px;
    margin: 0 auto;
}
.xs #main-nav .container {
  margin: 0;
  padding: 0;
}
.xs .navbar {
  min-height: initial;
  margin-bottom: 0;
  border: 0 none transparent;
}
.xs #main-nav,
.xs #main-nav-img,
.xs #notice-img {
    height: 0;
    top:0 !important;
    bottom: inherit;
}
.xs .collapse {
    display: block;
    background-color: #ffd2ec;
    margin: 0;
    padding: 0;
    border: 0 none;
}
.xs ul.navbar-nav {
  margin: 0;
}
.xs #main-nav {
    position: relative;
    top: initial !important;
    bottom: initial !important;
    height: initial;
}
.xs #main-nav .container{
    width: 100%;
}
.xs #main-nav.navbar-collapse {
    max-height: auto;
}
.xs ul.navbar-nav li {
  width: 100%;
  height: 36px;
  text-align: center;
  margin: 0;
  padding: 0;
  border-width: 1px 0 0;
  border-color: rgb(226, 126, 143);
  border-style: solid;
}
.xs ul.navbar-nav li a {
  text-align: center;
  margin: 0;
  padding: 0;
}
.xs ul.navbar-nav li a span {
  color: #e6007e;
  line-height: 36px;
  font-size: 20px;
  margin: 0;
}
.xs ul.navbar-nav li.active a span,
.xs ul.navbar-nav li:hover a span,
.xs ul.navbar-nav li:active a span {
    color:#00aeef;
}

.xs #footer {
  position: relative;
  height: 60px !important;
  padding-top: 10px !important;
  background-color: #3aceff;  border: 1px solid #10A2D1;
}
.xs #footer .container {
    width: 100%;
}
.xs #footer .flags div,
.xs #footer .social div,
.xs #footer .links div{
  line-height: 50px;
}
.xs #footer .flags a img {
  height: 32px;
}
.xs #footer div.credits {
    position: relative;
    display: block !important;
    background: none;
    border: 0 none;
    bottom: initial;
}
.xs #footer .social a img {
    height: 36px;
    margin: 0 3px;
}
.xs .bread h1 {
    font-size: 30px
}

.xs .slide .title h3 { 
    font-size: 26px;
    line-height: 48px;
}
.xs .slider img.deco {
    right: -8%;
}

.xs .slider .arrow {
    top: 40%;
}
.xs .slider .arrow.right,
.xs .gallery .arrow.right {
    right: -5%;
}
.xs .slider .arrow.left,
.xs .gallery .arrow.left {
    left: -5%;
}
.xs .slider .arrow img,
.xs .gallery .arrow img {
    width: 100%;
    margin: 0;
}
.xs .slide {
    margin: 0 5%; width: 90%;
}
.xs .slide p {
    font-size: 18px;
    line-height: 22px;
    margin: 16px 0 10px;
}
.xs  .slide p:first-letter {
    font-size: 21px;
}
.xs .slide img.picture{
    border: 2px solid #e60078;
    margin: 2% 5%;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px #832865;
    -moz-box-shadow: 1px 1px 1px #832865;
    box-shadow: 1px 1px 1px #832865;
}
.xs .shelf .title.long h3 {
    font-size: 13px;
}
.xs .picture img.picture {
    border-color: #F6CC73;
}
.xs .modal button.close {
    position: absolute;
    opacity: 1;
    font-size: 40px;
    top: 0;
    right: 0;
    background-color: #e1007a;
    border-radius: 40px;
    line-height: 20px;
    padding: 20px;
}