/* voir Brandon */

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Open Sans"), local("OpenSans"),
       url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */
       url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.woff") format("woff"), /* Modern Browsers */
       url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */
       url("/web/scopalto/fonts/open-sans/open-sans-v10-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
       url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.woff2") format("woff2"), /* Super Modern Browsers */
       url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.woff") format("woff"), /* Modern Browsers */
       url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */
       url("/web/scopalto/fonts/open-sans-bold/open-sans-v10-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}

/* open-sans-condensed-300 - latin */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Cond Light"), local("OpenSans-CondensedLight"),
       url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.woff2") format("woff2"), /* Super Modern Browsers */
       url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.woff") format("woff"), /* Modern Browsers */
       url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */
       url("/web/scopalto/fonts/open-sans-condensed/open-sans-condensed-v10-latin-300.svg#OpenSansCondensed") format("svg"); /* Legacy iOS */
}

/* https://github.com/necolas/normalize.css/blob/master/normalize.css */
/* html5 */
/* hgroup, details, figcaption, figure, footer, article, aside, header, section, */
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display:block; padding:0; margin:0;
}

html {
  font-size:100%; height:100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* font-family2:Georgia,Times New Roman,Times,Serif; */
body {
  background:#efefef; font-size:12px; width:100%; height:100%;
  line-height2:1.428571429; margin:0; padding:0;
  font-family:"Open Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

*:after, *:before,
div, span, input, textarea, select, button, td, p,
h1, h2, h3, label, li, ul,
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary
 {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input {
  line-height: normal;
}

input[type=text], input[type=password], textarea, select {
  width:100%; box-shadow:none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

html, body,
ul, li, div, span, strong, em, head,
table, td, tr, tbody,
h1, h2, h3, p, fieldset,
form, input, select, textarea { padding:0; margin:0; }

:focus { outline:0; }

ul { list-style:none; }

fieldset { border:none; }

table {
  empty-cells:show; border:none; border-collapse:collapse; border-spacing:0;
}

.columns { table-layout:fixed; width:100%; }

b, strong { font-weight: bold; }

li { list-style:none; }

td, th { vertical-align:top; }

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

.clear {
  clear:both; display:block; font-size:0; height:0; line-height:0;
  width:100%; margin:0; min-height:0; padding:0;
}

main:after, nav:after, .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}



.show-more {
  display:block; background:#eee; clear:both; border:1px solid #aaa;
  width:310px; margin:20px auto 45px auto; padding:8px; border-radius:3px;
  text-align:center; user-select:none; cursor:pointer; text-transform:uppercase;
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}
.show-more i { font-size:0.8em; margin:0 4px; }

a { color:inherit; }

a:focus {
  outline:thin dotted;
}

a:active, a:hover {
  outline: 0;
}

input[type="search"] {
  -moz-appearance: textfield;
  -webkit-appearence: textfield;
  appearence: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

h1, h2, h3 {
  font-family:"Open Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  margin:0;
  }

header {
  position:fixed; top:0; right:0; left:0; height:40px;
  color:white; background-color:#29143d;
  line-height:40px;
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}




header .fa, .sitepanel .fa { cursor:pointer; }

header .wrapper { width:970px; margin:0 auto; }
.filters .wrapper { width:970px; margin:0 auto; }


.pulse-dot {
  /*display: none;*/
  width: 6px;
  height: 6px;
  background-color: #85bf25;
  position: absolute;
  border2: 3px solid #8bc435;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /*  margin-left: -6px; */
  /*  border: 2px solid #2b2b2b; */
}

.expanding-circle {

/*  position: absolute;
  top: 10px;
  left: 10px; */

  border: 3px solid #8bc435;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  position: absolute;
  left: -6px;
  top: -6px;
  opacity: 0;
  -webkit-animation: pulsate 1.8s ease-out infinite;
  -moz-animation: pulsate 1.8s ease-out infinite;
  animation: pulsate 1.8s ease-out infinite;
}

@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(0.1,.1); opacity: .3; }
  50% { opacity: .8 }
  100% { -webkit-transform: scale(1.2,1.2); opacity: 0; }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(0.1,.1); opacity: .3; }
  50% { opacity: .8 }
  100% { -moz-transform: scale(1.2,1.2); opacity: 0; }
}
@keyframes pulsate {
  0% { transform: scale(0.1,.1); opacity: .3; }
  50% { opacity: .8 }
  100% { transform: scale(1.2,1.2); opacity: 0; }
}

@-webkit-keyframes pulsate2
{
  0% {-webkit-transform: scale(0); opacity: 0;}
  8% {-webkit-transform: scale(0); opacity: 0;}
  15% {-webkit-transform: scale(0.1); opacity: 1;}
  30% {-webkit-transform: scale(0.5); opacity: 1;}
  100% {opacity: 0; -webkit-transform: scale(1);}
}

@-moz-keyframes pulsate2
{
  0% {-moz-transform: scale(0); opacity: 0;}
  8% {-moz-transform: scale(0); opacity: 0;}
  15% {-moz-transform: scale(0.1); opacity: 1;}
  30% {-moz-transform: scale(0.5); opacity: 1;}
  100% {opacity: 0; -moz-transform: scale(1);}
}

.cursor-tooltip {
  position:absolute;
  top:0;
  left:0;
  float:left;
  font-size:12px;
  padding:5px 15px;
  line-height:1.6em;
  background-color:#555;
  background-color:rgba(0,0,0,0.85);
  color:white;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  z-index:100;
  text-align:center;
  max-width:400px;
}


header .logo {
  width:190px; display:inline-block; cursor:pointer;  padding-left:12px;
  -webkit-user-select:none; user-select:none; float:left;
}

header .logo.selected { background:#371d53; }
header .logo div.icon {
  height:40px; line-height:40px; display:inline-block; float:left; position:relative;
}

header .logo .icon .fa {
  cursor:pointer; font-size:16px; vertical-align:middle;
}
header .logo .image { float:left; height:40px; line-height:40px; margin-left:8px; }
header .logo .image img { vertical-align:middle; }

header .search {
  width:590px; height:40px;  display:inline-block; text-align:center; float:left;
}
header .search .background { width:310px; height:40px; display:inline-block; background:#371d53; }
header .search .background > div { float:left; display:inline-block; vertical-align:middle; }
header .search .background div.sliders { width:40px; text-align:center; position:relative; }

header .search div.input { width:230px; }
header .search div.search { width:40px; text-align:center; }

header .search input[type=text] {
  width:100%; border:none; border-radius:0; background:transparent;
  color:white; font-size:1.2em; padding:0;
}
header .search .fa-sliders { font-size:16px; margin-top:4px; }
header .search .fa-search { font-size:14px;  }

header .search .fa-dark { opacity:0.4;}

header .icons {
  width:190px; display:inline-block; text-align:right;
  float:left; padding-right:10px; }
header .icons .icon {
  height:40px; line-height:40px; width:36px; display:inline-block;
  text-align:center; cursor:pointer; position:relative;
}
header .icons .icon:hover {
  background:#371d53;
}
header .icons .fa { vertical-align:middle; font-size:14px; }



header .pulse-menu { top:24px; left:12px; }
header .pulse-filters { top:24px; left:26px; }
header .pulse-cart { top:24px; left:20px; }

/*header .divider {
  float: left;
  width: 1px; height: 40px; margin: 0 15px;
  background-color:#e5e5e5; border-right: 1px solid #fff;
}*/

header a { color:white; }

.filters {
  position:fixed; top:40px; right:0; left:0; height:40px;
  background-color:#29143d;
  line-height:40px; }

.filters .filter { display:inline-block; width:180px; padding-right:20px; }
.filters .filter select { width:100%; }
.filters .cancel { color:white; float:right; cursor:pointer; margin-right:10px; }

.app-academia .filter-price { display:none; }
.app-academia .card-num i { display:none; }

.app-academia header .search .background { background:#333; }
/*.app-academia header .icons { display:none; }*/
.app-academia header { background:black; }
.app-academia .filters { background-color:black; }

.app-academia .logo .icon { display:none; }
.app-academia .logo .image { margin-left:0; }
.app-academia header .logo:hover { background-color:#222; }

.app-academia.action-auth header { display:none; }
.app-academia.action-auth main { padding:0; }

.app-academia header .icons .icon:hover { background:#333; }


.action-auth main { height:100%; }
.action-auth main table { height:100%; width:300px; margin:0 auto; }
.action-auth main td { vertical-align:middle; text-align:right; }
.action-auth main form input { margin-bottom:8px; }

textarea, input[type=text], input[type=password], select {
  border:1px solid white; box-shadow:none;
  padding:4px; border-radius:3px;
}

select {
  border:1px solid white; box-shadow:none;
  padding2:4px; height2:20px; background:white;
}

.fa-hidden { visibility:hidden; cursor:none; }




.cover-card {
  width:100px; height:125px; padding-top:98px; display:block;
  cursor:pointer; overflow:hidden;
  -moz-box-sizing: border-box; box-sizing:border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;

  /*-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);*/
}

.cover-card div {
  text-align:center; color:white;
  background-color:black; background:rgba(0, 0, 0, 0.8);
  height:25px; line-height:25px;
}
.cover-card div span {
  font-family:Georgia, times, serif;
}




.card-num .fa-circle,
.cover-card .fa-circle {
  color:#8bc435; font-size:9px; margin-right:2px; vertical-align:middle;
  -webkit-text-stroke: 1px white;
}

.card-num i.free,
.cover-card i.free { color:#fdf636; }

.sitepanel .cover-card { float:left; margin:5px; }

.logo-flow-inline { padding:5px; }
.mag-card {
  position:relative;
  float:left; display:inline-block; width:310px; height:100px;
  cursor:pointer; margin:5px; text-align:center; line-height:100px;
}
.mag-card img {
  max-width:150px; max-height:100px; vertical-align:middle;
}
.mag-card .indicator {
  color:#29143d; display:none; right:6px; top:6px;
  position:absolute;
}


.card-flow-inline { padding:5px; }

/* float:left; required to prevent extra space */
.card-flow-inline .card {
  display:inline-block; margin:5px; float:left;
}

.card-flow-inline .cover-card { /*float:left;*/
  display:inline-block; margin:5px;
}

.card {
  cursor: pointer;
  height: 136px; width: 310px;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 1px solid;
  border-radius: 3px;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.card-content {
  padding: 0 6px 0 110px; height:109px; overflow: hidden;
}
.card-mag {
  font-size:140%;
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  color:black; text-decoration:none; padding:8px 0;
  display:block; font-weight:bolder;
}
.card-title {
  font-size: 0.9em;
  text-decoration: none;
}
.card-tags { font-size: 0.9em; color: #888; }
.card-tags span { color: #bbb; }

.card-metas {
  display: flex; flex-direction: row;
}
.card-num {
  width:100px; text-align:center;
  color:white;
  height:25px; line-height:25px;
  background-color:black; background:rgba(0, 0, 0, 0.9);
}
.card-num span { font-family:Georgia, times, serif; }
.card-date {
  width:160px; text-align:center; font-size:0.9em; border-top:1px solid #eee;
  height:25px; line-height:24px; flex: 1;
}
.card-date span { vertical-align:middle; display:inline-block; color:#777; }
.card-price {
  width:48px; border-top:1px solid #eee; color:#29143d;
  text-align:center; height:25px; line-height:24px;
}
.card-pdf {
  background:#c6bcd1; border-color:#c6bcd1; font-size:0.9em;
}


.app-academia .card-price { background: white; border-top: 1px solid #eee; }
.app-academia .card-price span { display: none; }


main {
  padding: 40px 0 0 0;
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
}

.leader { background-color:#ddd; padding:30px 15px 40px; }

ul.inline > li  { display:inline-block; padding:0 5px; }

.screen-reader {
    position:absolute;  width:1px;  height:1px;  padding:0;
    margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0;
}

h1.mag-title {
  font-weight: bolder;
}
em.mag-lede {
  font-family: "Open Sans Condensed"; font-style: normal; display:block;
}

.panel { overflow-y:hidden; }

.panel-mag .mag-title { font-size: 2em; line-height:1.1em; }
.panel-mag .mag-lede { font-size: 1.2em; line-height:1.1em; margin-top:6px; }

.panel-magazines .mag-filters { text-align:right; height:50px; background:#ddd; line-height:50px; }
.panel-magazines .mag-filters select { width:200px; margin-right:12px; }
.panel-magazines .arrow {
  float:left; display:inline-block; width:65px; height:230px;
  text-align:center; line-height:230px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-magazines .arrow i { vertical-align:middle; color:#aaa; padding:8px; }
.panel-magazines .arrow i:hover { color:#bbb; }
.panel-magazines .logo-flow-inline {
  width:650px; float:left;
}

span.action-txt { text-decoration:underline; cursor:pointer; }
span.action-txt:hover { text-decoration:none; }

span.action-btn { cursor:pointer; padding:4px; border:1px solid #aaa; }
span.action-btn:hover { border:1px solid #bbb; }

.overlay {
  display:table; position:fixed; width:100%; height:100%;
  top:0; left:0; background:rgba(1, 1, 1, 0.5); border-spacing:0px; border-collapse:collapse;
}
.overlay-popup {
  display:block; position:fixed; width:100%; height:100%;
  top:0; left:0; background2:rgba(1, 1, 1, 0.5);
  background:rgba(47,54,69,0.7)
}

.support {
  display:table-cell; vertical-align:middle; text-align:center;
  height:100%; border:none;
}
.support-popup {
  display:block; width:100%; height:200px; position:fixed; bottom:0; left:0;
  background:rgb(41, 20, 61);
}

.dialog {
  position:relative; margin:0 auto; text-align:left;
  overflow: auto; display:inline-block;
/*  box-sizing:content-box; -moz-box-sizing:content-box; display:relative; border-radius:5px; */
  background-color:white;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.dialog-popup {
  max-width:400px; width:100%; padding:10px; margin:0 auto; height:200px; background:rgb(41, 20, 61);
  -webkit-box-shadow:none; box-shadow:none;
  color:white; display:table;
}
.dialog-popup > div {
  display:table-cell; vertical-align:middle;
}
.dialog-popup input[type=text] {
  border-radius:0; width:200px; margin-right:10px;
}
.dialog-popup input[type=submit], .dialog-popup input[type=button] {
  border-color:white; color:white; -webkit-flex:1; -ms-flex:1; flex:1;
}

.dialog-popup p {
  display:block; text-transform:uppercase; margin-bottom:24px; font-size:0.9em; letter-spacing:1px;
  line-height:1.6em;
}
.dialog-popup form {
  display:-webkit-flex; display:-ms-flex; display:flex;
}
.dialog-popup em { font-weight:bolder; }
.dialog-purchase {
  width:300px; height:300px;
  line-height:2.2em;
}

.dialog-pdf-reader {
  width:100%; height:100%; background-color:black; overflow:hidden; border:20px; border-color:black;
  min-width:700px; min-height:500px;
}
.dialog-pdf-reader iframe { width:100%; height:100%; border:none }

.close-pdf-reader { top:-5px!important; right:-5px!important; }

.dialog-purchase div:first-child {
  display:block; height:150px; color:white; padding:0 30px;
  background-color:#29143d; line-height:150px; font-size:1.2em;
}

.dialog-purchase div:last-child {
  display:block; padding:30px; color:#29143d;
}

.dialog-purchase .action-btn {
  border-color:#29143d #29143d; color:#29143d; font-size:0.9em;
  text-transform: uppercase;
}

.dialog-snippet { width:600px; height:400px; padding:10px; }
.dialog-snippet h1 { margin-bottom:16px; font-weight:bolder; font-family:1.2em; }
.dialog-snippet h2 { margin:12px 0;  text-tranform:uppercase; font-weight:bold; }
.dialog-snippet p + p { margin-top:4px; }
.dialog-snippet-terms-use { padding:16px; }

.dialog-sharer { width:300px; height:400px; }
.dialog-sharer .row-content { height:200px; padding:20px; background:#405D9B; color:white; }
.dialog-sharer .row-button { text-align:center; padding-top:80px; }
.dialog-sharer em {
  font-style:normal; font-weight:bolder;
}
.dialog-sharer p { display:block; margin-bottom:8px; }
.dialog-sharer input[type=button] { background:#405D9B; border:1px solid #405D9B; color:white; }

.overlay .close {
  position:fixed; right:0; top:0; margin:8px 10px 0 0; display:block;
  cursor:pointer;
  color:white;
}

.dialog-auth {
  vertical-align:middle; border-radius:0;
  -webkit-box-shadow:none; box-shadow:none;
}

.homepanel {
  position:fixed; top:40px; left:0; right:0; bottom:0;
  background:rgba(41, 20, 61, 0.9);
  color:white; padding:0 10px;
}

.homepanel li {
  display:block; line-height:40px;
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
}

.homepanel li i {
  float:right;
}

.homepanel li span {
  text-transform:uppercase;
}

.sitepanel {
  position:fixed; top:40px; width:970px; height:280px;
  background:white;
  -webkit-box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
  box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
}

.panel-about .col { display:inline-block; height:100%; float:left; }
.panel-about .col-left {
  width:400px; padding:16px 30px 0 30px;
}
.panel-about .col-left p {
  font-family: "Open Sans Condensed"; font-style: normal;
  display:block; font-size:16px; margin-bottom:8px;
}
.panel-about .col-left p:first-child {
  font-size:20px; font-weight:bold; margin-bottom:14px;
}
.panel-about .col-left p:last-child { margin-bottom:0; }
.panel-about .col-middle {
  width:310px;
  border-left:1px solid #ccc; border-right:1px solid #ccc;
}
.panel-about .col-middle .bar {
  padding:20px 20px 0 24px;
}
.panel-about .col-middle label {
  text-transform:uppercase; font-size:0.9em; font-weight:bolder;
  display:block;
}
.panel-about .col-middle .bar-newsletter {
  height:140px; border-bottom:1px solid #ccc;
}
.panel-about .col-middle .field  {
  height:24px; background:white; border-radius:3px; margin:10px 0;
}
.panel-about .col-middle .field .icon {
  height:24px; line-height:24px; display:inline-block; float:left;
  width:28px; text-align:center;
}
.panel-about .col-middle .field .icon .green {
  color:#85bf25;
}
.panel-about .col-middle .field .input {
  height:24px; line-height:24px; display:inline-block; float:left;
}
.panel-about .col-middle .field .fa {
  vertical-align:middle;
}
.panel-about .col-middle .field input[type=text] {
  padding:0; border-radius:0; border:none; padding:0; width:220px;
}
.panel-about .col-middle .button {

}

.panel-about .col-right img { margin-bottom:10px; }
.panel-about .col-right p { display:block; margin-top:8px; }
.panel-about .col-right { width:70px; }
.panel-about .col-right li {
  display:block; height:70px; width:70px; text-align:center; line-height:70px;
  color:#29143d; cursor:pointer;
}
.panel-about .col-right li:hover {
  background:white;
}
.panel-about .col-right .fa { color:#29143d; vertical-align:middle; }

.signup-container {
  max-width:500px; width:100%; margin:0 auto;
}

main .signup-container {
  border-radius:3px;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.signup-container .views {
  color:#29143d; background:white; padding:10px;
}
.signup-container h2 {
  line-height:32px; font-weight:bolder; padding:0 6px; font-size:1.6em;
}
.signup-container .action-txt { text-decoration:none; color:#371d53; }
.signup-container .action-txt:hover { text-decoration:underline; }
.signup-container form table { width:100%; }
.signup-container form td { padding:6px; vertical-align:middle; }
.signup-container label { font-weight:bolder; }
.signup-container .terms-of-use-container { padding-top:10px; }
.signup-container .action-txt { font-size:0.9em; }
.signup-container .terms-of-use:hover { text-decoration:unerline; }
.signup-container tr:first-child td { padding:20px 6px; }
.signup-container .action-txt[data-view=password] {
  text-decoration:underline; font-weight:normal; padding:0 2px; }

.signup-container form input[type=text],
.signup-container form input[type=password] {
  width:100%; background:#efefef; border:1px solid #efefef; box-shadow:none;
  height:30px; padding:0 10px; border-radius:3px; }
.signup-container form input[type=submit] {
  border-color:#29143d; color:#29143d;
  height:40px; width:100%;
}
.signup-container .oauth {
  background:#f0f0f0; padding:10px; line-height:20px;
  border-top:1px solid #dadada;
}
.signup-container .oauth .buttons { margin-top:8px; }
.signup-container .btn-social {
  color:white; padding:6px 10px; display:inline-block; width:100px;
  cursor:pointer;
}
.signup-container .btn-facebook { background:#405d9b; }
.signup-container .btn-google { background:#d73d32; }
.signup-container .btn-social i { margin-right:6px; }

main .signup-container { margin-top:100px; }

.blockinfo {
  width:100%;
  background:#f3f3f3; border:1px solid #aaa; padding:8px;
  font-size:1.1em;
}
.blockinfo p { margin-top:6px; }
.blockinfo p:first-child { margin-top:0; }



.sitepanel table {
  height:100%; width:100%;
}

.sitepanel .left {
  width:190px; background:#371d53; /*#29143d;*/
  vertical-align:top; }

.sitepanel .left li {
  padding:7px 0 7px 10px; cursor:pointer; color:white;
  letter-spacing: 1.12px; text-transform:uppercase; font-size:0.9em;
    -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.sitepanel .left li.selected {
  background:#eee; color:#371d53;
}

.sitepanel .left li:last-child {
  border-bottom:none;
}

.sitepanel .left li:hover {
  text-decoration:underline;
}

.sitepanel .right {
  background-color:#eee;
}

.sitepanel .panels { overflow-y:auto; }

.sitepanel .panel { height:100%; }

.panel-contact label {
  display:block; font-weight:bold; margin-bottom:4px;
  text-transform:uppercase; font-size:0.8em;
}
.panel-contact ul.hbox li { display:block; margin-bottom:10px; }
.panel-contact ul.hbox li.button { padding-top:12px; }
.panel-contact ul.hbox li:last-child { margin-bottom:0; }
.panel-contact form { display:block; height:100%; }
.panel-contact .columns { width:100%; height:100%; }
.panel-contact .columns > .column {
  padding:8px 16px 16px 0; display:inline-block; float:left; width:50%; height:100%;
}
.panel-contact .columns > .column:first-child { padding-left:16px; }
.panel-contact li.button { text-align:right; }
.panel-contact .flex-container {
  height:100%; width:100%;
  display:-webkit-flex; -webkit-flex-direction:column;
  display:flex; flex-direction:column;
}
.panel-contact .flex-container .flex-item {
  display:-webkit-flex; display:flex;
}
.panel-contact .flex-container .flex-item:last-child {
  -webkit-flex:1; -webkit-flex-direction:column;
  flex:1; flex-direction:column;
}
.panel-contact textarea {
  min-height:200px; height:100%;
  display:-webkit-flex; -webkit-flex:1;
  display:flex; flex:1;
}
.panel-contact .message:first-letter {
  text-transform: uppercase;
}
.panel-contact .message {
  display: none;
}
.panel-contact .message-ok {
  color: #209030;
}
.panel-contact .message-ko {
  color: #d43f3a;
}

.panel-trends {  }
.panel-trends .cloud { line-height:2em; text-align:center; padding:24px 20px 0 20px; }
.panel-trends A { text-transform:capitalize; text-decoration:none;  }
.panel-trends A.tag1 { color:#999; }
.panel-trends A.tag2 { font-size:1.2em; color:#666; }
.panel-trends A.tag3 { font-size:1.4em; font-style:italic; }
.panel-trends A.tag4 { font-size:1.8em; font-weight:400; }

.panel-register > div {
  display:inline-block; width:380px; height:150px; margin:6px;
  border:1px solid #aaa;
}

.panel-free { overflow-y2:hidden; }
.panel-free div.issues { padding:5px; }

.symbol-card {
  display:inline-block; height:125px; width:100px; line-height:125px;
  margin:5px; text-align:center; }
.symbol-card:hover { background:white; border-radius:3px; }
.symbol-card i { vertical-align:middle; }

.panel-blog > div { float:left; }
.panel-blog strong {
  display:block; height:30px; line-height:30px; text-transform:uppercase;
  font-size:0.9em; vertical-align:middle; border-bottom:1px solid #ccc;
  padding-left:10px;
}
.panel-blog .col-mags {
  width:331px; display:inline-block; height:100%;
  border-right:1px solid #ccc;
}
.panel-blog .col-posts {
  width:449px;
}
.panel-blog .col-posts span { color:#666; font-size:0.8em; }
.panel-blog ul { margin-top:6px; }
.panel-blog li { display:block; padding:4px 0 4px 20px }

.userpanel li {
padding:6px; border-bottom:1px solid #eee;
}
.userpanel li[data-action], .userpanel span[data-locale] { cursor:pointer; }
.userpanel li:first-child {
  text-align:right; text-transform:uppercase; font-size:0.9em;
}
.userpanel [data-locale].selected { font-weight:bolder; }

.userpanel li[data-action]:hover {
  background:#f2f2f2;
}


.panel-worlds {
  padding:10px;
}

.panel-worlds a {
  text-decoration:none; color:inherit; font-size:1.4em;
  line-height:1.5em;
}

.panel-worlds a:hover {
  text-decoration:underline;
}

.panel-map {
  width:100%; height:200px; overflow-y:hidden;
}

.panel-world { }
.panel-world .logos {  }
.panel-world .logo {
  text-align:center;
  width:150px; height:80px; line-height:80px;
  float:left; margin:22px 0 0 40px; cursor:pointer;
}
.panel-world .logos img {
  vertical-align:middle;
}

.panel-faq .titles { width:160px; }
.panel-faq .titles li {
  display:block; padding:8px 0 8px 8px; cursor:pointer;
  border-bottom:1px solid #ccc; text-transform:uppercase; font-size:0.8em;
}
.panel-faq .titles li.selected { font-weight:bold; }
.panel-faq .contents { padding:8px; background:white; }
.panel-faq .contents p + p { margin-top:6px; }
.panel-faq .contents ul { margin-top:4px; }
.panel-faq .contents li { list-style:circle inside; }
.panel-faq .contents em { display:block; margin:0 0 5px 0; font-weight:bolder; font-style:normal; }
.panel-faq div { margin-bottom: 6px; }
.panel-faq .questions { height:100%; }

[data-tabbox] > div:first-child  { border-bottom:1px solid #ccc; }
[data-tabbox] > div:first-child > div {
  display:inline-block; cursor:pointer;
  margin-bottom:-1px;
  font-size:0.9em; text-transform:uppercase;
  padding:0px 20px 8px 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-tabbox] > div:last-child > div { display:none; }


.userpanel {
  position: fixed;
  background: #fff;
  border: 1px solid #ccc;
  border-radius:3px;
  -webkit-box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
  top: 50px; left: 200px; width: 200px;  height: 200px;
  padding:6px 6px 0 6px;
}

.userpanel:after, .userpanel:before {
  right: 10px;
}


button {
  display:block; width:260px; height:26px;
  font-weight:bolder; color:white; border-radius:4px;
  border-style:solid;
  border-width:1px;
}
button.social i {
  padding:0 10px; width:20px;

}
button.social span {
  height:26px;
  line-height:26px;
  border-width:0 0 0 1px;
  border-style:solid;
  border-color:#bc4031;
}
button.facebook { background-color:#5f78ab; }
button.google { background-color:#dd4b39; border-color:#bc4031; }


.userpanel:after, .userpanel:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.userpanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.userpanel:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 9px;
  margin-left: -9px;
}

/* -- ISSUE ------------------------------------------------------------------*/


.breadcrumb { padding-left: 18px; margin-bottom: 30px; }
.breadcrumb li { display: inline-block; margin-right: 8px; }
.breadcrumb li a { margin-left: 3px; }
.breadcrumb li:before {
  content: "\00BB";
}

.dialog-issue { width:970px; height:466px; border-radius:3px; }

.issue h1 {
  display:block; padding-top:26px; font-size:24px; font-weight: bolder;
  font-family:Georgia, Times, "Times New Roman", serif; padding-left: 16px;
}

.dialog-issue h1 { padding-bottom: 30px; }

.issue aside { float:right; user-select:none; }
.issue .fa { cursor:pointer; }
.issue aside table { width:200px; text-transform:uppercase; font-size:0.8em; }
.issue td { border:1px solid black; height:20px; vertical-align:middle;  background-color:white; }
.issue td:first-child { text-align:right; padding-right:4px; width:64px; }
.issue td:last-child { padding-left:4px; }
.issue figure {
  display:block; width:200px; height:250px; overflow:hidden; padding-top2:200px;
  background-repeat:no-repeat;
  -webkit-background-size: 200px 250px;
  -moz-background-size: 200px 250px;
  -o-background-size: 200px 250px;
  background-size: 200px 250px;
  border-left:1px solid black;
}
.issue figure div.cover { width:200px; height:200px;  }
.issue figure div.control {
  text-align:center; color:white;
  background-color:black; opacity:0.9;
  height:50px; line-height:50px;
}
.issue figure:hover div.control { opacity:1; }

.issue-share {
  vertical-align: middle;
  display: flex;
  flex-direction: row;
}
.issue-share div {
  flex: 1; padding-top: 8px;
  display: flex; justify-content: center;
}
.issue-share i {
  color: black; font-size: 20px; cursor: pointer;
}

.dialog-issue .issue-share { background-color: white; }
.action-issue .issue-share div { padding-top: 16px; }

.issue .articles { padding-right:200px; }
.issue .article { }
.issue h2 { font-weight:bolder; font-size:1.2em; border-bottom:1px solid black; padding-left:14px; }
.issue h2 span { border-bottom:2px solid black; line-height:24px; display:inline-block; padding:0 2px; }
.issue .content { padding:0 0 26px 14px; }
.issue em {
  font-family:"Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style:normal; font-size:1.1em; display:block; margin:4px 0 6px 0; }
.issue p { margin:4px 8px 0px 0px;  }
.issue input[type=button] { border:1px solid white; background:black; color:white; }
.issue input[type=button]:hover { font-weight:bolder; background:white; color:black; }
.issue input[type=button]:focus { outline:none; }

.issue nav {
  background-color: white;
  width:200px;
  border-left:1px solid black; border-right:1px solid black;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.issue nav div {
  float:left; display:inline-block; line-height:36px; height:36px;
  text-align:center;
}
.issue nav .arrow { width:40px; text-align:center; }
.issue nav .arrow i { font-size:20px; vertical-align:middle; }
.issue nav .number { width:118px; }
.issue nav .number span { font-size:1.4em; vertical-align:middle; }

main .issue figure { border-right:1px solid black;  }

.dialog-issue aside nav { background-color:#efefef; }
.dialog-issue aside td { background-color:#efefef; }
.dialog-issue .breadcrumb { display: none; }

input[type=button], input[type=submit] {
  border: 2px solid black; text-transform: uppercase; height: 30px;
  background: transparent; color: black; cursor: pointer; padding: 0 6px;
  font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;
}

/*
@-moz-document url-prefix(http://) {
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner { border:0;padding:0;margin:0; }
}
*/

.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.sk-spinner-three-bounce div {
  width: 10px;
  height: 10px;
  background-color: #29143d;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); }
}

.action-map main { position:fixed; bottom:0; top:0; right:0; left:0; padding:0; width:100%; height:100%; }

@media screen and (min-width: 750px) {
  -webkit-tap-highlight-color: transparent;
  header .logo:hover { background:#371d53; }
  /*.card:hover .card-front-side { display:none; }
  .card:hover .card-back-side { display:table-cell; }
  .card:hover .card-num { background:rgba(0, 0, 0, 1); }*/
  .cover-card:hover div { background:rgba(0, 0, 0, 1); display:block; }
  .mag-card:hover { background:white; border-radius:3px; }
  .mag-card:hover .indicator { display:inline; }
}

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

  header div.wrapper { width:100%; display:-webkit-flex; display:-ms-flex; display:flex; }
  header div.logo { width:40px; }
  header div.logo div.image { display:none; }
  header div.search { -webkit-flex:1; -ms-flex:1; flex:1; }
  header div.search div.background { width:200px; }
  header div.search div.sliders { display:none; }
  header div.search div.input { width:160px; padding-left:10px; }
  header div.icons { width:80px; padding:0; }

  main, .filters .wrapper { width:100%; }

  .card-flow-inline {
    padding: 0 10px;
  }
  .card-flow-inline .card {
    display:block; margin:10px auto;
    float:none; width: 100%;
  }
  .action-magazine .main { margin-top:8px; min-height:200px; }
  .action-magazine .main .logo { display:none; }
  .action-magazine .content { width:100%; }
  .action-magazine .tabs li { padding-left:16px; padding-right:16px; }
  .action-magazine .details { width:100%; }
  .action-magazine .details .grid { width:100%; }
  .action-magazine .details table { width:100%; }
  .action-magazine .details .grid td:first-child { width:50%; }
  .action-magazine .share { display:none; }

  .action-cart .cart { margin:0; padding:0 20px; max-width: 100%; }
  .action-cart .cart .card { width: 100%; }
  .action-cart .cart .empty { float:none; }
  .action-cart .cart > div { display:block; }

  .action-issue .issue .articles { padding:0; }

  .action-issue aside {
    float:none; background-color:#efefef;
    display:-webkit-flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap;
  }
  .action-issue main .issue figure {
    margin:0; border:none; -webkit-order:1;
    width:200px; width2:50%;
  }
  .action-issue nav {
    display:-webkit-flex; display:-ms-flex; display:flex;
    -webkit-order:3; width:100%; background-color:white; border:none; }
  .action-issue nav .number { -webkit-flex:1; -ms-flex:1; flex:1; }
  .action-issue .metas { -webkit-order:2; flex: 1; }
  .action-issue .metas table { margin-top:10px; width:100%; }
  .action-issue .metas td { border:none; background: transparent; }
  .action-issue .metas td:last-child { max-width:75px; overflow-x:hidden; }
  .action-issue .tabbox { display:none; }

  .action-order .order section {
    display:block; width:100%; padding:0; margin-bottom:6px; }

  .scope-account .tabs .tab { padding:6px 4px; }
  .scope-account .tabs .tab-issues { display:none; }
  .scope-account .tabs .tab:first-child { margin-left:0px; }

  .action-post .post .content { padding-right: 0; }

}