html, div, h1, h2, h3, h4, h5, h6, a, .button{
    font-family: Helvetica, Arial, sans-serif;
}

.headerstyle {
    border-top:4px solid #b21329;
    border-bottom: 1px solid #e6e6e6;
}

.sort:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\00a0\f0dc";
    color: #DDD;
}

.sort.desc:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\00a0\f0dd"
}

.sort.asc:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\00a0\f0de"
}

.carrousel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hidden {
    visibility:hidden;
    display:none
}

.carrousel .columns {
    padding-left: 0;
}

.carrousel .columns h3 {
    font-size: 2rem;
    font-weight: lighter;
    padding-left: 2rem;
}

.button {
    margin: 0 0 0.8rem;
    line-height: 1.3rem;
}

p {
    line-height: 1.5;
    font-size: 100%;
    text-align: justify;
}

h1 {
    margin: 0.3em  0 0.8em;
    color: #b21329;
    font-size: 2.2rem;
}

h2 {
    font-size: 1.9rem;
    margin-bottom: 1.1rem;
    color: #7a7a7b;
    font-weight: 100;
}

h3 {
    margin-bottom: 1.7rem;
    margin-top: 1.9rem;
    color:#666;
    font-size: 1.3rem;
}

.panel h3 {
    line-height: 1.5rem;
}

h4 {
    color: #b21329;
    font-size:1.2rem;
    margin-bottom: 20px;
}

h5 {
    margin-bottom: 2.2rem;
}

.panel h6 {
    color: #b21329;
    text-transform:uppercase;
}

h5.productnamelist {
    margin-bottom: 0.3rem;
    color:#888;
}

h6 {
    color:#999;
}

.panel {
    background: #f8f8f8;
}

.panelbeginners:hover {
    background-color: #d6efec;
    color: #fff;
    cursor: pointer;
}

.panelbeginners {
    background: #13b29c;
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
}

.panelbeginners a:link {
    color: #fff;
}

.panelbeginners a:hover {
    color: #fff;
    cursor: pointer;
}

select[multiple], select[size] { height: auto; background-image: none; }

form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.inline_labels label
{
    display: inline-block;
    width:92%;
}

.big_inline_labels label
{
    display: inline-block;
    width:95%;
}


.inline_checkbox label
{
    display:inline;
    width:90%;
}

.big_inline_checkbox label
{
    display:inline;
    width:95%;
}

textarea {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
}

a.button {
    background: #f3fbfa;
}

form .row .postfix-round.row.collapse .postfix {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.postfix {
    height: 1.8rem;
    line-height: 1.7rem;
}

a.button.postfix {
    color: #fff;
}

.button.secondary {
    background-color:#fff;
    border-color:#b9b9b9;
    color:#b21329;
    font-size:0.9rem;
    text-transform:uppercase;
    padding-left:1rem;
    padding-right:1rem;
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
}

.button.secondary:hover {
    background-color:#E9E9E9;
    color:#333;
}

.button.details {
    background-color:#13b29c;
    border-color:#b9b9b9;
    color:#fff;
    text-transform:uppercase;
}

.button.details:hover {
    background-color:#109986;
    color:#fff;
}


.f-dropdown.content {
    border:1px solid #e5e5e5;
    padding:1.25rem;
    font-size:0.875rem;
    outline: none;
}

.f-dropdown li {
    font-size:0.93rem;
    line-height: 1.15rem;
}

.f-dropdown li:hover,.f-dropdown li:focus { background:#E9E9E9; }

.f-dropdown li a {
    color:#333;
    padding: 0.3rem 0.5rem 0.3rem;
}

a:link, a:visited {color:#13b29c;}

a:hover {color:#109986;}

.subheader {
    font-variant: small-caps;
    text-transform: uppercase;
    font-size: 0.9rem;
    line-height:1.1;
    margin-top:0rem;
}

hr {margin:0.4rem 0 0.4rem;}

.breadcrumbs {
    display:block;
    padding:0.5625rem 0.2rem 0.5625rem;
    list-style:none;
    border:0;
    color:#13b29c;
    font-size:0.6875rem;
    background: inherit;
}

.breadcrumbs a:hover {
    color:#109986;
}

.breadcrumbs>* {
    line-height: 1rem;
}

.accordion .accordion-navigation>a {
    background: #E9E9E9;
    color: #333;
    padding: 0.4rem 1rem;
    margin-bottom: 0.6rem;
    font-family: Abel, Helvetica, sans-serif;
}

.accordion .accordion-navigation.active>a {
    background:#EFEFEF;
}

.button.tiny {
    padding-top:0.2rem;
    padding-right:1.0rem;
    padding-bottom:0.225rem;
    padding-left:1.0rem;
    font-size:0.9rem;
}

.fa-arrow-circle-right { color:#13b29c; }

.footerstyle {
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    background-color: #f8f8f8;
    margin-top:32px;
    margin-bottom:32px;
    padding-top:15px;
    padding-bottom: 20px;
}

.margintop {
    margin-top:8px;
}

input.search {
    height: 1.8rem;
}

input[type="text"] {
    padding: 0rem 0.5rem;
}

.register-icon {
    font-size:0.6rem;
}

.no-padding-left {
    padding-left: 0rem;
}

.no-padding-right {
    padding-right: 0rem;
}

.padding-top-5 {
    padding-top: 0.2rem;
}

.button.alert {
    background-color:#b21329;
    border-color:#8b1924;
    color:#fff;
    text-transform:uppercase;
}

.button.alert:hover {
    background: #a01125;
}

.grey {
    color: #ccc;
}

.darkgrey {
    color: #5c5c61;
}

.label-green {
    background: #13b29c;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    color: #fff;
}

.label {
    background: #b21329;
}

.label.alert {
    background: #b21329;
}

.labelgrey {
    background: #E9E9E9;
    font-weight: normal;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    margin-top: 1.1rem;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.75rem;
}

.label-primary { font-size: 0.950rem; }

.productlist {
    border-top: 1px solid #e6e6e6;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.applilist li {
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;
}

.th {
    margin-bottom: 5px;
}

ul.side-nav {
    padding: 0;
    line-height: 1.3;
}
ul.nobullet {
    list-style-type: none;
}

.side-nav li { font-size: 0.95rem; }

.side-nav li a:not(.button) {
    color: #13b29c;
    padding: 0.1375rem 0.175rem;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    color: #109986;
    background: #fff;
}

.button.success { background-color: #c5d5cf; }

.button.help {
    width: 100%;
    font-weight: 600;
}

.button.help:hover { background-color: #c5d5cf; }

.promos {
    background: #c5d4d1;
    border-color: #d8d8d8;
}

.whiteback {
    background: #ffffff;
    border-radius:100px;
    padding: 0.1rem 0.5rem 0.1rem;
}

p.lead {
    font-size: 1.1rem;
    line-height: 1.3;
}

.frametitle {
    margin: 0;
    padding: 0.4rem 1rem 0.3rem;
    background: #E9E9E9;
    color: #666;
    border: 1px solid #ddd;
}

blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0.625rem 1.1875rem;
    border-left: 1px double #fff;
    border: 1px solid #ddd;
}

.underlinetitle {
    margin: 0rem 0 1.1rem;
}

.button-group {
    margin: 0.3rem 0 0rem 0;
}

table { width: 100% }

table thead tr th { background: #fff; }

table tr th {
    background: #fff;
    height: 55px;
}

.nocadre { border:0px; }

.nocadre tr  { background: #e3e3e3; }

.red { color: #B21329; }

.green { color:#109986; }

.yellow { color:#f8af00; }

.tableborderight { border-right: 1px solid #e6e6e6; }

.button.warning { background-color: #f08a24; }

.button.info {
    background-color: #314257;
    color: #ffffff;
}

.button.warning:hover { background-color: #c6670a; }

.button.success:hover { background-color: #97b6aa; }

.button.info:hover { background-color: #475a71; }

.label.info {
    background-color: #314257;
    color: #ffffff;
}

.label.success { background-color: #c5d5cf; }

.element {
    *zoom: 1;
    position: relative;
}

.spaced {
    margin-bottom: 16px !important;
}

.extra-spaced {
    margin-bottom: 32px !important;
}

ul.button-group.even-4 { margin-top: 0px; }

.img_distri { max-height: 100px; }

.vcard { border: none; }

.block-distri {
    background-color: #ffffff;
    height: 330px;
}

.spaced-before { margin-top: 15px; }

ul, ol, dl {
    font-size: 100%;
    margin-left:2.8rem;
}

ul.pagination li.current a, ul.pagination li.current button {
    background: #13b29c;
}

.panel-border-white-bg {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333;
}

.nomarginleft { margin-left:0; }

.nomargin { margin:0; }

fieldset { margin: 10px 2px; }

.diacol { color: #b21329; }

.float-clear{
    clear:both;
    visibility:hidden;
    margin:0px;
}

div.large-12.columns.slick.slick-initialized.slick-slider {
    padding: 0;
    width: 100%;
    padding-right: 1rem;
}

.slick-dots {
    bottom: -11px;
    margin-left: 0;
}

.slick-slider {
    margin-bottom: 0px;6ecaea
    margin-left: 0.95rem;
}

.newsletter.button {
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    background-color: #f8af00;
}

.diahomediag.button {
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    border: 1px solid #589bdb;
    width: 100%;
    color: #589bdb;
    background-color: #f8f8f8;
}

.diahomediag.button a:link, .diahomediag.button a:visited {
    color: #589bdb;
}

.diahomediag.button a:hover {
    color: #ffffff;
}

.diahomediag.button:hover {
    background-color: #589bdb;
    cursor: pointer;
    color: #ffffff;
}

.home {
    color: #13b29c;
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    border: 1px solid #ccc;
}

.portal {
    color: #13b29c;
    text-transform:uppercase;
    padding-right: 1.3rem;
    vertical-align: middle;
    text-align: center;
    font-size: 0.9rem;
}

.diahome.chromatin.button:hover {
    background:#13b29c url(https://www.diagenode.com/img/diahome-button-chromatin-hover.png) no-repeat center;
    color: #fff;
    cursor: pointer;
}

.diahome.dna.button:hover {
    background:#30415c url(https://www.diagenode.com/img/diahome-button-dna-hover.png) no-repeat center;
    color: #fff;
    cursor: pointer;
}

.diahome.rna.button:hover {
    background:#daa697 url(https://www.diagenode.com/img/diahome-button-rna-hover.png) no-repeat center;
    color: #fff;
    cursor: pointer;
}

.diahome.services.button:hover {
    background:#b21329 url(https://www.diagenode.com/img/diahome-button-services-hover.png) no-repeat center;
    color: #fff;
    cursor: pointer;
}

.diahome.chip.button:hover {
    background-color: #1b8974;
    color: #fff;
    cursor: pointer;
}

.diahome.epistore.button:hover {
    background-color: #911329;
    color: #fff;
    cursor: pointer;
}

.diahome.chromatin {
    background:#fff url(https://www.diagenode.com/img/diahome-button-chromatin.png) no-repeat center;
    border: 0.13rem solid #13b29c;
}

.diahome.dna {
    background:#fff url(https://www.diagenode.com/img/diahome-button-dna.png) no-repeat center;
    color: #30415c;
    border: 0.13rem solid #30415c;
}

.diahome.rna {
    background:#fff url(https://www.diagenode.com/img/diahome-button-rna.png) no-repeat center;
    color: #daa697;
    border: 0.13rem solid #facbbe;
}

.diahome.services {
    background:#fff url(https://www.diagenode.com/img/diahome-button-services.png) no-repeat center;
    color: #b21329;
    border: 0.13rem solid #b21329;
}

.diahome.chip {
    background-color: #13b29c;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.diahome.epistore {
    background:#b21329 url(https://www.diagenode.com/img/diahome-button-epistore.png) no-repeat center;
}

.diahome.protein {
    background:#f3fbfa url() no-repeat top right;
}

a.abselector.portal.button, a.shearing.portal.button, a.automation.portal.button {
    border-color: #d8d8d8;
}

.marginhome.button-group.even-4 li {
    margin: 0;
    margin-right:-0.27rem;
}

.portal.tips, .portal.abselector, .portal.shearing, .portal.automation {
    background-color:#f3fbfa;
}

#big_search {
    margin-bottom: 1rem;
    margin-left: 0rem;
    width: 100%;
}

.home-fa-search {
    color: #888;
    font-size: 2.2rem;
    margin-top:8px;
}

div.search > div.selectize-input.items.not-full { border-color: #b21329; }

div.absearch > div.selectize-input {
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 4px 4px;
}

div.selectize-dropdown-content { max-height: 300px; }

/*.selectize-input {
    height: 2.3125rem;
}*/

.abapp {
    background-color: #FFF;
    border: 1px solid #13b29c;
}

.childcat {
    background: white;
    padding: 6px;
    padding-left: 0px;
    border-bottom: 2px solid #13b29c;
}

#PublicationKeywords { background:#ffffff url(https://www.diagenode.com/img/zoom.png) no-repeat center right }
#DocumentKeywords { background:#ffffff url(https://www.diagenode.com/img/zoom.png) no-repeat center right }
#ProtocolKeywords { background:#ffffff url(https://www.diagenode.com/img/zoom.png) no-repeat center right }
#RedirectionKeywords { background:#ffffff url(https://www.diagenode.com/img/zoom.png) no-repeat center right }

.padding {
    padding: 20px;
}


.portal-inner {
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 0px;
}
.portal-inner > * {
	display: table-cell;
	vertical-align: middle;
}

nav.portal-nav {
	text-align: center;
}

.portal-nav ul,
.portal-nav li {
	display: inline;
	list-style: none;
    margin: 0;
    padding: 0;
}

.portal-nav a {
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	vertical-align: middle;
	font-weight: 300;
	letter-spacing: 0.025em;
	color: #13b29c;
	text-decoration: none;
}

.portal-nav a:hover:after,
.portal-nav a:focus:after {
	transform: translateY(0);
}

.portal-nav a:focus {
	outline: none;
    background: #13b29c;
}

.nav-is-stuck .main-portal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	animation: stickAnim .3s;
    z-index: 1000;
    background-color: #f3fbfa;
}

@keyframes stickAnim {
	0% {
		transform: translateY(-86px);
	}
	100% {
		transform: translateY(0);
	}
}

ul.square {
    list-style-type: none;
}

ul.square li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    text-align: left;
}

ul.square li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f096";
  color: #E9E9E9;
}

ul.arrow {
    list-style-type: none;
}

ul.number {
    list-style-type: decimal;
}

ul.number li {
    margin-bottom: 24px;
}

ul.arrow li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 1.09rem;
}

ul.arrow li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f178";
  color: #E9E9E9;
}

#thumbwrap {
	position:relative;
}
.thumb span {
	position:absolute;
	visibility:hidden;
}
.thumb:hover span {
	visibility:visible;
	z-index:11;
    left: -300px;
    bottom: 40px;
    width: 580px;
    height: 156px;
}

table.noborder {
    border: 0;
}

.underlined {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.bigger {
    font-size: 0.9rem;
}

.bigbigger {
    font-size: 1.1rem;
}

.bgwhite {
    background-color: #fff;
}

.methylation { color: #30415c}

.chromatin { color: #0dafa0}

.library { color: #facbbe}

.support_form {
    cursor: pointer;
    width:20%;
}
.main_support_form {
    width:35%;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}