.icon_button {

  text-indent: -999em;

  position: relative;

  display: block;

  padding: 0;

  height: 2.369em;

  width: 2.369em;

  font-size: 1em;

  font-weight: normal;

}

.icon_button:after {

  font-family: "FontAwesome";

  content: "\f118";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  text-indent: 0;

  line-height: 2.369;

}



[hidden] {

  display: none;

}



html {

  background: #fff;

  color: #000;

  font-family: Arial, sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}

/**

 * Remove default margin.

 */

body {

  margin: 0;

  font-family: Arial, sans-serif;

}



.cc {

    position: absolute;

    bottom: 15px;

    left: 50%;

    width: 50px;

    height: 20px;

    background: white;

    margin-left: -25px;

    border-radius: 10px;

}





.theme-wrapper.iOSdevice.landscape .cc {

    left: unset;

    right: 0;

    bottom: 50%;

    transform: rotate(90deg);

    margin-bottom: -10px;

}

/* ==========================================================================

   Links

   ========================================================================== */

/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */

a:focus {

  outline: thin dotted;

}

/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0;

  text-decoration: none;

}

/* ==========================================================================

   Typography

   ========================================================================== */

/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari 5, and Chrome.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

/**

 * Address styling not present in IE 8/9, Safari 5, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}

/**

 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.

 */

b,

strong {

  font-weight: bold;

}

/**

 * Address styling not present in Safari 5 and Chrome.

 */

dfn {

  font-style: italic;

}

/**

 * Address differences between Firefox and other browsers.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}

/**

 * Correct font family set oddly in Safari 5 and Chrome.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  font-size: 1em;

}

/**

 * Improve readability of pre-formatted text in all browsers.

 */

pre {

  white-space: pre-wrap;

}

/**

 * Set consistent quote types.

 */

q {

  quotes: "\201C" "\201D" "\2018" "\2019";

}

/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}

/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

/* ==========================================================================

   Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9.

 */

img {

  border: 0;

}

/**

 * Correct overflow displayed oddly in IE 9.

 */

svg:not(:root) {

  overflow: hidden;

}

/* ==========================================================================

   Figures

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari 5.

 */

figure {

  margin: 0;

}

/* ==========================================================================

   Forms

   ========================================================================== */

/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

/**

 * 1. Correct `color` not being inherited in IE 8/9.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}

/**

 * 1. Correct font family not being inherited in all browsers.

 * 2. Correct font size not being inherited in all browsers.

 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.

 */

button,

input,

select,

textarea {

  font-family: inherit;

  /* 1 */

  font-size: 100%;

  /* 2 */

  margin: 0;

  /* 3 */

}

/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,

input {

  line-height: normal;

}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

button,

select {

  text-transform: none;

}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}

/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}

/**

 * 1. Address box sizing set to `content-box` in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}

/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}

/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

/**

 * 1. Remove default vertical scrollbar in IE 8/9.

 * 2. Improve readability and alignment in all browsers.

 */

textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top;

  /* 2 */

}

/* ==========================================================================

   Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/**

 * Icons

 */

@font-face {

  font-family: 'FontAwesome';

  src: url('fonts/fontawesome-webfont.eot?v=3.2.1');

  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

  font-weight: normal;

  font-style: normal;

}

/**

 * Vars

 */

/**

 * Animation

 */

.animated {

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -ms-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

}

.animated.hinge {

  -webkit-animation-duration: 1s;

  -moz-animation-duration: 1s;

  -ms-animation-duration: 1s;

  -o-animation-duration: 1s;

  animation-duration: 1s;

}

@-webkit-keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes bounceInUp {

  0% {

    opacity: 0;

    -moz-transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -moz-transform: translateY(-30px);

  }

  80% {

    -moz-transform: translateY(10px);

  }

  100% {

    -moz-transform: translateY(0);

  }

}

@-o-keyframes bounceInUp {

  0% {

    opacity: 0;

    -o-transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -o-transform: translateY(-30px);

  }

  80% {

    -o-transform: translateY(10px);

  }

  100% {

    -o-transform: translateY(0);

  }

}

@keyframes bounceInUp {

  0% {

    opacity: 0;

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    transform: translateY(-30px);

  }

  80% {

    transform: translateY(10px);

  }

  100% {

    transform: translateY(0);

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  -moz-animation-name: bounceInUp;

  -o-animation-name: bounceInUp;

  animation-name: bounceInUp;

}

@-webkit-keyframes spin-360 {

  from {

    -webkit-transform: rotate(0);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(0);

    /* FF3.5+ */

    -ms-transform: rotate(0);

    /* IE9 */

    -o-transform: rotate(0);

    /* Opera 10.5 */

    transform: rotate(0);

    zoom: 1;

  }

  to {

    -webkit-transform: rotate(360deg);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(360deg);

    /* FF3.5+ */

    -ms-transform: rotate(360deg);

    /* IE9 */

    -o-transform: rotate(360deg);

    /* Opera 10.5 */

    transform: rotate(360deg);

    zoom: 1;

  }

}

@-moz-keyframes spin-360 {

  from {

    -webkit-transform: rotate(0);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(0);

    /* FF3.5+ */

    -ms-transform: rotate(0);

    /* IE9 */

    -o-transform: rotate(0);

    /* Opera 10.5 */

    transform: rotate(0);

    zoom: 1;

  }

  to {

    -webkit-transform: rotate(360deg);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(360deg);

    /* FF3.5+ */

    -ms-transform: rotate(360deg);

    /* IE9 */

    -o-transform: rotate(360deg);

    /* Opera 10.5 */

    transform: rotate(360deg);

    zoom: 1;

  }

}

@-o-keyframes spin-360 {

  from {

    -webkit-transform: rotate(0);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(0);

    /* FF3.5+ */

    -ms-transform: rotate(0);

    /* IE9 */

    -o-transform: rotate(0);

    /* Opera 10.5 */

    transform: rotate(0);

    zoom: 1;

  }

  to {

    -webkit-transform: rotate(360deg);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(360deg);

    /* FF3.5+ */

    -ms-transform: rotate(360deg);

    /* IE9 */

    -o-transform: rotate(360deg);

    /* Opera 10.5 */

    transform: rotate(360deg);

    zoom: 1;

  }

}

@keyframes spin-360 {

  from {

    -webkit-transform: rotate(0);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(0);

    /* FF3.5+ */

    -ms-transform: rotate(0);

    /* IE9 */

    -o-transform: rotate(0);

    /* Opera 10.5 */

    transform: rotate(0);

    zoom: 1;

  }

  to {

    -webkit-transform: rotate(360deg);

    /* Saf3.1+, Chrome */

    -moz-transform: rotate(360deg);

    /* FF3.5+ */

    -ms-transform: rotate(360deg);

    /* IE9 */

    -o-transform: rotate(360deg);

    /* Opera 10.5 */

    transform: rotate(360deg);

    zoom: 1;

  }

}

/**

 * Style

 */

html {

  background: #f6f6f6;

  height: 100%;

}

body {

  font-family: Arial, sans-serif;

  font-size: 14px;

  padding-bottom: 10px;

}

a {

  text-decoration: none;

}

#theme-demo {

  position: relative;

}

.theme-wrapper.notiOS:before {

  content: "\f110";

  display: block;

  font-family: 'FontAwesome';

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 3.631em;

  margin-left: -1.8155rem;

  margin-top: -1.8155rem;

  line-height: 1;

  color: black;

  -webkit-animation: spin-360 linear 1s infinite;

  -moz-animation: spin-360 linear 1s infinite;

  -o-animation: spin-360 linear 1s infinite;

  animation: spin-360 linear 1s infinite;

  z-index: 999999;

  z-index: -1;

}

.switcher-hidden .switcher {

  width: 50px;

  overflow: hidden;

}

.switcher-hidden .theme-wrapper.notiOS iframe {

  padding-top: 0;

}

.switcher {

  height: 50px; 

  background: linear-gradient(to right,#0160e7,#055210);

  padding: 0 0 0 20px;padding-left: 0px;

  -webkit-box-sizing: border-box;

  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;

  /* Firefox, other Gecko */

  box-sizing: border-box;

  /* Opera/IE 8+ */

  width: 100%;

  margin-top: 0;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

  -webkit-transition: width ease 0.3s;

  -moz-transition: width ease 0.3s;

  -o-transition: width ease 0.3s;

  transition: width ease 0.3s;

  -webkit-box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);

}

.switcher .logo {

  float: left;

  display: block;

  height: 50px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-top: 4px;

  padding-right: 10px; padding-left: 10px;

  position: relative;

  cursor: pointer;

}

.switcher .logo img {

  height: 40px;

}

.switcher .switcher-toggle {

  display: block;

  text-indent: -9999px;

  position: relative;

  height: 50px;

  width: 50px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  cursor: pointer;

}

.switcher .switcher-toggle:hover {

  background: #13384a;

}

.switcher .switcher-toggle:hover:before {

  color: #fff;

}

.switcher .switcher-toggle:before {

  font-family: 'FontAwesome';

  speak: none;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 50px;

  -webkit-font-smoothing: antialiased;

  margin: 0;

  text-indent: 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #fff;

  content: "\f07e";

}

.switcher .dropdown {

  float: left;

  height: 50px;

  position: relative;

  border-right: 1px solid #60b2d6;

}

.switcher .dropdown:first-of-type {

  border-left: 1px solid #60b2d6;

}

.switcher .dropdown > a {

  position: relative;

}

.switcher .dropdown > a:after {

  position: absolute;

  content: "";

  display: block;

  border: 1em solid #fff;

  bottom: 100%;

  left: 50%;

  margin-left: -1em;

  border-bottom-width: 0;

  border-color: #fff transparent transparent transparent;

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.switcher .dropdown > a:hover:after {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  bottom: 43px;

}

.switcher .dropdown:hover > a:after {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  bottom: 43px;

}

.switcher .dropdown a {

  height: 50px;

  line-height: 50px;

  border-width: 0 1px;

  display: inline-block;

  padding: 0 20px;

  width: 240px;

  *zoom: 1;

}

.switcher .dropdown a:before,

.switcher .dropdown a:after {

  content: "";

  display: table;

}

.switcher .dropdown a:after {

  clear: both;

}

.switcher .dropdown a .title {

  margin-right: 20px;

  float: left;

  font-weight: 700;

}

.switcher .dropdown a .category {

  float: right;

  font-size: .857em;

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

}

.switcher .dropdown a.active-theme {

  color: #fff;

  -webkit-transition: all ease 0.238s;

  -moz-transition: all ease 0.238s;

  -o-transition: all ease 0.238s;

  transition: all ease 0.238s;

  -webkit-box-sizing: border-box;

  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;

  /* Firefox, other Gecko */

  box-sizing: border-box;

  /* Opera/IE 8+ */

}

.switcher .dropdown a.active-theme:before {

  font-family: "FontAwesome";

  display: inline-block;

  float: right;

  margin-left: 15px;

  content: "\f106";

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

}

.switcher .dropdown a.active-theme:hover {

  background: rgba(255, 255, 255, 0.1);

}

.switcher .dropdown a.active-theme:hover:before {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.switcher .dropdown a.active-theme img {

  display: none !important;

}





.switcher ul {

  *zoom: 1;

}

.switcher ul:before,

.switcher ul:after {

  content: "";

  display: table;

}

.switcher ul:after {

  clear: both;

}

.switcher ul li {

 	display: inline-block;

	vertical-align: top;

}

.switcher ul li:first-child img { margin: 8px 0;}

.theme-wrapper {

  margin: 0 auto;

  width: 100%;

  height: 100%;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  -o-transition: all ease 0.5s;

  transition: all ease 0.5s;

}

.theme-wrapper.iOSdevice {

  -webkit-border-radius: 25px;

  border-radius: 25px;

  margin: 75px auto;

  background: #0a0809;

}

.theme-wrapper.iOSdevice.portrait {

  padding: 30px 10px 50px 10px;

  position: relative;

}

.theme-wrapper.iOSdevice.landscape {

  padding: 10px 50px 10px 30px;

  position: relative;

}

.theme-wrapper.hidden {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

}

.theme-wrapper.notiOS iframe {

  padding-top: 50px;

}

ul.icon-links {

  margin: 0;

  list-style: none;


}

ul.icon-links a {

  display: block;

  text-indent: -9999px;

  position: relative;

  height: 50px;

  width: 50px;

  color: #FFD700;

  outline: none;

}

ul.icon-links li.ahotline a {

  display: block;

  text-indent: 0px;

  position: relative;

  height: 50px;

  width: auto;  padding-left: 25px; line-height: 50px; font-size: 16px;

  color: #fff; padding-right: 15px;

  outline: none;

  font-weight:bold;

}

ul.icon-links li.ahotline a:before {

  width: auto;

font-size: 24px;

  }

ul.icon-links a:before {

  font-family: 'FontAwesome';

  speak: none;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 50px;

  -webkit-font-smoothing: antialiased;

  margin: 0;

  text-indent: 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  -webkit-transition: all ease 0.238s;

  -moz-transition: all ease 0.238s;

  -o-transition: all ease 0.238s;

  transition: all ease 0.238s;

  content: "\f095";

}

ul.icon-links a.activeLandscape:before {

  -webkit-transform: rotate(90deg);

  /* Saf3.1+, Chrome */

  -moz-transform: rotate(90deg);

  /* FF3.5+ */

  -ms-transform: rotate(90deg);

  /* IE9 */

  -o-transform: rotate(90deg);

  /* Opera 10.5 */

  transform: rotate(90deg);

  zoom: 1;

}

ul.icon-links a.activeLandscape:hover:before {

  -webkit-transform: rotate(0);

  /* Saf3.1+, Chrome */

  -moz-transform: rotate(0);

  /* FF3.5+ */

  -ms-transform: rotate(0);

  /* IE9 */

  -o-transform: rotate(0);

  /* Opera 10.5 */

  transform: rotate(0);

  zoom: 1;

}

ul.icon-links a.activePortrait:hover:before {

  -webkit-transform: rotate(90deg);

  /* Saf3.1+, Chrome */

  -moz-transform: rotate(90deg);

  /* FF3.5+ */

  -ms-transform: rotate(90deg);

  /* IE9 */

  -o-transform: rotate(90deg);

  /* Opera 10.5 */

  transform: rotate(90deg);

  zoom: 1;

}

ul.icon-links .desktop:before {

  content: "\f108";

}

ul.icon-links .tablet:before {

  content: "\f10a";

}

ul.icon-links .phone:before {

  content: "\f10b";

}

ul.icon-links .desktop,

ul.icon-links .tablet,

ul.icon-links .phone {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

}

ul.icon-links .desktop:hover,

ul.icon-links .tablet:hover,

ul.icon-links .phone:hover,

ul.icon-links .desktop.active,

ul.icon-links .tablet.active,

ul.icon-links .phone.active {

  filter: alpha(opacity=@opacity * 100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.ahotline a{font-size: 24px; color: #FFF;}

ul.icon-links .purchase {

  text-indent: 0;

  line-height: 50px;

  width: auto;

  padding: 0 20px;

  font-weight: 500;

  background: #13384a;

}

ul.icon-links .purchase em {

  font-weight: 700;

  font-style: normal;

  color: #b5f4c3;

  padding: .202em .618em;

  background: #13384a;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  margin-left: .618em;

}

ul.icon-links .purchase:before {

  position: static;

  font-family: 'FontAwesome';

  speak: none;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  margin-right: 10px;

  line-height: 50px;

  content: "\f07a";

}

ul.icon-links .purchase:hover {

  background: #ff2200;

}

ul.icon-links .purchase:hover em {

  background: #2eb04a;

}

ul.icon-links .reveal:before {

  content: "\f078";

}

ul.respond a {

  cursor: pointer;

}

ul.respond a:before {

  font-size: 24px;

}

ul.respond a.desktop {

  margin-right: .236em;

  margin-left: 1em;

}

ul.actions {

  float: right;

  margin-right: 50px;

}

#theme-demo {

  -webkit-box-sizing: border-box;

  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;

  /* Firefox, other Gecko */

  border-radius: 10px;

  box-sizing: border-box;

  /* Opera/IE 8+ */

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

  -webkit-box-shadow: 0 -50px 0 0 #000000;

  box-shadow: 0 -50px 0 0 #000000;

}

.iOSdevice #theme-demo {

  position: static;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  -webkit-box-shadow: none;

  box-shadow: none;

}

/**

 * Smallscreen

 */

@media only screen and (max-width: 480px) {

  .switcher {

    padding-left: 0;

  }

  .switcher .respond,

  .switcher .woologo,

  .switcher .styles-drop,

  .switcher .examples-drop,

  .switcher ul.actions {

    display: none;

  }

  .switcher ul.actions {

    padding-left: 0;

  }

  .switcher .dropdown {

    float: left;

  }

  .switcher .dropdown .active-theme .category {

    display: none;

  }

  .switcher .dropdown a {

    width: 150px;

  }

  .switcher .dropdown ul.themes {

    width: 320px;

  }

  .switcher .dropdown ul.themes a {

    width: 100%;

  }

}

@media only screen and (max-width: 768px) {

  .switcher .styles-drop {

    display: none;

  }

}

/**

 * Retina

 */