/** {
  margin: 0;
  padding: 0;
}
*/
body {
  font: 14px 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.6;
  min-width: 1080px;
  margin: 0;
  padding: 0;
  color: #333;
}
img {
  border: 0;
}

a {
  color: #0052bb;
  text-decoration: none;
  outline: none;
}

a:visited {
  /*color: blue;*/
}

a.tag {
  font-size: 11px;
  color: #FFF;
  line-height: 20px;
  display: inline-block;
  border-radius: 3px 0 0 3px;
  padding: 0 5px 0 10px;
  margin-right: 15px;
  position: relative;
  background: #2c539e; /* Old browsers */
  background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
}

a.tag::after {
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: -20px;
  display: block;
  content: '';
  border-left: 10px #2c539e solid;
  border-right: 10px transparent solid;
  border-top: 10px transparent solid;
  border-bottom: 10px transparent solid;
}

figure {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
figcaption {
  font-size: 12px;
  font-weight: 400;
}

.clear {
  display: block;
  clear: both;
}

header {
  font: 12px "Open Sans", sans-serif;
  width: 100%;
  height: 70px;
  background-color: #0f435b;
  position: relative;
  z-index: 101;
  /*box-shadow: 0 3px 5px rgba(0,0,0,0.3);*/
}
footer .li_hover:hover{
  border-bottom: 4px solid #FFF;
}

footer .li_hover{
  border-bottom: solid 4px transparent;
}
title_p{
  font-size: 60px;
  margin-left: 38%;
}

message_published{
  font-size: 12px;
  margin-left:6%;
  color:black;
  margin-left:150px;
  margin-right:150px;
 
}

message_title{
  font-size: 20px;
  margin-left:6%;
  color:#0F435B;
  margin-left:150px;	
  margin-right:150px;
 

}

message_title:hover{
  font-size:30px;
  margin-left:6%;
  text-decoration: underline;
  margin-left:150px;
  margin-right:150px;
 
 
}


message_content{
  font-size:14px;
  color:black;
  display:block;
  margin-left:150px;
  text-align:left;
  margin-right:150px;
 
}


header a.logo {
  position: relative;
  z-index: 1000;
  float: left;
  height: 70px;
}

header div.header {
  width: 980px;
  margin: 0 auto;
  position: relative;
  height: 70px;
}

header a.topnav {
  font-weight: 600;
  color: #FFF;
  line-height: 70px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
}
header a.topnav.selected {
  background-color: #155B7A;
}
header a.topnav:hover {
  background-color: #155B7A;
  border-bottom:4px solid #FFF;
  height: 66px;
}

header .lang_sel {
  color: #555;
  display: inline-block;
  line-height: 20px;
  height: 20px;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  color: #DDD;
  border-radius: 5px;
  margin: 0 2px;
  padding: 0 10px;
  border: 1px transparent solid;
}

header a.lang_sel:hover {
  color: #FFF;
}
header div.lang_sel.current {
  color: #FFF;
  border: 1px #999 solid;
}

div.search {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  position: relative;
}
div.search input {
  font: 14px "Open Sans", sans-serif;
  color: #555;
  cursor: pointer;
  background-color: #0f435b;
  height: 30px;
  border: none;
  outline: none;
  width: 0;
  border-radius: 4px;
  padding: 0 10px 0 28px;
  background-image: url(../images/assets/search.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
}
div.search input.open {
  width: 162px;
  cursor: text;
  background-color: #FFF;
  transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
}
div.search input::-webkit-input-placeholder {
  color: transparent;
}
div.search input.open::-webkit-input-placeholder {
  color: #CCC;
}
#suggest {
  position: absolute;
  top: 50px;
  left: 20px;
  right: 20px;
  height: 0;
  /*max-height: 200px;*/
  background-color: #FFF;
  text-align: left;
  line-height: 30px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.5);
  border-radius: 0 0 5px 5px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  font-family: "Open Sans", sans-serif;
  transition: height .3s ease-out;
}
#suggest p {
  font-family: "Open Sans Condensed", sans-serif;
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 1px #EEE solid;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  background-color: rgb(219, 221, 190);
}
#suggest ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#suggest ul li {
}
#suggest ul li a {
  line-height: 1.4;
  display: block;
  text-align: left;
  padding: 5px 10px 5px 40px;
  text-decoration: none;
  color: #555;
  border-bottom: 1px #EEE solid;
  position: relative;
  overflow: hidden;
}
#suggest ul li a:hover {
  background-color: #EEE;
}
#suggest ul li a.selected {
  background-color: #CCC;
}
#suggest ul li img {
  max-height: 30px;
  position: absolute;
  top: 0;
  right: 270px;
}
#suggest ul li a span {
  font-weight: 600;
  color: #f15a22;
  border-bottom: 1px #999 dashed;
}

#suggest a.fullresults {
  background-color: #f15a22;
  color: #fff;
  text-align: center;
  width: 100%;
  display: inline-block;
  line-height: 30px;
  font-weight: 700;
}


footer {
  width: 100%;
  background-color: #0f435b;
  color: #FFF;
  position: relative;
  z-index: 100;
}

div.footer {
  width: 980px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

div.footer .links {
  font-size: 12px;
  font-weight: 300;
  color: #a6b2b9;
  text-align: center;
  margin-top: 20px;
}
div.footer .links a {
  color: #999;
  text-decoration: underline;
}
div.footer .links a:hover {
  color: #FFF;
}

input.field {
  font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  color: #555;
  height: 40px;
  border: none;
  outline: none;
  width: auto;
  border-radius: 4px;
  padding: 0 10px;
}
input[type='submit'] {
  height: 40px;
  background-color: #F15A22;
  border-width: 0 0 3px 0;
  border-color: #BE3F10;
  color: #FFF;
  cursor: pointer;
  padding: 0 30px;
  font-size: 16px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
}

input.register {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  background-color: #F15A22;
  height: 38px;
  position: absolute;
  right: 1px;
  top: 1px;
  border-radius: 2px;
  border: 0;
  width: 100px;
  padding: 0;
  text-align: center;
  box-shadow: -1px 0 3px rgba(0,0,0,0.5);
  cursor: pointer;
}

a.btn {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  background-color: #F15A22;
  height: 38px;
  line-height: 38px;
  border-radius: 2px;
  border: 0;
  padding: 0 40px;
  text-align: center;
  box-shadow: -1px 0 3px rgba(0,0,0,0.5);
  cursor: pointer;
}


.status_newsletter {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  font-weight: 300;
  color: #F7B753;
  text-shadow: 1px 1px 1px #000;
}

.status_newsletter.success {
  font-size: 24px;
  color: #FFF;
  background-color: #F15A22;
  border-radius: 2px;
  padding: 0 20px;
}


div.wide {
  background-color: #0f435b;
}




div.cover-wrapper {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  opacity: 0;
  border-bottom: 1px #CCC solid;
  /*box-shadow: 0 3px 10px rgba(0,0,0,0.3);*/
  transition: all .3s ease-out;
  height: 430px;
  z-index: 10;
  /*z-index: 30;*/
}

div.cover-wrapper.closed {
  height: 0;
  display: block;
  overflow: hidden;
}

div.cover-sides {
  display: table-cell;
  background-repeat: repeat-x;
  background-position: 0 0;
  /*-webkit-filter: blur(3px);*/
}

div.cover {
  height: 430px;
  width: 980px;
  margin: 0 auto;
  position: relative;
  display: table-cell;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*box-shadow: 10px 0 17px rgba(0,0,0,0.2);*/
  box-shadow: 0 -5px 17px rgba(0,0,0,0.2);
  box-sizing: border-box;
}

a#list_trigger {
  background-color: #FFF;
  border-radius: 0 0 5px 4px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  font-size: 12px;
  color: #555;
  opacity: 0.5;
  transition: opacity .3s ease;
}
a#list_trigger:hover {
  opacity: 1;
}
a#list_trigger.hidden {
  opacity: 0;
}

a#list_close {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  font-size: 20px;
  font-weight: 300;
  transition: background .3s ease;
}
a#list_close:hover {
  background: rgba(0,0,0,0.5);
}

div.stripe {
  height: 40px;
  width: 100%;
  margin: 25px 0;
  background-color: #a8443a;
  /*transform: rotate(-3deg);*/
}

div.cover a.title {
  height: 60px;
  background: url(../images/assets/start.png) no-repeat 0 0;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  /*transform: rotate(-3deg);*/
}
div.cover .ending {
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 41px;
  margin: 0;
  display: block;
  background: url(../images/assets/end.png) no-repeat 0 0;
}

/*
div.cover span {
  font: 18px 'Raleway', sans-serif;
  display: block;
  margin: 0 33px;
  height: 41px;
  color: #FFF;
  line-height: 41px;
  background-color: #db5e48;
}
*/
div.cover a.title:hover span {
  color: #0f435b;
}


div.cover .actions {
  font: 14px/16px "Open Sans", sans-serif;
  font-weight: 700;
  position: absolute;
  top: 60px;
  right: 0;
  width: 60px;
}
div.cover .actions a.act {
  position: absolute;
  right: 0;
  display: block;
  overflow: hidden;
  padding-left: 70px;
  width: 70px;
  height: 70px;
  color: #FFF;
  margin-bottom: 10px;
  border-top: 1px #FFF solid;
  border-left: 1px #FFF solid;
  border-bottom: 1px #FFF solid;
  transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);
  box-sizing: border-box;
}
div.cover .actions a.act span {
  text-shadow: #999 0 1px 0;
  display: block;
  white-space: nowrap;
  padding: 15px 10px 15px 0;
}
div.cover .actions a.act:hover {
  width: 220px;
}

a.act.read { background: #f15a22 url(../images/assets/actions.png) no-repeat 7px 5px; }
a.act.download { top: 80px; background: #6BBE33 url(../images/assets/actions.png) no-repeat 7px -115px; }
a.act.buy { top: 160px; background: #1abc9c url(../images/assets/actions.png) no-repeat 7px -55px; }



/**
 * EDITIONS SLIDER
 */
div.editions-wrapper {
  background: #EEE;
  background-size: 100% 200px;
  /*overflow: hidden;*/
  /* transition: border .6s cubic-bezier(0.23, 1, 0.32, 1);*/
  position: relative;
  /*border-bottom: 5px #0f435b solid;*/
  z-index: 20;
  box-shadow: 0 0 15px rgba(0,0,0,0.5) inset;
}
div.editions-wrapper.closed {
  border-bottom: 0;
}

div.editions-wrapper.closed #editions {
  height: 0;
}

div.editions-wrapper.closed a#drawer {
  display: block;
}

div.editions-wrapper a#drawer {
  position: absolute;
  width: 160px;
  height: 20px;
  line-height: 20px;
  left: 50%;
  margin-left: -80px;
  font-size: 11px;
  bottom: -20px;
  border-radius: 0 0 15px 15px;
  text-align: center;
  color: #FFF;
  z-index: 100;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5), 0 3px 3px rgba(0,0,0,0.2) inset;
  background-color: #0f435b;
  display: none;
}

div#editions a#close_drawer {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #0F435B;
  font-size: 29px;
  font-weight: 100;
  font-family: serif;
  transition: background .1s ease-out;
}
div#editions a#close_drawer:hover {
  background-color: #F15A22;
}




div#editions {
  font: 14px 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  height: 200px;
  width: 920px;
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden;
  position: relative;

  -webkit-transition: height .6s cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: height .6s cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: height .6s cubic-bezier(0.23, 1, 0.32, 1);
       -o-transition: height .6s cubic-bezier(0.23, 1, 0.32, 1);
         -transition: height .6s cubic-bezier(0.23, 1, 0.32, 1);
}

div#slider {
  white-space: nowrap;
  font-size: 0;
}
div#editions a.img {
  display: inline-block;
  width: 160px;
  height: 230px;
  margin: 58px 35px 0;
  /*border: 1px #999 solid;*/
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  /*top: 100px;*/
  opacity: 0;
  -webkit-transition: opacity 1s ease-out, -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1), top 0.5s cubic-bezier(0.23, 1, 0.32, 1);
     -moz-transition: opacity 1s ease-out,    -moz-transform .3s cubic-bezier(0.23, 1, 0.32, 1), top 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: opacity 1s ease-out,     -ms-transform .3s cubic-bezier(0.23, 1, 0.32, 1), top 0.5s cubic-bezier(0.23, 1, 0.32, 1);
       -o-transition: opacity 1s ease-out,      -o-transform .3s cubic-bezier(0.23, 1, 0.32, 1), top 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: opacity 1s ease-out,         transform .3s cubic-bezier(0.23, 1, 0.32, 1), top 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
div#editions a.img:hover {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
          transform: translateY(-20px);
  transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1);
}

div#editions a.img img {
  /*opacity: 0;*/
  width: 160px;
  height: 230px;
}

div#editions a.img span {
  position: absolute;
  display: block;
  text-align: center;
  color: #999;
  padding: 10px 0;
  font-size: 18px;
  left: 0;
  right: 0;
  top: -40px;
  transition: color .3s cubic-bezier(0.23, 1, 0.32, 1);
}

div#editions a.img:hover span {
  color: #000;
}

div#editions a.nav {
  position: absolute;
  display: block;
  margin: 0;
  width: 60px;
  top: 60px;
  height: 140px;
  background: transparent url(../images/assets/nav_arrows.png) no-repeat left center;
  z-index: 10;
}

div#editions a.nav.left {
  left: 0;
}
div#editions a.nav.right {
  right: 0;
  background-position: right center;
}

div#editions a.left:hover {
  background-position: -20px center;
  opacity: 1;
  transition: all .1s ease-in-out;
  /*box-shadow: inset -15px 0 15px rgba(0,0,0,0.15);*/
}

div#editions a.right:hover {
  background-position: -40px center;
  opacity: 1;
  transition: all .1s ease-in-out;
  /*box-shadow: inset 15px 0 15px rgba(0,0,0,0.15);*/
}


/*
div#editions a:hover span {
  transform: translateY(-35px);
  transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1);
}
*/


nav {
  height: 40px;
  width: 980px;
  margin: 0 auto;
  text-align: center;
}

nav ul {
  list-style-type: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
nav ul li {
  display: table-cell;
  width: 20%;
}
nav ul li a {
  display: block;
  font: 12px "Open Sans", sans-serif;
  color: #FFF !important;
  line-height: 32px;
  font-weight: 600;
  height: 40px;
  padding: 0 20px;
  border-top: 5px transparent solid;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background .2s ease-out;
     -moz-transition: background .2s ease-out;
      -ms-transition: background .2s ease-out;
       -o-transition: background .2s ease-out;
          transition: background .2s ease-out;
}
nav ul li a:hover {
  background-color: #56646B;
}
nav ul li a.selected {
  background-color: #FFF;
  color: #333 !important;
  font-weight: 800;
}





div.main-wrapper {
  width: 980px;
  margin: 20px auto;
}

div.articles {
  border-right: 1px #EEE solid;
  width: 660px;
  float: left;
  position: relative;
}

div.articles .gutter {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
}



article {
  display: table;
  margin-bottom: 10px;
  width: 100%;
}

img.has_video {
  vertical-align: middle;
  height: 9px;
  margin: 0 10px;
}


article div.author {
  font-size: 12px;
  display: table-cell;
  vertical-align: top;
  padding: 14px 10px;
  width: 110px;
  text-align: right;
}

article .author a {
  line-height: 13px;
  display: inline-block;
}
article .author a:hover {
  border-bottom: 1px #999 solid;
}

article .author span {
  font-size: 10px;
  color: #777;
  line-height: 10px;
  display: block;
  margin-top: 5px;
}
article .author span a {
  color: #000;
}

article .issue {
  display: table-cell;
  width: 130px;
  padding-top: 60px;
  text-align: center;
}

article .issue img {
  width: 90px;
  border: 1px #DDD solid;
}

article .issue a {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
article .issue a:hover span {
  border-bottom: 1px #999 solid;
}


article .intro {
  color: #555;
  display: table-cell;
  vertical-align: top;
  padding: 10px 20px 10px 10px;
}

article .intro a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
article .intro a:hover {

}

a.topic {
  color: #FFF;
  display: inline-block;
  padding: 0 10px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 2px;
  border-radius: 3px 3px 0 0;
  text-shadow: 1px 1px 1px #555;
}
a.topic:hover {
  text-decoration: none;
}

article .author a.pic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  border-radius: 5px;
  text-align: center;
  border: 1px #EEE solid;
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
article .author a.pic img {
  width: 80px;
}
/*
article .author a.pic:hover {
  transform: scale(1.2,1.2);
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
*/


article a.title {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #0f435b;
  line-height: 1;
}
article a.title:hover {
  text-decoration: underline;
}

article hr {
  border: 0;
  border-width: 0 0 2px 0;
  border-style: solid;
  margin: 0 0 20px 0;
}

article img.cover {
  display: block;
  margin-top: 10px;
  width: 500px;
}

article .article-footer {
  font-size: 12px;
  display: table;
  width: 100%;
  border-top: 1px #EEE solid;
  padding-top: 10px;
}

article .article-footer span {
  display: table-cell;
}

article .article-footer a:hover {
  border-bottom: 1px #999 solid;
}

article p {
  margin: 10px 0;
}

div.articles .etc {
  height: 40px;
  width: 140px;
  border-right: 1px #DDD solid;
}




/**
 * ribbon
 */

.ribbon {
  font-family: "Open Sans Condensed", sans-serif;
   position: relative;
   display: inline-block;
   text-align: center;
   font-size: 17px;
   margin: 10px 0;
   left: -17px;
   /*opacity: 0.85;*/
 }
 .ribbon * {
  background: #db5e48;
 }
.ribbon h1 {
  position: relative;
   font-size: 18px;
   color: #ffffff;
   text-shadow: #555 0 1px 0;
   margin: 0px;
   line-height: 30px;
   padding: 0 25px;
   font-weight: 700;
   z-index: 100;
   }
.ribbon:before {
   content: '';
   position: absolute;
   display: block;
   bottom: -18px;
   border: 18px solid #a8443a;
   z-index: 10;
   left: -31px;
   border-right-width: 30px;
   border-left-color: transparent !important;
   transition: border .2s cubic-bezier(0.23, 1, 0.32, 1), left .2s cubic-bezier(0.23, 1, 0.32, 1);
}
.ribbon:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  border: 18px solid #db5e48;
  z-index: 10;
   right: -18px;
   border-left-width: 0;
   border-right-color: transparent !important;
   }
.ribbon .ribbon-content:before {
   border-color: #424242 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -17px;
   content: '';
   z-index: 50;
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 17px 0 0 17px;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 17px 17px 0 0;
   }
.ribbon-stitches-top {
  display: block;
   padding-top:2px;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   position: relative;
   z-index: 50;
   }
.ribbon-stitches-bottom {
  display: block;
   padding-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   position: relative;
   z-index: 50;
   }

.ribbon a h1 {
  transition: padding .2s cubic-bezier(0.23, 1, 0.32, 1);
}

.ribbon:hover a h1 {
  padding: 0 50px 0 25px;
}

.ribbon:hover:before {
  border-right-width: 50px;
  left: -51px;
}

/*
.ribbon a:hover h1 {
  padding: 0 50px 0 25px;
  transition: padding .2s cubic-bezier(0.23, 1, 0.32, 1);
}
*/


.ribbon.management * {
  background: #1abc9c;
}
.ribbon.management:after {
  border-color: #1abc9c;
}
.ribbon.management:before {
  border-color: #0f7f69;
}



.bar {
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  height: 100%;
  box-shadow: -10px 0 17px rgba(0,0,0,0.2);
}


div.pages {
  position: absolute;
  right: 0;
  width: 1px;
  background-color: rgba(255,255,255,1);
  border-left: 1px #999 solid;
  height: 100%;
  top: 0;
  box-shadow: 1px 0 1px rgba(0,0,0,0.35);
}
div.pages.a { right: 12px; border-color: #555; z-index: 10;}
div.pages.b { right: 10px; border-color: #999;}
div.pages.c { right: 8px; border-color: #AAA;}
div.pages.d { right: 6px; border-color: #888;}
div.pages.e { right: 4px; border-color: #AAA;}
div.pages.f { right: 2px; border-color: #999;}
div.pages.g { right: 0;}


/**
 * curl
 */


.curl {
  width: 70px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  right:0;
  bottom:0;
  background: linear-gradient(135deg, #FFF 0%, #f3f3f3 10%, #ddd 38%,#ddd 44%, #aaaaaa 50%, #ccc 50%, #f3f3f3 55%, #ffffff 100%);
              -ms-linear-gradient(135deg, #FFF 0%, #f3f3f3 10%, #ddd 38%, #ddd 44%, #aaaaaa 50%, #ccc 50%, #f3f3f3 55%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  box-shadow : -2px -2px 10px rgba(0, 0, 0, .25);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
}



.curl:hover {
  width: 300px;
  height: 300px;
}

.curl img.mobile {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.curl p {
  padding: 0;
  font-size: 12px;
  text-align: right;
  margin-bottom: 10px;
}

.curl a img {
  width: 140px;
  margin-bottom: 10px;
}

.curl div {
  width: 140px;
  opacity: 0;
  position: absolute;
  right: 12px;
  bottom: 0;
}

.curl:hover div {
  opacity: 1;
  transition: opacity .5s ease-in;
}

.curl:hover img.mobile {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}



.sponsors h1 {
  background-color: #0f435b;
  font-weight: normal;
  color: #FFF;
  padding: 5px 10px;
  font-size: 14px;
}







/* article page */
div.article {
  width: 560px;
  padding: 0 30px;
  margin-top: 30px;
  float: left;
  border-right: 2px #EEE solid;
  margin-bottom: 100px;
  margin-left: 40px;
}

div.article a.topic {
  border-radius: 3px;
  margin-bottom: 20px;
}

div.article strong {
  font-weight: 800;
}

div.article div.author {
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  border-radius: 35%;
  margin-right: 20px;
  float: left;
}

div.article div.author img {
  max-height: 100%;
}

div.article img {
  max-width: 560px;
  /*max-height: 400px;*/
  margin: 0 auto;
  display: block;
}

div.article p {
  margin-top: 0;
}

div.article p code, div.article ul code {
  background-color: #EEE;
  padding: 0 3px;
  border: 1px #DDD solid;
  border-radius: 3px;
  display: inline-block;
  line-height: 1.2;
  font-weight: 900;
}

div.article h1, div.article h2, div.article h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  line-height: 1.2;
}
div.article h1 {
  font-size: 36px;
  margin-top: 0;
}
div.article h2 {
  font-size: 28px;
}
div.article h3 {
  font-size: 20px;
}

div.article pre {
  line-height: 1.4;
  font-size: 14px;
}

div.article em {
  color: #000;
}



blockquote {
  border-left: 4px #999 solid;
  padding-left: 10px;
}
div.article blockquote em {
  font-weight: 600;
}

div.article code {
  border-radius: 5px;
  padding-left: 10px;
  /*color: green;*/
}


.same_issue_articles {
  font-size: 13px;
}
.same_issue_articles ul {
  margin: 0 30px;
  padding: 0;
  list-style-type: none;
}
.same_issue_articles ul li {
  color: #999;
  position: relative;
  padding: 5px 0;
  box-sizing: border-box;
}
.same_issue_articles ul li:hover {
  /*transform: translateX(-20px);*/
}
.same_issue_articles a.article_title {
  font: 16px 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.same_issue_articles a:hover {
  text-decoration: underline;
}

.same_issue_articles img.author_pic {
  display: block;
  margin-left: 30px;
  margin-bottom: 10px;
  width: 80px;
}


#sponsors h2 {
  margin-bottom: 0;
}
#sponsors ul {
  list-style-type: none;
  margin: 0 0 0 15px;
  font-size: 0;
}
#sponsors ul li {
  display: inline-block;
  padding: 0;
  width: 144px;
  border-bottom: 1px #CCC solid;
}
#sponsors ul li:last-child {
  border-bottom: 0;
}
#sponsors ul li:nth-child(2n+1) {
  border-right: 1px #CCC solid;
}


#sponsors ul li a {
  padding: 5px 0;
  display: block;
  background-color: #EEE;
}
#sponsors ul li a:hover {
  background-color: #FFF;
}
#sponsors img {
  margin: 0;
  width: 140px;
  height: 60px;
}
#sponsors h2 {
  background-color: #0F435B;
}
#sponsors h2::after {
  border-top: 30px #06202b solid;
}

a.show_all_articles {
  border-top: 1px #EEE solid;
  display: block;
  line-height: 30px;
  text-align: center;
  font-family: "Open Sans Condensed", sans-serif;
  text-decoration: none;
}
a.show_all_articles:hover {
  text-decoration: none;
}


#all_articles ul {
  overflow: hidden;
  transition: height 0.3s ease-in;
  box-sizing: border-box;
}
#all_articles p {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
}
#all_articles a.author {
  font-weight: 600;
  color: #555;
  text-decoration: none;
}
#all_articles a.author:hover {
  color: #0f435b;
}


.same_issue_articles h2 {
  font: 18px 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  background-color: #F15A22;
  color: #FFF;
  padding: 5px 10px;
  position: relative;
  right: -15px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.same_issue_articles h2::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -30px;
  border-top: 30px #BE3F10 solid;
  border-right: 30px transparent solid;
  /*z-index: 10;*/
}
.side .editorial p {
  padding: 0 30px;
}

#author_articles h2 {
  background-color: #8e44ad;
}
#author_articles h2::after {
  border-top-color: #6B0F91;
}

.tools {
  top: 155px;
  text-align: right;
  position: fixed;
  left: -1000px;
  /*margin-top: 155px;*/
  /*height: 100%;*/
  overflow: hidden;
  transition: opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
}

.tools.trans {
  transition: top .6s cubic-bezier(0.23, 1, 0.32, 1);
}

.tools a.cover {
  font: 14px "Open Sans Condensed", sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 120px;
  text-align: center;
  margin-right: 10px;
  line-height: 1.6;
  margin-bottom: 10px;
  color: #333;
}
.tools a.cover:hover {
  color: #0f435b;
}

.tools a.cover img {
  width: 120px;
  border: 1px #DDD solid;
}


.tools.invisible {
  opacity: 0;
}

.tools:hover ul {
  opacity: 1;
}

.tools ul {
  margin: 10px;
  padding: 0;
  list-style-type: none;
  opacity: 0.8;
  transition: opacity .3s ease-out;
}

.tools ul li {
  padding: 0 10px 0 0;
  border-right: 3px #EEE solid;
  transition: border .3s ease-out;
}
.tools ul li:hover {
  border-color: #0f435b !important;
}


.tools ul a {
  font: 13px 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  max-width: 200px;
  color: #333;
  margin: 5px 0;
}
.tools ul a:hover {
  color: #0f435b;
}


.tools .article_share {
  margin: 20px 10px 0 0;
  /*width: 32px;*/
  float: right;
  font-size: 0;
}

.tools .article_share a {
  width: 32px;
  height: 32px;
  background: url(../images/assets/social2.png) no-repeat 0 0;
  display: inline-block;
  opacity: 0.4;
  transition: opacity .3s ease-out;
}
.tools:hover .article_share a {
  opacity: 0.6;
}
.tools .article_share a:hover {
  opacity: 1;
}
.tools .article_share a.twitter { background-position: 0 -32px; }
.tools .article_share a.googleplus { background-position: 0 -64px; }
.tools .article_share a.email { background-position: 0 -96px; }

.tsm_share a.twitter { background-position: 0 -48px; }
.tsm_share a.googleplus { background-position: 0 -96px; }
.tsm_share a.email { background-position: 0 -144px; }


.tsm_share a {
  width: 48px;
  height: 48px;
  background: url(../images/assets/social.png) no-repeat 0 0;
  display: inline-block;
  transition: opacity .3s ease-out;
  opacity: 0.7;
  background-color: #FFF;
  border-radius: 50%;
}
.tsm_share a:hover {
  opacity: 1;
}

ul.breadcrumbs {
  width: 840px;
  font-size: 12px;
  margin: 20px auto 0;
  padding: 0;
  list-style-type: none;
  font-weight: 300;
}

ul.breadcrumbs li {
  display: inline;
}

ul.breadcrumbs li span {
  font-size: 22px;
  color: #999;
  line-height: 14px;
  vertical-align: top;
}

ul.breadcrumbs li a {
  font-weight: 600;
  color: #000;
}

ul.breadcrumbs li a:hover {
  border-bottom: 1px #000 solid;
}





.author-wrapper .author_pic {
  width: 120px;
  height: 120px;
  overflow: hidden;
  display: block;
  text-align: center;
  border: 5px #FFF solid;
  float: left;
  box-shadow: 0 -3px 3px rgba(0,0,0,0.1);
}

.author-wrapper .author_pic img {
  width: 120px;
}


.author-wrapper h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 36px;
  font-family: "Open Sans Condensed", sans-serif;
  color: #FFF;
}



/**
 * Search results
 */
div.results {
  border-right: 2px #EEE solid;
  width: 620px;
  float: left;
  position: relative;
  min-height: 300px;
  padding: 0 20px;
}

div.results ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.results h1 {
  font-family: "Open Sans Condensed", sans-serif;
  margin: 20px 0 0 0;
  border-bottom: 2px #EEE solid;
  font-size: 20px;
}

div.results a.res {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 16px;
  color: #0f435b;
  line-height: 1;
}
div.results a.res span {
  color: #F15A22;
}
div.results ul.authors p span {
  color: #F15A22;
  font-weight: 600;
}

div.results a.res:hover {
  border-bottom: 1px #999 solid;
}

div.results ul li {
  margin: 10px 0;
  font-size: 16px;
}

ul.authors div.img {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  border-radius: 3px;
  margin-right: 10px;
  float: left;
  border: 1px #EEE solid;
  box-sizing: border-box;
}

ul.authors div.img img {
  width: 40px;
}

ul.authors p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  color: #555;
  max-width: 550px;
}

div.results ul.articles p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  color: #555;
}

div.results ul.articles p a {
  color: #000;
  font-weight: 600;
}

input.field.search {
  border: 1px #999 solid;
  box-shadow: 1px 1px 3px #999 inset;
  width: 400px;
}

#search_form2 h1 {
  font-size: 20px;
  margin: 0;
}

h1.result_txt {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 20px;
}
h1.result_txt span {
  color: #F15A22;
}

p.no_results {
  font-size: 16px;
}




a.company_author {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 5px;
  text-align: center;
  overflow: hidden;
  border-radius: 40%;
  border: 1px #EEE solid;
  box-sizing: border-box;
  transition: all .2s cubic-bezier(0.23, 1, 0.32, 1);
}
a.company_author:hover {
  transform: scale(1.2,1.2);
  border-radius: 5px;
}

a.company_author img {
  width: 60px;
}




.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1000;
}

.ribbon-green {
  font: 16px "Open Sans Condensed", sans-serif;
  font-weight: 700;
  line-height: 15px;
  color: #FFF !important;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #2C9EF0;
  color: #6a6340;
}

div.footernav {
  margin: 30px 30px 30px 50px;
  width: 700px;
}

div.footernav a {
  display: inline-block;
  line-height: 30px;
  border: 1px #EEE solid;
  padding: 0 20px;
  border-radius: 5px;
  background: #EEE;
}
div.footernav a:hover {
  border-color: #CCC;
}

div.footernav a.older {
  float: left;
}
div.footernav a.newer {
  float: right;
}



#rot-banner {
  width: 660px;
  height: 250px;
  position: relative;
}

#rot-banner p {
  border-bottom: 1px #CCC solid;
  margin: 0 20px 0 140px;
  line-height: 14px;
  text-align: right;
}

#rot-banner p span {
  font-size: 10px;
  font-weight: 100;
  display: inline-block;
  border-radius: 3px 3px 0 0;
  padding: 0 5px;
  line-height: 14px;
  background-color: #CCC;
}

#rot-banner div.banner-wrapper {
  width: 500px;
  height: 250px;
  float: right;
  margin-right: 20px;
  overflow: hidden;
}
#rot-banner div.banner-list {
  width: 500px;
  height: 200px;
  white-space: nowrap;
  font-size: 0;
}
#rot-banner div.banner-list a {
  display: inline-block;
  width: 500px;
  height: 200px;
}
#rot-banner div a img {
  width: 500px;
}

div.download{
  position: relative;
  display: table;
  table-layout: fixed;
  height: 430px;
  width: 100%;
  background-color:#D9D9D9;
  z-index: 10;
}

div.main-wrapper-d {
  width: 980px;
  margin: 20px auto;
}

input.btndownload_mare {
  font: 20px 'Raleway-Medium_1', sans-serif;
  height: 59px; 
  width:435px; 
  display: inline-block; 
  float:right; 
  color: #fff;
  border-bottom: 3px solid #129279;
  text-align: center;
  line-height: 59px;
  background-color: #1abc9c;
}

a.btnc {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  background-color: #ff9833;
  height: 38px;
  line-height: 38px;
  border-radius: 2px;
  border: 0;
  padding: 0 40px;
  text-align: center;
  box-shadow: -1px 0 3px rgba(0,0,0,0.5);
  cursor: pointer;
}

div.redaction{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  position: relative;
}

div.topRedaction{
  height: 200px;
  width: 100%;
  background-color: #66737D;
  position: relative;
  margin-bottom: 10 px;
}

#tableRedaction{
  position:relative;
  width:50%;
  margin: auto;
}

#tableRedaction1 {
  
  border-left:0px;
  border-top:0px;
  border-right:2px solid;
  border-bottom:2px solid;
  border-color:  #D3D3D3;
}

#tableRedaction2{
  border-left:0px;
  border-top:0px;
  border-right:0px;
  border-bottom:2px solid;
  border-color:  #D3D3D3;
}

#tableRedaction3{
  border-left:0px;
  border-top:0px;
  border-right:2px solid;
  border-bottom:0px solid;
  border-color: #D3D3D3;
}

#tableRedaction4{
  border-left:0px;
  border-top:0px;
  border-right:0px;
  border-bottom:0px solid;
  border-color:  #D3D3D3;
}

#textRedaction1{
  font-size: 12px;
  color:#354E69;
}
#textRedaction2{
  font-size: 9px;
  color:#3F3F3F;
}

#socialLinks ul{
  list-style: none;
}

#socialLinks li{
  display: inline;
  margin: 4px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}