﻿@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout: none; }

@font-face {
    font-family: 'Plantin';
    src: url('../fonts/plantin.eot');
    src: url('../fonts/plantin?#iefix') format('embedded-opentype'),
         url('../fonts/plantin.woff2') format('woff2'),
         url('../fonts/plantin.woff') format('woff'),
         url('../fonts/plantin.ttf') format('truetype'),
         url('../fonts/plantin.svg#Plantin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Plantin-Bold';
    src: url('../fonts/plantin-bold.eot');
    src: url('../fonts/plantin-bold?#iefix') format('embedded-opentype'),
         url('../fonts/plantin-bold.woff2') format('woff2'),
         url('../fonts/plantin-bold.woff') format('woff'),
         url('../fonts/plantin-bold.ttf') format('truetype'),
         url('../fonts/plantin-bold.svg#Plantin-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Plantin-Bold-Italic';
    src: url('../fonts/plantin-bold-italic.eot');
    src: url('../fonts/plantin-bold-italic?#iefix') format('embedded-opentype'),
         url('../fonts/plantin-bold-italic.woff2') format('woff2'),
         url('../fonts/plantin-bold-italic.woff') format('woff'),
         url('../fonts/plantin-bold-italic.ttf') format('truetype'),
         url('../fonts/plantin-bold-italic.svg#Plantin-Bold-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Abadi';
    src: url('../fonts/abadi.eot');
    src: url('../fonts/abadi?#iefix') format('embedded-opentype'),
         url('../fonts/abadi.woff2') format('woff2'),
         url('../fonts/abadi.woff') format('woff'),
         url('../fonts/abadi.ttf') format('truetype'),
         url('../fonts/abadi.svg#Abadi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Abadi-Bold';
    src: url('../fonts/abadi-bold.eot');
    src: url('../fonts/abadi-bold?#iefix') format('embedded-opentype'),
         url('../fonts/abadi-bold.woff2') format('woff2'),
         url('../fonts/abadi-bold.woff') format('woff'),
         url('../fonts/abadi-bold.ttf') format('truetype'),
         url('../fonts/abadi-bold.svg#Abadi-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* added */

@font-face {
  font-family: 'Plantin-SemiBold';
  src: url('../fonts/plantin-semibold.eot');
  src: url('../fonts/plantin-semibold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/plantin-semibold.woff2') format('woff2'),
       url('../fonts/plantin-semibold.woff') format('woff'),
       url('../fonts/plantin-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
 
  
@font-face {
  font-family: 'Plantin-SemiBold-Italic';
  src: url('../fonts/plantin-semibold-italic.eot');
  src: url('../fonts/plantin-semibold-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/plantin-semibold-italic.woff2') format('woff2'),
       url('../fonts/plantin-semibold-italic.woff') format('woff'),
       url('../fonts/plantin-semibold-italic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}



@font-face {
  font-family: 'Abadi-ExtraBold';
  src: url('../fonts/abadi-extrabold.eot');
  src: url('../fonts/abadi-extrabold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/abadi-extrabold.woff2') format('woff2'),
       url('../fonts/abadi-extrabold.woff') format('woff'),
       url('../fonts/abadi-extrabold.ttf') format('truetype');
  font-weight:800;
  font-style: normal;
}
 
/* --- */




html, body { height:100%; font-weight:normal; font-size:10px; font-family: Arial, sans-serif; }
body { color:#444; }

img, a img { border:none; }
a { outline:none; text-decoration:none; color:#9a2d6a; }
a:hover span { text-decoration:none; }
ul, ol { list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1.8rem; font-family: Abadi-Bold, Plantin, Arial; }
p { font-size:1.2rem; line-height:1.8rem; }

.wrapper { width:100%; min-height:100%; position:relative; overflow:hidden; padding-top:12rem; }
.page-margins { width:92%; max-width:98rem; height:100%; position:relative; margin:0 auto; }

.rla-details .right, .na-details .right {display: none;}

/* --- .header --- */

.main-header { width:100%; height:12rem; position:absolute; top:0; left:0; z-index:100; background:#f2f1e9; border-bottom:1px solid #d8d8d0; }
.main-header .page-margins{ height: 83%; }
.main-header .main-menu .trigger-submenu, .main-header .main-menu a strong, .main-header .topics-sticky a span{ display: none; }
.main-header .topics-sticky a strong{ display: block; }
.main-header .topics-sticky{ display: block; }
.main-header .search-box{ position: absolute; right: 0px; }

.brand { width:100%; height:6rem; overflow:hidden; overflow:hidden; padding:0; border-bottom:1px solid #d8d8d0; margin-top: 2rem;}

.bizhub-logo, .boi-logo { height:4rem; position:absolute; top:1rem; margin:0; transition: width 0.5s ease-out, height 0.5s ease-out; -webkit-transition: width 0.5s ease-out, height 0.5s ease-out; -moz-transition:  width 0.5s ease-out, height 0.5s ease-out; -o-transition:  width 0.5s ease-out, height 0.5s ease-out; -ms-transition: width 0.5s ease-out, height 0.5s ease-out; }
.bizhub-logo a, .boi-logo a { width:100%; height:100%; display:block; color:#333; text-align:left; -webkit-transition: opacity 0.5s ease-out, color 0.5s ease-out; -moz-transition: opacity 0.5s ease-out, color 0.5s ease-out; -o-transition: opacity 0.5s ease-out, color 0.5s ease-out; -ms-transition: opacity 0.5s ease-out, color 0.5s ease-out; transition: opacity 0.5s ease-out, color 0.5s ease-out; }
.bizhub-logo a:hover, .boi-logo a:hover { color:#000; opacity:1; }

.bizhub-logo .icon-bizhub-logo { display: none; }
.icon-bizhub-logo::before{ content: ; }
.is_home .icon-bizhub-logo::before{ content: ; }

.bizhub-logo span, 
.boi-logo span { width:100%; height:100%; display:block; font-size:3rem; }

.bizhub-logo span { line-height:3.6rem; /* orig 2.6rem */ }
.boi-logo span { line-height:4rem; }

.bizhub-logo strong, .boi-logo strong { position:absolute; text-indent:-999rem; }
.bizhub-logo { width:16rem; left:0; }
.boi-logo { width:13rem; right:0; opacity:0.8; }

.boi-logo strong
{
	visibility: hidden;
}


.is_home .bizhub-logo
{
	margin: 0 auto;
	left: 0;
	right: 0;
	/*width: 25rem;*/
	/*width: 15rem;*/
	width: 21rem;
	height: 5rem;
}

.is_home .bizhub-logo span
{
	font-size: 5rem;
}

.bizhub-logo span
{
	font-size: 3rem;
}

.alignleft {
    float: left;
    margin: 5px 15px 5px 0;
}

.header-title { width:11rem; height:6rem; position:absolute; top:0; left:50%; margin:0 0 1.5rem -5.5rem; color:#333; font-weight:normal; font-size:3rem; line-height: 5rem; font-family: Abadi-Bold, Plantin, Arial; text-align:center; }

.submenu
{
	width: 100%;
	/*height: 28rem;*/
	position: absolute;
	top: -28rem;
	left: 0;
	z-index: 99;
	margin-top: 10rem;
	padding: 2rem 0;
	background: #333;
	overflow: hidden;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;

	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.view-submenu .submenu
{
	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	transform: translate(0,100%);
}

.submenu a
{
	width: 14.2857%;
	height: 10rem;
	float: left;
	display: inline-block;
	text-align: center;
	color: #f2f1e9;
	margin-bottom: 2rem;
	opacity: 0.7;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.submenu a:hover { opacity:1; }
.submenu a span { width:7rem; height:7rem; display:block; text-align:center; font-size:4rem; line-height:7rem; margin:0 auto; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.submenu a:hover span { font-size:4.8rem;   }

.submenu a span.icon-running, 
.submenu a span.icon-operations { font-size:3.4rem; } 
.submenu a:hover span.icon-running, 
.submenu a:hover span.icon-operations { font-size:4.2rem; }

.submenu a strong { width:100%; display:block; font-weight:normal; font-size:1.4rem; line-height:1.6rem; font-family:Abadi-Bold, Plantin, Arial;  text-align:center; }
.submenu a em { width:1.4rem; height:0.2rem; margin:0 auto 1rem; display:inline-block; font-style:normal; background:#fc823f; }
.submenu a i { display:block; font-style:normal; }

.submenu h4 { width:100%; height:5rem; display:none; font-weight:normal; font-size:1.5rem; line-height:5rem; font-family: Abadi-Bold, Plantin, Arial; color:#fff; border-bottom:0.2rem solid rgba(255,255,255,0.2); }
.submenu h4 .icon-topics { width:2rem; height:100%; float:left; display:block; text-align:center; font-size:1.8rem; line-height:5rem; margin-right:0.7rem; }
.submenu h4 .icon-close5 { width:4rem; height:100%; float:right; display:block; text-align:right; font-size:1.4rem; line-height:5rem; cursor:pointer; }

.main-menu { width:auto; height:4rem; float:left; margin:0 auto; padding:1rem 0; }
.main-menu a { float:left; height:2rem; display:block; /*color:#333;*/color:#73736E; padding:0 1.2rem; margin:0; font-weight:normal; font-size: 1.5rem; line-height:2.4rem; font-family: Abadi-Bold, Plantin, Arial; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main-menu a:hover, .main-menu .current-menu-item { color:#000; }
.main-menu > a:first-of-type { padding-left:0; border-right:1px solid #d8d8d0; }
.main-menu a.trigger-search { display:none; }
.main-menu a span { width:2rem; height:100%; float:left; display:block; text-align:center; font-size:1.8rem; line-height:2rem; margin-right:0.7rem; }
.main-menu a strong { font-weight:normal; }
.main-menu .trigger-submenu{ height: 4rem; }
.main-menu, .topics-sticky{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 1rem; margin-right: auto; margin-bottom: 1rem; margin-left: auto; }
.topics-sticky{ width: 92%; float: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: none; padding-top: 1rem; padding-right: 0px; padding-bottom: 1rem; padding-left: 0px; }
.topics-sticky a{ float: left; display: block; color: rgb(115, 115, 110); padding-top: 0px; padding-right: 1.2rem; padding-bottom: 0.8rem; padding-left: 1.2rem; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: 400; font-size: 1.5rem; line-height: 2.4rem; font-family: Abadi-Bold, Plantin, Arial; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-delay: initial; }
.topics-sticky a span{ width: 2rem; height: 100%; float: left; display: block; text-align: center; font-size: 1.8rem; line-height: 2rem; margin-right: 0.7rem; }
.topics-sticky a strong{ font-weight: 400; }


.search-box { width:22rem; height:2.8rem; float:right; margin-top:0.6rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }  
.search-box fieldset { width:100%; height:100%; border:none; position:relative; }
.search-box .search-box-field { width:100%; height:100%; color:#3D3D3D; font-weight:normal; font-size:1.6rem; font-family: Abadi-Bold, Plantin, Arial; background:#fff; border-radius:0!important; box-shadow:none!important; border:1px solid #d8d8d0; padding:0.2rem 3rem 0 0.7rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.view-search-autocomplete-list .search-box .search-box-field { border-color:#333; border-bottom:none; }
.search-box .search-box-btn { width:3rem; height:3rem; position:absolute; top:0; right:0; border:none; cursor:pointer; background:none; box-shadow:none!important; border-radius:none!important; color:#333; font-size:1.8rem; line-height:3rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search-box .search-box-field:focus, .search-box .search-box-btn:focus { outline:none!important; box-shadow:none!important; } 
 
.search-autocomplete-list { width:100%; height:0; overflow:hidden; overflow-y:auto; background:#fff; border:1px solid #f2f1e9; border-top:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.view-search-autocomplete-list .search-autocomplete-list { height:20rem; border-color:#333; }
 
.search-autocomplete-list  a { color:#666; height:3.2rem; display:block; margin:0 0.7rem; border-bottom:1px solid #d8d8d0; font-weight:normal; font-size:1.4rem; line-height:3.2rem; font-family: Abadi-Bold,Plantin,Arial; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search-autocomplete-list  a:hover { color:#000; }
.search-autocomplete-list  a span { float:right; margin-left:1rem; }
.search-autocomplete-list .sal-title { display:none; }
 
.search-autocomplete-list.recent-search { background:#333; } 
.search-autocomplete-list.recent-search  a { color:rgba(255,255,255,0.4); border-color:rgba(255,255,255,0.2); }
.search-autocomplete-list.recent-search  a:hover { color:rgba(255,255,255,0.8); }
.search-autocomplete-list.recent-search .sal-title { height:3.2rem; display:block; margin:0 0.7rem; border-bottom:1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.8); text-align:center; font-weight:normal; font-size:1.3rem; line-height:3.2rem; font-family: Abadi-Bold,Plantin,Arial; text-transform:uppercase; } 
 
/* --- .hp --- */

.hp-top-section, .hp-resources-section, .hp-latest-articles, .hp-case-studies, .search-recommended-items, .contact-section { width:100%; background:#f8f8f4; padding:3rem 0 1.5rem; margin:0 auto; border-bottom:1px solid #d8d8d0; }
.hp-top-section  { padding-bottom:3rem; }
.hp-resources-section, .hp-case-studies { background:#fff; }

/* --- .content --- */

.content { width:100%; padding:3rem 0 1.5rem; margin:0 auto; background:transparent; overflow:hidden; }
.content-title { color:#e98225; font-weight:bold; font-size:2.1rem; line-height:2.6rem; font-family: Arial; margin-bottom:1rem; }

.title-section { width:100%; text-align:center; margin:0 auto 3rem; padding:0 5%; }
.title-section .ts-title { color:#333; font-weight:normal; font-size:1.8rem; line-height:2rem; font-family: Abadi-Bold, Plantin, Arial; text-transform:uppercase; margin-bottom:1rem; }
.title-section .ts-subtitle { color:#333; font-weight:normal; font-size:2.8rem; line-height:3rem; font-family: Plantin, Arial; }
.title-section .border-icon, .border-icon { width:2rem; height:0.2rem; display:block; margin:0 auto 1rem; background:#b2b2ab; }

.content .title-section { padding-top:3rem; }
.action-points .title-section .ts-title { color:#fff; }

.more-link { width:100%; height:4rem; display:block; color:#ea8645; text-align:center; font-weight:normal; font-size:1.8rem; line-height:4rem; font-family: Plantin, Arial; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.more-link:hover { /*color:#fff; background:#ea8645; text-shadow:0 1px 1px rgba(0,0,0,0.3);*/ text-decoration:underline; }

/* --- slider --- */

.slider { width:100%; height:50rem; position:relative; margin:0 auto 3rem; overflow:hidden; }
.hp-top-section .slider { width:65%; height:40rem; float:left; margin-bottom:0; }
.slider .slides { width:200%; height:100%; }
.slider .slide { width:50%; height:100%; display:block; float:left; position:relative; overflow:hidden; }

.slider .slide-img { width:100%; height:100%; display:block; position:relative; }
.slider .slide-img-align { width:1000rem; height:110%; display:block; position:absolute; top:-5%; left:50%; margin-left:-500rem; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/*.slider .slide:hover .slide-img-align { height:114%; top:-7%; }*/ 
.slider .slide:hover .slide-img-align { opacity:.7; } 

.slider .slide-img-align img { width:auto; height:100%; margin:0 auto; }

.slider .slide-msg { width:100%; height:auto; position:absolute; left:0; bottom:0; padding:4rem 10% 3rem; text-align:center; background:rgba(0,0,0,0.3); }
.slider .category-icon  { position:absolute; top:-3rem; left:50%; margin-left:-3rem; }
.slider .slide-categ, .slider .slide-title, .slider .slide-subtitle { width:100%; margin:0 auto 0.5rem; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.3); }
.slider .slide-categ { font-weight:normal; font-size:1.2rem; line-height:1.2rem; font-family: Abadi-Bold, Plantin, Arial; text-transform:uppercase; }
.slider .slide-title { max-height:7.6rem; font-weight:normal; font-size: 3.6rem; line-height:3.8rem; font-family: Abadi-Bold, Plantin, Arial; overflow:hidden; }
.slider .slide-subtitle { height:1.8rem; font-weight:normal; font-size: 1.4rem; line-height:1.8rem; font-family: Plantin-Bold-Italic, Plantin, Arial; overflow:hidden; }

.slider-nav { width:100%; height:1rem; position:absolute; bottom:1.3rem; left:0; text-align:center; }
.slider-nav  span { width:1rem; height:1rem; display:inline-block; border-radius:50%; margin:0 0.2rem; background:rgba(255,255,255,0.4); cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.slider-nav  span:hover, .slider-nav  span.selected { background:rgba(255,255,255,1); }

.slider.no-images { height:auto; }
.slider.no-images .slide-msg { position:relative; display:block; padding:3rem 0% 13rem; background:transparent; }
.slider.no-images  .slide-img, .slider.no-images .slider-nav { display:none; }
.slider.no-images .slide-categ, .slider.no-images .slide-title, .slider.no-images .slide-subtitle { text-shadow:none; color:#333; }
.slider.no-images  .slide-title { height:auto; max-height:inherit; font-size:7rem; line-height:7rem; }
.slider.no-images .slide-categ { position:absolute; bottom:0; left:0; padding-top:4.2rem; z-index:3; border-top:1px solid rgba(0,0,0,0.3); }
.slider.no-images .category-icon { top:auto; bottom:3rem; z-index:4; outline:1.3rem solid #fff; }

.bh-slider .slides{ position: relative; }
.bh-slider .slides .slide{ position: absolute; left: 0px; top: 0px; display: none; }
.slider.bh-slider .slide-icon-bg{ width: 70rem; height: 70rem; position: absolute; bottom: -10rem; left: 50%; margin-left: -10rem; font-size: 68rem; line-height: 70rem; display: inline-block; color: rgba(0, 0, 0, 0.199219); }


/* --- .highlight-articles --- */

.highlight-articles { width:65%; height:40rem; float:left; overflow:hidden; } 
.highlight-articles .ha-header-title { height:2.7rem; color:#333; margin-bottom:1.3rem; text-align:center; font-weight:normal; font-size: 1.4rem; line-height:2.6rem; font-family: Abadi, Plantin, Arial; text-transform:uppercase; border-top:1px solid #d9d9d1; border-bottom:1px solid #b2b2ab; }

.highlight-articles  a { width:33.3333%; height:36rem; float:left; display:block; position:relative; border-right:1px solid #d9d9d1; padding:0 1.5rem; }
.highlight-articles  a:first-of-type { border-left:1px solid #d9d9d1; }

.ha-img-container { width:100%; height:12rem; display:block; position:relative; overflow:hidden; text-align:center; margin-bottom:1.2rem; }
.ha-img-container .ha-icon { width:12rem; height:12rem; display:block; position:absolute; bottom:-1.5rem; right:-1rem; color:rgba(0,0,0,0.2); font-size:12rem; text-align:right; line-height:12rem; text-shadow:0 1px 1px rgba(0,0,0,0.1); }
.ha-img-container .ha-img-align { width:600rem; height:110%; position:absolute; top:-5%; left:50%; z-index:12; margin-left:-300rem; text-align:center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
a:hover .ha-img-container .ha-img-align { height:120%; top:-10%; }
.ha-img-container .ha-img-align img { width:auto; height:100%; margin:0 auto; }

.ha-title { max-height:10.4rem; color:#333; font-weight:normal; font-size:2.4rem; line-height:2.6rem; font-family: Plantin-Bold, Plantin, Arial; overflow:hidden; margin-bottom:1rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover .ha-title { color:#000; text-decoration:underline; }
.ha-summary { width:100%; max-height:8rem; display:block; color:#666; font-weight:normal; font-size: 1.6rem; line-height:2rem; font-family: Plantin, Arial; overflow:hidden; }

.ha-categ { height:2.4rem; position:absolute; left:1rem; bottom:0; }
.ha-categ .smaller { width:2.4rem; height:2.4rem; float:left; display:block; margin-right:0.5rem; }
.ha-categ .ha-categ-text { font-weight:normal; font-size: 1.2rem; line-height:2.4rem; font-family: Abadi-Bold,Plantin,Arial; text-transform:uppercase; }

/* --- .related-articles-inline --- */

.resources-list-articles-inline { width:100%; position:relative; margin:0 auto; overflow:hidden; }
.resources-list-articles-inline .rlai-title { height:2.7rem; color:#333; text-align:center; font-weight:normal; font-size:1.4rem; line-height:2.6rem; font-family: Abadi-ExtraBold, Plantin, Arial; text-transform:uppercase; border-top:1px solid #d9d9d1; border-bottom:1px solid #b2b2ab; }
.resources-list-articles-inline a { width:100%; height:7.4rem; position:relative; display:block; padding:1rem 0 1rem 6.2rem; border-bottom:1px solid #d9d9d1; overflow:hidden; }

.resources-list-articles-inline .category-icon { position:absolute; top:1.2rem; left:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.resources-list-articles-inline a:hover .category-icon { font-size:3.2rem; }
.resources-list-articles-inline h3 { max-height:3.6rem; /*color:#333;*/color:#555; font-weight:normal; font-size:1.6rem; line-height:1.8rem; /*font-family: Plantin-Bold, Plantin, Arial;*/font-family: Plantin-SemiBold, Plantin, Arial; margin-bottom:0.5rem; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.resources-list-articles-inline a:hover h3 { color:#000; text-decoration:underline; }
.resources-list-articles-inline h4 { font-weight:normal; font-size:1.2rem; line-height:1.2rem; font-family: Abadi-Bold, Plantin, Arial; text-transform:uppercase; } 

.hp-top-section .resources-list-articles-inline { width:32%; height:40rem; border-bottom:1px solid #d9d9d1; }
.hp-top-section .resources-list-articles-inline a:last-of-type { border:none; }

.hp-top-section.top-five .resources-list-articles-inline { width:32%; margin-right:2%; }
.hp-top-section.top-five .resources-list-articles-inline:last-of-type { margin-right:0; }

.hp-resources-section .resources-list-articles-inline { margin-bottom:1rem; border-top:1px solid #d9d9d1; }
.hp-resources-section .resources-list-articles-inline a { width:49%; height:8.4rem; float:left; padding-left:7.4rem; margin-right:2%; }
.hp-resources-section .resources-list-articles-inline a:nth-child(2n) { margin-right:0; }
.hp-resources-section .resources-list-articles-inline h3 { max-height:4rem; line-height:2rem; }
.hp-resources-section .resources-list-articles-inline a:hover .category-icon { font-size:4.2rem; }

/* --- .resources-list-articles --- */

.resources-list-articles { width:100%; overflow:hidden; margin:0 auto 0.5rem; }
.resources-list-articles a { width:23.5%; height:34rem; float:left; position:relative; margin:0 2% 1.5rem 0; padding:2.5rem 0.5rem 0.5rem; text-align:center; color:#333; background:#f2f1e9; overflow:hidden; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.resources-list-articles a:nth-child(4n) { margin-right:0; }
.resources-list-articles a:hover { background:#e9e8de; }
.resources-list-articles .rla-category { margin:0 auto 0.5rem; font-weight:normal; font-size:1.1rem; line-height:1.1rem; font-family: Abadi-Bold, Plantin, Arial; text-transform:uppercase; }
.resources-list-articles .rla-line { width:2rem; height:0.2rem; display:block; margin:0 auto 0.8rem; }
.resources-list-articles .rla-title { color:#545150; height:4.4rem; margin:0 auto 3rem; font-weight:normal; font-size:1.8rem; line-height:2.2rem; font-family: Plantin, Arial; overflow:hidden; padding:0 0.7rem; }
.resources-list-articles .category-icon { margin:0 auto 3rem; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.resources-list-articles .rla-details { width:100%; height:4rem; display:block; padding:1rem; border-top:1px solid #ddd; }
.resources-list-articles .rla-details  .left, .resources-list-articles .rla-details  .right { color:#72726e; font-weight:normal; font-size:1.2rem; line-height:2rem; font-family: Plantin, Arial; }
.resources-list-articles .rla-details i { width:2rem; height:2rem; display:block; float:left; margin-right:0.5rem; text-align:center; color:#72726e; font-size:1.5rem; line-height:2rem; }
.resources-list-articles .rla-label { width:20rem; height:4rem; position:absolute; top:0.7rem; right:-7rem; padding-top:0.8rem; text-align:center; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.3); font-weight:normal; font-size: 1.1rem; line-height:1.3rem; font-family: Abadi-Bold, Plantin, Arial; text-transform:uppercase; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); transform:rotateZ(45deg); }
 
.resources-list-articles .rla-img { width:14rem; height:14rem; display:block; overflow:hidden; position:absolute; top:12.5rem; left:50%; margin-left:-7rem; border-radius:50%; border:0.4rem solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.resources-list-articles a:hover .rla-img { }
.resources-list-articles .rla-img-align { width:50rem; height:100%; display:block; position:absolute; top:0; left:50%; margin-left:-25rem; text-align:center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;  }
.resources-list-articles a:hover .rla-img-align { height:110%; top:-5%; }
.resources-list-articles a:hover .category-icon { font-size:9.2rem; }
.resources-list-articles .rla-img img { width:auto; height:100%; margin:0 auto; }

.search-recommended-items { border-top: 1px solid #d8d8d0; background:#f2f1e9; }
.search-recommended-items .resources-list-articles a { background:#fff; }
 
/* --- .list-articles --- */

.list-articles { width:100%; overflow:hidden; margin:0 auto 1rem; }

.highlight-article { width:100%; height:34rem; overflow:hidden; padding:2rem 0; border-top:1px solid #d8d8d0; border-bottom:1px solid #d8d8d0; }
.highlight-article .ha-img { width:49%; height:100%; float:left; display:block; position:relative; overflow:hidden; }
.highlight-article .ha-img-align { width:1000rem; height:110%; display:block; position:absolute; top:-5%; left:50%; margin-left:-500rem; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.highlight-article .ha-img:hover .ha-img-align { /*height:114%; top:-7%;*/ opacity:.7; }

.highlight-article .ha-img-align img { width:auto; height:100%; margin:0 auto; }

.highlight-article .ha-details { width:49%; height:100%; float:right; position:relative; padding-bottom:3.5rem; overflow:hidden; }
.highlight-article .ha-title { max-height:7.6rem; font-weight:normal; font-size: 3.6rem; line-height:3.8rem; font-family: Plantin-Bold, Plantin, Arial; margin-bottom:1rem; overflow:hidden; }
.highlight-article .ha-title a { color:#333; }
.highlight-article .ha-title a:hover, .highlight-article .ha-related-title a:hover { text-decoration:underline; }
.highlight-article .ha-summary { height:6.6rem; color:#666; font-weight:normal; font-size:1.8rem; line-height:2.2rem; font-family: Plantin, Arial; margin-bottom:2.5rem; overflow:hidden; }

.highlight-article .ha-related { color:#47bfb9; font-weight: normal; font-size: 1.2rem; line-height:1.4rem; font-family: Abadi,Plantin,Arial; text-transform:uppercase; margin-bottom:1rem; }
.highlight-article .ha-related-title { height:1.8rem; font-weight:normal; font-size:1.6rem; line-height:1.8rem; font-family: Plantin, Arial; margin-bottom:0.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.highlight-article .ha-related-title a { color:#666; }

.highlight-article .na-details { width:100%; height:3rem; bottom:0; padding:1rem 0 0; background:#f8f8f4; }

.na-details { height:2rem; position:absolute; right:0; bottom:1.2rem; display:block; }
.na-details  span { color:#72726e; font-weight:normal; font-size: 1.2rem; line-height:2rem; font-family: Plantin, Arial; margin-left:1.5rem; }
.na-details i { width:2rem; height:2rem; display:block; float:left; margin-right:0.5rem; text-align:center; color:#72726e; font-size:1.5rem; line-height:2rem; }

.normal-article { width:49%; height:11rem; float:left; display:block; position:relative; padding:1.2rem 0; margin-right:2%; overflow:hidden; border-bottom:1px solid #d8d8d0; }
.normal-article:nth-child(2n) { margin-right:0; }
.normal-article img { width:auto; height:100%; float:left; margin-right:1.2rem; }
.normal-article h3 { height:4.8rem; color:#333; font-weight:normal; font-size:1.8rem; line-height:2.4rem; font-family: Plantin, Arial; overflow:hidden; }
.normal-article:hover h3 { text-decoration:underline; }

/* --- list-case-studies --- */

.list-case-studies { width:100%; margin:0 auto; overflow:hidden; }

.list-case-studies a { width:49%; height:30rem; float:left; margin:0 2% 1.5rem 0; display:block; position:relative; overflow:hidden; }
.list-case-studies a:nth-child(2n+1) { margin-right:0; }
.list-case-studies .lcs-img-align { width:1000rem; height:110%; display:block; position:absolute; top:-5%; left:50%; margin-left:-500rem; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* .list-case-studies a:hover .lcs-img-align { height:114%; top:-7%; }  */
 .list-case-studies a:hover .lcs-img-align { opacity:.7; } 
 
 .list-case-studies .lcs-img-align img { width:auto; height:100%; margin:0 auto; }

.list-case-studies .lcs-details { width:50%; /*height:14rem;*/ position:absolute; left:0; bottom:0; padding:1.5rem 2rem; background:#fff; overflow:hidden; }
.list-case-studies .lcs-title { height:auto; color:#333; font-weight:normal; font-size: 2.4rem; line-height:2.6rem; font-family: Plantin-Bold, Plantin, Arial; overflow:hidden; /*margin-bottom:2rem;*/ }
.list-case-studies .lcs-author, .list-case-studies .lcs-project { width:100%; display:block; color:#545150; font-weight: normal; font-size: 1.6rem; line-height:2rem; font-family: Abadi-Bold, Plantin, Arial; margin-bottom:0.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.list-case-studies .lcs-project { color:#dd6d5b; }

.list-case-studies a.highlight-case { width:100%; height:60rem; margin-right:0; }
.list-case-studies a.highlight-case .lcs-details  { width:30%; }

/* ---- footer ---- */

.main-footer { width:100%; background:#f2f1e9; overflow:hidden; padding:2rem 0 0; }

.main-footer .bank-of-ireland { width:13rem; height:4rem; color:#333; float:left; display:block; opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/*.main-footer .bank-of-ireland:hover { color:#000; opacity:1; }*/
.main-footer .bank-of-ireland  span { width:100%; height:100%; display:block; font-size:3rem; line-height:4rem; }

.social-icons { float:right; overflow:hidden; margin-bottom:2rem; }
.social-icons  a { width:4rem; height:4rem; color:#333; float:left; display:block; opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.social-icons  a:hover { color:#000; opacity:1; }
.social-icons span { width:100%; height:100%; display:block; font-size:1.8rem; line-height:4rem; text-align:center; }
.social-icons a:last-of-type  span { font-size:2rem; /*begin tiganeala*/ font-weight: 800; line-height:4.8rem/*end tiganeala*/ }

.main-footer .subcolumns:nth-child(2) { border-top:1px solid #d8d8d0; }

.footer-menu { width:auto; padding:1.5rem 0; float:right; overflow:hidden; }
.footer-menu  a { float:left; display:inline-block; color:#5b5a59; font-weight:normal; font-size:1.4rem; line-height:1.6rem; font-family: Plantin, Arial; padding:0 1.5rem; border-left:1px solid rgba(91,90,89,0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer-menu  a:first-of-type { border:none; }
.footer-menu  a:last-of-type { padding-right:0; }
.footer-menu  a:hover { color:#000; text-decoration:underline; }

.main-footer .copy { float:left; display:inline-block; color:#5b5a59; font-weight:normal; font-size: 1.4rem; line-height:1.6rem; font-family: Plantin, Arial; padding:1.5rem 1.5rem 1.5rem 0; }

.disclaimer-text{ font-size: 1.1rem; margin-bottom: 1rem; }

/* --- search --- */

.search-no-results { width:100%; padding:3rem 0; }
.search-no-results p { color:#333; font-weight:normal; font-size: 2.8rem; line-height:3rem; font-family: Plantin, Arial; text-align:center; /*margin-bottom:1rem;*/margin-bottom:0.3rem; }
.search-no-results p  strong { font-weight:normal; font-size:2.8rem; line-height:3rem; font-family: Plantin-bold, Plantin, Arial; }
.search-no-results p .snr-icon { width:18rem; height:18rem; display:inline-block; margin:0 auto 2rem; text-align:center; line-height:18rem; font-size:16rem; color:#f2f1e9; }

.search-results { width:67%; float:left; overflow:hidden; margin-bottom:5rem; } 
.search-results  a { width:100%; height:auto; float:left; display:block; position:relative; border-bottom:1px solid #d9d9d1; padding:1.5rem 0 4.5rem; }
.search-results  a:first-of-type { border-top:1px solid #d9d9d1; }

.sr-title { max-height:10.4rem; color:#333; font-weight:normal; font-size: 2.4rem; line-height:2.6rem; font-family: Plantin-SemiBold, Plantin, Arial; overflow:hidden; margin-bottom:1rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover .sr-title { color:#000; text-decoration:underline; }
.sr-summary { width:100%; max-height:8rem; display:block; color:#666; font-weight:normal; font-size: 1.6rem; line-height:2rem; font-family: Plantin, Arial; overflow:hidden; }

.sr-categ { height:2.4rem; position:absolute; left:0; /*bottom:1.2rem;*/ bottom:1.3rem; }
.sr-categ .smaller { width:2.4rem; height:2.4rem; float:left; display:block; margin-right:0.5rem; }
.sr-categ .sr-categ-text { font-weight:normal; font-size: 1.2rem; line-height:2.4rem; font-family: Abadi-Bold,Plantin,Arial; text-transform:uppercase; }

.sts-title { font-weight:normal; font-size: 2.8rem; line-height:3rem; font-family: Plantin,Arial; padding-bottom:1.5rem; }
.sts-title strong { font-weight:normal; font-size: 2.8rem; line-height:3rem; font-family: Plantin-Bold,Plantin,Arial; }

.sidebar-filters { width:22%; float:right; margin-top:-3rem; overflow:hidden; }
.sidebar-filters h5 { color:#999; position:relative; font-weight:normal; font-size: 1.4rem; line-height:3rem; font-family: Abadi-Bold,Plantin,Arial; text-transform:uppercase; border-bottom:1px solid #d9d9d1; }
.sidebar-filters h5 span { width:3rem; height:3rem; display:none; position:absolute; top:0; right:0; color:#ddd; font-size:1.2rem; line-height:3rem; text-align:center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.filters-form { width:100%; height:24rem; margin-bottom:3rem; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.filters-form p { height:4rem; position:relative; margin:0; padding:0; border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden; }
.filters-form p label { width:100%; height:100%; position:absolute; display:block; overflow:hidden; cursor:pointer; }
.filters-form p input[type=checkbox] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; visibility: hidden; }
.filters-form input[type=checkbox]:checked + label { position:absolute; top:0; left:0; opacity:0; }

.filters-form p span { float:left; margin:0.7rem 0.6rem 0 ; }
.filters-form p strong { float:left; display:inline-block; font-weight:normal; font-size: 1.4rem; line-height:4rem; font-family: Abadi-Bold,Plantin,Arial; text-transform:uppercase; }
.filters-form p strong em { font-style:normal; color:#999; padding-left:0.5rem; }
.filters-form p label:after, .filters-form p input[type=checkbox]:checked + label:before { width:3rem; height:4rem; opacity:0.8; position:absolute; top:0; right:0; content:"\ec52"; font-family:icons; text-align:center; line-height:4rem; font-size:1.8rem; color:#999; } 
.filters-form label:hover::after { opacity:1; }
.filters-form p input[type=checkbox]:checked + label:before { content:"\ec53"; }

.insert-box { width:100%; height:auto; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; padding:2rem 0; margin:0 auto; background:#f2f1e9; }

/* --- categories --- */

.category-icon { display:block; color:#fff; text-align:center; border-radius:50%; /*text-shadow:0 1px 1px rgba(0,0,0,0.2);*/ }

.big { width:14rem; height:14rem; font-size:8rem; line-height:14rem; }
.medium { width:6rem; height:6rem; font-size:3.8rem; line-height:6rem; }
.small { width:5rem; height:5rem; font-size:2.8rem; line-height:5rem; }
.smaller { width:2.4rem; height:2.4rem; font-size:2.2rem; line-height:2.4rem; background:transparent!important; }

/* OLD
  
.casestudy { background:#f05e5c; }
.article { background:#379ecc; }
.guide { background:#47bfb9; }
.checklist { background:#87cc52; }
.casestudy { background:#f05e5c; }
.template { background:#6949ce; }
.tool { background:#ea8645; }

.casestudy.smaller { color:#f05e5c; }
.article.smaller { color:#379ecc; }
.guide.smaller { color:#47bfb9; }
.checklist.smaller { color:#87cc52; }
.casestudy.smaller { color:#f05e5c; }
.template.smaller { color:#6949ce; }
.tool.smaller { color:#ea8645; }

.casestudy-text { color:#f05e5c; }
.article-text { color:#379ecc; }
.guide-text { color:#47bfb9; }
.checklist-text { color:#87cc52; }
.casestudy-text { color:#f05e5c; }
.template-text { color:#6949ce; }
.tool-text { color:#ea8645; }

.slider.slider-categ .category-icon.casestudy { color:#f05e5c; }
.slider.slider-categ .category-icon.article { color:#379ecc; }
.slider.slider-categ .category-icon.guide { color:#47bfb9; }
.slider.slider-categ .category-icon.checklist { color:#87cc52; }
.slider.slider-categ .category-icon.casestudy { color:#f05e5c; }
.slider.slider-categ .category-icon.template { color:#6949ce; }
.slider.slider-categ .category-icon.tool { color:#ea8645; }*/



.casestudy { background:#f05e5c; }
.article { background:#47bfb9; }
.guide { background:#ea8645; }
.checklist { background:#87cc52; }
.template { background:#6949ce; }
.tool { background:#379ecc; }
.advert { background:#009; }

.icon-advert-big.advert
{
	background-color: #fff;
	border: 4px solid #009;
}

.casestudy.smaller { color:#f05e5c; }
.article.smaller { color:#47bfb9; }
.guide.smaller { color:#ea8645; }
.checklist.smaller { color:#87cc52; }
.template.smaller { color:#6949ce; }
.tool.smaller { color:#379ecc; }

.casestudy-text { color:#f05e5c; }
.article-text { color:#47bfb9; }
.guide-text { color:#ea8645; }
.checklist-text { color:#87cc52; }
.template-text { color:#6949ce; }
.tool-text { color:#379ecc; }

.slider.slider-categ .category-icon.casestudy { color:#f05e5c; }
.slider.slider-categ .category-icon.article { color:#47bfb9; }
.slider.slider-categ .category-icon.guide { color:#ea8645; }
.slider.slider-categ .category-icon.checklist { color:#87cc52; }
.slider.slider-categ .category-icon.template { color:#6949ce; }
.slider.slider-categ .category-icon.tool { color:#379ecc; }
.slider.slider-categ .category-icon.advert { color:#009; }

.slider .category-icon.template { color:#6949ce; background-color: #fff;}

.icon-play9-medium
{
	font-size: 3rem;
	text-align: center;
	padding-left: 8px;
}

.icon-play9-medium:before
{
	content: "\ee95";
}


.page-type-casestudy .quote h3, 
.page-type-casestudy .quote-image h3 { color:#f05e5c; }
.page-type-article .quote h3, 
.page-type-article .quote-image h3 { color:#47bfb9; }
.page-type-guide .quote h3, 
.page-type-guide .quote-image h3 { color:#ea8645; }
.page-type-checklist .quote h3, 
.page-type-checklist .quote-image h3 { color:#87cc52; }
.page-type-template .quote h3, 
.page-type-template .quote-image h3 { color:#6949ce; }
.page-type-tool .quote h3, 
.page-type-tool .quote-image h3 { color:#379ecc; }


.slider.slider-categ .slide-icon-bg.casestudy,
.slider.slider-categ .slide-icon-bg.article,
.slider.slider-categ .slide-icon-bg.guide,
.slider.slider-categ .slide-icon-bg.checklist,
.slider.slider-categ .slide-icon-bg.casestudy,
.slider.slider-categ .slide-icon-bg.template,
.slider.slider-categ .slide-icon-bg.tool { color:rgba(0,0,0,0.2); }

.number { font-weight:normal; font-size: 1.8rem; line-height:5rem; font-family: Abadi-Bold, Plantin, Arial; }
.resources-list-articles-inline a:hover .category-icon.number { font-size:2.2rem; }

/* ---- --- */

.cookie-notification{ display: none !important; }
.cookie-notification { width:100%; position:relative; background:#eb8745; color:#fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.cookie-notification .page-margins { padding:1.5rem 6rem 1.5rem 0; }
.cookie-notification p { font-weight:normal; font-size: 1.4rem; line-height:2rem; font-family: Abadi-Bold, Plantin, Arial; }
.cookie-notification p a { color:#fff; text-decoration:underline; }
.cookie-notification .icon-close { width:4rem; height:4rem; position:absolute; top:1rem; right:1rem; display:block; font-size:3rem; line-height:4rem; text-align:center; cursor:pointer; opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.cookie-notification .icon-close:hover { opacity:1; }

/* ---- form ---- */

.form { padding-bottom:6rem; }
.form p { width:100%; overflow:hidden; margin: 0 auto 1.5rem; }
.form input, .form textarea { width:100%; height:4rem; color:#333; background:#fff; border:none; padding:0 2rem; font-weight: normal; font-size: 1.6rem; font-family: Abadi-Bold, Plantin, Arial;  box-shadow:none!important; border-radius:0.3rem; }
.form textarea { height:12rem; line-height:2rem; padding:1rem 2rem; }
.form button { width:15rem; height:5rem; float:right; color:#333; font-weight: normal; font-size: 1.8rem; font-family: Abadi-Bold, Plantin, Arial; background:transparent; cursor:pointer; border:0.2rem solid rgba(0,0,0,0.2); border-radius:0.3rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form button:hover { background:#e9e8de; }
.form button:focus, .form input:focus, .form textarea:focus { outline:none; box-shadow:none; }

.newsletter { width:100%; padding:3rem 0; margin:0 auto; background:#323232 url(../images/email.svg) no-repeat 40% 100%; background-size:auto 84%; }
.newsletter .title-section .ts-title { color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.newsletter-message { width:48%; float:left; padding-top:3rem; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.newsletter-message  h3 { color:#fff; font-weight: normal; font-size: 2.8rem; line-height:3rem; font-family: Plantin-Bold, Plantin, Arial; margin-bottom:1rem; }
.newsletter-message p { color:#fff; font-weight: normal; font-size: 1.6rem; line-height:2rem; font-family: Plantin, Arial; }

.newsletter-form { width:48%; float:right; padding:0; }
.newsletter-form  label { width:100%; height:3rem; display:block; color:#fff; font-weight: normal; font-size: 1.2rem; line-height:2rem; font-family: Abadi, Plantin, Arial; text-transform:uppercase; text-shadow:0 1px 1px rgba(0,0,0,0.5);  }
.newsletter-form input { height:5rem; }
.newsletter-form button { color:#fff; border-color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.newsletter-form button:hover { color:#333; background:rgba(255,255,255,0.6); text-shadow:none; }

.comment-form { width:100%; padding:2rem 0 1rem; position:relative; }
.comment-form input, .comment-form textarea { width:100%; }
.comment-form button { float:none; position:absolute; bottom:1rem; left:100%; margin-left:3rem; }

.contact-form { width:100%; }
.main-content .contact-form { width:150%; padding:3rem 0; margin-top:3rem; border-top:1px solid rgba(0, 0, 0, 0.2); background:#f2f1e9; }
.contact-form p { width:70%; }
.contact-form h5 { margin-bottom:1.5rem; font-size:1.8rem; line-height:2.4rem; text-align:center; }
.contact-form .border-icon { margin-bottom:2rem; }

.form .error input, .form .error select, .form .error textarea { border:1px solid #f05e5c; }
.form  .error-msg, .form  .green-msg { width:100%; display:none; position:relative; padding:1.2rem 0 1rem 3rem; font-weight: normal; font-size: 1.4rem; line-height:2rem; font-family: Abadi, Plantin, Arial; color:#f05e5c }
.form .error .error-msg, .form .green-msg { display:block; }
.form .error .error-msg i, .form .green-msg i { width:3rem; height:3rem; position:absolute; top:0.5rem; left:0; line-height:3rem; font-size:2.2rem; }
.form .green-msg { color:#90d95d; }
/*
::-webkit-input-placeholder { color:#333; opacity:1; }
:-moz-placeholder { color:#333; opacity:1; } 
::-moz-placeholder { color:#333; opacity:1; }
:-ms-input-placeholder { color:#333; opacity:1; }
*/
/* -------- */

.btn { height:5rem; display:inline-block; color:#333; font-weight: normal; font-size: 1.8rem; line-height:5rem; font-family: Abadi-Bold, Plantin, Arial; background:transparent; text-align:center; cursor:pointer; border:0.2rem solid rgba(0,0,0,0.2); border-radius:0.3rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn span { margin-right:1rem; } 
.btn:hover { background:#e9e8de; }

/* ------------------------------------------ */

.subcolumns { overflow:hidden; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; } 
.visible { display:block!important; }
.hidden { display:none!important; }
.table { width:100%; height:100%; display:table; }
.table-cell { width:100%; height:100%; display:table-cell; vertical-align:middle; }
.relative { width:100%; height:100%; position:relative; }

.transation-2s-in-out { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.transation-3s-in-out { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transation-5s-in-out { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }

@media only screen and (min-width: 610px)
{
	.submenu
	{
		margin-top: 0;
		-webkit-transition: top 0.5s ease-out;
		-moz-transition: top 0.5s ease-out;
		-o-transition: top 0.5s ease-out;
		-ms-transition: top 0.5s ease-out;
		transition: top 0.5s ease-out;
	}

	.view-submenu .submenu
	{
		top: 12rem;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	/* 4 items */
	.submenu a:nth-child(2):nth-last-child(4),
	.submenu a:nth-child(2):nth-last-child(4) ~ a
	{
		width: 25%;
	}

	/* 5 items */
	.submenu a:nth-child(2):nth-last-child(5),
	.submenu a:nth-child(2):nth-last-child(5) ~ a
	{
		width: 20%;
	}

	/* 6 items */
	.submenu a:nth-child(2):nth-last-child(6),
	.submenu a:nth-child(2):nth-last-child(6) ~ a
	{
		width: 16.65%;
	}

	/* 8 items */
	.submenu a:nth-child(2):nth-last-child(8),
	.submenu a:nth-child(2):nth-last-child(8) ~ a
	{
		width: 12.5%;
	}

	/* 9 items */
	.submenu a:nth-child(2):nth-last-child(9),
	.submenu a:nth-child(2):nth-last-child(9) ~ a
	{
		width: 11%;
	}

	/* 10 items */
	.submenu a:nth-child(2):nth-last-child(10),
	.submenu a:nth-child(2):nth-last-child(10) ~ a
	{
		width: 20%;
	}

	/* 11-12 items */
	.submenu a:nth-child(2):nth-last-child(11),
	.submenu a:nth-child(2):nth-last-child(11) ~ a,
	.submenu a:nth-child(2):nth-last-child(12),
	.submenu a:nth-child(2):nth-last-child(12) ~ a
	{
		width: 16.6%;
	}
}

@media only screen and (max-width: 3200px) {
	/*html, body  { font-size:12px; }*/	
    
}

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

@media only screen and (max-width: 1440px) {
	/*html, body  { font-size:11px; }*/	
}

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

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

@media only screen and (max-width: 1024px) {
	html, body  { font-size:10px; }    
}

@media only screen and (max-width: 1050px){
	.main-header .search-box{ width: 20rem; }
}

@media only screen and (max-width: 1020px){
	.main-header .search-box{ width: 4rem; }
	.main-header .search-box-field{ opacity: 0; }
}
	
@media only screen and (max-width: 980px) {
	.page-margins { width:94%; max-width:94%; }
	
	.slider { height:50rem; }
	.hp-top-section .slider { width:100%; height:50rem; float:none; }
	.slider .slide-img-align { height:122%; top:-11%; }
	.slider .slide:hover .slide-img-align { /*height:124%; top:-12%;*/ } 
	
	.hp-top-section { padding-bottom:0; }
	
	.highlight-articles { width:100%; height:auto; float:none; margin-bottom:2rem; }
	.highlight-articles .ha-header-title, .resources-list-articles-inline .rlai-title { border-top:none; }
	.resources-list-articles-inline .rlai-title { height:auto; }
	.highlight-articles a { height:41rem; padding-bottom:3rem; }
	.ha-img-container { height:17rem; }
	.ha-img-container .ha-icon { width:16rem; height:16rem; line-height:16rem; right:1rem; bottom:-2rem; font-size:16rem; }
	
	.hp-top-section .resources-list-articles-inline { width:100%; height:auto; float:none; border-bottom:none; overflow:hidden; }
	.resources-list-articles-inline .rlai-title { line-height:1.6rem; padding:1rem; }
	.resources-list-articles-inline a { width:49%; float:left; margin-right:2%; }
	.resources-list-articles-inline a:nth-child(2n+1) { margin:0; }
	
	.hp-top-section.top-five .resources-list-articles-inline { width:100%; margin-right:0; }
	
	.resources-list-articles a { width:49%; }
	.resources-list-articles a { margin-right:2%; } 


	.resources-list-articles a:nth-child(2n), .resources-list-articles a:nth-child(4n) { margin-right:0; }
	.resources-list-articles .rla-title { padding:0 1.5rem; }
	
	.hp-resources-section .resources-list-articles-inline, .hp-resources-section .resources-list-articles-inline a:nth-child(2n+1)  { margin-right:2%; }	
	.hp-resources-section .resources-list-articles-inline a:nth-child(2n) { margin-right:0; }
	
	.highlight-article { height:28rem; }
	.highlight-article .ha-title { max-height:6.8rem; font-size:2.8rem; line-height:3.4rem; }
	.highlight-article .ha-summary { height:2.2rem; }
	
	.main-footer { padding-top:3.5rem; }
	.main-footer .social-icons { margin-bottom:3rem; }
	.footer-menu { width:100%; }
	.footer-menu a:first-of-type { padding-left:0; }
	.main-footer .copy { width:100%; display:block; border-top:1px solid #d8d8d0; }
	
	.cookie-notification .page-margins { padding:1.5rem 5.5rem 1.5rem 0; }
	.cookie-notification .icon-close { right:0; }
}

@media only screen and (max-width: 860px){
	.main-header .search-box{ width: 24rem; }
	.main-header .topics-sticky{ display: none; }
	.main-header .main-menu a strong{ display: initial; }
	.main-header .main-menu .trigger-submenu{ display: block; }
	.main-menu a.home{ display: none; }
	.main-menu a.trigger-submenu{ display: block; }
}

@media only screen and (max-width: 800px) {	
	.slider { height:45rem; } 
	.hp-top-section .slider, .list-case-studies a.highlight-case { height:45rem; }
	.slider .slide-img-align { height:110%; top:-5%; }
	
  .slider .slide:hover .slide-img-align { /*height:114%; top:-7%;*/ }

	.list-case-studies a { height:25rem; }
	
	.search-results  { width:100%; height:auto; float:none; }
	.sidebar-filters { width:100%; float:none; }
	.sidebar-filters h5 { cursor:pointer; }
	.sidebar-filters h5 span { display:block; }
	.view-filters-form  .sidebar-filters h5 span { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); }
	.filters-form { height:0; margin-bottom:0; overflow:hidden; }
	.view-filters-form .filters-form { height:24rem; }

  	/*.boi-logo
	{
		display: none;
	}*/

}

@media only screen and (max-width: 600px) {	
	.wrapper{ -webkit-transition-property: margin-left; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: initial; padding-top: 10rem; }
	.wrapper.view-search-box { padding-top:14rem; }
	.is_home .wrapper{ padding-top: 6rem; }
	.page-margins { max-width: 90%; width: 90%; }
	
	.main-header .page-margins { width:100%; max-width:100%; height: 100% !important;}
	.brand { width:auto; margin: 0 14%; position: relative; z-index: 100; }
	
	.bizhub-logo { width:18rem; height:3rem; left: 0px; right: 0px; margin: 0 auto;  position: absolute; z-index: 100; }
	.bizhub-logo{ width:12rem; margin-right:1rem; }
	
	.bizhub-logo, .is_home .bizhub-logo{ width: 18rem; }
	.bizhub-logo span, .is_home .bizhub-logo span{ font-size: 3.5rem; }

	.bizhub-logo{  }
.bizhub-logo .icon-bizhub-logo::before{ content: '' !important; display: none !important; }

	.icon-bizhub-logo
	{
		display: initial !important;
	}
	
	.new-logo
	{
		display: none !important;
	}
	
	.header.main-header { height:6rem; }
	header.main-header{ height: 10rem; }
	.main-header .main-menu a strong{ display: none; }

    .bizhub-logo { width:25rem; }
    .bizhub-logo a, .boi-logo a
    {
      overflow:hidden; height:90%; font-size:5rem; line-height:5rem;
    }

	.boi-logo
	{
		/*display: none;*/
		width: 15rem !important;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: auto;
		top: 2.5rem;
		margin-top: 0 !important;
	}

	.boi-logo span
	{
		text-indent: initial;
	}

	.boi-logo span:before
	{
		content: initial;
	}

	.boi-logo strong
	{
		visibility: visible;
		font-family: Abadi-Bold;
		font-weight: normal;
		font-size: 1.2rem;
		text-indent: initial;
	}

	.boi-logo .powered-by
	{
		font-family: 'Abadi';
		font-weight: normal;
		font-size: 1rem;
		color: #72726E;
		display: inline;
		text-transform: uppercase;
		margin-right: 0.5rem;
	}
	
	.is_home 	 .bizhub-logo a, .is_home  .boi-logo a
    {
       height:55%; 
    }
	
	.bizhub-logo span { line-height:5.6rem; }

	.is_home header.main-header
	{
		height: 6rem;
	}
	.is_home .search-box
	{
		top: 6rem;
	}

	.is_home .wrapper.view-search-box
	{
		padding-top: 10rem;
	}
	

	.main-menu{ width: 100%; margin-top: 0.5rem; margin-right: auto; margin-bottom: 0.5rem; margin-left: auto; position: absolute; top: 1rem;}
	.main-menu a.trigger-search{ float: right; }
	.main-menu a { width:4.6rem; height:3rem; padding:0; }

	.main-menu a:first-of-type { display:none; }
	.main-menu a.trigger-search { display:block; opacity:1; } 
	.view-search-box .main-menu a.trigger-search { display:block; opacity:0.6; } 
	.main-menu a strong { display:none; }
	.main-menu a span { width:100%; height:100%; line-height:3rem; font-size:2rem; display:block; text-align:center; }
	.main-menu > a:nth-child(2) { border-right:1px solid #d8d8d0; }
	
	.header-title { width:100%; height:4rem; left:0; top:auto; bottom:0; margin:0; font-size:2.4rem; line-height:4rem; }
	
	.submenu { width: 80%; height:100%; position:fixed; z-index: 100001; top:0; left:-100%; margin-top:0; padding:0; overflow-y:auto; }
	.view-submenu .submenu { -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -o-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate(-100%,0); top: 0;}
	.wrapper.view-submenu { height:100%; }
	.submenu a { width:100%; height:5.2rem; margin:0; border-bottom:0.2rem solid rgba(255, 255, 255, 0.2); }
	.submenu a span, .submenu a em { display:none; }
	.submenu a strong { width:100%; height:100%; display:block; text-align:left; font-size:1.6rem; line-height:5rem; }
	.submenu a i { display:inline-block; padding-left:0.5rem; }
	.submenu h4  { display:block; }
	
	.search-box { width:100%; height:0; float:none; position:absolute; top:9.9rem; left:0; z-index:5; margin:0; } 
	.search-box fieldset { overflow:hidden; }
	.view-search-box .search-box { height:4rem; } 
	.search-box .search-box-btn { width:4rem; height:4rem; line-height:4rem; }
	
	.slider, .hp-top-section .slider  { height: auto; margin-bottom:1rem; }
	.slider .slides { height:38rem; }	
	.slider .slide-msg { padding: 1.5rem 0 0; }
    /*.hp-top-section .slider .slide-msg {padding: 1.8rem 10% 3rem;}*/
    .hp-top-section .slider .slide-msg {
    bottom: 2rem;
    }
	.slider .slide-title { padding:0 5%; margin-bottom:1.5rem; }
	.slider .slide-subtitle { width:100%; height:3.5rem; padding:1.5rem 5% 0; margin:0; background:#f8f8f4; color:#545150; text-shadow:none; }
	.slider-nav { height:2rem; bottom:0; background:#fff; padding-top:1rem; }
	.hp-top-section .slider-nav { background:#f8f8f4; }
	.slider-nav span { background:rgba(0,0,0,0.3); }
	.slider-nav span:hover, .slider-nav span.selected { background:rgba(0,0,0,0.7); }
	
	.highlight-articles a, .highlight-articles a:first-of-type { width:100%; float:none; height:auto; padding:1.5rem 0 4.5rem; border:none; border-bottom:1px solid #d9d9d1; }
	.highlight-article .ha-summary{ display: none; }
	.highlight-articles a:first-of-type { padding-top:0; }
	.ha-img-container { height:28rem; }
	.ha-img-container .ha-img-align, a:hover .ha-img-container .ha-img-align { height:130%; top:-15%; }
	.ha-img-container .ha-icon { width:22rem; height:22rem; line-height:22rem; right:1rem; bottom:-2rem; font-size:22rem; }
	.ha-title { max-height:5.2rem; }
	.ha-summary { max-height:6rem; }
	.ha-categ { bottom:1.2rem; left:0; }
	
	.resources-list-articles-inline a, .hp-resources-section .resources-list-articles-inline a, .hp-resources-section .resources-list-articles-inline a:nth-child(2n+1) { width:100%; margin-right:0; margin-bottom:1rem; }
	.resources-list-articles a { margin-bottom:1rem; }
	
	.highlight-article { height:auto; }
	.highlight-article .ha-img, .highlight-article .ha-details { width:100%; margin-right:0; }
	.highlight-article .ha-img { height:auto; margin-bottom:1.5rem; }
	.highlight-article .ha-img-align, .highlight-article a:hover .ha-img-align { width:100%; height:auto; position:static; margin:0; }
	.highlight-article .ha-img-align img { width:100%; height:auto; }
	/*.highlight-article .ha-summary { height:6.6rem; }*/
	.highlight-article .ha-summary { height:auto; max-height:none; }

	.normal-article { width:100%; height:10.5rem; margin-right:0; }
	
	.list-case-studies a, .list-case-studies a.highlight-case { width:100%; height:auto; top:0; margin-bottom:2rem; }
	.list-case-studies .lcs-img-align, .list-case-studies a:hover .lcs-img-align, .list-case-studies a.highlight-case:hover .lcs-img-align { width:100%; height:auto; position:static; margin:0 0 1rem; }
	.list-case-studies .lcs-img-align img { width:100%; height:auto; }
	.list-case-studies .lcs-details, .list-case-studies a.highlight-case .lcs-details { width:100%; height:auto; position:static; display:block; padding:0; }
	.list-case-studies .lcs-title { max-height:5.2rem; height:auto; margin-bottom:1rem; }
	
	.main-footer { padding:3rem 0 1rem; }
	.main-footer .bank-of-ireland { width:19rem; height:4rem; margin-bottom:1.5rem; }
	.main-footer .bank-of-ireland span { font-size:4rem; line-height:4rem; }
	.footer-menu a { width:100%; display:block; padding:0.5rem 0; border:none; }
	.main-footer .social-icons { width:100%; float:left; margin-bottom:1.5rem; }
	
	.slider .category-icon.medium { width:4rem; height:4rem; top:-2rem; top:-3rem; margin-left:-2rem; line-height:4rem; font-size:2.4rem; }
	.slider.no-images .slide-msg { padding:1rem 10% 8rem; }
	.slider.no-images .category-icon { top:auto!important; }
	.slider.no-images .slide-categ { padding-top:3.2rem; }
	.slider.no-images .slides { height: auto; }
	
	.newsletter { background-position:50% 100%; }
	.newsletter-message, .newsletter-form { width:100%; float:none; margin-right:0; padding-top:0; }
	.newsletter-message { margin-bottom:2rem; }
	.form button { width:100%; float:none; }
	
	.search-no-results { width:100%; padding:0 0 3rem; }
	.search-no-results p .snr-icon { width:10rem; height:10rem; display:inline-block; margin:0 auto 1rem; text-align:center; line-height:10rem; font-size:8rem; }
	.search-no-results p, .search-no-results p strong { font-size:2.2rem; line-height:2.4rem; }
}

@media only screen and (max-width: 400px) {
	.bizhub-logo, .boi-logo { width:7.5rem; height:4rem; margin-top:1rem; }
	.bizhub-logo { width:9rem; margin-right:1rem; }
	.bizhub-logo span, .boi-logo span { font-size:2rem; }
	.bizhub-logo span { font-size:1.8rem; }
	
	.main-menu a { width:4rem; }
	
	.slider .slides { height: 22rem; }
	.slider.no-images .slides { height: auto; }
	.slider .slide-categ { font-size:1rem; line-height:1rem; }
	.slider .slide-title { max-height:5.2rem; font-size:2.1rem; line-height:2.4rem; margin-bottom:1rem; }
	.slider .slide-subtitle { height:2.2rem; padding: 0.6rem 5% 0; font-size:1.3rem; }
	.slider .category-icon.medium { top:-3rem; }
	.is_home .slider .slide-msg .slide-title{ font-size: 1.8rem; line-height: 1.8rem; }
	
	.ha-img-container { height:18rem; }
	.ha-img-container .ha-img-align, a:hover .ha-img-container .ha-img-align { height:120%; top:-10%; }
	.ha-img-container .ha-icon { width:18rem; height:18rem; line-height:18rem; font-size:18rem; }
	.ha-title { max-height:4.8rem; font-size:1.8rem; line-height:2.4rem; }
	.ha-summary { max-height:5.4rem; font-size:1.4rem; line-height:1.8rem; }
	
	.title-section .ts-title { font-size:1.5rem; }
	.title-section .ts-subtitle { font-size:2.1rem; line-height:2.6rem; }
	.highlight-article .ha-title, .search-results  .sr-title { max-height: 5.2rem; font-size:2.2rem; line-height:2.6rem; }
	
	.resources-list-articles a { height:24rem; margin-bottom:0.5rem; }
	.resources-list-articles a .category-icon.big { width:8rem; height:8rem; font-size:4.4rem; line-height:8rem; margin-bottom:1.5rem; }
	.resources-list-articles .rla-img { width:8rem; height:8rem; top:10.6rem; margin-left:-4rem; }
	.resources-list-articles .rla-title { height:4rem; font-size:1.3rem; line-height:1.6rem; padding:0.5rem; margin-bottom:1.5rem; }
	.resources-list-articles .rla-label { height:2.8rem; top:0.6rem; right:-8rem; font-size:0.8rem; line-height:1rem; padding-top:0.5rem; }
	.resources-list-articles .rla-details i, .na-details i { font-size:1.3rem; }
}

@media print{
	.wrapper{ padding-top: 0px !important; }
	.main-header, .submenu{ display: none !important; }
	}
