/*============================================================================
        Font definitions
        =========================================================================== */
@font-face {
    font-family: 'futura_t_otregular';
    src: url('../fonts/futuratot-book-webfont.eot');
    src: url('../fonts/futuratot-book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-book-webfont.woff') format('woff'),
        url('../fonts/futuratot-book-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-book-webfont.svg#futura_t_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_t_otmedium';
    src: url('../fonts/futuratot-medi-webfont.eot');
    src: url('../fonts/futuratot-medi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-medi-webfont.woff') format('woff'),
        url('../fonts/futuratot-medi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-medi-webfont.svg#futura_t_otmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_t_otdemi';
    src: url('../fonts/futuratot-demi-webfont.eot');
    src: url('../fonts/futuratot-demi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-demi-webfont.woff') format('woff'),
        url('../fonts/futuratot-demi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-demi-webfont.svg#futura_t_otdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_t_otbold';
    src: url('../fonts/futuratot-bold-webfont.eot');
    src: url('../fonts/futuratot-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-bold-webfont.woff') format('woff'),
        url('../fonts/futuratot-bold-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-bold-webfont.svg#futura_t_otbold') format('svg');
    font-weight: lighter;
    font-style: normal;
    -webkit-text-size-adjust: 100%
}
@font-face {
    font-family: 'molgrouplight';
    src: url('../fonts/molgroup-light-webfont.eot');
    src: url('../fonts/molgroup-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/molgroup-light-webfont.woff') format('woff'),
        url('../fonts/molgroup-light-webfont.ttf') format('truetype'),
        url('../fonts/molgroup-light-webfont.svg#molgrouplight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'molgroupregular';
    src: url('../fonts/molgroup-regular-webfont.eot');
    src: url('../fonts/molgroup-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/molgroup-regular-webfont.woff') format('woff'),
        url('../fonts/molgroup-regular-webfont.ttf') format('truetype'),
        url('../fonts/molgroup-regular-webfont.svg#molgroupregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'molgroupblack';
    src: url('../fonts/molgroup-black-webfont.eot');
    src: url('../fonts/molgroup-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/molgroup-black-webfont.woff') format('woff'),
        url('../fonts/molgroup-black-webfont.ttf') format('truetype'),
        url('../fonts/molgroup-black-webfont.svg#molgroupblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*============================================================================
        Reset
=========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {}
audio,canvas,video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;} [hidden] {display:none;}
html {
    color:#000;
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
html.scrollbar {height: 101% !important;}
html,button,input,select,textarea {font-family:arial;}
body{width:100%; cursor: default;} a:active,a:focus,a:hover {}
h1 {
	margin:0.67em 0;
	font-size: 25px;
    font-family: 'molgrouplight', 'molgroupregular', sans-serif;
    color:#e30018;
    margin-bottom:-6px;
    font-weight: bold;
    text-transform:uppercase;
}
h2 {
    font-size: 25px;
    font-family: 'molgrouplight', 'molgroupregular', sans-serif;
    color:#e30018;
    margin-top:16px;
    margin-bottom:-6px;
    font-weight: bold;
    text-transform:uppercase;
}
.item-pageDate {margin: 16px 0 0 0 !important; padding: 0 !important;}

h3:not(.title) {font-size:15px; font-family: 'molgroupregular', 'molgroupregular', sans-serif; color:#ed1c2a;padding-bottom: 6px; text-transform: uppercase; padding-right: 22px; padding-left: 26px; left: 10px; font-weight: normal; } h4 {font-size:1em; margin:1.33em 0;}
h5 {font-size:0.83em; margin:1.67em 0;} h6 {font-size:0.67em; margin:2.33em 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight:bold;} blockquote {margin:1em 40px;}
dfn {font-style: italic;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background:#ff0; color:#000;} p,pre {margin:1em 0;}
code,kbd,pre,samp {font-family:monospace,serif; _font-family:'courier new',monospace; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;} q:before,q:after {content:''; content:none;}
small {font-size:80%;} sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;} sub {bottom:-0.25em;}

img {border:0;-ms-interpolation-mode:bicubic;} svg:not(:root) {overflow:hidden;}
fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0; white-space:normal;*margin-left:-7px;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow:visible; }
button[disabled],html input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box; -webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto;vertical-align:top; } table {border-collapse:collapse; border-spacing:0;}

.home #main > * { left: -2560px; }
.home #main header { position: relative; left:0; }

.home #main > header, .home #main header > * { opacity: 0; filter:alpha(opacity=0); }
.home #main header > #logo { opacity: 1; filter:alpha(opacity=100); }


/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
    margin:0 auto 20px;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-slide-active {
}

.swiper-slide-visible {
    /* Specific visible slide styling: */

}

.distrib .swiper-slide,
.distrib .swiper-container {
    /*height: 300px;*/
}

@media (max-width: 1199px) {
    .distrib .swiper-slide,
    .distrib .swiper-container {
        /*        width: 996px;
                height: 300px;*/
    }

}

@media (min-width: 1200px) {
    .distrib .swiper-slide,
    .distrib .swiper-container {
        /*        width: 1180px;
                height: 300px;*/
    }

}



/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}
.swiper-active-switch {
    /* Specific active button style: */

}
.swiper-visible-switch {
    /* Specific visible button style: */

}


/*============================================================================
        Pagination
=========================================================================== */

.pagination ul {
    text-align: center;
}

.pagination .pagination-start,
.pagination .pagination-end {
    display: none;
}

.pagination-prev a {
    background: url(../images/prev.png) no-repeat 0 4px;
    display: inline-block;
    padding-left: 20px;
}

.pagination-next a {
    background: url(../images/next.png) no-repeat 100% 4px;
    display: inline-block;
    padding-right: 20px;
}

.pagination li {
    display: inline-block;
    float: none;
    background: none;
    padding: 0 10px;
}

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

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

#searchForm fieldset {
    border: 0;
    padding-left: 0;
}

#searchForm input[type=text],
#searchForm button {
    background: #efefef;
    border: 0;
    color: #938888;
    font-weight: bold;
    padding: 10px;
}

#searchForm button {
    background: #dfdfdf;
    color: #938888;
}

#searchForm label {
    color: #888;
}

#searchForm button {
    text-transform: uppercase;
}

.empty404 + .pagenav {
    display: none;
}

#xmap span + ul,
#xmap a + ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

#xmap .muted {
    display: none;
}

a {text-decoration: none; color: #525252; font-weight: normal;}

article a {
    text-decoration: underline;
}


body {
    text-align:center;
    font-family: Calibri, Verdana, Arial, sans-serif;
    margin: 0;
    width: 100%;
    height: 100%;
    background: rgb(231,231,231) url(../assets/bg_main.png) no-repeat center top;
}

* { _noFocusLine: expression(this.hideFocus=true); }
::-moz-focus-inner {border:0;}
:focus {outline:none;}
::selection {background: #000;color:#fff;text-shadow: none;} ::-moz-selection {background: #000;color:#fff;text-shadow: none;}
img{border:none}
p{padding:0px 0px 10px 0px; font-family: Calibri, Verdana, sans-serif; font-size:14px; text-align:justify; color:#717171; padding-bottom: 0; }

/*============================================================================
        Helpers
=========================================================================== */
.fleft{float:left;}
.no-pointer {pointer-events:none;}
.no-scroll {overflow:hidden;}
.oh{overflow: hidden;}
.relative{position: relative !important;}
.clearfix:before,.clearfix:after {content:" ";display:table;}.clearfix:after {clear:both;}.clearfix {*zoom:1;}
.chromeframe{margin:0; background:#ccc; color:#000; padding:0.2em 0;} .chromeframe a{color:#0300E7;}
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../images/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(../images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.out{filter: alpha(opacity=0);opacity: 0;}
.in{filter: alpha(opacity=100);opacity: 1;}
.anim4{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}

.article-outer-wrap {
    background: none;
    display: table;
    table-layout: fixed;
    width: 100%;
}

#wrap {
    height: 100%;
    background: #fff;
    width: 880px;
    background-size: auto auto;
    padding: 0;
    background-repeat: repeat-x;
    background-position: 0% 0%;
    display: table-cell;
    vertical-align: top;
}
#wrap.error-wrap {
    width: 100%;
}
.wrapInner {
    padding: 0 30px 101px;
}
.innerSeparator {display: table-cell; width: 20px; background: none; white-space: nowrap;}
.menu2 {
    background: #FFF;
    height: 100%;
    width: 280px;
    padding-top: 0;
    vertical-align: top;
    overflow: hidden;
    display: table-cell;
}
@media (max-width: 1199px) {
    #wrap {width: 740px;}
    .menu2 {width: 236px;}
}

.moduletable{ position: relative; left:0; }
.item-page h3 {font-size:17px; font-family: Calibri, Verdana, sans-serif; color:#ed1c2a;padding-bottom: 6px; text-transform: uppercase; padding-right: 0px; padding-left: 0px; font-weight: bold; } h4 {font-size:1em; margin:1.33em 0;}

a:hover,
a:focus {
    color: #e2000e;
}

.item-page {
    min-height: 600px;
}

/*============================================================================
        Header
=========================================================================== */
#main{text-align:left;position:relative;margin:0 auto;padding:0 0 0 0;}

.menu2 ul.menu {margin: 10px 0;padding: 0 0 0 30px; list-style: none;}
.menu2 ul.menu ul, ul.menu ul ul {list-style: none;}
.menu2 li a {color: #5d5858; font-weight: normal; font-family: Calibri, Verdana, sans-serif; font-weight: normal; font-size: 1em; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; display: block; box-sizing: border-box;}
.menu2 li a:hover {color: #E0081F;}
.menu2 li.active > a {font-weight: bold !important;}
.menu2 li.current > a { font-weight: bold !important; color: #e0081f !important;}

.menu2 ul.menu li {line-height: 30px; font-weight: normal;}

#logo{position:absolute;top:0;left:20px; margin: 0.67em 0; }

nav {
    font-size:16px;
    position: absolute;
    padding-top: 0;
    margin-top: 0;
    top: 80px;
    left: 0;
}

nav li{display:block;float:left;list-style:none;}

header{
    width: 1200px;
    height: 129px;
    margin: 0 auto;
}

#lang{position:absolute; right:-5px; padding:0; margin:0;}

.bread {
    display: inline-block;
    background: url(../assets/thin_gray_horizontal.png) no-repeat top right;
    background-position: left top;
    background-size: 100% 100%;
    font-family: Calibri, Verdana, sans-serif;
    font-weight: normal;
    color: #6e6e6e;
    margin: 0;
    font-size: .9em;
    height: auto;
    line-height: initial;
}
@media (max-width: 1199px) {
    .bread {
        font-size: .9em;
        line-height: 20px;
    }
}
.breadcrumbs {
    padding: 10px 45px 10px 30px;
    overflow: hidden;
}
.breadcrumbs a{
    text-decoration: none;
    color: #6e6e6e;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs .last {
    font-family: Calibri, Verdana, sans-serif;
    font-weight: normal;
    color: #e0081f;
}
.breadcrumbs img {
    margin: 0 3px;
}
.breadcrumbs ul {
    list-style: none;
    font-size: 0;
}
.breadcrumbs ul li {
    display: inline-block;
    padding: 7px 0;
    font-size: 13px;
}
.breadcrumbs ul li::before{
    content: none !important;
    display: none !important;
}

.maximenuck .item101 .current .active .first .level1 {display:none;}

.customslider{ position:absolute;margin-bottom: 20px; width: 847px; padding-bottom: 20px; top: 119px; }

table.event-calendar td {
    border: 2px solid #f1f1f1;
    padding: 10px 4px;
    color: #717171;
    font-size: 14px;
}
table.event-calendar th{
    border: 2px solid #f1f1f1;
    padding: 10px 4px;
    background: #f8f8f8;
    color: #717171;
    font-size: 16px;
    font-family: 'futura_t_otregular';
}
table.event-calendar tr.odd td{
    background: #f8f8f8;
}
h3.event-calendar {
    color: #e30018;
    font-size: 24px;
    font-family: 'molgroupregular';
    line-height: 30px;
    margin: 10px 0 10px 0;
    padding: 0;
}

article h1 a,
article h2 a,
article h3 a,
article h4 a,
article h5 a,
article h6 a {
    text-decoration: none;
}

/*============================================================================
        New
=========================================================================== */
.close-popup{color:#E30018;cursor:pointer;font-family:molgroupregular;font-size:35px;height:40px;line-height:1em;position:absolute;right:-40px;text-align:center;top:-36px;width:40px;}
.item101,.item-106,.item-161 {display:none;}
.separator img{padding-top:18px;float: left; margin-left: -40px; padding-left: 3px; padding-right: 0; position: relative; line-height: 0;}
.maxiFancybackground{list-style-type:none;}

.home .row-2 {display: none;}
.home .row-3, .about-mol-group .row-3 {margin-bottom: 0;}
.home .row-1 {margin-bottom: 0;}
.home .mg_row_22u, .about-mol-group .mg_row_22u {height: 414px;}

.about-mol-group .row-2 {margin-bottom: 0;}

.home .block_transcript .mg_heading_red {min-width: 300px;}


/*============================================================================
        Inner
=========================================================================== */
.inner {
    position:relative;
    width: 1180px;
    margin: 20px auto 0;
}

.integralt-eves-jelentes #wrap { width:872px;  padding-right:20px;}
.integralt-eves-jelentes p{padding-left:40px;}
.integralt-eves-jelentes h2{padding-left:40px;}
#toTop{z-index:9999;}
.home .inner .video img { width: 540px; }
.home .inner .annual-report { position: relative; }

.annual-report p {
    padding: 0;
}


.home .annual-report {
    background: url('../images/blocks/block_2015_q3.jpg') no-repeat center bottom;
}

.home .annual-report h3 {
    background: #fff;
}

.home .annual-report > a {
    display: block;
    width: 100%;
    height: 273px;
    font-size: 0;
    line-height: 0;
}



.home .inner .news {
    height: 303px;
    position: relative;
    background: #fff;
}

article h4,
article h5,
article h6 {
    color: #6e6e6e;
}

article ul, article ol { font-family: Calibri, Verdana, sans-serif; font-size: 14px; text-align: justify; color: #717171; }

article ul { padding: 0; }

article ul ul{ padding: 0 0 0 20px; margin: 10px 0;}


article ul li {
    list-style-type: none;
    padding: 7px 0 7px 40px;
}

article ul li li:before,
article ul li:before, ul.latestnews .articleText ul li:before {
    color: #e2000d;
    content: url('../images/arrow.png');
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    font-size: 14px;
    left: -20px;
    top: 0;
}

ul.latestnews li a {
	display: block;
}

article ul li li:before,
article ul li:before, ul.latestnews .articleText ul li {
    border: 0;
}


/*************************** ARTICLE FILTER BY DATE *************************************/
.articleText {
    padding: 10px 0 0 0;
}
.articleLead {
    border-bottom: 2px solid #DADCDD;
}
.articleLead p {font-style: italic;}
.articleHead {
    cursor: pointer;
}
article ul.latestnews li {
    position: relative;
}
article ul.latestnews li.opened h3.title, article ul.latestnews li a:hover {
    color: #ED1C2A;
}
article ul.latestnews li a {
    color: #535353;
}
article ul.latestnews li .articleText p a,
article ul.latestnews li .articleText span a,
article ul.latestnews li .articleText p span a{
    color: #E40017;
}
article ul.latestnews li .polygon {
    background: url('../images/polygon3.png') no-repeat top center;
    position: absolute;
    left: -20px;
    top: -1px;
    width: 12px;
    height: 17px;
}
article ul.latestnews li .articleHead .polygon {
    background: url('../images/polygon2.png') no-repeat top center;
    position: absolute;
    left: -20px;
    top: -1px;
    width: 12px;
    height: 14px;
}

article ul.latestnews li:before {
    top: 0px;
    content: "";
}
article ul.latestnews {
    padding: 0;
    padding-left: 20px;
}
article ul.latestnews li{
    padding: 0 0 10px 0;
}
article ul.latestnews li a {text-decoration: none}
.datePicker {
    margin: 0px 0 20px 0;
    float: left;
    display: block;
}
.datePicker .fromDate, .datePicker .toDate, .datePicker .keySearch{
    display: inline;
    position: relative;
    margin: 0 10px 0 0;
}
.datePicker .fromToSeparator {
    display: inline;
    margin: 0 10px 0 0;
}
.datePicker .fromDate #startDate_img, .datePicker .toDate #endDate_img {
    position: absolute;
    right: 10px;
    top: -2px;
}
.datePicker .searchsearch{
    position: relative;
    left: 0;
    top: 0;
}
.datePicker .inputboxsearch {
    background: #efefef;
    width: 174px;
    height: 29px;
    position: relative;
    top: 0;
    right: 0;
    font-family: 'molgroupregular';
    font-size: 12px;
    line-height: 29px;
    font-weight: normal;
    border: 0;
    color: #a9a7a7;
    padding-left: 12px;
}

.datePicker .buttonsearch {
    background: url(../images/searchbtn.png) no-repeat top left;
    position: relative;
    top: -4px;
    right: 22px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    border: none;
    z-index: 99999;
    font-size: 0;
}

.categorysearch {
    margin: 20px 0 0 20px;
    float: left;
    display: block;
}
.datePicker h3, .categorysearch h3{
    padding: 0;
    margin: 30px 0 10px 0;
    color: #535353;
    font-family: 'molgroupregular';
    font-weight: normal;
}
.datePicker #startDate, .datePicker #endDate, .datePicker #keyWord {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #c7c7c7;
    color: #737373;
    font-family: Calibri, 'futura_t_otregular', sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 29px;
    line-height: 29px;
    padding-left: 12px;
    width: 174px;
    text-transform: uppercase;
}
.datePicker img {
    vertical-align: middle;
    border: 0;
    margin: 0 0 0 5px;
    background: none;
    cursor: pointer;
}
.datePicker .btn_filter {
    font-family: 'molgroupregular';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 33px;
    height: 33px;
    padding: 0 50px 0 20px;
    border: 0;
    background: #e30018 url('../images/white-arrow.png') no-repeat center right;
    background-position: 100px 50%;
    color: #FFF;
}
.resultDisplay {
    margin: 20px 0 20px 0;
    padding-bottom: 2px;
    border-bottom: 2px solid #e40017;
}
.resultDisplay p {
    font-family: 'molgroupregular';
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 0 14px;
    padding: 0;
}
.resultDistplay p span {

}
/*************************** ARTICLE FILTER BY DATE *************************************/

article ol li { padding: 7px 0; }

.ribbon {
    background: url('../images/ribbon.png') no-repeat top left;
    background-size: cover;
    position: relative;
    /*top: 12px;*/
}

.ribbon ul {
    padding: 0 0 0 114px;
    margin: 0;
    padding-left: 114px;
    padding-right: 0;
}

.ribbon ul li { height: 100%; display: inline-block; list-style-type: none; border-right: 1px solid #fff; }
.ribbon ul li:last-child { border: none; }

.ribbon ul li a {
    position: relative;
    color: #707070;
    font-weight: bolder;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 233px;
    padding: 22px 0 17px 30px;
    /*background: url(../images/polygon.png) no-repeat 90% 25px; */
}

.ribbon ul li img {
    position: absolute;
    left: 87%;
    top: 36%;
    transform-origin: center center;
}

.ribbon ul li a:hover,
.ribbon ul li a:focus {
    color: #e2000e;
}

.ribbon ul li h1 a {
    color: #e2000e;
    padding: 6px 0 0 30px;
    margin: 21px 0 13px 0;
    width: 240px;
    font-family: futura_t_otdemi;
    text-transform: uppercase;
}

.news .nspArt {
    margin: 5px 20px 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
}

.news .nspArt:last-child { border: none; }
.news .nspCol1 { width: auto; }
.news p.nspInfo { padding: 0!important; margin: 0!important; font-size: 54%; margin-bottom: 0; }
.news p.nspText { margin: 10px 0; }
.news a.readon { color: #e2000e; text-decoration: none; font-size: 80%; }
.news img { margin: 20px 0 0 20px;}

.nspArt .fleft {
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
}


.news, .annual-report, .video {
    float:left;
}

.news, .annual-report {
    margin-right: 11px;
}

.annual-report {
    position: relative;
}

.annual-report p {
    margin: 0;
}


/*============================================================================
        Inner2
=========================================================================== */

.inner2 {
    position: relative;
}

.map {
    position: relative;
    top: 20px;
    max-height: 374px;
    height: 374px;
}

#world-map, #world-map2 {
    width: 1180px;
    height: 100%;
    cursor: move;
}

/*============================================================================
        jvectormap
=========================================================================== */

.jvectormap-label {
    position: absolute;
    display: none;
}
.jvectormap-container {
    cursor: move;
}
.jvectormap-zoomin, .jvectormap-zoomout {
    font-size: 18px;
    font-family: Calibri, Verdana, sans-serif;
    font-weight: bold;
    position: absolute;
    background: #E31E27;
    padding: 3px;
    color: white;
    width: 32px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.jvectormap-zoomin {
    bottom: 0;
    left: 0;
    background: #959595;
}

.jvectormap-zoomout {
    bottom: 0;
    left: 38px;
    background: #a8a8a8;
}

.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
    background: #ddd;
    color: #999;
}

.map p.mapTitle {
    display: none;
    background: #fff;
    text-transform: uppercase;
    color: #535353;
    font-size: 14px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    top: -16px;
    left: 0;
    z-index: 100;
    text-align: center;
    font-family: 'molgroupregular';
    padding: 10px 20px;
}
.c-mol-group-worldwide .map p.mapTitle {
    top: -16px;
}
/************************ MAPINFO EXTENSION **********************************/
.mapInfoContainerMask {
    position: absolute;
    width: 1180px;
    height: 200px;
    left: 0;
    top: 0;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .mapInfoContainerMask {
        width: 996px;
    }
}
.mapInfoContainer {
    display: block;
    padding: 15px 20px 15px 90px;
    background: url('../assets/title_gray_gradient_horizontal_reversed.png') no-repeat left bottom;
    position: absolute;
    right: -1000px;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.mapInfoClose {
    position: absolute;
    right: 5px;
    top: 4px;
    background: url('../images/close.png') no-repeat top center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/*.mapInfo{
    padding: 15px 20px;
    color: #000;
    border: 0px;
    text-align: left;
    position: relative;
    z-index: 101;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-bottom: 5px solid #535353;
    background: #FFF;
}*/

.mapInfo {
    display: inline-block;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 101;
    pointer-events: all;
    width: 100%;
}


.mapInfoBottom {
    position: absolute;
    left: 50%;
    bottom: -16px;
    margin-left: -11px;
    width: 22px;
    background: url('../images/map-icons/mapinfo_bottom.png') no-repeat bottom center;
}
.mapInfoTitle {
    color: #ED1C2A;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'molgroupregular';
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}
.mapInfoDetails {min-width: 300px !important;}
.mapInfoDetails p {
    font-family: Calibri, Verdana, sans-serif;
    font-size: 16px;
    color: #535353;
    position: relative;
    text-align: left !important;
}
.mapInfoDetails p.small{font-size: 14px;}
.mapInfoDetails p {
    margin: 0;
    padding: 0;
}
.mapInfoDetails p.mTitle {margin: 0; font-weight: bold;}
.mapInfoDetails p.mAddress {margin: 0 0 10px 0;}
.mapInfoDetails p.mLink {margin: 0 0 10px 0;}
.mapInfoDetails p.mLink a, .mapInfoDetails p.mEmail a, .mapInfoDetails p.mLinkLI a {color: #e41e26;}
.mapInfoDetails .icons.small{font-size: 14px;}
.mapInfoDetails .icons {
    width: 100%;
    padding-left: 45px;
    height: 35px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'futura_t_otregular';
    padding-top: 8px;
}
.service_station {
    background: url('../images/map-icons/service_station.png') no-repeat top left;
}
.exploration_production {
    background: url('../images/map-icons/exploration_production.png') no-repeat top left;
}
.facilities {
    background: url('../images/map-icons/facilities.png') no-repeat top left;
}
.petrochemical {
    background: url('../images/map-icons/petrochemical.png') no-repeat top left;
}
.logistics_hub{
    background: url('../images/map-icons/logistics_hub.png') no-repeat top left;
}

/************************ MAPINFO EXTENSION **********************************/


/*============================================================================
        Footer
=========================================================================== */
.foot {
    position:relative;
}

footer {
    height: 87px;
    width:100%;
    background: #a9a9a9;
    position: relative;
    left:0;
    width:1180px;
    background-size: auto auto;
    margin-top: 0;
    /*top: -50px;*/
}

#menufooter *{ font-family:futura_t_otdemi; font-size:18px; color:#FFF; position: relative; top:100px;}
#menufooter{text-align:left;}
.foot_logo{background:url(../images/foot_logo.jpg) no-repeat; width:152px; height:42px; position:absolute;top: 95px; right: 0; }

.logos {
    /*background:url(../images/logos.png) #fff no-repeat 50% 50%;*/
    background: #fff;
    width:1180px;
    position: relative;
    margin-bottom: 20px;
    position: relative;
    clear: both;
    height: 87px;
}

footer .moduletable { width: auto!important; }

footer ul {
    padding-left: 0;
}

footer ul li {
    list-style-type: none;
    display: inline;
    color: #fff;
    padding: 0 21px;
    font-size: 80%;
    border-right: 1px solid #fff;
}
footer ul li:last-child { border: none; }

footer ul li a {
    color: #fff;
    text-decoration: none;
    font-family: Calibri, 'molgroupregular', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}

/*============================================================================
                Paralax home override
=========================================================================== */
header {
    background: #fff;
    width:1180px;
    margin:0 auto;
}

.hu.home header{background: url(../images/header960_hu.png) no-repeat; }

#main{text-align:left;position:relative;margin:0 auto;padding:0 0 0 0;width:1180px; height:100%;}

.item-211 a{padding-right:0px !important;}
.home .menu2 {background:url(../images/menu2bck.png) repeat top left; float:left; width:230px; height: 100%; position: absolute; }
.home .menu2 li {list-style:none; font-family:futura_t_otmedium; font-size:18px; color:#4e4e4e; position:relative; left:-22px; top:-13px;padding-bottom:6px; font-weight: normal; }
.home .foot{position:relative;width:996px; margin: 0 auto;}
.home .moduletable{ position: relative; left:0;width: 240px;}
/*.home h3 {padding-bottom: 6px; text-transform: uppercase; padding-right: 33px; padding-left: 17px;}*/
.home .menu2 li.active a{ padding-left:40px; position: relative; left: -18px; width: 189px; padding-right: 10px;}

/*============================================================================
        Unslider plugin
=========================================================================== */

.banner {
    position: relative;
    overflow: hidden;
    height: 527px;
    width: 1180px;
}

.banner ul li {
    list-style: none;
    height: 527px;
}

.swiper-slide p,
.banner p {
    background: #ed0b0b;
    background: rgba(237, 11, 11, 0.8);
    width: 330px;
    min-height: 180px;
    font-size: 30px;
    font-family: futura_t_otdemi;
    color: #fff;
    text-align: left;
    padding: 30px 30px 40px;
    text-transform: uppercase;
}

.distrib .swiper-slide p,
.distrib .banner p {
    width: 240px;
    min-height: 175px;
    padding: 20px;
    position: relative;
    top: -10px;
}


.swiper-slide p a,
.banner p a {
    color: #fff;
}

.banner ul {
    padding: 0;
}

.banner ul li {
    float: left;
}

.banner ol li {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    color: #fff;
    font-family: futura_t_otdemi;
    font-size: 0;
    padding: 0 2px;
    text-indent: -9999px;
}

.banner ol li:before {
    content: "•";
    font-size: 40px;
    color: #fff;
}

/* bigger slider dots for Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .swiper-pagination-switch {
        display: inline-block;
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1199px) {
    .multi-swiper,
    .swiper-slide,
    .swiper-container {
        width: 996px;
    }
}

@media (min-width: 1200px) {
    .multi-swiper,
    .swiper-slide,
    .swiper-container {
        width: 1180px;
    }
}


.banner ol .active:before {
    color: #f00;
}

.banner ol,
.banner .dots {
    z-index: 10000;
    position: absolute;
    top: 459px;
    right: 0;
    height: 28px;
    list-style: none;
    width: 339px;
    text-align: right;
}

.banner .more {
    display: block;
    background: url(../images/slider/slider_more.png) no-repeat 46px 3px;
    font-size: 14px;
    font-family: futura_t_otdemi;
    color: #fff;
    padding-right: 16px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.befektetoi-kapcsolatok .swiper-slide .more, .befektetoi-kapcsolatok .banner .more {
    background: url(../images/slider/slider_more.png) no-repeat 56px 3px;
}

.pagination {
    position: relative;
    text-align: right;
    width: 100%;
    margin: 40px 0 0 0;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 0 7px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #e00;
}

.swiper-slide p:hover .more,
.banner p:hover .more,
.swiper-slide p:focus .more,
.banner p:focus .more {
    background-position: 66px 3px;
}

.buttonsearch {
    border: 0 solid transparent;
    outline: none;
    background-color: transparent;
}

.home iframe {
    width: 100%;
}

/*============================================================================
        Micro clearfix
=========================================================================== */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 */
.cf {
    *zoom: 1;
}

/*============================================================================
        Our History page
=========================================================================== */

.our_history_page .year{
    display: block;
    width: 111px;
    margin: 20px auto;
    padding: 6px 0;
    z-index: 2;
    position: relative;
    font-size: 30px;
    font-family: futura_t_otmedium, sans-serif;
    color: #e30018;
    background: #f8f8f8;
    border: 2px solid #f1f1f1;
    text-align: center;
    clear: both;
    box-shadow: 0 0 0px 4px #fff;
}
.our_history_page .year:first-of-type{
    margin-bottom: 20px;
}
.our_history_page .red{
    color: #ff000d;
}

.our_history_page .event_holder {
    width: 100%;
    max-width:560px;
    margin: 0 auto;
    position: relative;
}
.our_history_page .event_holder::after{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-2px;
    content:"";
    background:#f1f1f1;
    width:4px;
    height:100%;
}

.our_history_page .event{
    width: 245px;
    position: relative;
    clear: right;
    z-index:1;
}
.our_history_page .event.left{
    text-align: right;
}
.our_history_page .event.left::after{
     position: absolute;
     top:0;
     right:-49px;
     content:url(../images/arrow_left.jpg);
}

.our_history_page .event.right{
    float: right;
    clear: left;
}

.our_history_page .event.right::before {
    position: absolute;
    top:0;
    left:-49px;
    content:url(../images/arrow_right.jpg);
}

.our_history_page .event.m-b-20{
    margin-bottom: 20px;
}
.our_history_page .event.m-t-20{
    top: 20px;
}

/*============================================================================
        Media Queries
=========================================================================== */

@media (max-width: 1199px) {
    #main,
    header,
    #mainmenu,
    footer,
    .slider img,
    .inner,
    .logos {
        width: 996px;
    }

    .logos {
        height: 77px;
        background-size: 94%;
    }
    .featured-image img {
        width: 996px;
        height: 201px;
    }

    .ribbon {
        height: 79px;
        width: 996px;
        position: relative;

    }

    .ribbon ul {
        padding: 0;
    }

    .ribbon ul li a {
        width: 222px;
    }

    .ribbon ul li h1 {
        width: 220px;
        margin: 0;
    }

    #world-map, #world-map2 {
        width: 996px;
        /*height: 220px;*/
    }
    .c-mol-group-worldwide #world-map, .c-a-mol-csoport-a-vilagban #world-map,
    .c-mol-group-worldwide #world-map2, .c-a-mol-csoport-a-vilagban #world-map2{
        width: 680px;
    }
    .c-mol-group-worldwide  .mapInfoContainerMask, .c-a-mol-csoport-a-vilagban .mapInfoContainerMask {
        width: 680px;
    }
}


@media (min-width: 1200px) {
    .logos {
        height: 80px;
        background-position: 0 -5px;
    }


    #world-map, #world-map2 {
        width: 1180px;
        /*height: 347px;*/
    }
    .c-mol-group-worldwide #world-map, .c-a-mol-csoport-a-vilagban #world-map,
    .c-mol-group-worldwide #world-map2, .c-a-mol-csoport-a-vilagban #world-map2{
        width: 820px;
    }
    .c-mol-group-worldwide  .mapInfoContainerMask, .c-a-mol-csoport-a-vilagban .mapInfoContainerMask {
        width: 820px;
    }

    #main,
    header,
    #mainmenu,
    footer,
    .slider img,
    .inner,
    .logos {
        width: 1180px;
    }

    .ribbon ul li a {
        width: 267px;
        padding: 22px 0 25px 30px;
    }

    .featured-image img {
        width: 1180px;
        height: 226px;
    }

    .ribbon ul {
        padding: 0;
    }
}


.scrolld{background:url(../images/scrolld.png) no-repeat; width:150px; height:150px; text-align:center; font-family:futura_t_otdemi; color:#e30018; font-weight:normal; font-size:15px; position: fixed; left: 50%; margin:0 auto; bottom: 5px; padding-bottom: 0; top: 762px; margin-left: -75px; }
.hu .scrolld{background:url(../images/scrolld_hu.png) no-repeat;}

.sub .slider {
    display: none;
}

.sub .inner {
    padding: 0;
}

.no-skrollr .animated_graphs {
    filter: alpha(opacity=100);opacity: 1;
}

.oil {
    left: 12px;
}

.oil:before {
    background: #da1c23;
}

.gas {
    left: 172px;
}

.gas:before {
    background: #15bed4;
}

.condensate {
    right: 12px;
}

.condensate:before {
    background: #a8a9ad;
}

/*============================================================================
        Mainmenu and submenu
=========================================================================== */

.mainmenu {
    margin: 0;
    padding: 0;
    position: relative;
    top: 16px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.mainmenu > li {
    width: 196px;
}
.mainmenu > li:last-child {
    width: 200px;
}
#mainmenu .mainmenu li.last {
    width: 200px;
}

.mainmenu > li > span,
.mainmenu > li > a {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-family: 'molgroupregular', futura_t_otdemi, sans-serif;
    color: #646464;
    padding: 6px 0;
    border-right: 1px solid #d9d9d9;
    text-transform: uppercase;
    -webkit-transform: translate3d(0,0,1px);
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
@media (max-width: 1199px) {
    .mainmenu > li > span,
    .mainmenu > li > a {font-size: 11px;}
}
.mainmenu > li > a[data-first] {
    /*padding-left: 36px;*/
}

.mainmenu > li:last-child > a {
    border: 0;
}

.mainmenu > li > a.active,
.mainmenu > li > span.active,
.mainmenu > li > span:hover,
.mainmenu > li > span:focus,
.mainmenu > li > a:hover,
.mainmenu > li > a:focus {
    background: #ebebeb;
    color: #e00000;
}

.mainmenu > li > span.menu-hover,
.mainmenu > li > a.menu-hover {
    background: #ebebeb;
    color: #e00000;
}

.mainmenu > li:hover > span,
.mainmenu > li:hover > a {
    background: #ebebeb;
    color: #e00000;
}

.submenu a.active {
    color: #e00000;
}

.mainmenu > li > .submenu_container {
    border-top: 4px solid #ebebeb;
    position: absolute;
    top: 26px;
    left: 0; /*40px*/
    z-index: 100;
    background: #fff;
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 0;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    overflow: hidden;
}

.mainmenu > li > .submenu_container .submenu {
    border-bottom: 4px solid #d9d9d9;
    padding: 0 22px;
}

/**
 * menu IE8 fixes
 */
.ie8 .mainmenu > li > .submenu_container,
.ie8 .mainmenu > li:hover > .submenu_container {
    top: 27px;
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.ie8 .mainmenu > li:hover > .submenu_container {
    visibility: visible;
}

/****/

.mainmenu > li:hover > .submenu_container {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.submenu .submenu_row {
    display: block;
    padding-top: 22px;
    width: 100%;
    height: auto;
    font-size: 0;
    white-space: nowrap;
}
.submenu .submenu_row.last {
    padding: 22px 0 22px 0;
}

.submenu .submenu_row div {
    display: inline-block;
    height: auto;
    overflow: hidden;
    width: 243px;
    /*margin-top: -5px;*/
    margin-left: -1px;
    padding-left: 15px;
    white-space: normal;
    vertical-align: top;
}

.touch_highlight {
}

.touch_highlight a {
    display: block;
    padding: 12px 0;
}

.touch_highlight a h4 {
    display: inline;
    padding-left: 18px;
    padding-right: 15px;
    background: url(../images/highlights_arrow.jpg) no-repeat left 1px;
    font-size: 15px;
    color: rgb(224,0,0);
}

.submenu a {
    font-size: 12px;
    line-height: 16px;
    font-family: 'molgroupregular', 'molgroupregular', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform:uppercase;
}

.submenu a:hover,
.submenu a:focus {
    color: #e00000;
}

.submenu p {
    font-family: Calibri, 'molgroupregular', 'futura_t_otmedium';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0 22px 5px 22px;
    text-align: left;
    letter-spacing: 0;
    text-transform: none;
}

.submenu .submenu_row div {
    width: 272px;
    border-left: 1px solid #c7c5c8;
    border-right: 1px solid #c7c5c8;
    cursor: pointer;
}

.submenu .submenu_row div:first-child {
    padding-left: 1px;
    border-left: none;
}

.submenu .submenu_row div:last-child {
    border-right: none;
}

@media (max-width: 1199px) {
    .mainmenu li .submenu_container {
        left: 0;
        /*width: 996px;*/
    }

    .mainmenu li .submenu {
        /*width: 952px;*/
    }

    .submenu .submenu_row div {
        width: 226px;
    }

    .mainmenu > li > span,
    .mainmenu > li > a {
        /*padding: 6px 33px;*/
    }
    .mainmenu > li {
        width: 166px;
    }

    #mainmenu .mainmenu > li:last-child {
        width: 166px;
    }
    #mainmenu .mainmenu > li.last{
        width: 166px;
    }

    .mainmenu > li:last-child > a {
        border: 0;
    }

    .ie8 .mainmenu > li > .submenu_container,
    .ie8 .mainmenu > li:hover > .submenu_container {
        width: 996px;
    }
}

@media (min-width: 1200px) {

    .mainmenu > li > span,
    .mainmenu > li > a {
        /*padding: 6px 49px;*/
    }

    .mainmenu > li:last-child > a {
        border: 0;
    }

    .ie8 .mainmenu > li > .submenu_container,
    .ie8 .mainmenu > li:hover > .submenu_container {
        width: 1180px;
    }
}

#mainmenu .submenu .submenu_row .subMenuRowLink span {
    background: url('../images/highlights_arrow.jpg') no-repeat;
    background-position: -15px 2px;
	display: inline-block;
	padding-bottom: 9px;
}
#mainmenu .submenu .submenu_row .subMenuRowLink a.hvr{
    color: #DA1C23;
}
#mainmenu .submenu .submenu_row div p {
    background: url('../images/grey_stripe.png') repeat-y;
    background-position: -4px 0px;
}
#mainmenu .submenu .submenu_row .subMenuRowLink {
    border: 0;
}

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

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

.slider ul {
    top: -16px;
}

#searchForm {
    margin-top: 17px;
}

:focus {
    outline: none;
}

/*============================================================================
        LOGO ANIM
=========================================================================== */

#logo .logo_arrow,
#logo .logo_mol {
    display: inline-block;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    text-indent: -9999px;
}

#logo .logo_arrow {
    background: url('../images/logo_arrow_new.png') no-repeat 0 0;
    width: 26px;
    height: 30px;
    left: -70px;
    top: 19px;
	padding-right: 5px;
}

#logo .logo_mol {
    background: url('../images/logo_mol_new.png') no-repeat 0 0;
    width: 188px;
    height: 30px;
    left: 70px;
    top: 19px;
}


/*============================================================================
        Print
=========================================================================== */
@media print {
    .bread, .menu2, header, .featured-image, .logos, footer {
        display: none;
    }

    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        font-size: medium;
        line-height: normal;
        font-family: Calibri, Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

    a,a:visited {text-decoration:underline; }
    a[href]:after {content:" (" attr(href) ")"; }
    abbr[title]:after {content:" (" attr(title) ")"; }
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:""; }
    pre,blockquote {border:1px solid #999; page-break-inside:avoid; }
    thead {display:table-header-group; }
    tr,img {page-break-inside:avoid; }
    img {max-width:100% !important; }
    @page {margin:0.5cm; }
    p,h2,h3 {orphans:3; widows:3; }
    h2,h3 {page-break-after:avoid; }
}

*::-moz-selection {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:#000000;
    background-image:none;
    background-origin:padding-box;
    background-position:0 0;
    background-repeat:repeat;
    background-size:auto auto;
    color:#FFFFFF;
    text-shadow:none;
}

/*============================================================================
        fixes after 13th June meeting
=========================================================================== */

.mainmenu > li:first-child {
    display: none;
}

.mainmenu [data-last="last"] {
    border: 0;
}

.mainmenu [data-bold="bold"] {
    font-family: 'molgroupregular';
    color: #000;
}

.pagination ul li:before {
    content: "";
}


/* accordion sidemenu: fold active, but collapse all others, like seen on BP site */
.menu .deeper.parent ul {
    display: none;
    margin-left: 10px;
    margin-top: 0;
    padding: 0;
}

.menu .active.deeper.parent ul {
    display: block;
}

/*============================================================================
        fixes after 16th June
=========================================================================== */

article .search {
    min-height: 700px;
}

.menu2 .sidebar-parent-level {
    color: #434343;
    display: block;
    background: url('../assets/menu_red_gradient_horizontal.png') no-repeat top right;
    background-position: right 10px top;
    padding: 10px 30px 10px 20px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-family: Calibri, 'molgroupblack', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}
@media (max-width: 1199px) {
    .menu2 .sidebar-parent-level {background-position: right 10px top; }
}

/*============================================================================
        Distributor page styles
=========================================================================== */

.distributor {
    overflow: hidden;
}

.block1 > a,
.block2 > a,
.block3 > a,
.block4 > a {
    height: 130px;
    display: block;
}

.block-col-1,
.block1,
.block2,
.block3,
.block4 {
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 0; /* center needed because of responsive view */
    margin-bottom: 20px;
}

.block4 {
    float: none;
    margin-top: 20px;
}

.block-col-1,
.block1 {
    width: 280px;
}

.block2 {
    width: 580px;
}

.block3 {
    width: 880px;
}

.gap {
    margin-right: 20px;
}

.topgap {
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .block1 h3 a,
    .block2 h3 a {
        letter-spacing: -1px;
        padding: 9px 13px 5px 14px;
    }

    .block-col-1,
    .block1 {
        width: 236px;
    }

    .block2 {
        width: 489px;
    }

    .block3 {
        width: 743px;
    }

    .block4 {
        width: 996px;
    }

    .gap {
        margin-right: 17px;
    }
}

@media (min-width: 1200px) {
    .block-col-1,
    .block1 {
        width: 280px;
    }

    .block2 {
        width: 580px;
    }

    .block3 {
        width: 880px;
    }

    .block4 {
        width: 1180px;
    }

    .gap {
        margin-right: 20px;
    }
}


.distributor h3 {
    background: #fff;
}

.block1 h3,
.block2 h3,
.block4 h3 {
    padding: 0;
    margin: 0;
}

.block1 h3 a,
.block2 h3 a,
.block4 h3 a {
    display: block;
    color: #e30018;
    font-size: 15px;
    line-height: 18px;
    font-family: 'molgroupregular', sans-serif;
    padding: 9px 13px 9px 19px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
@media (max-width: 1199px) {
    .block1 h3 a {
        font-size: 15px;
    }
}

.block1:focus h3 a,
.block2:focus h3 a,
.block4:focus h3 a,
.block1:hover h3 a,
.block2:hover h3 a,
.block4:hover h3 a {
    padding-left: 40px;
    background: #e30018;
    color: #fff;
}

.media-centre .block1:focus h3 a,
.media-centre .block2:focus h3 a,
.media-centre .block4:focus h3 a,
.media-centre .block1:hover h3 a,
.media-centre .block2:hover h3 a,
.media-centre .block4:hover h3 a {
    padding-left: 30px;
    background: #fff;
    color: #e30018 !important;
}





.block1 > a,
.block2 > a {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.block1.grey:hover > a,
.block2.grey:hover > a,
.block4.grey:hover > a,
.block1.grey:focus > a,
.block2.grey:focus > a,
.block4.grey:focus > a,
.block1:focus > a,
.block2:focus > a,
.block1:hover > a,
.block2:hover > a {
    background: rgba(255, 255, 255, 0.5);
}

.grey {
    color: #535353;
}

.block1.grey:focus h3 a,
.block2.grey:focus h3 a,
.block1.grey:hover h3 a,
.block2.grey:hover h3 a {
    color: #fff;
}

.block1.grey h3 a,
.block2.grey h3 a {
    color: #535353;
}

.block2.transparent a {
    background: none;
}

.climate-change {
    background-image: url(../images/blocks/block_climate.jpg);
}

.environment {
    background-image: url(../images/blocks/block_enviroment2.jpg);
}

.reports-data {
    background-image: url(../images/blocks/block_report_data2.jpg);
}

.health-safety {
    background-image: url(../images/blocks/block_health.jpg);
}

.human-capital {
    background-image: url(../images/blocks/block_human_capital2.jpg);
}

.case-studies {
    background-image: url(../images/blocks/block_case.jpg);
}

.communities {
    background-image: url(../images/blocks/block_communities.jpg);
}

.economic-sustainability {
    background-image: url(../images/blocks/block_economic2.jpg);
}

.ethics {
    background-image: url(../images/blocks/block_ethics.jpg);
}

.share-your-views {
    background-image: url(../images/blocks/block_share.jpg);
}

/*============================================================================
        Whitespace fixes
=========================================================================== */

footer .menu {
    margin: 0;
    padding: 33px 0 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

.article-outer-wrap {
    margin-bottom: 20px;
}

.inner2 {
    /*margin-bottom: 65px;*/
    margin-bottom: 40px;
}

/*============================================================================
        Distribute IR
=========================================================================== */

.share-price {
    overflow: hidden;
    position: relative;
    height: 280px;
    background: #FFF;
}
#ir_shareprice .ir_shareprice {
    width: 100%;
    position: relative;
    display:
}
#ir_shareprice .ir_shareprice_data{
    background: #C0C0C0;
    display: table;
    width: 100%;
}
#ir_shareprice .ir_shareprice_img {
    display: table-cell;
    vertical-align: middle;
    border: 0;
}
#ir_shareprice .ir_shareprice_img img {
    display: block;
    margin: 1em 0;
}
#ir_shareprice .ir_shareprice_btncont {
    width: 100%;
    display: table;
    margin: 1em 0;
    padding: 1em 0;
    background: #C0C0C0;
}
#ir_shareprice .ir_shareprice_buttons{
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
#ir_shareprice .ir_shareprice_buttons .sp_btn {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
#ir_shareprice .ir_shareprice_buttons .sp_btn:before {
    color: #C0C0C0;
    content: none;
    display: block;
    max-height: 0;
    max-width: 0;
    position: relative;
    left: 0;
    top: 0px;
}
#ir_shareprice .ir_shareprice_buttons .sp_btn:last-child a{margin: 0 0 .2em 0;}
#ir_shareprice .ir_shareprice_buttons .sp_btn a {
    -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
    background: #A7A7A7;
    display: block;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: .5em .5em;
    margin: 0 .2em .2em 0;
}
#ir_shareprice .ir_shareprice_buttons .sp_btn a:hover, #ir_shareprice .ir_shareprice_buttons .sp_btn a.active {
    background: #ED1C2A;
}

.key-financial-figures {
    background: #fff;
}

.key-numbers {
    padding: 22px 20px 30px 56px;
}

.key-numbers div {
    float: left;
}

.key-numbers h4 {
    font-size: 22px;
    font-family: 'molgroupregular';
    color: #876f6f;
    margin: 0;
    padding: 0;
}

.key-numbers p {
    font-size: 65px;
    font-family: 'molgroupregular';
    color: #e30018;
    margin: -6px 0 0;
    padding: 0;
}

.revenue,
.cash-flow {
    margin-right: 22px;
    width: 50%;
}

.ebitda,
.capex {
    width: 40%;
    margin-bottom: 6px;
}


.investor-presentation {
    background: url(../images/blocks/block_investor_presentation.jpg) no-repeat 50% 0;
    height: 219px;
    min-height: 219px;
    position: relative;
}

.investor-presentation span {
    display: inline-block;
    font-family: 'molgroupregular';
    font-size: 51px;
    color: #ccc;
    color: rgba(255, 255, 255, 0.54);
    text-transform: uppercase;
    position: relative;
    float: right;
    text-align: right;
    margin-right: 4px;
    top: 101px;
    line-height: 40px;
}

.befektetoi-kapcsolatok .investor-presentation span {margin-right: 0;}

.regulated-information {
    background: #fff;
    height: 280px;
}

.ie .regulated-information {
    height: 277px;
    max-height: 277px;
}

.regulated-information ul {
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    margin: 14px 19px 0 19px;
    padding: 0;
}

.regulated-information li {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.regulated-information li:last-of-type {
    border: 0;
}

.regulated-information .title {
    font-size: 14px;
}

.regulated-information .link {
    font-family: 'molgroupregular';
    font-size: 12px;
    color: #e30018;
}


@media (max-width: 1199px) {
    .investor-presentation span {
        font-size: 37px;
    }
}

@media (min-width: 1200px) {
    .investor-presentation span {
        font-size: 50px;
    }
}


.block1.investor-presentation > a {
    background: #e30018 url(../images/blocks/downarrow_small.png) no-repeat 112px 16px;
    width: 94px;
    height: 16px;
    padding: 12px 23px;
    color: #fff;
    font-size: 14px;
    font-family: 'molgroupregular';
    display: inline-block;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
}

.block1.investor-presentation > a:hover,
.block1.investor-presentation > a:focus {
    background: #535353 url(../images/blocks/downarrow_small.png) no-repeat 112px 16px;
}

.block1.events {
    background: #fff;
}

.block1.events > a {
    width: 100%;
}

.ie .events {
    height: 277px;
}

.cash-flow {
    clear: both;
}

.capex {
    margin-bottom: 22px;
}

.download-centre, .letolto-kozpont {
    background-image: url(../images/blocks/block_download_centre.jpg);
}


.financial-result-and-reporting ul,
.download-centre ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    list-style: none;
    width: 172px;
    height: 156px;
    padding: 23px 10px 10px 46px;
    margin: 0;
}
.penzugyi-jelentesek ul,
.letolto-kozpont ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    list-style: none;
    width: 212px;
    height: 166px;
    padding: 13px 10px 10px 46px;
    margin: 0;
}

.financial-result-and-reporting h3 a{font-size:14px;letter-spacing:-0.02em;}

.financial-result-and-reporting ul a, .penzugyi-jelentesek ul a,
.download-centre ul a, .letolto-kozpont ul a{
    background: #f2f2f2;
    padding: 15px 10px 15px 12px;
    display: block;
    color: #afafaf;
    font-size: 12px;
    font-family: 'molgroupregular';
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-left: 20px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}


.financial-result-and-reporting ul a.actual:hover,
.financial-result-and-reporting ul a.actual:focus,
.financial-result-and-reporting ul a:hover,
.financial-result-and-reporting ul a:focus,
.penzugyi-jelentesek ul a.actual:hover,
.penzugyi-jelentesek ul a.actual:focus,
.penzugyi-jelentesek ul a:hover,
.penzugyi-jelentesek ul a:focus,
.download-centre ul a.actual:hover,
.download-centre ul a.actual:focus,
.download-centre ul a:hover,
.download-centre ul a:focus,
.letolto-kozpont a.actual:hover,
.letolto-kozpont ul a.actual:focus,
.letolto-kozpont ul a:hover,
.letolto-kozpont ul a:focus {
    background: #666;
    color: #fff;
    padding-left: 20px;
    margin-left: 0;
}

.financial-result-and-reporting ul a.actual, .penzugyi-jelentesek ul a.actual
.download-centre ul a.actual, .letolto-kozpont  a.actual {
    background: #e30018;
    color: #fff;
    padding: 14px 10px 13px 23px;
    font-family: 'molgroupregular';
    margin-left: 0;
}

.financial-result-and-reporting, .penzugyi-jelentesek{
    background-image: url(../images/blocks/block_financial_result2.jpg);
    background-position: 0 100%;
    height: 219px;
}

.financial-result-and-reporting h3 a {
    padding-bottom: 9px;
}

.penzugyi-jelentesek h3 a {
    padding-bottom: 9px;
}

.share-info h3 a {
    padding-bottom: 9px;
}

.financial-result-and-reporting > a {height: 169px;}
.share-info > a{height:185px;}

.share-info {
    background-image: url(../images/blocks/block_share_information2.jpg);
    background-position: 0 100%;
    height:219px;
}

.download-centre > div {
    height: 189px;
    min-height: 189px;
}

/*============================================================================
        Financial calendar new table
=========================================================================== */

.financial-calendar-table {
    /* cellspacing 0 */
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    border: 0;
}

.financial-calendar-table tr.last td {
    border-bottom: 0;
}

.financial-calendar-table tr {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.financial-calendar-table tr:hover {
    background: #ddd;
}

/* valign */
.financial-calendar-table p,
.financial-calendar-table th,
.financial-calendar-table td {
    text-transform: uppercase;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    padding-left: 7px;
    font-size: 12px;
    line-height: 14px;
    font-family: 'molgroupregular';
    color: #5d5858;
    text-align: left;
}

.financial-calendar-table p {
    margin: 0;
    padding: 0;
    border: 0;
}

.financial-calendar-table td {
    padding-top: 6px;
    padding-bottom: 8px;
    height: 55px;
    text-align: left !important;
}

.ie .financial-calendar-table td {
    height: 54px;
}

.financial-calendar-table th {
    background: #efefef;
    padding-top: 14px;
    padding-bottom: 11px;
}

.financial-calendar-table th.first {
    width: 35%;
}

.financial-calendar-table td.first,
.financial-calendar-table th.first {
    padding-left: 19px;
}

.financial-calendar-table th.second {
    width: 29%;
}

.financial-calendar-table th.third {
    width: 36%;
}

.financial-calendar-table .first {
    border-left: 0;
}

.financial-calendar-table .third {
    border-right: 0;
}

.financial-calendar-table .first + .first {
    padding-left: 7px;
}

.financial-calendar-table .third td {
    border-bottom: 0;
}

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

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

@media screen and (max-width: 1199px) {
    .share-price iframe {
        background-size: 99%;
        background-position: 0 26px;
        width: 100%;
    }
    .download-centre .docs a {
        width: 257px;
    }

    .block1.events > a {
        background-size: 84%;
    }
}

@media (min-width: 1200px) {
}

.financial-calendar {
    min-height: 280px;
    background: #fff;
}

.ie .financial-calendar {
    min-height: 277px;
}

.bond-and-credit-rating {
    background-image: url(../images/blocks/block_bond_and_credit.jpg);
}

.bond-and-credit-rating > a {
    height: 250px;
}

.ie .bond-and-credit-rating {
    max-height: 277px;
}


/*============================================================================
        Financial result and reporting
=========================================================================== */

article .dir-list ul > li:before {
    content:'';
    display: none;
}

article .dir-list ul > li a {
    text-decoration: none;
}

article ul#financial_menu_02 {
    display: none;
}

#financial_content > div {
    display: none;
}


/*============================================================================
        Tooltipster
=========================================================================== */

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.events,
.share-price gap,
.share-price gap iframe,
.key-financial-figures {
    max-height: 280px;
    overflow: hidden;
}
/********************** PRESS CENTRE ***********************************/
.press-centre{margin: 0 0 20px 0; position: relative;}

@media (max-width: 1199px) {
    .press-centre.mod { margin: 0 17px 0 0; }
}

@media (min-width: 1200px) {
    .press-centre.mod { margin: 0 20px 0 0; }
}

.press-centre .block2 {height: 220px;}
.col {float: left; height: 466px;}
.col.left, .col.right{width: 280px;}
.col.mid {width: 580px;}
.white {background: #FFF;}
.press-contact {position: relative;}
.press-contact .social {margin: 0; padding: 0;position: absolute; right: -10px; top: 1px;}
.press-contact .social .custom {padding: 0;}
.press-contact .social .custom p {margin: 0; padding: 0;}
.press-contact .custom {padding: 20px;}
.press-contact .custom p {margin: 0 0 10px 0; padding: 0;}
.press-contact a.red {color: #e30018;}
.press-contact p {margin: 0 0 10px 0; font-size: 12px;}
/*.press-contact .contactPics{margin: 20px 0 0 0;}*/
.press-contact .contactRow{margin: 0 0 16px 0;overflow:hidden;}

.press-contact .col1{float: left; width:53px; margin: 0 10px 0 0;}
.press-contact .col2{float: left; width: 176px;}
.press-contact .col2:after {clear: both;}
.press-contact .col2 p {font-size: 14px; text-align: left;}
.press-contact .col2 p a {color: #717171;}

.press-contact .contactRow.biggerimg .col1 {width: 100px;}
.press-contact .contactRow.biggerimg .col2 {min-width: 176px;}

body.home ul.latestnews {padding: 10px 20px 20px 20px;}
ul.latestnews {list-style: none; margin:0; padding: 0px 20px 20px; font-size: 0;}
/*body.home ul.latestnews {margin-top: -20px;} */
body.home ul.latestnews li {padding: 16px 0 16px 0;}
ul.latestnews li {display: inline-block; font-size: 14px; margin: 0; padding: 8px 0 8px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; position: relative;}
body.home ul.latestnews li {min-height: 70px;}
ul.latestnews li:last-child {border: 0;}
.c-press ul.latestnews li {padding-bottom: 0; border: 0;}

ul.latestnews li p.date {font-size: 10px; margin: 0; padding: 0; font-family: 'molgrouplight', Calibri, sans-serif; position: relative; color: #a9a9a9;}
ul.latestnews li p.date span.day {position: absolute; left:-5px; top:-6px; font-size: 38px; text-align: center; width: 60px;}
ul.latestnews li p.date span.month {position: absolute; left:-5px; top:36px;font-size: 18px; text-align: center; width: 60px; text-transform: uppercase;}
ul.latestnews li .newsTitle {display: inline-block; margin-left: 60px;min-height: 34px;}
body.home ul.latestnews li .newsTitle {display: inline-block; margin-left: 60px; width: 185px;}
ul.latestnews li .newsLink {display: inline-block; margin-left: 60px; margin-top: 4px;}
body.home ul.latestnews li .newsLink {display: block; margin-left: 60px; margin-top: 4px;}

@media (max-width: 1199px) {
    body.home ul.latestnews li {padding: 10px 0 10px 0;}
    ul.latestnews li {margin: 0; padding: 4px 0;}
    body.home ul.latestnews li .newsTitle {width: 145px;}
    ul.latestnews li .newsTitle {line-height: 14px;min-height: 22px;}
    body.home ul.latestnews li {min-height: 60px;}

    ul.latestnews li p.date span.day {top:-4px; font-size: 32px;}
    ul.latestnews li p.date span.month {top:28px;font-size: 14px;}
}

ul.latestnews li h3.title {font-size: 14px; margin: 0; font-weight: normal;}
ul.latestnews li span.link {color: #e30018; font-size: 12px;}

.press-news-list span.date {font-size: 10px; margin: 0; padding: 0;}
.photo-gal{width:580px;overflow:hidden;}
.photo-gal .boxplus-slider{width: 580px !important;position:absolute;bottom:-1px;}
.photo-gal .boxplus-viewport{width: 580px !important;}
.press-centre .latestnews li:last-child{border:0 none;}
.press-videos ul{margin:0;padding:0;height:176px;white-space: nowrap;}
.press-videos li{position:relative;display:inline-block;white-space: normal;}
.press-videos li .video-image {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.press-videos li .video-image a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;}
.press-videos li .video-image a img.thumbnail{display:block;position:absolute;left:0;top:-46px;width:310px;height:233px;z-index:0;}
.press-videos li .video-image a img.play-button{display:block;margin:-28px 0 0 -37px;position:absolute;left:50%;top:50%;width:74px;height:56px;}
.press-videos li .video-image a img.play-button.blur{z-index:1;}
.press-videos li .video-image a img.play-button.focus{z-index:2;opacity:0;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; }
.press-videos li .video-image a:hover img.play-button.focus{opacity:1; }
.press-videos li .video-link{display:block;position:absolute;background:url(../images/zero.png);left:0;top:0;width:100%;height:100%;z-index:50;cursor:pointer;}
.press-videos{height:180px;left:0;overflow:hidden;position:absolute;bottom:0px;width:580px;z-index:1;}
.press-videos-slider li{margin-right:40px;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;top:14px;width:310px;height:140px;}
.press-videos-slider li:first-child{margin-left:125px;}
.press-videos-slider li.active{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.ie8 .press-videos-slider li{vertical-align: top;}
.ie8 .press-videos-slider li.active{margin-right: -10px;width:372px;height:168px;position:relative;top:-6px;left: -25px;}
.ie8 .press-videos li.active .video-image img.thumbnail{top:-55px;width:372px;height:279px;}
.ie8 .press-videos li .video-image a img.play-button.focus{display: none; }
.ie8 .press-videos li .video-image a:hover img.play-button.focus{display: block; }

.press-vid-arrow{background:url(../images/slider-arrow.png) no-repeat left center;width:35px;height:169px;position:absolute;top:0px;cursor:pointer;z-index:100;}
.press-vid-next{right:0;background-position:-35px 0;}
.press-vid-prev{left:0;display:none;}

.press-videos iframe{position:absolute;z-index:0;left:0px;top:0px;}

@media (max-width: 1199px) {
    /*#main .boxplus-viewport > div.boxplus-next.boxplus-horizontal{right:93px !important;}*/

    .col.left, .col.right {
        width: 236px !important;
    }
    .col.mid{ width: 489px;}
    .press-contact .col2{width:126px;}
    .press-contact .col2 p{font-size:11px;line-height:1.2em;}
    .press-contact p{font-size:10px;}
    .press-contact .custom{padding:9px 20px;}
    .press-contact .social{display:none;}

    .photo-gal, .press-videos{width:488px;}
    .photo-gal .boxplus-slider{width: 488px !important;}
    .photo-gal .boxplus-viewport{width: 488px !important;}
    .press-videos-slider li iframe{width:310px;}
    .press-videos-slider li:first-child{margin-left:105px;}
    .press-contact .contactRow{margin-bottom: 14px;}
    .ie .press-contact .contactRow{margin-bottom:15px;}

    .press-centre ul.latestnews li a.title {
        font-size: 12px;
    }

    body.home ul.latestnews {padding: 15px;}
    ul.latestnews {padding: 0px 15px 20px;}
    /*ul.latestnews li {font-size: 13px; padding: 10px 20px 22px 0; width: 200px;}*/

    ul.latestnews li h3.title {font-size: 12px;}
}

@media (min-width: 1200px) {
    .press-centre ul.latestnews li a.title {
        font-size: 14px;
    }

    ul.latestnews li h3.title {font-size: 14px;}
}

/*============================================================================
        Distribute AM
=========================================================================== */

.distributor .map {
    position: relative;
    top: 0; /*top: -30px;*/
}

.code-of-ethics {
    background-image: url(../images/blocks/block_code_of_ethics.jpg);
}

.social-investments {
    background-image: url(../images/blocks/block_social_investments.jpg);
}

.mol-group-at-a-glance {
    background-image: url(../images/blocks/block_mol_group_at_a_glance2.jpg);
}

.our-strategy {
    background-image: url(../images/blocks/block_our_strategy.jpg);
}

.our-history {
    background-image: url(../images/blocks/block_our_history.jpg);
}

.company-overview {
    background-image: url(../images/blocks/block_company_overview2.jpg);
}

.mol-group-at-a-glance > a,
.company-overview > a {
    height: 190px;
}

.awards {
    /*margin-top: -10px;*/
    background: #e6e6e6;
    position: relative;
}

.awards div {
    display: block;
    width: 1060px;
    height: 96px;
    position: relative;
    left: 60px;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
}

.awards div span {
    display: inline-block;
    margin-right: 20px;
    width: 250px;
    height: 96px;
    text-align: center;
    white-space: normal;
    text-indent: 0;
}

.awards div span a {
    display: table-cell;
    width: 250px;
    height: 96px;
    color: #666;
    font-size: 16px;
    font-family: 'molgroupregular';
    vertical-align: middle;
    text-align: center;
}

.awards div a:focus,
.awards div a:hover {
    color: #e2000e;
}

.awards .prev,
.awards .next {
    width: 17px;
    height: 21px;
    display: inline-block;
    text-indent: -9999px;
    border: 0;
    position: absolute;
    bottom: 38px;
}

.awards .prev {
    background: url(../images/awards_left.png) no-repeat 0 0;
    left: 14px;
}


.awards .next {
    background: url(../images/awards_right.png) no-repeat 0 0;
    right: 14px;
}

@media (min-width: 1200px) {
    .awards div {
        width: 1060px;
    }

    .awards div span,
    .awards div span a {
        width: 250px;
    }
}

@media (max-width: 1199px) {
    .awards div {
        width: 876px;
    }

    .awards div span,
    .awards div span a {
        width: 204px;
    }
}


/*============================================================================
        Distribute CR (career)
=========================================================================== */

.growww-program {
    background-image: url(../images/blocks/block_student_graduates2.jpg);
}

.freshhh-program {
    background-image: url(../images/blocks/block_secondary_schools2.jpg);
}

.uppp-program {
    background-image: url(../images/blocks/block_diversity.jpg);
}

.pims-academy {
    background-image: url(../images/blocks/block_award_and_recognitions.jpg);
}
body.pims-academy, body.working-at-mol-group {
    background: rgb(231,231,231) url(../assets/bg_main.png) no-repeat center top;
}

.growww-program > a,
.freshhh-program > a,
.uppp-program > a,
.pims-academy > a {
    height: 249px;
}

.latest-jobs,
.search-open-positions {
    background: #fff;
}

.latest-jobs > a,
.search-open-positions > a {
    height: 173px;
}

.follow-us-on-linkedin > a {
    height: 163px;
}

.follow-us-on-linkedin {
    background-image: url(../images/blocks/block_linkedin.jpg);
    background-position: 0 0;
}

.follow-us-on-linkedin h3 a:after {
    content: url(../images/blocks/rightarrow_red.png);
    position: relative;
    top: -15px;
    left: 47%;
}

.follow-us-on-linkedin h3 a {
    padding-top: 19px;
}

@media (max-width: 1199px) {

}

@media (min-width: 1200px) {
}

.open-positions > a,
.working-at-mol-group > a,
.careers-and-development > a {
    height: 189px;
}

.open-positions,
.working-at-mol-group,
.careers-and-development {
    background-position: 0 100%;
}

.careers-and-development {
    background-image: url(../images/blocks/block_careers_and_development2.jpg);
}

.working-at-mol-group {
    background-image: url(../images/blocks/block_working_at_mol_group.jpg);
}

.open-positions {
    background-image: url(../images/blocks/block_open_positions2.jpg);
}


/*============================================================================
        Distribute OB (our businesses)
=========================================================================== */
.epataglance {
    width: 100%; height: 133px; display: block; overflow: hidden; background: url('../images/blocks/block_ob_epataglance.jpg') no-repeat top center;
}
.operations {
    width: 100%; height: 133px; display: block; overflow: hidden; background: url('../images/blocks/block_ob_operations.jpg') no-repeat top center;
}
.dstream {
    width: 100%; height: 72px; display: block; overflow: hidden; background: url('../images/blocks/block_ob_downstream.jpg') no-repeat top center;
}
.refining {
    width: 100%; height: 72px; display: block; overflow: hidden; background: url('../images/blocks/block_ob_refining.jpg') no-repeat top center;
}
.pchem {
    width: 100%; height: 72px; display: block; overflow: hidden; background: url('../images/blocks/block_ob_petrochemical.jpg') no-repeat top center;
}


.annual-report-2013 {
    background-image: url(../images/blocks/block_annual_report_2013.jpg);
    background-position: 100% 0;
}

.annual-report-2013 > a {
    height: 110px;
}

.annual-report-2014 {
    background-image: url(../images/blocks/block_annual_report_2014.jpg);
    background-position: 100% 0;
}

.annual-report-2014 > a {
    height: 110px;
}

.ruler {
    padding: 44px 0;
}

.ruler .right,
.ruler .center,
.ruler .left {
    border-top: 2px solid #fff;
    margin: 0;
    padding: 0;
    width: 88.05%;
}

.ruler .center {
    width: 100%;
}

.ruler .right {
    margin-left: 11.95%;
}

.highlights {
    background: #fff;
}

/*.ob-map {
    position: relative;
    top: 0;
    height: 346px;
}

.ob-map h4 {
    font-family: 'molgroupregular';
    display: block;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.8);
    color: #535353;
    position: absolute;
    padding: 7px 50px 4px 14px;
    z-index: 0;
    text-transform: uppercase;
    text-indent: 0;
    width: 100%;
    -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
    font-weight:normal;
}*/

.ob-map h4:hover {
    background-color: rgba(228,30,38,1);
    color: #ffffff;
    text-indent: 20px;
}

.ie8 .ob-map h4 {
    background-color: rgb(255,255,255);
}

.ie8 .ob-map h4:hover {
    background-color: rgb(228,30,38);
}

.ob-map h4 a {
    color: #535353;
    -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
}

.ob-map h4 a:hover {
    color: #ffffff;
}

.ob-map .ob-map-zoom {
    display: block;
    width: 45px;
    height: 45px;
    background-color: rgb(150,153,155);
    position: absolute;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
}

.ob-map .ob-map-zoom:hover {
    background-color: rgb(228,30,38);
}

.ob-map .ob-map-zoom span {
    display: table-cell;
    width: 45px;
    height: 45px;
    color: rgb(255,255,255);
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
}

.ob-map .ob-map-zoom.zoom_in { right: 0; border-left: 1px solid white;}
.ob-map .ob-map-zoom.zoom_out { right: 46px;}

.ob-map .ob-map-zoom.zoom_in span { top: 1px;}
.ob-map .ob-map-zoom.zoom_out span { top: -1px;}

.ob-map-zoomable {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: crosshair;
    overflow: hidden;
}

.ob-map-zoomed {
    display: none;
    width: 2000px;
    height: 786px;
    position: absolute;
}

.ob-map-zoomed,
.ob-map-zoomable > img,
.ob-map-zoomed > img {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ob-map ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 50;
    text-align: right;
}

.ob-map ul li {
    display: block;
    padding: 0 28px 0 10px;
    margin: 3px 0;
    width: 120px;
    height: 43px;
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 14px;
    background: rgb(102,102,102);
    -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
    text-align: left;
    position: relative;
    right: -18px;
    cursor: pointer;
}

.ob-map ul li.active {
    right: 0;
    background: rgb(255,255,255);
}

.ob-map ul li:hover {
    background: rgb(228,30,38);
}

.ob-map ul li span {
    display: table-cell;
    width: 120px;
    height: 43px;
    color: rgb(255,255,255);
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
}

.ob-map ul li.active span {
    color: rgb(228,30,38);
}

.ob-map ul li:hover span {
    color: rgb(255,255,255);
}

.hl-more-height {
    height: 346px;
}

.no-bottom-gap {
    margin-bottom: 0;
}

.no-top-gap {
    margin-top: 0;
}

.exploration-and-production {
    max-height: 346px;
}

@media (min-width: 1200px) {

    .block-col-1 .sp_simple_youtube iframe {
        width: 280px;
    }

    .block3 {
        width: 880px;
    }

    .ob-map {
        top: 0;
    }
}

@media (max-width: 1199px) {
    .block3 {
        width: 743px;
    }

    .ob-map h4 {
        display: block;
        position: absolute;
        top: -54px;
        width: 100%;
        height: 15px;
        padding: 19px 50px 20px 14px;
        background: rgb(255, 255, 255);
    }

    .ob-map ul {
        top: 10px;
    }

    .block-col-1 .sp_simple_youtube iframe {
        width: 236px;
    }
}

@media (min-width: 1200px) {

    .block-col-1 .sp_simple_youtube iframe {
        width: 280px;
    }

    .block3 {
        width: 880px;
    }

    .ob-map {
        top: 0;
    }
}

/********************** DOWNLOAD CENTER ***********************************/
.clr {clear: both;width:1px; height:1px;visibility:hidden;}
.dc-left {
    padding: 0 20px 20px 20px;
}
body.download-center .article-outer-wrap {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.dc-left p{
    font-family: 'futura_t_otregular';
    font-size: 14px;
}
#dc-breadcrumb {
    text-transform: uppercase;
    font-family: 'futura_t_otregular';
    font-size: 14px;
}
.distributor-dc{
    min-height: 600px;
}
.distributor-dc .block3 h3 {
    padding: 0;
    margin: 0;
}

.distributor-dc .block3 h3 a{
    display: block;
    color: #e30018;
    font-size: 16px;
    line-height: 16px;
    font-family: 'molgroupregular';
    padding: 9px 13px 5px 19px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.distributor-dc .block3:focus h3 a,
.distributor-dc .block3:hover h3 a{
    padding-left: 40px;
    background: #e30018;
    color: #fff;
}
.dir-list {
    padding: 0;
    position: relative;
}
#dir-main {margin: 40px 0 0 0; padding: 0 0 6px 0; border-bottom: 1px solid #e2e2e2;}
#dir-sub {padding: 10px 0 6px 0; margin: 0; border-bottom: 1px solid #e2e2e2;}
#dir_main, #dir_sub{width: 100%;}
#dir-main ul, #dir-sub ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
#dir-main ul li, #dir-sub ul li {
    font-family: 'molgroupregular';
    z-index:10;
    text-align: center;
    display: table-cell;
    padding: 0;
    vertical-align: top;
}
#dir-main ul li a, #dir-sub ul li a{
    -webkit-transition: background-color 400ms ease-in-out;
    -moz-transition: background-color 400ms ease-in-out;
    -ms-transition: background-color 400ms ease-in-out;
    -o-transition: background-color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out;
    background: #e2e2e2;/*#f2f2f2;*/
    margin: 0 4px 4px 0;
    display: block;
    font-size: 12px;
    padding: 10px 5px;
    text-transform: uppercase;
    color: #afafaf;
}
#dir-main ul li:last-child a, #dir-sub ul li:last-child a {
    margin: 0;
}

#dir-main ul li a:hover, #dir-main ul li a.selected, #dir-sub ul li a:hover, #dir-sub ul li a.selected {
    color: #FFF;
    background: #ed1c29;
}
#dir-main ul li.active, #dir-main ul li:hover, #dir-sub ul li.active, #dir-sub ul li:hover {
    color: #FFF;
}

#dir-files {margin: 10px 0 0 0; position: relative;min-height: 200px;}
.resultItem {display: block;clear: both; margin: 0 0 10px 0; padding: 0 0 10px 0;border-bottom: 1px dotted #f0f0f0;}
.resultItem:last-child{border-bottom: 0;}
#file-results {margin: 40px 0;}
#file-results .col1 {
    width: 120px;
    line-height: 27px;
    height: 27px;
    text-align: left;
    float: left;
}
#file-results .col1 img {
    margin: 0 3px 0 0;
}
#file-results .col2 {
    padding-left: 20px;
    width: 600px;
    text-align: left;
    font-family: verdana;
    font-size: 13px;
    line-height: 27px;
    color: #808080;
    float: left;
}
#file-results .col2 a{
    color: #ed1c29;
}
.dc-loaderDiv, .dc-loaderMain {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.dc-loaderMain{display: block;}

.dc-loaderDiv img, .dc-loaderMain img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
}
@media (max-width: 1199px) {
    .download-center .block3 {
        width: 674px;
    }
    #file-results .col2 {
        width: 520px;
    }
    #dir-main ul li a, #dir-sub ul li a{
        padding: 10px 10px;
    }
}

@media (min-width: 1200px) {
    .download-center .block3 {
        width: 874px;
    }
}
/********************** XAMPP ***********************************/
#xmap ul + h2 {
    display: none;
}

/*============================================================================
        New ribbon for the front page
=========================================================================== */

.ribbon-new-front {
    background: url(../images/career_ribbon_frontpage.jpg) no-repeat 0 0;
    margin-top: 0;
    margin-bottom: 0;
}
.ribbon-new-front.michelisz{
    background: url('/images/molgroup/_michelisz/content/banner.jpg') no-repeat top left;
    height: 120px;
    margin-top: 20px;
}

.ribbon-new-front a {
    text-transform: uppercase;
    font-family: 'molgroupregular';
    font-size: 16px;
    color: #707070;
    float: left;
    display: block;
    width: 24%;
    height: 48px;
    min-height: 48px;
    padding-top: 12px;
    text-align: left;
}

.ribbon-new-front img {
    position: relative;
    top: 2px;
}

.ribbon-new-front .ribbon-career {
    font-family: 'molgroupregular';
    font-size: 30px;
    color: #e2000e;
}

.ribbon-rightborder {
    border-right: 1px solid #fff;
}

.ribbon-textindent {
    text-indent: 33px;
}

.careerindent {
    text-indent: 33px;
}

.followindent {
    text-indent: 77px;
}

.ribbon-new-front .second img,
.ribbon-new-front .third img {
    position: relative;
    left: 80px;
}

.ribbon-new-front .second,
.ribbon-new-front .third,
.ribbon-new-front .fourth {
    height: 36px;
    min-height: 36px;
    padding-top: 24px;
}

.ribbon-new-front .fourth img {
    position: relative;
    left: 26px;
}


@media (max-width: 1199px) {
    .ribbon-new-front {
        background-position: -190px 0;
    }

    .ribbon-textindent {
        text-indent: 20px;
    }

    .followindent {
        text-indent: 15px;
    }

    .ribbon-new-front .second img,
    .ribbon-new-front .third img {
        position: relative;
        left: 30px;
    }
}

@media (min-width: 1200px) {
    .ribbon-new-front {
        background-position: 0 0;
    }

    .ribbon-textindent {
        text-indent: 33px;
    }

    .followindent {
        text-indent: 77px;
    }

    .ribbon-new-front .second img,
    .ribbon-new-front .third img {
        position: relative;
        left: 80px;
    }
}

/*============================================================================
        Board of directors, WYSIWYG editor content, styles
=========================================================================== */

.folding-photos,
.board-of-directors {
    margin-top: 30px;
    margin-right: -15px;
    width: 690px;
    font-size: 0;
}

.board-member {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 215px;
    height: 284px;
    font-size: 14px;
    position: relative;
    vertical-align: top;
    -webkit-perspective: 1400;
    -moz-perspective: 1400;
    -ms-perspective: 1400;
    -o-perspective: 1400;
    perspective: 1400;
    -webkit-perspective-origin: 50% 400px;
    -moz-perspective-origin: 50% 400px;
    -ms-perspective-origin: 50% 400px;
    -o-perspective-origin: 50% 400px;
    perspective-origin: 50% 400px;
}

.folding-photos .board-member {
    height: 215px;
    -webkit-perspective-origin: 50% 325px;
    -moz-perspective-origin: 50% 325px;
    -ms-perspective-origin: 50% 325px;
    -o-perspective-origin: 50% 325px;
    perspective-origin: 50% 325px;
}

.board-member.left .member-cv.orig { left: 0; }

.board-member.middle .member-cv.orig { left: -230px; }

.board-member.right .member-cv.orig { left: -460px; }

.portrait,
.portrait img {
    width: 215px;
    height: 284px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.folding-photos .portrait,
.folding-photos .portrait img {
    height: 215px;
}

.portrait div {
    display: block;
    padding: 4px 8px;
    margin: 0;
    background: rgb(157,157,157);
    color: rgb(255,255,255);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.portrait div h4 {
    display: inline-block;
    padding: 6px 24px 6px 8px;
    margin: 0;
    background: transparent url(../images/member_name_bg.png) no-repeat right bottom;
    color: rgb(247,60,79);
    font-size: 16px;
    font-family: 'molgroupregular';
    position: absolute;
    left: 0;
    bottom: 100%;
}

.member-cv {
    display: none;
    width: 675px;
    background-color: rgb(245,245,245);
    position: absolute;
    top: 299px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.folding-photos .member-cv {
    top: 230px;
}

.member-cv > div {
    padding: 15px;
    width: 645px;
    background-image: url(../images/cv_bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
}

.close_cv {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.close_cv img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.member-cv > div p {
    margin: 0;
}

.member-cv.folded {
    display: block;
    overflow: hidden;
}

.member-cv.center {
    width: 215px;
    background-color: rgb(135,135,135);
    left: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate3d(1,0,0,-94deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate3d(1,0,0,-94deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate3d(1,0,0,-94deg);
    -o-transform-origin: 0 0;
    -o-transform: rotate3d(1,0,0,-94deg);
    transform-origin: 0 0;
    transform: rotate3d(1,0,0,-94deg);
}

.member-cv.center.left > div {
    left: 0;
}

.member-cv.center.middle > div {
    left: -230px;
}

.member-cv.center.right > div {
    left: -460px;
}

.member-cv.flap {
    width: 230px;
}

.member-cv.flap.left {
    background-color: rgb(182,182,182);
    -webkit-transform-origin: 100% 0;
    -webkit-transform: rotate3d(0,1,0,-90deg);
    -moz-transform-origin: 100% 0;
    -moz-transform: rotate3d(0,1,0,-90deg);
    -ms-transform-origin: 100% 0;
    -ms-transform: rotate3d(0,1,0,-90deg);
    -o-transform-origin: 100% 0;
    -o-transform: rotate3d(0,1,0,-90deg);
    transform-origin: 100% 0;
    transform: rotate3d(0,1,0,-90deg);
}

.member-cv.flap.right {
    background-color: rgb(204,204,204);
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate3d(0,-1,0,-90deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate3d(0,-1,0,-90deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate3d(0,-1,0,-90deg);
    -o-transform-origin: 0 0;
    -o-transform: rotate3d(0,-1,0,-90deg);
    transform-origin: 0 0;
    transform: rotate3d(0,-1,0,-90deg);
}

.member-cv.flap.left1 { left: -230px; }
.member-cv.flap.left1 > div { left: -230px; }

.member-cv.flap.left2 { left: -460px; }
.member-cv.flap.left2 > div { left: 0px; }

.member-cv.flap.left3 { left: -230px; }
.member-cv.flap.left3 > div { left: 0px; }

.member-cv.flap.right1 { left: 215px; }
.member-cv.flap.right1 > div { left: -215px; }

.member-cv.flap.right2 { left: 445px; }
.member-cv.flap.right2 > div { left: -445px; }

.member-cv.flap.right3 { left: 215px; }
.member-cv.flap.right3 > div { left: -445px; }


/*============================================================================
        Article pages, p element in list items, margin fix
=========================================================================== */

.item-page li p {
    margin-top: 0;
}

/*============================================================================
                Natural gas article
=========================================================================== */
.natural-gas-art .block3{width:873px;}

@media (max-width: 1199px) {
    #nat-map .block3{width:689px !important;}
}

/*============================================================================
        Publications block
=========================================================================== */

/*.publications {
    background: #fff;
}*/
.publications .latestnews p.date {display: none;}

.publications .mg_heading_red {
    /*    display: inline-block;
            color: #535353;
        font-size: 15px;
        line-height: 18px;
        font-family: 'molgroupregular';
        padding: 9px 13px 5px 19px;
        margin: 5px 34px 5px 7px;*/

    padding: 21px 50px 21px 14px;
}

.mg_cell.publications:hover .mg_heading_red {
    padding: 21px 46px 21px 24px;
}

@media (max-width: 1199px) {
    .mg_cell.publications .mg_heading_red {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }
}

.publications ul.latestnews {
    list-style: none;
    width: 800px;
    padding: 10px 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    display: inline-block;
    margin-left: 192px;
}

.publications ul.latestnews li {
    display: inline-block;
    margin-right: 43px;
    width: auto;
    border-bottom: 1px solid #eee !important;
}

.publications .link {
    display: none;
}

.publications a {
    font-size: 13px;
    padding-right: 18px;
}

.publications a:after {
    content: url(../images/publications_arrow.png);
    position: relative;
    left: 10px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.publications .custom {
    display: inline-block;
}
.publications a:hover:after {
    left: 20px;
}

p.center {
    text-align: center;
}

.moduletable .menu ul {
    padding: 0 0 0 25px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}


.news-v2 {
    background: #fff;
    height: 303px;
}

.publications-v .latestnews li {border: none; padding-top: 12px; padding-bottom: 12px;}
.publications-v .latestnews .link {display: none;}
.publications-v .latestnews .title {position: relative; display: inline-block; font-size: 14px; padding-right: 18px; vertical-align: middle;}
.publications-v .latestnews .title:after {content: ' '; position: relative; display: inline-block; left: 0; top: -1px; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-right: none; border-left: solid 11px #DB0A0A; border-top: solid 6px transparent; border-bottom: solid 6px transparent; transition: all .4s ease-in-out;}
.publications-v .latestnews .title:hover:after {left: 10px;}


/*============================================================================
    Company overview table
=========================================================================== */

.company-overview-table {
    border-spacing: 0;
    border-collapse: collapse;
    max-width: 769px;
}

.company-overview-table td {
    font: normal normal normal 17px/34px Calibri, Verdana, sans-serif;
    color: #717171;
    padding: 10px 11px 0 20px;
    border: 2px solid #f1f1f1;
    vertical-align: top;
}

.company-overview-table .odd td {
    background: #f8f8f8;
}

.company-overview-table .big {
    font-size: 34px;
    font-family: 'molgroupregular', sans-serif;
    text-transform: uppercase;
    padding-left: 0;
}

.company-overview-table .big.barrell {
    font-size: 30px;
}

.company-overview-table .smaller {
    font-size: 20px;
}

.company-overview-table .refineries {
    float: left;
}

.company-overview-table .xs {
    margin-left: 10px;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

.company-overview-table .first {
    width: 66%;
}

.company-overview-table .last {
    width: 34%;
}

.company-overview-table .mid {
    vertical-align: top;
}

.company-overview-table .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(/images/content/company_overview_icons.png) no-repeat 0 0;
    margin-right: 32px;
    position: relative;
    top: -10px;
}

.company-overview-table .icon.place {
    background-position: -15px 0;
}

.company-overview-table .icon.person {
    background-position: -20px -60px;
}

.company-overview-table .icon.barrell {
    background-position: -15px -135px;
}

.company-overview-table .icon.fueling {
    background-position: -15px -210px;
}

.company-overview-table .icon.recycle {
    background-position: -15px -280px;
}

.company-overview-table .icon.chemplant {
    background-position: -12px -345px;
}

.company-overview-table .icon.testtube {
    background-position: -15px -400px;
}

@media (max-width: 1199px) {
    .company-overview-table td{font-size:14px;}
    .company-overview-table td .big, .company-overview-table td .big.barrell{font-size:27px;}
    .company-overview-table .smaller{font-size:16px;}
}

.refineries-tables {
    max-width: 430px;
}

.pagination .counter {
    display: none;
}

.press-contact-left {
    float: left;
    width: 30%;
    margin-right: 3%;
}

/*============================================================================
    Logos, front page build
=========================================================================== */

.logos a {
    display: inline-block;
    color: #000000;
    margin-right: 45px;
    position: relative;
}

@media (max-width: 1199px) {
    .logos a {
        margin-right: 23px;
    }
}

@media (min-width: 1200px) {
    .logos a {
        margin-right: 45px;
    }
}


.logos-01 {
    height: 25px;
    margin-left: 15px;
    top: 7px;
    width: auto;
    margin-right: 35px !important;
    background-image: none;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.logos-01:hover {color: #000000;}

.logos-02 {
    background: url(../images/logos/new_mol_sprite.png);
    width: 46px;
    height: 28px;
    top: 10px;
}

.logos-02:hover {
    background-position: 0 -28px;
}

.logos-03 {
    background: url(../images/logos/new_ina_sprite.png);
    width: 44px;
    height: 12px;
}

.logos-03:hover {
    background-position: 0 -12px;
}

.logos-04 {
    background: url(../images/logos/new_slovnaft_sprite_2015.png);
    width: 29px;
    height: 39px;
    top: 15px;
}

.logos-04:hover {
    background-position: 0 -39px;
}

.logos-05 {
    background: url(../images/logos/new_tvk_sprite.png);
    width: 32px;
    height: 35px;
    top: 10px;
}

.logos-05:hover {
    background-position: 0 -35px;
}

.logos-06 {
    background: url(../images/logos/mol_italy_sprite.png);
    width: 80px;
    height: 20px;
    top: 7px;
    margin-right: 30px !important;
}

.logos-06:hover {
    background-position: 0 -20px;
}

.logos-07 {
    height: 25px;
    top: 7px;
    width: auto;
    margin-right: 35px !important;
    background-image: none;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.logos-07:hover {color: #000000;}

.logos-08 {
    background: url(../images/logos/new_cez_sprite.png);
    width: 43px;
    height: 35px;
    top: 15px;
}

.logos-08:hover {
    background-position: 0 -35px;
}

.logos-09 {
    background: url(../images/logos/new_oman_sprite.png);
    width: 76px;
    height: 42px;
    top: 15px;
}

.logos-09:hover {
    background-position: 0 -42px;
}

.logos-10 {
    background: url(../images/logos/new_danagas_sprite.png);
    width: 51px;
    height: 39px;
    top: 15px;
}

.logos-10:hover {
    background-position: 0 -38px;
}

.logos-11 {
    background: url(../images/logos/new_crescent_sprite.png);
    width: 76px;
    height: 41px;
    top: 15px;
    margin-right: 0 !important;
}

.logos-11:hover {
    background-position: 0 -40px;
}

.logos-12 {
    background: url(../images/logos/logos_tifon_sprite.png);
    width: 76px;
    height: 41px;
    top: 15px;
}
.logos-12:hover {
    background-position: 0 -41px;
}

/*============================================================================
    Key financial and operating data
=========================================================================== */

.key-financial-table1,
.key-financial-table2 {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    width: 99%;
}

.key-financial-table1 th,
.key-financial-table2 th {
    background: #c71d22;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}

.key-financial-table1 td,
.key-financial-table2 td {
    background: #fff;
    color: #231f20;
    padding: 4px;
    border: 0;
    border-bottom: 1px solid #a8a9ad;
    font-size: 13px;
    text-align: right;
}

.key-financial-table1 th:first-child,
.key-financial-table2 th:first-child,
.key-financial-table1 td:first-child,
.key-financial-table2 td:first-child {
    text-align: left;
}

.key-financial-table1 .first,
.key-financial-table2 .first {
    width: 489px;
}

.key-financial-table2 .ow {
    padding-left: 14px;
}

.search-regulated .searchsearch,
.search-regulated,
.search-regulated label {
    display: inline-block;
}

.search-regulated .inputboxsearch {
    position: static;
    right: auto;
    left: auto;
}

.search-regulated .buttonsearch {
    position: relative;
    right: auto;
    left: -18px;
    top: -4px;
}

table.noborder {
    border: 0;
}

table.noborder td,
table.noborder th {
    border: 0;
}



/*============================================================================
    FEJLÉCKÉPEK
=========================================================================== */


.our-business.c-north-sea .featured-image {
    background: transparent url(../images/slider/cover_new_01.jpg) no-repeat center top;
}

.investor-relations.c-rss .featured-image,
.investor-relations.c-investor-relations-contact .featured-image,
.investor-relations.c-strategic-presentations .featured-image,
.investor-relations.c-ir-presentations .featured-image,
.investor-relations.c-investor-presentations .featured-image,
.our-business.c-key-facts .featured-image,
.our-business.c-map-interactive .featured-image {
    background: transparent url(../images/featured2/upstream_1.jpg) no-repeat center top;
}

.investor-relations.c-main-cg-documents .featured-image,
.investor-relations.c-supervisory-board .featured-image,
.investor-relations.c-executive-board .featured-image,
.investor-relations.c-board-of-directors .featured-image,
.investor-relations.c-risk-management .featured-image,
.investor-relations.c-mol-policy .featured-image,
.investor-relations.c-corporate-governance .featured-image,
.investor-relations.c-annual-reports .featured-image,
.investor-relations.c-quarterly-reports .featured-image,
.investor-relations.c-financial-results-and-reporting .featured-image,
.press.c-video-gallery .featured-image,
.our-business.c-regions .featured-image,
.our-business.c-interview-with-mr-alexander-dodds .featured-image {
    background: transparent url(../images/featured2/upstream_2.jpg) no-repeat center top;
}

.investor-relations.c-operational-updates .featured-image,
.our-business.c-sd-hse-e-p-operational-excellence .featured-image,
.our-business.c-mea .featured-image,
.our-business.c-exploration-and-production .featured-image {
    background: transparent url(../images/featured2/upstream_3.jpg) no-repeat center top;
}

.our-business.c-cis .featured-image {
    background: transparent url(../images/featured2/upstream_4.jpg) no-repeat center top;
}

.our-business.c-cee .featured-image {
    background: transparent url(../images/featured2/upstream_6.jpg) no-repeat center top;
}

.our-business.c-refineries .featured-image {
    background: transparent url(../images/featured2/downstream_1.jpg) no-repeat center top;
}

.our-business.c-almasfuzito .featured-image,
.press.c-map-downstream .featured-image {
    background: transparent url(../images/featured2/downstream_2.jpg) no-repeat center top;
}

.press.c-press-releases .featured-image,
.our-business.c-interview-with-mr-ferenc-horvath .featured-image,
.press.c-press-contacts .featured-image {
    background: transparent url(../images/featured2/downstream_3.jpg) no-repeat center top;
}

.investor-relations.c-regulated-information .featured-image {
    background: transparent url(../images/featured2/downstream_4.jpg) no-repeat center top;
}

.press.c-publications .featured-image {
    background: transparent url(../images/featured2/downstream_6.jpg) no-repeat center top;
}

.our-business.c-ina-maziva .featured-image {
    background: transparent url(../images/featured2/downstream_8.jpg) no-repeat center top;
}

.our-business.c-retail-presence .featured-image,
.press.c-photo-gallery .featured-image {
    background: transparent url(../images/featured2/retail_6.jpg) no-repeat center top;
}

.investor-relations.c-download-center .featured-image,
.investor-relations.c-key-debt-regulated-figures .featured-image,
.investor-relations.c-credit-rating .featured-image,
.investor-relations.c-maturity-profile .featured-image,
.investor-relations.c-bonds .featured-image,
.investor-relations.c-financial-summary .featured-image,
.investor-relations.c-bond-and-credit-rating .featured-image,
.investor-relations.c-annual-general-meeting-archive .featured-image,
.investor-relations.c-annual-general-meeting .featured-image,
.our-bisuness.c-production-facilities .featured-image {
    background: transparent url(../images/featured2/manzalai_1.jpg) no-repeat center top;
}

.our-business.c-petrochemical-production .featured-image {
    background: transparent url(../images/featured2/manzalai_2.jpg) no-repeat center top;
}

.our-business.c-lubricants-production .featured-image {
    background: transparent url(../images/featured2/manzalai_3.jpg) no-repeat center top;
}

.our-business.c-slovnaft .featured-image {
    background: transparent url(../images/featured2/slovnaft_refinery.jpg) no-repeat center top;
}

.our-business.c-sisak .featured-image {
    background: transparent url(../images/featured2/sisak.jpg) no-repeat center top;
}

.our-business.c-tvk .featured-image {
    background: transparent url(../images/featured2/tvk.jpg) no-repeat center top;
}

.our-business.c-spc .featured-image {
    background: transparent url(../images/featured2/spc.jpg) no-repeat center top;
}

.careers.c-working-at-mol-group .featured-image {
    background: transparent url(../images/featured/career/fejlec_003.jpg) no-repeat center top;
}

.careers.c-diversity-and-inclusion .featured-image {
    background: transparent url(../images/featured/careers_diversity.jpg) no-repeat center top;
}

.careers.c-career-development .featured-image {
    background: transparent url(../images/featured/career/fejlec_001.jpg) no-repeat center top;
}

.careers.c-leadership-development .featured-image {
    background: transparent url(../images/featured2/upstream_6.jpg) no-repeat center top;
}
.careers.c-technical-competency-development .featured-image {
    background: transparent url(../images/featured2/upstream_6.jpg) no-repeat center top;
}
.careers.c-career-opportunities-for-experienced-professionals .featured-image, .careers.c-strategic-partnerships .featured-image {
    background: transparent url(../images/featured/career_opportunities.jpg) no-repeat center top;
}
.careers.c-opportunities-for-students-and-graduates .featured-image {
    background: transparent url(../images/featured/career/fejlec_004.jpg) no-repeat center top;
}

.careers.c-secondary-schools .featured-image {
    /*background: transparent url(../images/featured2/secondary_schools_featured.jpg) no-repeat center top;*/
    background: transparent url(../images/featured/career/fejlec_005.jpg) no-repeat center top;
}

.careers.c-pims-academy .featured-image {
    background: transparent url(../images/featured2/downstream_5.jpg) no-repeat center top;
}

.careers.c-freshhh .featured-image {
    background: transparent url(../images/featured2/careers_freshhh_header.jpg) no-repeat center top;
}

.careers.c-growww .featured-image {
    background: transparent url(../images/featured2/careers_growww_header.jpg) no-repeat center top;
}

.investor-relations.c-financial-calendar .featured-image {
    background: transparent url(../images/featured2/calendar.jpg) no-repeat center top;
}

.investor-relations.c-mol-group-ir-conference-participation .featured-image {
    background: transparent url(../images/featured2/presentation.jpg) no-repeat center top;
}
.careers.c-awards-and-recognitions .featured-image {
    background: transparent url('../images/featured/career/fejlec_002.jpg') no-repeat center top;
}

.investor-relations.c-dividend .featured-image,
.investor-relations.c-share-price-performance .featured-image,
.investor-relations.c-ownership-structure .featured-image,
.investor-relations.c-analytic-information .featured-image,
.investor-relations.c-listing-information .featured-image,
.investor-relations.c-share-information .featured-image {
    background: transparent url(../images/featured2/trader.jpg) no-repeat center top;
}

.sustainability.c-attracting-and-recruiting-talents .featured-image,
.sustainability.c-rewarding-and-retaining-employees .featured-image,
.sustainability.c-developing-employees .featured-image,
.sustainability.c-diversity-and-inclusion .featured-image,
.sustainability.c-commitment-to-fair-employment .featured-image,
.sustainability.c-human-resources-data .featured-image {
    background: transparent url(../images/featured/careers_workingatmolgroup.jpg) no-repeat center top;
}
.sustainability.c-human-capital .featured-image {
    background: transparent url(../images/featured/career/fejlec_002.jpg) no-repeat center top;
}

/*============================================================================
    SD & HSE - E & P Operational Excellence
    Table styles
=========================================================================== */

.epsd-table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    width: 99%;
    margin-bottom: 1em;
}

.epsd-table th {
    background: #c71d22;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}

.epsd-table td {
    background: #fff;
    color: #231f20;
    padding: 4px;
    border: 0;
    border-bottom: 1px solid #a8a9ad;
    font-size: 13px;
    text-align: right;
}

.epsd-table td:first-child {
    text-align: left;
    width: 50%;
}

.epsd-table .pleft {
    padding-left: 10px;
}

.epsd-table .italic {
    font-style: italic;
}

.epsd-smaller {
    font-size: 11px;
}

.epsd-table .smaller {
    font-size: 10px;
}


/*============================================================================
    FORMS
=========================================================================== */

#velemeny-koszi {
    display: none;
}
.grayblock {
    background: #e7e7e7;
    padding: 15px;
    color: #646464;
    font-size: .8em;
}

#velemeny-form, #bejelentoForm {
    display: block;
}

#velemeny-form .Row, #bejelentoForm .Row {
    border-bottom: 1px solid #939598;
    padding: 15px 0;
    width: 100%;
}

#velemeny-form .Row .NameRow, #bejelentoForm .Row .NameRow {
    font-weight: bold;
    color: #646464;
    font-size: 14px;
    padding: 10px 0;
}

#velemeny-form .RowTable, #bejelentoForm .RowTable {
    display: table;
    table-layout: fixed;
    width: 820px;
}
@media (max-width: 1199px) {
    #velemeny-form .RowTable{width: 680px;}
    #bejelentoForm .RowTable{width: 680px;}
}
#velemeny-form .RowTableCell, #bejelentoForm .RowTableCell {
    display: table-cell;
}
#velemeny-form .RowTableCell.thr, #bejelentoForm .RowTableCell.thr {width: 30%;}
#velemeny-form .RowTableCell.hlf, #bejelentoForm .RowTableCell.hlf {width: 50%;}
#velemeny-form .RowTableCellSeparator, #bejelentoForm .RowTableCellSeparator {
    display: table-cell;
    width: 20px;
}
/*#velemeny-form input, #velemeny-form select {width: 100%;}*/
#bejelentoForm input[type=text], #bejelentoForm textarea, #velemeny-form textarea, #velemeny-form input[type=text]{
    font-size: 12px;
    /*padding: 4px 8px;*/
    background: #efefef;
    border: 0 none;
    color: #535353;
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 29px;
    line-height: 29px;
    padding: 4px 8px;
}
#velemeny-form select, #bejelentoForm select {width: 90%; padding: 5px 10px; box-sizing: border-box; width: 100%}
#bejelentoForm select::-ms-expand, #velemeny-form select::-ms-expand {	display: none; }
#bejelentoForm select, #velemeny-form select {
    border: 0 none;
    background: #efefef url('../images/arrow_red-90.png') no-repeat center right;
    background-position: right 10px center;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 29px;
    height: 29px;
    padding: 0px 8px;
    color: #535353;
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 14px;
}

#velemeny-form input[type=text], #bejelentoForm input[type=text] {width: 100%; padding: 5px 10px; box-sizing: border-box; width: 100%}
#velemeny-form textarea[name=comments]{
    resize: none;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 162px !important;
}
#bejelentoForm textarea[name=bejelento_form_panasz]{
    resize: none;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 200px !important;
}

#velemeny-form .Submit, #bejelentoForm .Submit {
    width: 200px;
    margin: 20px auto;
    text-align: center;
}
#formStatus {
    width: 100%;
    display: none;
    position: relative;
}
#formStatus p {
    margin: 0 0 10px 0;
    padding: 0;
}
#bejelentoForm label {
    color: #535353;
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 14px;
}
#bejelentoForm label.error {
    color: #E0081F;
    padding: 4px 10px;
}
#bejelentoForm label[for="approve"].error {float:right;}
#bejelentoForm label[for="approve"].error:after{clear:right;}

/*============================================================================
    Dividend table styles
=========================================================================== */

.dividend-table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    width: 99%;
    margin-bottom: 1em;
}

.dividend-table th {
    background: #c71d22;
    color: #fff;
    border: 0;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.dividend-table td {
    background: #fff;
    color: #231f20;
    padding: 4px;
    border: 0;
    border-bottom: 1px solid #a8a9ad;
    font-size: 11px;
    text-align: center;
}

.dividend-table .pleft {
    padding-left: 10px;
}

.dividend-table .italic {
    font-style: italic;
}

.dividend-smaller {
    font-size: 11px;
}

.dividend-table .smaller {
    font-size: 10px;
}

.c-analytic-information table td,
.c-analytic-information table th {
    font-size: 12px;
}

.growww-left {
    float: left;
    width: 300px;
}

.growww-right {
    float: left;
    width: 360px;
}
.growww-right p {
    margin-top: 0;
    padding-bottom: 0;
}

@media (max-width: 1199px) {
    .html5.video {
        background: #000;
        width: 490px;
        height: 303px;
    }
    .html5 video {
        width: 490px;
    }
}

@media (min-width: 1200px) {
    .html5.video {
        background: #000;
        width: 580px;
        height: 303px;
    }
    .html5 video {
        width: 580px;
    }
}

#agm_menu_01 a{font-size:11px !important;}


.tri_images {
    margin-bottom: 50px;
    width: 820px;
    height: 579px;
    position: relative;
}

.tri_images > * {
    display: block;
    width: 286px;
    height: 579px;
    position: absolute;
    top: 0px;
    z-index: 0;
    overflow: hidden;
}

.tri_images > * img {
    width: 820px;
    height: 579px;
    position: absolute;
    top: 0px;
}

.tri_images > *:hover img {
    left: 0px;
}

.tri_images .img_1 {
    left: 0px;
}

.tri_images .img_1 img {
    left: 0px;
}

.tri_images .img_2 {
    left: 296px;
}

.tri_images .img_2 img {
    left: -296px;
}

.tri_images .img_3 {
    left: 592px;
}

.tri_images .img_3 img {
    left: -592px;
}

.tri_images .img_1:hover,
.tri_images .img_2:hover,
.tri_images .img_3:hover {
    width: 820px;
    left: 0px;
    z-index: 9;
}

.tri_images .img_1:hover img,
.tri_images .img_2:hover img,
.tri_images .img_3:hover img {
    left: 0px;
}


@media (max-width: 1199px) {
    .tri_images {
        width: 680px;
        height: 459px;
    }

    .tri_images > * {
        width: 226px;
        height: 459px;
    }

    .tri_images > * img {
        width: 680px;
        height: 459px;
    }

    .tri_images .img_2 {
        left: 236px;
    }

    .tri_images .img_2 img {
        left: -236px;
    }

    .tri_images .img_3 {
        left: 472px;
    }

    .tri_images .img_3 img {
        left: -472px;
    }

    .tri_images .img_1:hover,
    .tri_images .img_2:hover,
    .tri_images .img_3:hover {
        width: 680px;
    }
}


/********************************* PUBLICATIONLIST ****************************/

#publicationList {margin: 40px 0 0 0;}

#publicationList ul.listItems{
    list-style: none;
    margin: 0;
    padding: 0;
}
#publicationList ul.listItems li {
    list-style: none;
    content: none;
    float: left;
    display: block;
    width: 135px;
    margin: 0 10px 10px 0;
    padding: 0;
}
#publicationList ul.listItems li a {
    text-decoration: none;
}
#publicationList ul.listItems li img {
    padding: 3px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
}

article #publicationList ul li:before {
    content: none;
}
#publicationList ul.listItems li p {
    text-align: center;
    margin: 4px 0;
}

/*============================================================================
    Participation chooser
    http://molgroup.info/investor-relations/annual-general-meeting#proposals
=========================================================================== */

.participation-chooser span,
.participation-chooser button {
    background: #b1b2b3;
    color: #fff;
    padding: 10px;
    width: 100%;
    border: 0;
    margin-bottom: 2px;
    display: block;
    font-family: Calibri, Verdana, sans-serif;
}

.participation-chooser span {
    padding: 39px 10px;
}

.participation-chooser span.active,
.participation-chooser button.active {
    background: #e30018;
}

.participation-chooser .left {
    float: left;
    width: 20%;
    margin-right: 5%;
}

.participation-chooser .right {
    float: left;
    width: 75%;
}

.participation-chooser .right button {
    display: block;
}

.participation-docs div {
    display: none;
}

.participation-docs div.active {
    display: block;
}


/************************* FRONTEND LOGIN ************************************/
.loginContainer, .editContainer {
    padding: 20px 0 0 0;
}
.loginContainer h2, .editContainer h2 {
    margin: 0 0 20px 0;
    padding: 0;
}
.loginContainer p {
    font-family: 'futura_t_otregular';
    font-size: 16px;
    font-weight: normal;
}
.loginContainer fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
.editContainer fieldset {
    margin: 0 0 20px 0;
    padding: 10px;
}
.editContainer fieldset legend {
    font-family: 'futura_t_otregular';
    font-size: 18px;
    color: #535353;
}
.loginContainer .button, .editContainer .button{
    font-family: 'futura_t_otregular';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 29px;
    height: 29px;
    padding: 0 10px;
    border: 1px solid #000;
    background: #ED1C2A;
    color: #FFF;
}
.loginContainer .login-fields, .editContainer .formelm, .editContainer .formelm-buttons {
    margin: 0 0 5px 0;
    position: relative;
    overflow: auto;
}
.loginContainer .login-fields .col1, .editContainer .formelm .col1, .editContainer .formelm-buttons .col1, .editContainer .formelm-area .col1 {
    float: left;
    display: block;
    width: 100px;
    text-align: left;
}
.loginContainer .login-fields .col2, .editContainer .formelm .col2, .editContainer .formelm-buttons .col2, .editContainer .formelm-area .col2 {
    float: left;
    display: block;
    width: 300px;
}
.loginContainer .login-fields label, .editContainer label {
    font-family: 'futura_t_otregular';
    font-size: 16px;
    font-weight: normal;
    color: #535353;
    width: 150px;
}
.loginContainer fieldset input, .editContainer fieldset input, .editContainer fieldset select {
    background: #efefef;
    width: 174px;
    height: 29px;
    font-family: 'futura_t_otregular';
    font-size: 16px;
    line-height: 29px;
    font-weight: normal;
    border: 0;
    color: #535353;
    padding: 0px 8px;
}
.editContainer input#jform_title {
    width: 500px;
}
span.edit-icon {position: absolute; top: 15px; left: -23px;}
.editContainer fieldset select {
    padding: 4px 8px 0;
}
#system-message .error, #system-message .message {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
}
#system-message .error.message ul, #system-message .message ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#system-message .error.message ul li:before, #system-message .message ul li:before {
    content: none;
}
#system-message .error.message ul li, #system-message .message ul li {
    color: red;
    padding: 0;
    margin: 0;
}
article #system-message .error.message ul li:before, article ul.actions li:before {
    content: none;
}
article #system-message .error.message ul li, article ul.actions li {
    color: red;
    padding: 0;
    margin: 0;
}
.tip-wrap {
    background: #FFF;
    border: 1px solid #000;
    margin: 0;
    padding: 10px;
    text-align: left;
}
.tip-title {
    font-family: 'futura_t_otregular';
    font-size: 14px;
    color: #ED1C2A;
}
.tip-text {
    font-family: 'futura_t_otregular';
    font-size: 14px;
    color: #535353;
}

/* hide highlights (we need this for "our business"" article pages for news boxes) */
ul.menu a[href="/our-business/highlights"],
ul.menu .item-364,
.submenu_row a[href="http://molgroup.info/our-business/highlights"] {
    display: none;
}

.c-discussed-agenda-items table{width:100%;}
.c-discussed-agenda-items td,.c-participation-rates td{text-align:left;}

.c-financial-results-and-reporting .item-page img, .c-penzugyi-jelentesek .item-page img{width:100%;}
.c-financial-results-and-reporting .item-page ul li, .c-penzugyi-jelentesek .item-page ul li {padding-left:20px;}

.edit-icon img{width:auto !important;}

table.event-calendar th {
    border: 2px solid #ED1C2A;
    padding: 10px 4px;
    background: #ED1C2A;
    color: #fff;
    font-size: 16px;
    font-family: 'futura_t_otregular';
}
/************************** ACCORDION TABLES ***************************/
#accordionTables table {
    border-right: 1px solid #dadcdd;
    border-bottom: 1px solid #dadcdd;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 12px;
    margin: 30px 0 10px 0;
    width: 100%;
    border-collapse: separate !important;
}
#accordionTables table td, #accordionTables table th {
    border: 0;
}
#accordionTables td:first-child {
    text-align: left;
}
#accordionTables td:first-child p{
    text-align: left;
    width: 90%;
}
.performance-data td:first-child {
    background: url('../images/icon-information.png') no-repeat top 5px right 5px;
}
#accordionTables .odd td{background: #f9f9f9;}
#accordionTables table tr td {
    padding: 5px 8px;
    text-align: right;
    border-left: 1px solid #dadcdd;
    border-bottom: 1px dashed #C00000;
    font-weight: normal;
}
#accordionTables.small table tr td {font-size: 10px}
#accordionTables.tLeft table tr td {
    text-align: left;
}
#accordionTables td p {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#accordionTables td p{
    text-align: right;
}
#accordionTables .tHead.smaller td {
    font-size: 10px;
    padding: 2px 8px;
}
#accordionTables .tHead td {
    background: #c71d22;
    border-left: 0;
    /*border-top: 1px dashed #c00000;*/
    font-weight: bold;
    color: #FFF;
}
#accordionTables .tHead td p {color: #FFF;}
#accordionTables .tGroup td {
    background: #b2b2b2;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    border-bottom: 0;
    border-top: 1px solid #DADCDD;
}
#accordionTables .tGroup td p, #accordionTables .tSubGroup td p {color: #000;}
#accordionTables .tSubGroup td {
    background: #f2f2f2;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    border-top: 2px solid #c00000;
    border-bottom: 0;
}
#accordionTables tr.tSubGroup {
    /*border-bottom: 1px dashed #c00000;*/
}
#accordionTables .tGroup.noclick td, #accordionTables .tSubGroup.noclick td{
    cursor: default;
}
#accordionTables td.indent {
    padding-left: 30px;
}
#accordionTables .tGroup td span, #accordionTables .tSubGroup td span {
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 2px;
    color: #000;
}
#accordionTables .tGroup td span.opened , #accordionTables .tSubGroup td span.opened {
    top: 0px;
    right: 10px;
}
#accordionTables .tInfo {
    width: 100%;
}
#accordionTables .tInfo p {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
/************************** CHARTS ***************************/
.keyFactCharts {
    position: relative;
}
#production-piechartContainer{
    float: left;
    display: block;
}
#production-piechartContainer p {font-size: 16px; color: #484848;}
#spe2p-piechartContainer {
    float: right;
    display: block;
}
#spe2p-piechartContainer p {font-size: 16px; color: #484848;}

/************************** OUR BUSINESS MODEL IMAGE ***************************/
#obm-imgContainer {
    margin: 20px 0 0 0;
    position: relative;
}
#obm-imgContainer .tip, .desc {
    position: absolute;
    left: 0;
    top: 0;
}
#obm-imgContainer .tip {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../images/zero.png');
}
#obm-imgContainer .tip.exploration{
    left: 92px;
    top: 137px;
}
#obm-imgContainer .tip.production{
    left: 447px;
    top: 57px;
}
#obm-imgContainer .tip.cpu{
    left: 489px;
    top: 182px;
}
#obm-imgContainer .tip.delivery{
    left: 622px;
    top: 182px;
}
#obm-imgContainer .tip.refineries{
    left: 204px;
    top: 280px;
}
#obm-imgContainer .tip.service{
    left: 536px;
    top: 502px;
}

#obm-imgContainer .desc {
    display: none;
    background: #fafafa;
    font-size: 10px;
    font-family: Arial;
    padding: 10px;
    border: 1px solid #DADCDD;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.6);
}
#obm-imgContainer .desc p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: Arial;
    color: #000;
}
#obm-imgContainer .desc td {
    font-size: 10px;
    font-family: Arial;
}

#obm-imgContainer .desc.exploration{
    left: 52px;
    top: 202px;
}
#obm-imgContainer .desc.production{
    left: 210px;
    top: 8px;
}
#obm-imgContainer .desc.cpu{
    left: 336px;
    top: 178px;
}
#obm-imgContainer .desc.delivery{
    left: 0;
    top: 0;
}
#obm-imgContainer .desc.refineries{
    left: 52px;
    top: 302px;
}
#obm-imgContainer .desc.service{
    left: 490px;
    top: 540px;
}

@media (max-width: 1199px) {
    #obm-imgContainer .tip {
        width: 31px;
        height: 31px;
        cursor: pointer;
    }

    /******** TIPS *********/
    #obm-imgContainer .tip.exploration{
        left: 77px;
        top: 116px;
    }
    #obm-imgContainer .tip.production{
        left: 370px;
        top: 49px;
    }
    #obm-imgContainer .tip.cpu{
        left: 407px;
        top: 154px;
    }
    #obm-imgContainer .tip.delivery{
        left: 481px;
        top: 143px;
    }
    #obm-imgContainer .tip.refineries{
        left: 172px;
        top: 235px;
    }
    #obm-imgContainer .tip.service{
        left: 441px;
        top: 424px;
    }
    /******** DESC *********/
    #obm-imgContainer .desc.exploration{
        left: 31px;
        top: 167px;
    }
    #obm-imgContainer .desc.production{
        left: 122px;
        top: 6px;
    }
    #obm-imgContainer .desc.cpu{
        left: 248px;
        top: 140px;
    }
    #obm-imgContainer .desc.delivery{
        left: 0;
        top: 0;
    }
    #obm-imgContainer .desc.refineries{
        left: 211px;
        top: 238px;
    }
    #obm-imgContainer .desc.service{
        left: 360px;
        top: 418px;
    }

}


/************************** ARTICLE OFFERS ***************************/
.newsflash {
    margin: 30px 0 0 0;
    border-top : 2px solid #DADCDD;
}
#articleOffersContainer {
    width: 100%;
    margin: 30px 0;
}
#articleOffersContainer .articleOffer {
    width: 203px;
    float: left;
    display: block;
}
#articleOffersContainer .articleOffer.o1,
#articleOffersContainer .articleOffer.o2,
#articleOffersContainer .articleOffer.o3,
#articleOffersContainer .articleOffer.o4{
    margin: 0 20px 0 0;
}
#articleOffersContainer .articleOffer.o4 {margin-right: 0;}
#articleOffersContainer .articleOffer:last-child {
    margin-right: 0;
}
#articleOffersContainer .articleOffer .oImageContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#articleOffersContainer .articleOffer .oImage img {
    cursor: pointer;
    display: block;
    border: 0px solid #DADCDD;
}
#articleOffersContainer .articleOffer .oTitle {
    height: 60px;
    font-family: molgroupregular;
    text-transform: uppercase;
    font-size: 12px;
}
#articleOffersContainer .articleOffer .oTitle a {color: #C00000;text-decoration: none;}
#articleOffersContainer .articleOffer .oIntroText {
    /*background: rgba(0,0,0,.7);*/
    background: url('../images/black_bg.png') repeat;
    position: absolute;
    bottom: 0;
}
#articleOffersContainer .articleOffer .oIntroText p {
    padding: 6px;
    margin: 0;
    font-size: 10px;
    font-family: molgroupregular;
    color: #FFF;
    text-align: left;
}
#articleOffersContainer .articleOffer .oIntroText p a {
    color: #FFF;
    text-decoration: none;
}
@media (max-width: 1199px) {
    #articleOffersContainer .articleOffer {
        width: 157px;
    }
    #articleOffersContainer .articleOffer .oTitle {
        height: 50px;
        font-family: molgroupregular;
        text-transform: uppercase;
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    #articleOffersContainer .articleOffer {
        width: 203px;
    }
}

/************************** PRESS LIST IMAGES ***********************/
.pressImageContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.pressImage img {
    cursor: pointer;
    display: block;
    border: 0px solid #DADCDD;
}
.pressTitle {
    /*background: rgba(40,40,40,.7);*/
    background: url('../images/black_bg.png') repeat;
    position: absolute;
    bottom: 0;
}
.pressTitle p {
    padding: 6px;
    margin: 0;
    font-size: 12px;
    font-family: molgroupregular;
    color: #FFF;
    text-align: left;
}
.pressTitle p a {
    color: #FFF;
    text-decoration: none;
}

/************************** MOD-LANGUAGE ***************************/
.mod-languages {
    background: url('../images/lang_bg.png') no-repeat right center;
    position: relative;
    bottom: -1px;
    right: -22px;
    z-index: 20000;
    width: 193px;
    height: 53px;
    float: right;
}
.mod-languages li {
    line-height: 31px;
    position: absolute;
    left: 0;
    top: 0;
}
.mod-languages li.hu-HU, .mod-languages li.en-GB{
    background: none;
}
.mod-languages .lang-text {
    text-align: right;
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 15px;
    position: absolute;
    right: 95px;
    bottom: 16px;
    color: #ed1c29;
}
.mod-languages .lang-active {
    width: 65px;
    height: 31px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.mod-languages .lang-active.hu-HU {
    background: url('../images/lang_hu.png');
}
.mod-languages .lang-active.en-GB {
    background: url('../images/lang_en.png');
}
.mod-languages .lang-active.hu-HU a {color: #C00000; cursor:default;}
.mod-languages .lang-active.hu-HU a.en {color: #EAEAEA; cursor:pointer;}
.mod-languages .lang-active.en-GB a {color: #C00000; cursor:default;}
.mod-languages .lang-active.en-GB a.hu {color: #EAEAEA; cursor:pointer;}

.mod-languages .lang-active a {
    font-family: Calibri, 'molgroupregular', sans-serif;
    font-size: 14px;
    position: absolute;
    text-transform: uppercase;
}
.mod-languages .lang-active a.hu:hover {color: #C00000}
.mod-languages .lang-active a.en:hover {color: #C00000}
.mod-languages a.hu {
    left: 4px;
    top: 2px;
    padding: 4px;
}
.mod-languages a.en {
    left: 36px;
    top: 2px;
    padding: 4px;
}

/******************** GLOBAL IMG FORMATTING **********************/

article img.mol, article p img.mol {
    padding: 3px 3px 20px 3px;
    background: #DDD;
}
.mapContainer {
    /*width: 872px;*/
    width: 100%;
    border: 1px solid #DADCDD;
}
#map-canvas {width: 100%; height: 400px;}

@media (max-width: 1199px) {
    .mapContainer {
        /*width: 674px;*/
        width: 100%;
        border: 1px solid #DADCDD;
    }
    #map-canvas {width: 100%;}
}
#financial_content img{width:100%;}

/******************** iframe FORMATTING UNDER IE8 **********************/

.ie8 .DJSI-iframe { overflow: visible !important; height: auto !important; width: auto !important; }
.ie8 .DJSI-iframe iframe { position: static !important; left: 0px !important; top: 0px !important; }

/******************** IMAGE AND TEXT SIDE BY SIDE  **********************/

.next { padding-top: 30px; }
.next:before , .next:after { content: " "; display: table; }
.next:after { clear: both; }
#wrap p.next_left { clear: both; margin: 0; padding: 10px 0; }
#wrap p.next_left img { float: left; padding-right: 10px; padding-bottom: 10px; }
#wrap p.next_left h3.title { font-size: 35px; font-family: 'molgroupregular'; color: #e30018; text-transform: uppercase; }
#wrap p.next_right { clear: both; margin: 0; padding: 10px 0; }
#wrap p.next_right img { float: right; padding-left: 10px; padding-bottom: 10px; }
#wrap p.next_right h3.title { font-size: 35px; font-family: 'molgroupregular'; color: #e30018; text-transform: uppercase; }
#wrap img {max-width: 100%;}
.sustainability_img_container img {max-width:inherit !important;}

.next-sigplus {display: inline-block;}
.next-sigplus .sigplus-gallery {float: right;}
.next-sigplus .sigplus-gallery img {width: 250px; height: 250px;}

/******************** WASTE MANAGEMENT PAGE DIAGRAM **********************/

.c-waste-management .waste_management { border: 3px solid #717171; }
.c-waste-management .waste_management-content { position: relative; }
.c-waste-management #diagram-1 { width: 249px; height: 282px; background: url("../images/waste-management/diagram-1.png"); background-repeat: no-repeat; display: inline-block; margin: 40px 0px 40px 50px; position: relative; }
.c-waste-management #diagram-1 #recycling { color: #ffffff; position: absolute; top: 120px; left: 10px; display: inline-block; text-align: center; }
.c-waste-management #diagram-1 #percent { color: #ffffff; display: inline-block; position: absolute; top: 135px; left: 100px; }
.c-waste-management .border { border: 2px solid #a7a7a7; display: inline-block; float: right; margin: 35px 25px 35px 0; position: relative; }
.c-waste-management .border #content-1 { margin: 0; position: absolute; top: 35px; left: 40px; text-align: right; }
.c-waste-management .border ul .center { margin: 60px 0; }
.c-waste-management .border ul li:before { content: none; }
.c-waste-management .border #content-2 { margin: 0; position: absolute; top: 35px; right: 120px; }
.c-waste-management .border #content-2 li { color: #000000; }
.c-waste-management #diagram-2 { width: 154px; height: 244px; background: url("../images/waste-management/diagram-2.png"); background-repeat: no-repeat; margin: 21px 100px 21px 230px; }
.c-waste-management h3 { margin: 0; }
.c-waste-management .recovered { position: absolute; top: 50px; left: 50px; text-align: center; z-index: 1; }
.c-waste-management .recovered span {color: #000000;}
.c-waste-management .recovered b { color: #717171; }
.c-waste-management .recovery { text-align: center; position: absolute; bottom: 165px; left: 225px; margin: 0; color: #000000; }

@media (max-width: 1199px) {
    .c-waste-management #diagram-1 { margin-left: 40px; }
    .c-waste-management .border { margin-right: 15px; }
    .c-waste-management .border #content-1 { left: 15px; }
    .c-waste-management .border #content-1 li { padding-left: 0; }
    .c-waste-management .border #content-2 { right: 65px; }
    .c-waste-management #diagram-2 { margin-left: 160px; margin-right: 50px; }
    .c-waste-management .recovered { left: 25px; }
    .c-waste-management .recovery { left: 220px; }
}

/******************** Search page overwrite ********************/

.search > .page-title {
    display: none;
}

#jevents_header > .actions {
    display: none;
}

.boxplus-viewport {
    position: relative;
}

.boxplus-slider .boxplus-viewport > div.boxplus-next.boxplus-horizontal.boxplus-large,
.boxplus-slider .boxplus-viewport > div.boxplus-next.boxplus-horizontal.boxplus-large:hover {
    width: 35px !important;
    height: 190px !important;
    cursor: pointer;
    background-image: url(../images/btnRightLarge.png) !important;
    filter: alpha(opacity=100);
    opacity: 1;
}

.boxplus-slider .boxplus-viewport > div.boxplus-prev.boxplus-horizontal.boxplus-large,
.boxplus-slider .boxplus-viewport > div.boxplus-prev.boxplus-horizontal.boxplus-large:hover {
    width: 35px !important;
    height: 190px !important;
    cursor: pointer;
    background-image: url(../images/btnLeftLarge.png) !important;
    filter: alpha(opacity=100);
    opacity: 1;
}

div.boxplus-slider {
    padding: 0 !important;
}

div.sigplus-gallery .boxplus-viewport ul>li>a>img {
    margin: 0 2px 0 0 !important;
    border: 0 !important;
}

div.hse_strategy {
    display: block;
    width: 820px;
    height: 654px;
    background: rgb(250,250,250);
    position: relative;
    z-index: 0;
    overflow: hidden;
}

img.hse_strategy_bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

div.hse_strategy .hse_strategy_title {
    display: block;
    width: 61%;
    height: 8%;
    background: rgb(165,165,165);
    position: absolute;
    left: 0;
    top: 3%;
    -webkit-box-shadow: 0 2px 2px rgb(224,224,224);
    -moz-box-shadow: 0 2px 2px rgb(224,224,224);
    box-shadow: 0 2px 2px rgb(224,224,224);
}

div.hse_strategy .hse_strategy_title cite {
    display: inline-block;
    font-size: 24px;
    color: rgb(255,255,255);
    -webkit-text-shadow: 1px 1px 1px rgb(64,64,64);
    -moz-text-shadow: 1px 1px 1px rgb(64,64,64);
    text-shadow: 1px 1px 1px rgb(64,64,64);
    text-transform: uppercase;
    padding: 11px 14px;
    font-style: normal;
    font-family: futura_t_otdemi, sans-serif;
}

div.hse_strategy .hse_strategy_categories {
    display: block;
    width: 90.5%;
    height: 6%;
    background: rgb(165,165,165);
    position: absolute;
    left: 6.5%;
    top: 19%;
    -webkit-box-shadow: 0 2px 2px rgb(224,224,224);
    -moz-box-shadow: 0 2px 2px rgb(224,224,224);
    box-shadow: 0 2px 2px rgb(224,224,224);
}

div.hse_strategy .hse_strategy_categories cite {
    display: inline-block;
    width: 34%;
    height: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    line-height: 40px;
    color: rgb(255,255,255);
    text-indent: 25px;
}

div.hse_strategy .hse_strategy_categories cite.red {
    width: 32%;
    background: rgb(192,0,0);
}

div.hse_strategy .hse_strategy_col1 {
    display: block;
    padding: 0;
    margin: 0;
    width: 16%;
    height: 25%;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    color: rgb(192,0,0);
    line-height: 20px;
    position: absolute;
    z-index: 2;
    left: 9.2%;
    top: 45%;
}

div.hse_strategy .hse_strategy_col2 {
    display: block;
    padding: 0;
    margin: 0;
    width: 34%;
    height: 40%;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    left: 31%;
    top: 38.5%;
}

div.hse_strategy .hse_strategy_col2 cite {
    display: block;
    color: rgb(0,0,0);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    position: relative;
}

div.hse_strategy .hse_strategy_col2 cite.li {
    color: rgb(0,0,0);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    left: 25px;
}

div.hse_strategy .hse_strategy_col2 cite.li:before {
    content: '';
    display: block;
    margin: -4px 0 0 -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 8px 4px 8px;
    border-color: transparent transparent transparent rgb(100,16,14);
    position: absolute;
    left: -8px;
    top: 50%;
}

ul.hse_strategy_col3 {
    margin: 0 0 0 30px;
    padding: 0;
    color: rgb(255,255,255);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    line-height: 24px;
    position: absolute;
    left: 68.2%;
    top: 53%;
}

ul.hse_strategy_col3 li {
    list-style-type: disc;
    padding: 0;

}

ul.hse_strategy_col3 li:before {
    display: none;
}

div.hse_strategy .hse_strategy_years {
    display: block;
    width: 38%;
    height: 3%;
    position: absolute;
    left: 27.7%;
    top: 90%;
}

div.hse_strategy .hse_strategy_years cite {
    display: inline-block;
    width: 33%;
    height: 100%;
    color: rgb(0,0,0);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: futura_t_otdemi, sans-serif;
    text-align: center;
}

img.hse_social_impact_policy {
    display: block;
    margin: 0 auto;
    width: 192px;
    height: auto;
    -webkit-box-shadow: 0 2px 2px rgb(224,224,224);
    -moz-box-shadow: 0 2px 2px rgb(224,224,224);
    box-shadow: 0 2px 2px rgb(224,224,224);
}

@media (max-width: 1199px) {
    div.hse_strategy {
        width: 688px;
        height: 516px;
    }

    div.hse_strategy .hse_strategy_title cite {
        font-size: 19px;
        padding: 9px 11px;
    }

    div.hse_strategy .hse_strategy_categories cite {
        font-size: 13px;
        line-height: 32px;
        text-indent: 16px;
    }

    div.hse_strategy .hse_strategy_col1 {
        font-size: 13px;
        line-height: 16px;
    }

    div.hse_strategy .hse_strategy_col2 {
        line-height: 16px;
    }

    div.hse_strategy .hse_strategy_col2 cite {
        font-size: 13px;
    }

    div.hse_strategy .hse_strategy_col2 cite.li {
        font-size: 11px;
        left: 20px;
    }

    div.hse_strategy .hse_strategy_col2 cite.li:before {
        margin: -3px 0 0 -6px;
        border-width: 3px 6px 3px 6px;
        left: -6px;
    }

    ul.hse_strategy_col3 {
        margin: 0 0 0 26px;
        font-size: 13px;
        line-height: 20px;
    }

    div.hse_strategy .hse_strategy_years cite {
        font-size: 13px;
    }

}

.michelisz-banner-link.one img {
    margin-left: 70px;
}
.michelisz-banner-link.two img {
    margin-left: 140px;
}
.michelisz-banner-link.one {
    color: #FFF;
    position: absolute;
    right: 300px;
    width: 280px;
    padding: 0 0 0 30px;
    height: 120px;
    border-left: 2px solid #000;
    line-height: 120px;
}
.michelisz-banner-link.two {
    color: #FFF;
    position: absolute;
    right: 0;
    width: 280px;
    height: 120px;
    padding: 0 0 0 30px;
    border-left: 2px solid #000;
    line-height: 120px;
}
@media (max-width: 1199px) {
    .michelisz-banner-link.one img {
        margin-left: 25px;
    }
    .michelisz-banner-link.two img {
        margin-left: 50px;
    }
    .michelisz-banner-link.one {
        color: #FFF;
        position: absolute;
        right: 220px;
        width: 200px;
        padding: 0 0 0 20px;
        height: 120px;
        border-left: 2px solid #000;
        line-height: 120px;
    }
    .michelisz-banner-link.two {
        color: #FFF;
        position: absolute;
        right: 0;
        width: 180px;
        height: 120px;
        padding: 0 0 0 20px;
        border-left: 2px solid #000;
        line-height: 120px;
    }
}

.c-corporate-giving-principles #aToolTip {
    max-width: 300px;
}

/******************** Board Member Block (Case Studies page) ********************/

.c-case-studies .portrait div span {display: inline-block; position: absolute; right: 0; bottom: 100%; width: 14px; height: 16px; padding: 0 10px 6px 0; background: url(../images/arrow_white.png) no-repeat; font-size: 0;}
.c-case-studies .board-member.active .portrait div span {background: url(../images/arrow_red-90.png) no-repeat; width: 16px; height: 14px;}
.c-case-studies .board-member {overflow: hidden;}
.c-case-studies .board-member.active {overflow: visible;}
.c-case-studies .board-member:hover img {transform: scale3d(1.15, 1.15, 1); transition: all 2.5s ease-in-out 0s;}
.c-case-studies .board-member.active:hover img {transform: none; transition: none;}
.c-case-studies .portrait div {min-height: 51px;}

/******************** End of Board Member Block (Case Studies page) ********************/
#molContact .tRow {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #DADCDD;
    width: 404px;
}
#ContactUs label{
    display: block;
    width: 200px;
    color: #404040;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 0;
}
#ContactUs label.error {
    font-size: 12px;
    color: #ED1C2A;
}
#ContactUs span {color: #404040;font-size: 14px;font-weight: bold;  margin-left: 5px; cursor: pointer;}

#ContactUs input[type="text"], #ContactUs select {
    background: #dedede;
    border: 0 none;
    color: #535353;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 29px;
    line-height: 29px;
    padding: 0 8px;
    margin: 0 0 4px 0;
    width: 388px;
}
#ContactUs select {
    padding: 0;
    width: 404px;
}
#ContactUs textarea {
    background: #dedede;
    border: 0 none;
    color: #535353;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    margin: 0 0 4px 0;
    width: 388px;
}
#ContactUs input.error, #ContactUs select.error, #ContactUs textarea.error {
    background: #ED1C2A;
    color: #FFF;
}
#ContactUs input[type="checkbox"].error {
    background: #ED1C2A;
    outline: 4px solid #ED1C2A;
}
#ContactUs p {margin: 0 0 10px 0; padding: 0;}
#captchaImg {display: inline-block;margin:}
#captchaImg img {width: 160px; height: 75px;}
#ContactUs input[type="submit"]{
    background: #ed1c2a;
    border: 1px solid #000;
    color: #fff;
    font-family: "futura_t_otregular";
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding: 0 10px;
    text-transform: uppercase;
}
#molContact {
    position: relative;
}
.contactContainer{
    margin: 1em 0;
    width: 100%;
    position: relative;
}
.contactContainerLeft{
    width: 50%;
    float: left;
    display: block;
}
.contactContainerRight{
    width: 50%;
    float: right;
    display: block;
}

@media (max-width: 1199px) {
    #ContactUs input[type="text"],#ContactUs textarea {
        width: 328px;
    }
    #ContactUs select {
        width: 344px;
    }
    #molContact .tRow {
        width: 328px;
    }
}


/******************** Front page video title ********************/

.home .html5 h3 {
    background: #FFF;
}

/******************** End of Front page video title ********************/


/******************** OFFSHORE EUROPE article ********************/

.offshoreeurope .bread {display: none;}
.offshoreeurope .menu2 {display: none;}
.offshoreeurope #wrap {width: 1100px;}
.offshoreeurope h2 {margin-bottom: 16px;}

.anim {-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;}
.anim_300 {-webkit-transition:all 300ms ease-in-out 0ms;-moz-transition:all 300ms ease-in-out 0ms;-ms-transition:all 300ms ease-in-out 0ms;-o-transition:all 300ms ease-in-out 0ms;transition:all 300ms ease-in-out 0ms;}

.js_offshore_europe {margin:40px 0 0;}
.js_offshore_europe .img_banner {position:relative;}
.js_offshore_europe .img_banner .over_img_title {position:absolute;left:40px;top:40px;width:60%;}
.js_offshore_europe .img_banner .over_img_title h3 {margin:0;line-height:30px;font-size:36px;color:#fff;}
.js_offshore_europe .img_banner .over_img_title p {font-size:16px;color:#fff;}
.js_offshore_europe .img_banner .over_img_title p span {}

.js_offshore_europe .js_desktop_content {}
.js_offshore_europe .js_desktop_content .js_offshore_uk_banner,
.js_offshore_europe .js_desktop_content .js_offshore_norge_banner {background-color:#ed1c29;padding:15px;}
.js_offshore_europe .js_desktop_content .js_offshore_uk_banner {background-image:url('/images/molgroup/content/offshoreeurope/offshore_uk.png');background-repeat:no-repeat;background-position:100% 90%;background-size:30%;}
.js_offshore_europe .js_desktop_content .js_offshore_norge_banner {background-image:url('/images/molgroup/content/offshoreeurope/offshore_norge.png');background-repeat:no-repeat;background-position:100% 90%;background-size:30%;}
.js_offshore_europe .js_desktop_content .js_offshore_uk_banner h3,
.js_offshore_europe .js_desktop_content .js_offshore_norge_banner h3 {margin:0px;color:#fff;font-family:'molgroupblack';font-size:24px;}
.js_offshore_europe .js_desktop_content .js_offshore_uk_banner h4,
.js_offshore_europe .js_desktop_content .js_offshore_norge_banner h4 {margin:0px;color:#000;font-family:'molgroupblack';font-size:20px;}

.js_offshore_europe .js_mobile_content {}
.js_offshore_europe .js_mobile_content p:first-child img {margin:20px 0 0;}
.js_offshore_europe .js_mobile_content ul {list-style:none;}
.js_offshore_europe .js_mobile_content ul li {position:relative;padding:7px 0 7px 40px;}
.js_offshore_europe .js_mobile_content ul li:before {position:absolute;left:14px;top:7px;display:block;content:url('../images/offshore_list_arrow.png');}
.js_offshore_europe .js_mobile_content .js_offshore_uk_btn,
.js_offshore_europe .js_mobile_content .js_offshore_norge_btn {position:relative;float:left;width:47%;height:400px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#ed1c29;padding:15px;cursor:pointer;}
.js_offshore_europe .js_mobile_content .js_offshore_uk_btn {margin:0 6% 0 0;background-image:url('/images/molgroup/content/offshoreeurope/offshore_uk.png');background-repeat:no-repeat;background-position:100% 70%;}
.js_offshore_europe .js_mobile_content .js_offshore_norge_btn {background-image:url('/images/molgroup/content/offshoreeurope/offshore_norge.png');background-repeat:no-repeat;background-position:100% 100%;}
.js_offshore_europe .js_mobile_content .js_offshore_uk_btn h3,
.js_offshore_europe .js_mobile_content .js_offshore_norge_btn h3 {margin:0px;color:#fff;font-family:'molgroupblack';font-size:36px;}
.js_offshore_europe .js_mobile_content .js_offshore_uk_btn h4,
.js_offshore_europe .js_mobile_content .js_offshore_norge_btn h4 {margin:0px;color:#000;font-family:'molgroupblack';font-size:30px;width:50%;}
.js_offshore_europe .js_mobile_content .js_offshore_uk_btn img.offshore_arrow,
.js_offshore_europe .js_mobile_content .js_offshore_norge_btn img.offshore_arrow {position:absolute;left:35px;bottom:35px;}
.js_offshore_europe .js_mobile_content .js_offshore_uk_list,
.js_offshore_europe .js_mobile_content .js_offshore_norge_list {float:left;width:100%;}

/******************** End of OFFSHORE EUROPE article ********************/

/******************** Reports & Data article's box ********************/

.reports-data-box {
    text-align: center;
    width: 100%;
    height: 100%;
}

.reports-data-box .arrow {
    display: inline-block;
    width: 36px;
    height: 362px;
}

.reports-data-box .arrow img {
    width: 36px;
    height: 29px;
    position: relative;
    top: 50%;
}

.reports-data-box .cboxes {
    width: 20%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}

.reports-data-box .cboxes-title {
    width: 20%;
    background-color: #ED1C2A;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}

.reports-data-box .cboxes-title p {
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    padding: 0;
}

.reports-data-box .boxes-content {
    height: 260px;
    background-color: #DEDEDE;
    padding: 10px;
    display: table;
}

.reports-data-box .boxes-content p {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

/******************** End of Reports & Data article's box ********************/

/* -------------------------------------------------------- */
/*                     S H O R T I E S                      */
/* -------------------------------------------------------- */

/* --- Transition --- */
.anim {-webkit-transition:all 100ms ease-in-out 0ms;-moz-transition:all 100ms ease-in-out 0ms;-ms-transition:all 100ms ease-in-out 0ms;-o-transition:all 100ms ease-in-out 0ms;transition:all 100ms ease-in-out 0ms;}
.anim_150 {-webkit-transition:all 150ms ease-in-out 0ms;-moz-transition:all 150ms ease-in-out 0ms;-ms-transition:all 150ms ease-in-out 0ms;-o-transition:all 150ms ease-in-out 0ms;transition:all 150ms ease-in-out 0ms;}
.anim_300 {-webkit-transition:all 300ms ease-in-out 0ms;-moz-transition:all 300ms ease-in-out 0ms;-ms-transition:all 300ms ease-in-out 0ms;-o-transition:all 300ms ease-in-out 0ms;transition:all 300ms ease-in-out 0ms;}

/* -------------------------------------------------------- */
/*        C L I M A T E   C H A N G E   C H A R T S         */
/* -------------------------------------------------------- */

.highcharts-container{width:100% !important; height:100% !important;}

#climate_change_charts {position:relative;overflow:hidden;}
#climate_change_charts p {}
#climate_change_charts ul {}
#climate_change_charts ul li {}
#climate_change_charts .note p:first-child {padding-top:0px;margin-top:0px;}

.chart_navigation {position:relative;width:100%;}
.chart_navigation table {width:100%;}
.chart_navigation table tr {}
.chart_navigation table tr td {position:relative;}
.chart_navigation button {display:block;width:100%;margin:10px 2px;padding:10px 20px;background-color:#ed1c29;border:1px solid #ed1c29;color:#fff;cursor:pointer;}
.chart_navigation button:hover {background-color:#FF1624;border:1px solid #FF4753;}
.chart_navigation button:active {background-color:#DC121F;border:1px solid #B90612;}

.chart_1_1 {border:5px solid #f8f8f8;}

.chart_2_1,
.chart_2_2,
.chart_2_3,
.chart_2_4,
.chart_3_2 {display:none;background-color:#f8f8f8;}

.chart_level_1 > div,
.chart_level_2 > div {padding:20px 20px;}
.chart_level_3 > div {padding:0px 20px;}

.chart_level_1 > div > .chart,
.chart_level_2 > div > .chart {float:left;width:60%;}
.chart_level_1 > div > .note,
.chart_level_2 > div > .note {float:right;width:40%;}

.chart_level_2 > div > .full_width {float: none !important; width: 100%;}

.chart_level_3 > div > div {float:left;width:50%;}
.chart_level_3 > div > div > .chart {}
.chart_level_3 > div > div > .note {}

.chart_3_2a .note,
.chart_3_2b .note {padding:10px 20px 0 0;}

.chart_footnotes {font-style:italic;}
.chart_footnotes p {}
.chart_footnotes ul {list-style:none;}
.chart_footnotes ul li {padding:5px 10px;font-size:12px;}
.chart_footnotes ul li:before {display:none;}

/**********************************************************************************/
/******************************** REDESIGN ****************************************/
/**********************************************************************************/

#idea {
    position: absolute;
    right: 1em;
    top: 47px;
    font-family: 'molgroupregular';
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.tools {
    z-index: 101;
    background: none;
    position: absolute;
    right: 1em;
    top: .6em;
    padding: 0px;
}
@media (max-width: 1280px) {
    .tools{
        padding: 0spx;
    }
}

/*============================================================================
        SOCIAL
=========================================================================== */

.social {
    position: absolute;
    right: 2em;
    top: 30px;
}

/* Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}
.social p {margin: 0; padding: 0;}
.social .custom p a:last-child {margin: 0;}

.social .youtube,
.social .facebook,
.social .linkedin,
.social .twitter {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 1em;
    text-indent: -9999px;
    -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 .youtube:hover,
.social .facebook:hover,
.social .linkedin:hover,
.social .twitter:hover,
.social .youtube:focus,
.social .facebook:focus,
.social .linkedin:focus,
.social .twitter:focus {background-position: 0 -28px;}

.social .facebook {background-image: url('../images/social-facebook2.png');}
.social .youtube {background-image: url('../images/social-youtube2.png');}
.social .linkedin {background-image: url('../images/social-linkedin2.png');}
.social .twitter {background-image: url('../images/social-twitter.png');}

/*============================================================================
        SEARCH
=========================================================================== */
.searchContainer {position: absolute; right: 43px; top: 0px;}
@media (max-width: 1280px) {
    .searchContainer {position: absolute; right: 43px; top: 0px;}
}
.search {}
.searchsearch {position: relative; height: 28px; width: 186px; overflow:hidden;}
.searchsearch .form-inline {position: relative; right: -187px; top: 0;}
.search-icon {
    background: url('../images/search_icon.png') no-repeat;
    background-position: 0 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    padding: 0px;
}
.search-icon:hover, .search-icon.opened {
    background-position: -28px 0;
}
.searchsearch #mod-search-searchword.inputbox.search-query,
.inputboxsearch {
    position: absolute;
    right: 0px;
    background: #6e6e6e;
    width: 174px;
    height: 26px;
    font-family: 'molgroupregular';
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    border: 0;
    color: #FFF;
    padding-left: 12px;
}

.searchsearch #mod-search-searchword.inputbox.search-query::-ms-clear,
.inputboxsearch::-ms-clear {
    display: none;
}

.ie8 .searchsearch #mod-search-searchword.inputbox.search-query,
.ie9 .searchsearch #mod-search-searchword.inputbox.search-query,
.ie10 .searchsearch #mod-search-searchword.inputbox.search-query,
.ie8 .inputboxsearch,
.ie9 .inputboxsearch,
.ie10 .inputboxsearch {
    width: 188px;
    height: 30px;
    line-height: 30px;
    padding: 1px 0 0 8px;
}

html[data-useragent*='MSIE 8.0'] .ribbon ul {
    padding: 0;
}

.searchsearch .button.btn.btn-primary,
.buttonsearch {
    background: url('../images/searchbtn.png') no-repeat top left;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    border: none;
    z-index: 99999;
    font-size: 0;
}
.searchsearch label {display: none;}


/*============================================================================
        NEW MEMBER DESIGN
=========================================================================== */
.member-container {
    margin-top: 40px;
}
.member-item {
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-bottom: 40px;
}
.member-portrait{
    vertical-align: top;
    display: table-cell;
    width: 220px;
}
.member-portrait img {width: 220px !important; display: block;}
@media (max-width: 1199px) {
    .member-portrait {width: 120px;}
    .member-portrait img {width: 120px !important;}
}
.member-information {
    vertical-align: bottom;
    display: table-cell;
    border-left: 20px solid #FFF;
}
.member-name {
    background: url('../assets/thin_gray_horizontal_reversed.png') no-repeat top right;
    height: 39px;
    line-height: 39px;
    font-size: 1em;
    font-weight: normal;
    color: #e0081f;
    padding: 0 30px 0 15px;
    display: inline-block;
}
.member-title {
    display: inline-block;
}
.member-description{
    margin-top: 10px;
    padding: 15px;
    padding-bottom: 39px;
    position: relative;
    background: #e7e7e7;
}
.member-description ul {margin: 0; padding: 0;}
.member-description li {margin: 0; padding: 0 0 0 40px;}
.member-description li, .member-description p {font-size: 16px; margin: 0;}
.member-lead {
}
.member-expand {
    display: none;
}
.member-expand p {padding-top: 20px;}
.member-button {
    cursor: pointer;
    background: url('../assets/parallelogram_white_horizontal_reverse.png') no-repeat top left;
    background-position: -342px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62px;
    height: 46px;
    color: #e0081f;
}
.member-button-plus {
    position: absolute;
    right: 16px;
    top: 0;
    font-size: 20px;
    font-weight: bold;
}
.member-button-more {
    position: absolute;
    right: 0px;
    top: 24px;
    font-size: 11px;
    font-weight: bold;
    width: 42px;
    text-align: center;
    text-transform: uppercase;
}
/*============================================================================
        NEW GALLERY DESIGN
=========================================================================== */
.gallery-container{
    margin: 20px 0;
}
.gallery-item {
    display: inline-block;
    vertical-align: top;
    max-width: 215px;
    margin: 0 20px 0 0;
}
.gallery-item.col3 {
    margin: 0 0 20px 0;
}
.gallery-title{
    display: inline-block;
    background: url('../assets/thin_gray_horizontal_reversed.png') no-repeat top right;
    height: 39px;
    line-height: 39px;
    font-size: .9em;
    letter-spacing: -1px;
    font-weight: normal;
    color: #6e6e6e;
    padding: 0 30px 0 15px;
    vertical-align: middle;
    min-width: 150px;
}
.c-case-studies .gallery-title {display: none;}
.gallery-cover {
    position: relative;
    overflow: hidden;
    width: 215px;
    height: 215px;
}
.gallery-cover img {
    cursor: pointer;
    width: 100%;
}
.gallery-button {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('../assets/triangle.png') no-repeat top center;
    width: 35px;
    height: 35px;
}
.gallery-button-plus {
    color: #e0081f;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: 10px;
}
.gallery-expand {
    background: #e7e7e7;
    display: none;
    margin: 10px 0 10px;
    width: 820px;
}
.gallery-item h4 {font-weight: normal; font-size: 12px;min-height: 40px;}
.gallery-expand p {padding: 10px; margin: 0;}
.gallery-item.col2 .gallery-expand {
    margin-left: -238px;
}
.gallery-item.col3 .gallery-expand {
    margin-left: -477px;
}

@media (max-width: 1199px) {
    .gallery-item {
        margin: 0 5px 0 0;
    }
    .gallery-expand {
        width: 670px;
    }
    .gallery-item.col2 .gallery-expand {
        margin-left: -224px;
    }
    .gallery-item.col3 .gallery-expand {
        margin-left: -447px;
    }
}


/***
 *
 *                             88           88
 *                             ""           88
 *                                          88
 *     ,adPPYb,d8  8b,dPPYba,  88   ,adPPYb,88     ,adPPYba,  8b       d8  ,adPPYba,
 *    a8"    `Y88  88P'   "Y8  88  a8"    `Y88     I8[    ""  `8b     d8'  I8[    ""
 *    8b       88  88          88  8b       88      `"Y8ba,    `8b   d8'    `"Y8ba,
 *    "8a,   ,d88  88          88  "8a,   ,d88     aa    ]8I    `8b,d8'    aa    ]8I
 *     `"YbbdP"Y8  88          88   `"8bbdP"Y8     `"YbbdP"'      Y88'     `"YbbdP"'
 *     aa,    ,88                                                 d8'
 *      "Y8bbdP"                                                 d8'
 */

.mg_row {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
    font-size: 0;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.mg_row_2u { height: 40px; }
.mg_row_3u { height: 60px; }
.mg_row_4u { height: 80px; }
.mg_row_5u { height: 100px; }
.mg_row_6u { height: 120px; }
.mg_row_7u { height: 140px; }
.mg_row_8u { height: 160px; }
.mg_row_9u { height: 180px; }
.mg_row_10u { height: 200px; }
.mg_row_11u { height: 220px; }
.mg_row_12u { height: 240px; }
.mg_row_13u { height: 260px; }
.mg_row_14u { height: 280px; }
.mg_row_15u { height: 300px; }
.mg_row_16u { height: 320px; }
.mg_row_17u { height: 340px; }
.mg_row_18u { height: 360px; }
.mg_row_19u { height: 380px; }
.mg_row_20u { height: 400px; }
.mg_row_21u { height: 420px; }
.mg_row_22u { height: 440px; }
.mg_row_23u { height: 460px; }
.mg_row_24u { height: 480px; }
.mg_row_25u { height: 500px; }
.mg_row_26u { height: 520px; }
.mg_row_27u { height: 540px; }
.mg_row_28u { height: 560px; }
.mg_row_29u { height: 580px; }
.mg_row_30u { height: 600px; }
.mg_row_31u { height: 620px; }
.mg_row_32u { height: 640px; }
.mg_row_33u { height: 660px; }
.mg_row_34u { height: 680px; }
.mg_row_35u { height: 700px; }

.mg_cell {
    display: inline-block;
    margin-right: 20px;
    height: 100%;
    background: white;
    font-size: 12px;
    position: relative;
    z-index: 1;
    white-space: normal;
    vertical-align: top;
    /*    transition: all .2s ease-in-out;
        box-shadow: 0 0 0 0 rgba(0,0,0,.16);*/
}

.mg_cell.transparent {
    background: transparent;
}

.mg_cell:hover {
    /*    box-shadow: 0 5px 0 0 rgba(0,0,0,.05);*/
}

.mg_cell_bg_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mg_cell_bg_image {
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mg_cell:hover > .mg_cell_bg_wrapper > .mg_cell_bg_image {
    opacity: 0.85;
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.ie8 .mg_cell_bg_image {
}

.mg_cell_1 { width: 280px; }
.mg_cell_2 { width: 580px; }
.mg_cell_3 { width: 880px; }
.mg_cell_4 { width: 1180px; }

.mg_cell a.full_block {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../images/zero.png) repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.mg_transparent_bg {background:none;}

.mg_distrib_heading {
    display: table-row;
}

.mg_distrib_heading h2 {
    display: table-cell;
    margin: 0;
    padding: 0px 50px 0px 20px;
    height: 60px;
    background-color: transparent;
    background-image: url('../assets/distrib_heading_bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: rgb(224,8,31);
    font-family: 'molgroupregular',arial;
    font-size: 23px;
    line-height: 60px;
    text-transform: uppercase;
    vertical-align: top;
}

.ie8 .mg_distrib_heading h2 {
    display: inline-block;
}

.mg_distrib_heading_gradient {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 60px;
    background-color: transparent;
    vertical-align: top;
}

.mg_heading_transparent {
    display: inline-block;
    margin: 0;
    padding: 18px 50px 24px 14px;
    color: rgb(224,8,31);
    font-family: 'molgroupregular',arial;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    z-index: 9;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mg_cell:hover > .mg_heading_transparent {
    padding: 18px 46px 24px 24px;
}

.mg_heading_transparent.top {
    top: 0;
}

.mg_heading_transparent.bottom {
    bottom: 0;
}

.mg_heading_white {
    display: inline-block;
    margin: 0;
    padding: 24px 50px 24px 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: rgb(224,8,31);
    font-family: 'molgroupregular',arial;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    z-index: 9;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mg_heading_white a {
    color: rgb(224,8,31);
}

.mg_heading_white.top {
    background-image: url('../assets/heading_white_top.png');
    background-position: right top;
    top: 0;
}

.mg_heading_white.bottom {
    background-image: url('../assets/heading_white_bottom.png');
    background-position: right bottom;
    bottom: 0;
}

.mg_cell:hover > .mg_heading_white {
    padding: 24px 46px 24px 24px;
}

.mg_heading_white span {
    color: rgb(169,169,169);
}

.mg_heading_red {
	vertical-align: top;
    display: inline-block;
    margin: 0;
	padding: 21px 50px 21px 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    color: rgb(255,255,255);
    font-family: 'molgroupregular',arial;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mg_heading_red a {
    color: rgb(255,255,255);
}

.mg_heading_red.tight {
	padding: 11px 50px 10px 14px;
    font-size: 14px;
    line-height: 18px;
}

.mg_heading_red.red_1 {
    background-image: url('../assets/heading_red_1.png');
}

.mg_heading_red.red_2 {
    background-image: url('../assets/heading_red_2.png');
}

.mg_heading_red.red_3 {
    background-image: url('../assets/heading_red_3.png');
}

.mg_heading_red.red_4 {
    background-image: url('../assets/heading_red_4.png');
}

.mg_cell:hover > .mg_heading_red {
    padding: 21px 46px 21px 24px;
}

.mg_cell:hover > .mg_heading_red.tight {
    padding: 11px 40px 10px 24px;
}
.mg_heading_red_vertical {
    display: block;
    margin: 0;
    padding: 24px 20px 92px 20px;
    width: 120px;
    height: auto;
    min-height: 42px;
    background-color: transparent;
    background-image: url('../assets/parallelogram_red_gradient_vertical.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
    color: rgb(255,255,255);
    font-family: 'molgroupregular',arial;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mg_heading_red_vertical a,
.mg_heading_red_vertical a:hover {
    color: rgb(255,255,255);
}

.mg_cell:hover > .mg_heading_red_vertical {
    padding: 24px 20px 106px 20px;
}

.mg_link_list {
    display: block;
    margin: 0;
    padding: 0;
    width: 230px;
    font-size: 17px;
    font-family: Calibri, 'molgroupregular',arial;
    text-transform: uppercase;
    list-style: none;
    position: absolute;
    right: 12px;
    top: 44px;
    z-index: 1;
}

.mg_cell_1 .mg_link_list {
    margin-top: 50px;
}

.mg_link_list li {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 46px;
    position: relative;
    z-index: 1;
}

.mg_link_list li a {
    display: block;
    padding-left: 24px;
    color: rgb(169,169,169);
    position: relative;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mg_link_list li a:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent transparent transparent rgb(169,169,169);
    border-style: solid;
    border-width: 7px 0 7px 12px;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 0;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mg_link_list li.white { background-color: transparent !important; }

.mg_link_list li.white a { color: rgb(255,255,255); }
.mg_link_list li.white a:before { border-color: transparent transparent transparent rgb(255,255,255); }

.mg_link_list li.red a { color: rgb(224,8,31); }
.mg_link_list li.red a:before { border-color: transparent transparent transparent rgb(224,8,31); }

.mg_link_list li.dark a { color: rgb(59,59,59); }
.mg_link_list li.dark a:before { border-color: transparent transparent transparent rgb(59,59,59); }

.mg_link_list li a:hover {
    /*padding-left: 26px;*/
    color: rgb(224,8,31);
}

.mg_link_list li a:hover:before {
    border-color: transparent transparent transparent rgb(224,8,31);
    left: 6px;
}



/***
 *
 *                             88           88                                                                                 88  88
 *                             ""           88                                                                                 88  ""
 *                                          88                                                                                 88
 *     ,adPPYb,d8  8b,dPPYba,  88   ,adPPYb,88  ,adPPYba,  8b       d8  ,adPPYba,     88,dPYba,,adPYba,    ,adPPYba,   ,adPPYb,88  88  ,adPPYYba,
 *    a8"    `Y88  88P'   "Y8  88  a8"    `Y88  I8[    ""  `8b     d8'  I8[    ""     88P'   "88"    "8a  a8P_____88  a8"    `Y88  88  ""     `Y8
 *    8b       88  88          88  8b       88   `"Y8ba,    `8b   d8'    `"Y8ba,      88      88      88  8PP"""""""  8b       88  88  ,adPPPPP88
 *    "8a,   ,d88  88          88  "8a,   ,d88  aa    ]8I    `8b,d8'    aa    ]8I     88      88      88  "8b,   ,aa  "8a,   ,d88  88  88,    ,88
 *     `"YbbdP"Y8  88          88   `"8bbdP"Y8  `"YbbdP"'      Y88'     `"YbbdP"'     88      88      88   `"Ybbd8"'   `"8bbdP"Y8  88  `"8bbdP"Y8
 *     aa,    ,88                                              d8'
 *      "Y8bbdP"                                              d8'
 */

@media (max-width: 1199px) {
    .mg_cell h3 {font-size:13px;}
    .mg_row_2u { height: 34px; }
    .mg_row_3u { height: 51px; }
    .mg_row_4u { height: 68px; }
    .mg_row_5u { height: 85px; }
    .mg_row_6u { height: 102px; }
    .mg_row_7u { height: 119px; }
    .mg_row_8u { height: 136px; }
    .mg_row_9u { height: 153px; }
    .mg_row_10u { height: 170px; }
    .mg_row_11u { height: 187px; }
    .mg_row_12u { height: 204px; }
    .mg_row_13u { height: 221px; }
    .mg_row_14u { height: 238px; }
    .mg_row_15u { height: 255px; }
    .mg_row_16u { height: 272px; }
    .mg_row_17u { height: 289px; }
    .mg_row_18u { height: 306px; }
    .mg_row_19u { height: 323px; }
    .mg_row_20u { height: 340px; }
    .mg_row_21u { height: 357px; }
    .mg_row_22u { height: 374px; }
    .mg_row_23u { height: 391px; }
    .mg_row_24u { height: 408px; }
    .mg_row_25u { height: 425px; }
    .mg_row_26u { height: 442px; }
    .mg_row_27u { height: 459px; }
    .mg_row_28u { height: 476px; }
    .mg_row_29u { height: 493px; }
    .mg_row_30u { height: 510px; }
    .mg_row_31u { height: 527px; }
    .mg_row_32u { height: 544px; }
    .mg_row_33u { height: 561px; }
    .mg_row_34u { height: 578px; }
    .mg_row_35u { height: 595px; }

    .mg_row .mg_row {margin-bottom: 17px;}

    .mg_cell_1 { width: 234px; }
    .mg_cell_2 { width: 488px; }
    .mg_cell_3 { width: 742px; }
    .mg_cell_4 { width: 996px; }

    .mg_distrib_heading h2 {
        padding: 0px 43px 0px 17px;
        height: 51px;
        font-size: 20px;
        line-height: 51px;
    }

    .mg_distrib_heading_gradient {
        height: 51px;
    }

    .mg_heading_white {
        padding: 17px 43px 17px 12px;
        font-size: 13px;
        line-height: 16px;
    }

    .mg_cell:hover > .mg_heading_white {
        padding: 17px 40px 17px 17px;
    }



    .mg_heading_red_vertical {
        padding: 20px 17px 78px 17px;
        width: 100px;
        min-height: 36px;
        font-size: 13px;
        line-height: 16px;
    }

    .mg_cell:hover > .mg_heading_red_vertical {
        padding: 20px 17px 86px 17px;
    }

    .mg_link_list {
        width: 200px;
        font-size: 13px;
        right: 10px;
        top: 36px;
        z-index: 1;
    }

    .mg_cell_1 .mg_link_list {
        margin-top: 36px;
    }

    .mg_link_list li {
        height: 40px;
    }

    .mg_link_list li a {
        padding-left: 20px;
    }

    .mg_link_list li a:before {
        border-width: 6px 0 6px 10px;
        top: 2px;
    }





}


/***
 *
 *                                                                              88
 *                                                                              88
 *                                                                              88
 *     ,adPPYb,d8   ,adPPYba,  8b,dPPYba,    ,adPPYba,  8b,dPPYba,  ,adPPYYba,  88
 *    a8"    `Y88  a8P_____88  88P'   `"8a  a8P_____88  88P'   "Y8  ""     `Y8  88
 *    8b       88  8PP"""""""  88       88  8PP"""""""  88          ,adPPPPP88  88
 *    "8a,   ,d88  "8b,   ,aa  88       88  "8b,   ,aa  88          88,    ,88  88
 *     `"YbbdP"Y8   `"Ybbd8"'  88       88   `"Ybbd8"'  88          `"8bbdP"Y8  88
 *     aa,    ,88
 *      "Y8bbdP"
 */

.mg_more {
    display: inline-block;
    padding-right: 26px;
    background: transparent url(../assets/arrow_right.png) no-repeat right center;
    font-size: 16px;
    font-family: 'molgrouplight',arial;
    text-transform: uppercase;
    color: white;
    position: relative;
    z-index: 0;
    cursor: pointer;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
}

.mg_more:hover {
    color: rgb(255,255,255);
    padding-right: 30px;
}

.mg_button {
    display: inline-block;
    padding: 0 20px 0 12px;
    height: 42px;
    background: rgb(223,8,32);
    line-height: 42px;
    font-size: 16px;
    font-family: 'molgroupregular',arial;
    text-transform: uppercase;
    color: white;
    position: relative;
    z-index: 0;
    cursor: pointer;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
}

.mg_button.disabled,
.mg_button.disabled:hover {
    padding: 0 20px 0 12px;
    background: rgb(160,160,160);
    cursor: not-allowed;
}

.mg_button:before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 42px 24px;
    border-color: transparent transparent rgb(223,8,32) transparent;
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transition: border-color 180ms ease-in-out;
    -moz-transition: border-color 180ms ease-in-out;
    -ms-transition: border-color 180ms ease-in-out;
    -o-transition: border-color 180ms ease-in-out;
    transition: border-color 180ms ease-in-out;
}

.mg_button.disabled:before{
    border-color: transparent transparent rgb(160,160,160) transparent;
}

.mg_button:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 24px 0 0;
    border-color: rgb(223,8,32) transparent transparent transparent ;
    position: absolute;
    left: 100%;
    top: 0;
    -webkit-transition: border-color 180ms ease-in-out;
    -moz-transition: border-color 180ms ease-in-out;
    -ms-transition: border-color 180ms ease-in-out;
    -o-transition: border-color 180ms ease-in-out;
    transition: border-color 180ms ease-in-out;
}

.mg_button.disabled:after{
    border-color: rgb(160,160,160) transparent transparent transparent;
}

.mg_button:hover {
    padding: 0 12px 0 20px;
    color: white;
}

.mg_button.apply_today_button {
    padding: 0 32px 0 20px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
}

.mg_button.apply_today_button:before{
    border-width: 0 0 64px 37px;
}

.mg_button.apply_today_button:after{
    border-width: 64px 37px 0 0;
}

.mg_button.apply_today_button:hover {
    padding: 0 20px 0 32px;
}


/***
 *
 *                                   88
 *                                   ""
 *
 *    ,adPPYba,  8b      db      d8  88  8b,dPPYba,    ,adPPYba,  8b,dPPYba,
 *    I8[    ""  `8b    d88b    d8'  88  88P'    "8a  a8P_____88  88P'   "Y8
 *     `"Y8ba,    `8b  d8'`8b  d8'   88  88       d8  8PP"""""""  88
 *    aa    ]8I    `8bd8'  `8bd8'    88  88b,   ,a8"  "8b,   ,aa  88
 *    `"YbbdP"'      YP      YP      88  88`YbbdP"'    `"Ybbd8"'  88
 *                                       88
 *                                       88
 */

.multi-swiper,
.swiper-slide,
.swiper-container {
    width: 1180px;
    height: 406px;
}

.multi-swiper {
    display: block;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.multi-swiper > * {
    position: absolute !important;
}

.multi-swiper .swiper-background {
    left: 150px;
    top: 0;
    z-index: 0;
}

.multi-swiper .swiper-lead-bg-white {
    display: block;
    width: 148px;
    height: 256px;
    background-color: transparent;
    background-image: url('../assets/parallelogram_white_horizontal_reverse.png');
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.multi-swiper {
    background: #ffffff;
}

.multi-swiper .swiper-lead-bg-red {
    display: block;
    width: 540px;
    height: 406px;
    background-color: transparent;
    /*background-image: url('../assets/parallelogram_white_horizontal.png');*/
    background-image: url('../assets/parallelogram_red_gradient_horizontal.png');
    background-size: auto 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 3;
}

.multi-swiper .swiper-lead-wrapper {
    display: block;
    height: 406px;
    left: 0;
    top: 0;
    z-index: 4;
}

.multi-swiper .swiper-lead {
    display: block;
    width: 350px;
    height: 406px;
    position: relative;
    overflow: hidden;
}

.multi-swiper .swiper-lead h4 {
    display: block;
    margin: 82px 0 0 28px;
    width: 320px;
    color: white;
    font-size: 36px;
    font-family: 'molgrouplight';
    text-transform: uppercase;
}

.multi-swiper .swiper-lead p {
    display: block;
    margin: 30px 0 0 28px;
    width: 320px;
    color: white;
    font-size: 16px;
    font-family: 'molgroupregular';
    text-align: left;
}

.multi-swiper .swiper-foreground {
    left: 0;
    top: 0;
    z-index: 2;
}

.multi-swiper .mg_button {
    position: absolute;
    right: 86px;
    bottom: 52px;
}

.multi-swiper .mg_button:hover {
    right: 90px;
}


/***
 *
 *                                   88                                                                                   88  88
 *                                   ""                                                                                   88  ""
 *                                                                                                                        88
 *    ,adPPYba,  8b      db      d8  88  8b,dPPYba,    ,adPPYba,  8b,dPPYba,     88,dPYba,,adPYba,    ,adPPYba,   ,adPPYb,88  88  ,adPPYYba,
 *    I8[    ""  `8b    d88b    d8'  88  88P'    "8a  a8P_____88  88P'   "Y8     88P'   "88"    "8a  a8P_____88  a8"    `Y88  88  ""     `Y8
 *     `"Y8ba,    `8b  d8'`8b  d8'   88  88       d8  8PP"""""""  88             88      88      88  8PP"""""""  8b       88  88  ,adPPPPP88
 *    aa    ]8I    `8bd8'  `8bd8'    88  88b,   ,a8"  "8b,   ,aa  88             88      88      88  "8b,   ,aa  "8a,   ,d88  88  88,    ,88
 *    `"YbbdP"'      YP      YP      88  88`YbbdP"'    `"Ybbd8"'  88             88      88      88   `"Ybbd8"'   `"8bbdP"Y8  88  `"8bbdP"Y8
 *                                       88
 *                                       88
 */

@media (max-width: 1199px) {

    .multi-swiper,
    .swiper-slide,
    .swiper-container {
        width: 996px;
    }

}


/***
 *
 *                                                                                            88           88
 *                                                                                            ""           88
 *                                                                                                         88
 *    8b,dPPYba,    ,adPPYba,   8b,dPPYba,   88       88  8b,dPPYba,             8b       d8  88   ,adPPYb,88   ,adPPYba,   ,adPPYba,
 *    88P'    "8a  a8"     "8a  88P'    "8a  88       88  88P'    "8a  aaaaaaaa  `8b     d8'  88  a8"    `Y88  a8P_____88  a8"     "8a
 *    88       d8  8b       d8  88       d8  88       88  88       d8  """"""""   `8b   d8'   88  8b       88  8PP"""""""  8b       d8
 *    88b,   ,a8"  "8a,   ,a8"  88b,   ,a8"  "8a,   ,a88  88b,   ,a8"              `8b,d8'    88  "8a,   ,d88  "8b,   ,aa  "8a,   ,a8"
 *    88`YbbdP"'    `"YbbdP"'   88`YbbdP"'    `"YbbdP'Y8  88`YbbdP"'                 "8"      88   `"8bbdP"Y8   `"Ybbd8"'   `"YbbdP"'
 *    88                        88                        88
 *    88                        88                        88
 */

#fader {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
}
#popup {
    display: none;
    background-color: #000;
    position: fixed;
    top: -100%;
    z-index: 999999;
}
.close-popup {
    width: 40px;
    height: 40px;
    color: #E30018;
    font-family: 'molgroupblack';
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: -40px;
    top: -40px;
    cursor: pointer;
}


/*============================================================================
                MOL GROUP'S ETHICS MANAGEMENT SYSTEM TABLE
=========================================================================== */

.c-mol-group-s-ethics-management-system .manage {
    margin: 40px auto 0;
}
.c-mol-group-s-ethics-management-system .manage .headr {
    border-bottom: 2px solid white;
}
.c-mol-group-s-ethics-management-system .manage .headr th {
    text-align: center;
    padding: 20px;
    background: rgb(127, 39, 37) none repeat scroll 0% 0%;
    border-radius: 10px;
    color: white;
    font-size: 25px;
}
.c-mol-group-s-ethics-management-system .manage .rest th {
    color: white;
    background-color: #bd3b38;
    border-radius: 10px;
    text-align: center;
    border-bottom: 2px solid white;
}
.c-mol-group-s-ethics-management-system .manage .rest ul {
    font-size: 12px;
    margin: 0px;
    color: black;
    background-color: #e0c9c9;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.c-mol-group-s-ethics-management-system .manage .rest ul li {
    padding: 7px 25px 7px 40px;
}


/*============================================================================
                           MOL GROUP'S HUMAN RIGHTS PYRAMID
=========================================================================== */

@media screen and (max-width: 1199px) {
    section#pyramid_container {
        transform:scale(0.9);
        -moz-transform:scale(0.9);
        -o-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -webkit-transform:scale(0.9);
    }
    section#pyramid_container div#first_floor {
        right:40px;
    }
}

section#pyramid_container div#fourth_floor {
    width:160px;
    margin:1px auto;
    position:relative;
}
section#pyramid_container div#fourth_floor div#triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 120px 80px;
    border-color: transparent transparent #fe0002 transparent;
}
section#pyramid_container div#fourth_floor div.content_text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px;
    font-family: Calibri, Verdana, sans-serif;
}
section#pyramid_container div#fourth_floor div.content_text p {
    margin:5px 0 0;
    color:#000;
    text-align:center;
    padding:0;
    font-size:14px;
}


section#pyramid_container div#third_floor {
    margin: 1px auto;
    width: 360px;
    position:relative;
}
section#pyramid_container div#third_floor div#trapezoid {
    border-bottom: 160px solid #ffc000;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    height: 0;
    width: 160px;
}
section#pyramid_container div#third_floor div.content_text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px;
    font-family: Calibri, Verdana, sans-serif;
}
section#pyramid_container div#third_floor div.content_text p {
    margin:5px 0 0;
    color:#000;
    text-align:center;
    padding:0;
    font-size:14px;
}

section#pyramid_container div#second_floor {
    margin: 1px auto;
    width: 560px;
    position:relative;
}
section#pyramid_container div#second_floor div#trapezoid {
    border-bottom: 160px solid #ffff01;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    height: 0;
    width: 360px;
}
section#pyramid_container div#second_floor div.content_text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px;
    font-family: Calibri, Verdana, sans-serif;
}
section#pyramid_container div#second_floor div.content_text p {
    margin:5px 0 0;
    color:#000;
    text-align:center;
    padding:0;
    font-size:14px;
}

section#pyramid_container div#first_floor {
    margin: 1px auto;
    width: 760px;
    position:relative;
}
section#pyramid_container div#first_floor div#trapezoid {
    border-bottom: 160px solid #93d250;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    height: 0;
    width: 560px;
}
section#pyramid_container div#first_floor div.content_text {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px;
    font-family: Calibri, Verdana, sans-serif;
}
section#pyramid_container div#first_floor div.content_text p {
    margin:5px 0 0;
    color:#000;
    text-align:center;
    padding:0;
    font-size:14px;
}


/*============================================================================
                Sustainability in the supply chain of MOL Group
=========================================================================== */
@media (max-width: 1199px) {
    div#procurement-main {
        width:100% !important;
    }
    div#procurement-main div#row1 {
        margin:0 !important;
    }
    div#procurement-main div#row1 h2 {
        font-size:24px !important;
    }
    div#procurement-main div.row {
        margin:0 !important;
    }
    div#procurement-main div#connect11 {
        left: 98px !important;
    }
    div#procurement-main div#connect12 {
        left: 98px !important;
    }
    div#procurement-main div#connect21 {
        left: 245px !important;
    }
    div#procurement-main div#connect22 {
        left: 245px !important;
    }
    div#procurement-main div#connect31 {
        left: 392px !important;
    }
    div#procurement-main div#connect32 {
        left: 392px !important;
    }
    div#procurement-main div#connect41 {
        left: 533px !important;
        width:22px !important;
    }
    div#procurement-main div#connect42 {
        left: 533px !important;
        width:22px !important;
    }
}
div#procurement-main{
    margin:0 auto;
    text-align:center;
    width:750px;
    height:650px;
    background:white;
    font-size:14px;
    position:relative;
}

div#procurement-main div#row1 {
    margin:0 20px 0 35px;;
}

div#procurement-main div#row1 h2 {
    color:#c73b38;
    margin:0;
    padding:25px 0;

}

div#procurement-main div#box11 {
    float: left;
    width: 15%;
    background: url("../images/procurement/tile1.jpg");
    background-repeat:no-repeat;
    color:white;
    clear:both;
    font-size:18px;
    height:120px;
    width:85px;
    margin-top: 47px;
}

div#procurement-main div#box11 p {
    margin:0px;
    padding-top:30px;
    color:white;
    text-align:center;
    font-size:18px;
}

div#procurement-main div#box21 {
    float: left;
    width: 15%;
    background:#c73b38;
    color:white;
    clear:both;
    font-size:18px;
    height:120px;
    width:85px;
    background: url("../images/procurement/tile2.jpg");
    background-repeat:no-repeat;
}

div#procurement-main div#box21 p {
    margin:0;
    padding-top:45px;
    color:white;
    text-align:center;
    font-size:18px;
}

div#procurement-main div#box31 {
    float: left;
    width: 15%;
    background:#c73b38;
    color:white;
    clear:both;
    font-size:18px;
    height:120px;
    width:85px;
    background: url("../images/procurement/tile3.jpg");
    background-repeat:no-repeat;
}

div#procurement-main div#box31 p {
    margin: 0;
    padding-top: 30px;
    color:white;
    text-align:center;
    font-size:18px;
}

div#procurement-main div#box41 {
    float: left;
    width: 15%;
    background:#c73b38;
    color:white;
    clear:both;
    font-size:18px;
    height:120px;
    width:85px;
    background: url("../images/procurement/tile4.jpg");
    background-repeat:no-repeat;
}

div#procurement-main div#box41 p {
    margin: 0;
    padding-top: 20px;
    color:white;
    text-align:center;
    font-size:18px;
}

div#procurement-main div.box12 {
    float: left;
    width: 80%;
    border:2px #c73b38 solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 25px 20px 0;
    text-align: left;
}

div#procurement-main div.box12 ul {
    margin:0;
    border-radius: 8px;
    background: #f7f7f7;
}

div#procurement-main div.data {
    font-size: 14px;
    border:1px #c73b38 solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width:100px;
    float:left;
    margin: 10px 15px 0 30px;
    height:90px;
    background: #f7f7f7;
}

div#procurement-main div.data p {
    margin:0;
    color: black;
    text-align: center;
}

div#procurement-main div.data p.liner1 {
    padding-top:35px;
}

div#procurement-main div.data p.liner1 {
    color: black;
    text-align: center;
}

div#procurement-main div.data p.liner2 {
    padding-top:25px;
}

div#procurement-main div.data p.liner2 {
    color: black;
    text-align: center;
}

div#procurement-main div.data p.liner3 {
    padding-top:15px;
}

div#procurement-main div.data p.liner3 {
    color: black;
    text-align: center;
}

div#procurement-main div.tabhead {
    float:left;
    width:17.5%;
    font-size:20px;
    color:white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin:17px 13px 0;
    height:80px;
    background: #ce3f37;
    background: -webkit-linear-gradient(#dc4b46, #a1302c);
    background: -o-linear-gradient(#dc4b46, #a1302c);
    background: -moz-linear-gradient(#dc4b46, #a1302c);
    background: linear-gradient(#dc4b46, #a1302c);
}

div#procurement-main div.tabhead p {
    margin: 0;
    padding-top: 27px;
    color: white;
    text-align: center;
    font-size: 20px;
}

div#procurement-main div.tabhead p#spectab {
    padding-top: 15px;
}

div#procurement-main div.row {
    margin:0 20px 0 35px;
}

/* LINES */

div#procurement-main div#connect11 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:90px;
    width:15px;
    top: 335px;
    left: 133px;
}

div#procurement-main div#connect12 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:210px;
    width:15px;
    top: 335px;
    left: 133px;
}

div#procurement-main div#connect21 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:90px;
    width:14px;
    top: 335px;
    left: 281px;
}

div#procurement-main div#connect22 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:210px;
    width:14px;
    top: 335px;
    left: 281px;
}

div#procurement-main div#connect31 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:90px;
    width:15px;
    top: 335px;
    left: 428px;
}

div#procurement-main div#connect32 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:210px;
    width:15px;
    top: 335px;
    left: 428px;
}

div#procurement-main div#connect41 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:90px;
    width:14px;
    top: 335px;
    left:576px;
}

div#procurement-main div#connect42 {
    border-bottom:solid #a1302c 2px;
    border-left:solid #a1302c 2px;
    position:absolute;
    height:210px;
    width:14px;
    top: 335px;
    left:576px;
}


/*============================================================================
                MOL Group at a Glance - Business Cards
=========================================================================== */

.business_card {
    height: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding: 0;

}
.business_card p {
    margin-top: 5px;
    text-align: left;
}
.business_card h3 {
    padding-top: 2px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 0;
}
.bc_01 {
    width: 100%;
    height: 540px;
    border-bottom: 1px solid #B9B9B9;
    border-top: 1px solid #B9B9B9;
}

.bc_01 .bc_left {
    height: 540px;
    margin: 0;
    width: 48.5%;
    padding-right: 10px;
    border-right: 1px solid #B9B9B9;
    float: left;
}
.bc_01 .bc_left p {font-size: 17px;}
.bc_01 .bc_left .bc_integrated_img {height: 230px; position: relative;}

.bc_01 .integrated_img_head {
    background-image: url('../images/molgroup_at_a_glance/integrated_oil_and_gas_company_head.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.bc_01 .integrated_img_head p {
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 0 0 10px 0;
}
.bc_01 .integrated_img_block01 {
    float: left;
    width: 230px;
    height: 80px;
    position:absolute;
    background-image: url('../images/molgroup_at_a_glance/upstream-exploration-production.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 230px auto;
    padding-top: 3px;
}
.bc_01 .integrated_img_block01 p,
.bc_01 .integrated_img_block02 p,
.bc_01 .integrated_img_block03 p,
.bc_01 .integrated_img_block04 p{
    color: #FFF;
    text-transform: uppercase;
    padding: 0 0 7px 17px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}
.bc_01 .integrated_img_block01 p:nth-child(2) {padding-left: 30px;}
.bc_01 .integrated_img_block01 p:last-child {padding-left: 45px;}
.bc_01 .integrated_img_block02 {
    float: right;
    width: 180px;
    height: 80px;
    background-image: url('../images/molgroup_at_a_glance/gas-midstream.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 180px auto;
    padding-top: 6px;
}
.bc_01 .integrated_img_block03 {
    float: left;
    width: 51%;
    height: 100px;
    background-image: url('../images/molgroup_at_a_glance/downstream.jpg');
    background-repeat: no-repeat;
    background-size: 200px auto;
    padding-top: 3px;
    overflow: visible;
}
.bc_01 .integrated_img_block04 {
    float: right;
    width: 55%;
    height: 100px;
    background-color: transparent;
    background-image: url('../images/molgroup_at_a_glance/business_innovations.png');
    background-repeat: no-repeat;
    background-position: 20% 0;
    background-size: 220px auto;
    padding-top: 3px;
    position: absolute;
    right: 0;
}
.bc_01 .integrated_img_block03 p {padding-left: 15px;}
.bc_01 .integrated_img_block03 p:nth-child(2) {padding-left: 30px;}
.bc_01 .integrated_img_block03 p:last-child {padding-left: 42px;}

.bc_01 .integrated_img_block04 p {padding-left: 13px;}
.bc_01 .integrated_img_block04 p:first-child {margin-left: -105px; font-size: 11px;  line-height: 10px; text-align: center;}
.bc_01 .integrated_img_block04 p:nth-child(2) {padding-left: 35px; padding-top: 5px;}
.bc_01 .integrated_img_block04 p:last-child {padding-left: 47px;}

.bc_01 .bc_right {
    height: 540px;
    margin: 0;
    width: 48%;
    padding-left: 10px;
    float:right;
}
.bc_01 .bc_right p {margin-bottom: 0;}
.bc_01 .bc_right .bc_chart .chart {
    height: 170px;
    background-image: url('../images/molgroup_at_a_glance/chart.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40%;
}
.bc_01 .bc_right .bc_chart .chart_table {margin-top: 10px; width: 100%;}
.bc_01 .bc_right .bc_chart .chart_table td {
    padding: 0;
    color: #717171;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
}
.bc_01 .bc_right .bc_chart .chart_table td:nth-child(2) {padding-left: 10px !important;}
.bc_01 .bc_right .bc_chart .chart_table div {height: 10px; width: 10px;}

.bc_02 {
    width: 100%;
    height:330px;
    border-bottom: 1px solid #B9B9B9;
    padding-bottom: 10px;
}

.financial_table {width: 100%;}
.financial_table td {
    padding: 0 20px 0 0;
    color: #717171;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.financial_table td span {font-weight: normal;}
.financial_table td:last-child div{
    height: 10px;
    background: #a7a9ac; /* For browsers that do not support gradients */
    background: -webkit-vertical-gradient(left, #e7e8e9, #a7a9ac); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #e7e8e9, #a7a9ac); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #e7e8e9, #a7a9ac); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #e7e8e9, #a7a9ac); /* Standard syntax */
}

.ebitda_table {width: 100%;}
.ebitda_table td {
    padding-right: 15px;
    color: #717171;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 17px;
}
.ebitda_table td span {
    color: #ed1c2a;
    font-weight: bold;
    margin-left: 4px;
}
.ebitda_table p {margin: -20px 0 0 0; padding: 0;}
.ebitda_chart_01 {width: 92% !important;}
.ebitda_chart_02 {width: 83% !important;}
.ebitda_chart_03 {width: 94%;}
.ebitda_chart_04 {width: 86%;}
.ebitda_legend {width: 370px; float: right;}
.ebitda_legend div {height: 10px; width: 10px;}
.ebitda_legend td {
    padding-right: 10px;
    color: #717171;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
}

.bc_03 {
    width: 100%;
    height:220px;
    border-bottom: 1px solid #B9B9B9;
    padding-top: 10px;
}
.bc_chart_2 {
    height: 200px;
    background-image: url('../images/molgroup_at_a_glance/m-diagram.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
.bc_chart_2 p {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #FFF;
}
.bc_chart_2 .bc_chart_row01 {width: 100%; padding-top: 5px;}
.bc_chart_2 .bc_chart_block01,
.bc_chart_2 .bc_chart_block02 {float: left; width: 49%;}
.bc_chart_2 .bc_chart_block01 p:first-child,
.bc_chart_2 .bc_chart_block02 p:first-child {font-size: 42px;}
.bc_chart_2 .bc_chart_block01 p:first-child {margin-left: 110px;}
.bc_chart_2 .bc_chart_block01 p:last-child {
    margin-left: 210px;
    font-weight: bold;
    width: 150px;
    margin-top: -20px;
    line-height: 15px;
}
.bc_chart_2 .bc_chart_block01 span {font-size: 32px; vertical-align: text-top;}
.bc_chart_2 .bc_chart_block02 p:first-child {margin-left: 120px;}
.bc_chart_2 .bc_chart_block02 p:last-child {
    margin-left: 230px;
    font-weight: bold;
    width: 100px;
    margin-top: -45px;
    line-height: 15px;
}
.bc_chart_2 .bc_chart_block02 span {font-size: 32px; vertical-align: text-top;}

.bc_chart_2 .bc_chart_row02 {width: 100%;}
.bc_chart_2 .bc_chart_block03,
.bc_chart_2 .bc_chart_block04,
.bc_chart_2 .bc_chart_block05,
.bc_chart_2 .bc_chart_block06 {
    float: left;
    width: 25%;
    padding-top: 30px;
}
.bc_chart_2 .bc_chart_block06 {margin-left: -20px;}
.bc_chart_2 .bc_chart_block03 p:first-child,
.bc_chart_2 .bc_chart_block04 p:first-child,
.bc_chart_2 .bc_chart_block05 p:first-child,
.bc_chart_2 .bc_chart_block06 p:first-child {
    width: 40px;
    font-size: 42px;
    float:left;
    padding: 0;
    margin: 0;
}
.bc_chart_2 .bc_chart_block03 p:last-child,
.bc_chart_2 .bc_chart_block04 p:last-child,
.bc_chart_2 .bc_chart_block05 p:last-child,
.bc_chart_2 .bc_chart_block06 p:last-child {
    font-weight: bold;
    font-size: 13px;
    width: 130px;
    float: left;
    padding: 0;
    margin: 0;
    line-height: 14px;
}
.bc_chart_2 .bc_chart_block04 span,
.bc_chart_2 .bc_chart_block06 span {font-weight: normal;}
.bc_chart_2 .bc_chart_block03 p:first-child {margin-left: 50px;}
.bc_chart_2 .bc_chart_block03 p:last-child {width: 100px; margin-top: 7px; margin-left: 5px;}
.bc_chart_2 .bc_chart_block04 p:first-child {margin-left: 30px;}
.bc_chart_2 .bc_chart_block04 p:last-child {width: 120px; margin-top: 10px; margin-left: 5px;}
.bc_chart_2 .bc_chart_block05 p:first-child {margin-left: 30px;}
.bc_chart_2 .bc_chart_block05 p:last-child {width: 70px; margin-top: 10px;}
.bc_chart_2 .bc_chart_block06 p:last-child {width: 90px; margin-top: 7px; margin-left: 20px;}


.bc_04 {width: 100%; border-bottom: 1px solid #B9B9B9;}
.bc_col div {
    vertical-align: top;
    display: inline-block;
    width: 30.5%;
    padding-right: 15px;
}
.bc_col h4 {margin-top: 0; height: 80px;}

.bc_05 {
    width: 100%;
    padding-top: 20px;
    text-align: right;
}

.bc_upstream {
    width: 100%;
    padding-bottom: 10px;
    border-top: 1px solid #B9B9B9;
}

.upstream_map_01 {
    height: 434px;
    width: 50%;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_02.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    float: left;
}
.upstream_map_02 {
    height: 68px;
    width: 350px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_03.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:auto;
    float: right;
}

.upstream_text_01 {
    width: 46%;
    float: right;
    padding-left: 10px;
}
.upstream_text_01 h4, .downstream_text_01 h4 {
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
}

.downstream_map_01 {
    height: 346px;
    width: 54%;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_04.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    float: right;
}
.downstream_text_01 {
    width: 42%;
    float: left;
    padding-left: 10px;
}
.downstream_text_01 h4 {line-height:20px;}
.downstream_text_01 h4:after {content: url('../images/molgroup_at_a_glance/downstream_company_of_the_year.jpg'); margin-left: 5px;}

.bc_about_us {width: 100%; border-top: 1px solid #B9B9B9;}

.bc_logos {
    background: #fff;
    width:820px;
    position: relative;
    margin-bottom: 20px;
    height: 40px;
    vertical-align: middle;
}
.bc_logos span {
    line-height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    font-weight: bold;
    font-size: 13px;
}
.bc_logos a {
    display: inline-block;
    margin-right: 20px;
    margin-left: 0;
    position: relative;
    text-decoration: none;
    line-height: 40px;
}


.bc_logos-01 {
    background: url(../images/logos/logos_01_hover.png);
    width: 67px;
    height: 22px;
    margin-left: 20px;
    top: 7px;
    display: inline-block;
}
.bc_logos-02 {
    background: url(../images/logos/logos_02_small.png);
    width: 40px;
    height: 24px;
    top: 10px;
    display: inline-block;
}
.bc_logos-03 {
    background: url(../images/logos/logos_03_small.png);
    width: 40px;
    height: 11px;
    top:15px;
    display: inline-block;
}
.bc_logos-04 {
    background: url(../images/logos/slovnaft_logo.png);
    width: 25px;
    height: 34px;
    top: 5px;
}
.bc_logos-06 {
    background: url(../images/logos/mol_italy_logo.png);
    width: 75px;
    height: 19px;
    top: 10px;
}
.bc_logos-07 {
    background: url(../images/logos/logos_07_hover.png);
    width: 105px;
    height: 22px;
    top: 7px;
}
.bc_logos-08 {
    background: url(../images/logos/logos_08_small.png);
    width: 40px;
    height: 33px;
    top: 3px;
}
.bc_logos-09 {
    background: url(../images/logos/logos_09_small.png);
    width: 72px;
    height: 40px;
    top: 3px;
}
.bc_logos-10 {
    background: url(../images/logos/logos_10_small.png);
    width: 47px;
    height: 36px;
    top: 3px;
}
.bc_logos-11 {
    background: url(../images/logos/logos_11_small.png);
    width: 72px;
    height: 39px;
    top: 3px;
    margin-right: 0 !important;
}


.about_us_01 {width: 33%; float: left; padding-right: 10px;}
.au_uppp {
    margin-top: 5px;
    height: 20px;
    width: 78px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_09.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:auto;
}

.au_growww {
    margin-top: 5px;
    height: 20px;
    width: 110px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_18.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:auto;
}

.au_freshhh {
    margin-top: 5px;
    height: 20px;
    width: 98px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_26.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:auto;
}

.about_us_01 p {margin-left: 22px; text-align: left;}

.about_us_02 {
    width:30%;
    float:left;
    border-right: 1px solid #B9B9B9;
    border-left: 1px solid #B9B9B9;
    height: 870px;}
.about_us_02 span {color: #6e6e6e;}

.au_box_01 {
    padding-right: 10px;
    padding-left: 10px;
}
.au_sustainability {
    margin-top: 5px;
    height: 231px;
    background-image: url('../images/molgroup_at_a_glance/strategic-focus-areas.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:100%;
    margin-bottom: 20px;
}

.au_sustainability p {
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
}
.au_sustainability .au_sustainability_row {height: 70px;}
.au_sustainability .au_sustainability_block01,
.au_sustainability .au_sustainability_block02 {width: 48%; float: left;}

.au_sustainability .au_human_capital p {margin-left: 20px; margin-top: 20px;}
.au_sustainability .au_communities p {margin-left: -10px; margin-top: 30px;}
.au_sustainability .au_ethics_governance p {margin-left: 45px;}
.au_sustainability .au_environment p {margin-left: 13px; margin-top: 65px;}
.au_sustainability .au_health_safety p {text-align:right;}
.au_sustainability .au_climate_change p {margin-left: 60px;}

.au_box_02 {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #B9B9B9;
}
.au_box_02 p, .au_box_02 h4 {text-align: center; margin: 10px 10px 0 10px;}
.au_box_02 span {font-weight: normal;}

.about_us_03 {width: 34%; float: right; padding-left: 5px;}
.about_us_03 .au_station, .about_us_03 .au_tire, .about_us_03 .au_emission, .about_us_03 .au_oil {width: 45px; height: 50px;}
.about_us_03 p {float: right; width: 75%; text-align: left;}
.au_station {
    margin-top: 10px;
    height: 49px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_13.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:auto;
    float: left;
}

.au_tire {
    margin-top: 10px;
    height: 45px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_20.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:auto;
    float: left;
}

.au_emission {
    margin-top: 10px;
    height: 55px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_24.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:auto;
    float: left;
}

.au_oil {
    margin-top: 10px;
    height: 55px;
    background-image: url('../images/molgroup_at_a_glance/molgroup_at_a_glance_02_31.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:auto;
    float: left;
}

.au_logos {
    background: #fff;
    width:100%;
    position: relative;
    margin-bottom: 20px;
    clear: both;
    height: 87px;
    text-align: center;
}
.au_logos a {
    display: inline-block;
    margin-left: 0;
    position: relative;
    text-decoration: none;
}
.au_logos-01 {
    background: url(../images/molgroup_at_a_glance/linkedin.png);
    width: 33px;
    height: 31px;
    margin-left: 20px;
    top: 7px;
}
.au_logos-02 {
    background: url(../images/molgroup_at_a_glance/youtube.png);
    width: 73px;
    height: 31px;
    margin-left: 20px;
    top: 7px;
    display: inline-block;
}
.au_logos-03 {
    background: url(../images/molgroup_at_a_glance/twitter.png);
    width: 48px;
    height: 31px;
    margin-left: 20px;
    margin-right: 0;
    top: 7px;
    display: inline-block;
}


@media (max-width: 1199px) {
    .bc_01,
    .bc_01 .bc_left,
    .bc_01 .bc_right {height: 570px !important;}
    .bc_01 .integrated_img_block01 {
        width: 180px;
        background-size: 180px auto;
        padding-top: 2px;
    }
    .bc_01 .integrated_img_block01 p,
    .bc_01 .integrated_img_block02 p,
    .bc_01 .integrated_img_block03 p,
    .bc_01 .integrated_img_block04 p{
        color: #FFF;
        text-transform: uppercase;
        padding: 0 0 4px 11px;
        margin: 0;
        font-size: 11px;
        line-height: 15px;
    }
    .bc_01 .integrated_img_block01 p:nth-child(2) {padding-left: 25px;}
    .bc_01 .integrated_img_block01 p:last-child {padding-left: 35px;}

    .bc_01 .integrated_img_block02 {
        width: 155px;
        background-size: 155px auto;
        padding-top: 5px;
    }
    .bc_01 .integrated_img_block03 p {margin-left: -15px;}
    .bc_01 .integrated_img_block03 p:nth-child(2) {margin-left: -20px; margin-top: 3px;}
    .bc_01 .integrated_img_block03 p:last-child {margin-left: -25px; margin-top: 3px}

    .bc_01 .integrated_img_block03 {
        background-size: 180px auto;
        padding-top: 3px;
        padding-left: 20px;
    }

    .bc_01 .integrated_img_block04 {
        background-position: 0;
        background-size: 180px auto;
        height: 65px;
    }

    .bc_01 .integrated_img_block04 p:first-child {margin-left: -85px; font-size: 10px;}

    .bc_03 {
        height:180px;
    }
    .bc_chart_2 {
        height: 170px;
    }

    .bc_chart_2 .bc_chart_block01 p,
    .bc_chart_2 .bc_chart_block02 p {margin-top: 7px;}
    .bc_chart_2 .bc_chart_block01 p:first-child,
    .bc_chart_2 .bc_chart_block02 p:first-child {font-size: 32px;}
    .bc_chart_2 .bc_chart_block01 p:first-child {margin-left: 90px;}
    .bc_chart_2 .bc_chart_block01 p:last-child {
        margin-left: 160px;
        width: 130px;
        margin-top: -10px;
        line-height: 13px;
        font-size: 13px;
    }
    .bc_chart_2 .bc_chart_block01 span,
    .bc_chart_2 .bc_chart_block02 span {font-size: 22px; vertical-align: text-top;}

    .bc_chart_2 .bc_chart_block02 p:first-child {margin-left: 90px;}
    .bc_chart_2 .bc_chart_block02 p:last-child {
        margin-left: 180px;
        width: 100px;
        margin-top: -40px;
        line-height: 13px;
        font-size: 13px;
    }

    .bc_chart_2 .bc_chart_block03,
    .bc_chart_2 .bc_chart_block04,
    .bc_chart_2 .bc_chart_block05,
    .bc_chart_2 .bc_chart_block06 {
        padding-top: 15px;
    }
    .bc_chart_2 .bc_chart_block03 p:first-child,
    .bc_chart_2 .bc_chart_block04 p:first-child,
    .bc_chart_2 .bc_chart_block05 p:first-child,
    .bc_chart_2 .bc_chart_block06 p:first-child {
        width: 25px;
        font-size: 32px;
    }
    .bc_chart_2 .bc_chart_block03 p:last-child,
    .bc_chart_2 .bc_chart_block04 p:last-child,
    .bc_chart_2 .bc_chart_block05 p:last-child,
    .bc_chart_2 .bc_chart_block06 p:last-child {
        font-size: 11px;
        line-height: 13px;
    }
    .bc_chart_2 .bc_chart_block03 p:first-child {margin-left: 45px;}
    .bc_chart_2 .bc_chart_block03 p:last-child {width: 90px; margin-top: 7px; margin-left: 10px;}
    .bc_chart_2 .bc_chart_block04 p:first-child {margin-left: 15px;}
    .bc_chart_2 .bc_chart_block04 p:last-child {width: 100px; margin-top: 7px; margin-left: 10px}
    .bc_chart_2 .bc_chart_block05 p:first-child {width: 28px;}
    .bc_chart_2 .bc_chart_block05 p:last-child {width: 75px;}
    .bc_chart_2 .bc_chart_block06 p:last-child {width: 90px; margin-top: 7px; margin-left: 20px;}
}

@media (max-width: 1199px) {
    .au_sustainability {margin-top: 0; height: 190px !important;}
    .au_sustainability p {font-size: 10px; line-height: 11px;}
    .au_sustainability .au_sustainability_row {height: 65px;}
    .au_sustainability .au_ethics_governance p {margin-left: 35px; margin-top: 0;}
    .au_sustainability .au_environment p {margin-left: 5px; margin-top: 45px;}
    .au_sustainability .au_climate_change p {margin-left: 40px;}

    .ebitda_table tr:nth-child(2) td {padding-top: 5px;}
    .ebitda_table td span {font-size: 15px !important;}

    .bc_logos {width: 700px;}
    .bc_logos a {margin-right: 8px !important;}
}
@media (min-width: 1200px) {
    .bc_logos a {margin-right: 20px;}
}


/*============================================================================
        Mol Group - Content macro chart (highcharts.js + legend in HTML)
=========================================================================== */

.before_chart {
    width: 30%;
}

.chart_container {
    width: 70%;
    margin: 0 auto;
    padding:10px 10px 0 10px;
    font-size: 0;
}

.chart_container h3 {
    padding: 0;
}

.js_chart {
    font-size: 14px;
    text-align: center;
    display: inline-block;
    width:50%;
    margin: 0 auto;
    padding:0;
}

.js_chart_legend {
    display: inline-block;
    width:100%;
}

.js_chart_legend ul {
    display: block;
    margin: 0;
	text-align:center;
}

.js_chart_legend ul li {
    display: inline;
	white-space: nowrap;
	padding: 7px 0 7px 25px;
}

@media (max-width: 1199px) {
	.js_chart_legend ul li {
		padding: 7px 0 7px 15px;
	}
}

.js_chart_legend ul li:before {
    content: "";
    left: -5px;
    display: inline-block;
    border: 4px solid;
}

.li1:before {
    color: #990b1d !important;
}

.li2:before {
    color: #e0001e !important;
}

.li3:before {
    color: #6e6e6e !important;
}

.li4:before {
    color: #a9a9a9 !important;
}

.li5:before {
    color: #000000 !important;
}

.li6:before {
    color: #d3d3d3 !important;
}

/*============================================================================
        Mol Group - Credit rating charts
=========================================================================== */

.cr_chart {
	width: 100%;
    display: block;
}
/*
███╗   ███╗ █████╗ ████████╗██╗   ██╗██████╗ ██╗████████╗██╗   ██╗    ██████╗ ██████╗  ██████╗ ███████╗██╗██╗     ███████╗
████╗ ████║██╔══██╗╚══██╔══╝██║   ██║██╔══██╗██║╚══██╔══╝╚██╗ ██╔╝    ██╔══██╗██╔══██╗██╔═══██╗██╔════╝██║██║     ██╔════╝
██╔████╔██║███████║   ██║   ██║   ██║██████╔╝██║   ██║    ╚████╔╝     ██████╔╝██████╔╝██║   ██║█████╗  ██║██║     █████╗
██║╚██╔╝██║██╔══██║   ██║   ██║   ██║██╔══██╗██║   ██║     ╚██╔╝      ██╔═══╝ ██╔══██╗██║   ██║██╔══╝  ██║██║     ██╔══╝
██║ ╚═╝ ██║██║  ██║   ██║   ╚██████╔╝██║  ██║██║   ██║      ██║       ██║     ██║  ██║╚██████╔╝██║     ██║███████╗███████╗
╚═╝     ╚═╝╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝╚═╝   ╚═╝      ╚═╝       ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝╚══════╝

 ██████╗██╗  ██╗ █████╗ ██████╗ ████████╗███████╗
██╔════╝██║  ██║██╔══██╗██╔══██╗╚══██╔══╝██╔════╝
██║     ███████║███████║██████╔╝   ██║   ███████╗
██║     ██╔══██║██╔══██║██╔══██╗   ██║   ╚════██║
╚██████╗██║  ██║██║  ██║██║  ██║   ██║   ███████║
 ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝   ╚══════╝
                                                                                                                           */

#ava_liq_en, #ava_liq_hu {
	display: inline-block;
	width: 44%;
	padding-top: 15px;
	margin: 0;
}

#ava_liq_title {
	display: inline-block;
	width: 40%;
	margin: 15px 0 0 0;
}

#dra_ver_en, #dra_ver_hu {
	display: inline-block;
	width: 55%;
	margin: 0;
}

#dra_ver_title {
	display: inline-block;
	width: 51%;
	margin: 15px 0 0 0;
}

#ave_mat_en, #ave_mat_hu {
	display: inline-block;
	width: 100%;
	margin: 0;
}

#ave_mat_title {
	display: inline-block;
	width: 96%;
	margin: 0;
}

#mid_and_en, #mid_and_hu {
	display: block;
	width: 60%;
	margin: 0 auto;
}

#mid_and_title {
	display: inline-block;
	width: 50%;
	margin: 0;
}

#fix_vs_en, #fix_vs_hu {
	display: inline-block;
	width: 39%;
	margin: 0;
}

#fix_vs_title {
	display: inline-block;
	width: 35%;
	margin: 0;
}

#ava_liq_title, #dra_ver_title, #ave_mat_title, #mid_and_title, #fix_vs_title {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.maturity_chart_title {
    background: url('../assets/menu_red_gradient_horizontal.png') no-repeat top right;
    background-position: 100% 50%;
    padding: 10px 30px 10px 0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-family: Calibri, 'molgroupblack', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}

.chart_title_wrapper {
	display: table;
	width: 100%;
}

.first_wrapper {
	margin-top: 20px;
}

/* MOL GROUP ORGANIZATION TABLE (NEW) */

.org_container_table .content_box_column {
    width: 240px;
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    margin-right: 30px;
    position: relative;
}
.content_box_column .level_one_summary_box {
    background-color: #e0011e;
    padding: 5px 0;
    transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    z-index:3;
}
[lang=hu] .content_box_column .level_one_summary_box {
    padding: 15px 0;
}
.content_box_column .level_one_summary_box h3 {
    color:#fff;
    margin-left: 20px;
    transform: skew(15deg);
    -ms-transform: skew(15deg);
    -webkit-transform: skew(15deg);
}
.content_box_column .grey_main_color {
    background-color: #a6a6a6;
}
.content_box_column .grey_main_color h3 {
    color:#4c4c4c;
}
.content_box_column .grey_main_color .double_line_content {
    margin: 7px 20px;
}
.content_box_column .grey_main_color .tripple_line_content {
    margin: 0px 20px;
}
.content_box_column .level_two_summary_box {
    background-color: #d9d9d9;
    padding: 5px 0;
    margin: 25px 10px 25px 25px;
    position: relative;
    height: 37px;
}
.content_box_column .level_two_summary_box p{
    margin: 0;
    padding: 10px;
    text-align: left;
    color:#434343;
}
.content_box_column .level_three_summary_box {
    background-color: #d9d9d9;
    width: 175px;
    margin: 0px 0px 10px 45px;
    position: relative;
    height: 37px;
}
.content_box_column .level_three_summary_box p {
    font-size: 12px;
    padding: 10px 0;
    margin:0 7px;
    color:#434343;
    text-align: left;
}
.content_box_column .level_three_summary_box .padding_vertical_two {
    padding:5px 0;
}
.content_box_column .level_three_summary_box p span {
    font-size: 10px;
    display: block;
}
.content_box_column .padding_vertical_one p {
    padding:2px 10px;
}
.content_box_column .sub_after_element_one, .content_box_column .sub_after_element_two {
    position: relative;
}
.content_box_column .sub_padding_vertical_one p {
    padding:5px 0;
}
.org_container_table>div:nth-child(3)>div:nth-child(1) {height:61px;}
.org_container_table>div:nth-child(3)>div:nth-child(2) {height:200px;}
.org_container_table>div:nth-child(3)>div:nth-child(3) {height:203px;}

.after_element_one::after {
    content: "";
    display: block;
    width: 1px;
    height: 338px;
    background-color: #bfbfbf;
    position: absolute;
    left: 5px;
    top: 71px;
}
[lang=hu] .after_element_one::after {
    top:91px;
}
.after_element_two::after {
    content: "";
    display: block;
    width: 1px;
    height: 410px;
    background-color: #bfbfbf;
    position: absolute;
    left: 5px;
    top: 71px;
}
[lang=hu] .after_element_two::after {
    top: 91px;
}
.after_element_three::after {
    content: "";
    display: block;
    width: 1px;
    height: 575px;
    background-color: #bfbfbf;
    position: absolute;
    left: 5px;
    top: 71px;
}
[lang=hu] .after_element_three::after {
    top:91px;
}
.sub_after_element_one::after {
    content: "";
    display: block;
    width: 1px;
    height: 138px;
    background-color: #bfbfbf;
    position: absolute;
    left: 35px;
    top: 47px;
}
.sub_after_element_two::after {
    content: "";
    display: block;
    width: 1px;
    height: 138px;
    background-color: #bfbfbf;
    position: absolute;
    left: 35px;
    top: 47px;
}

.level_two_summary_box::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    left: -20px;
    top: 24px;
}
.level_three_summary_box::before {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    left: -10px;
    top: 18px;
}

@media (max-width: 1199px) {
    .org_container_table>div:nth-child(1) {
        width: 185px;
        margin-right:15px;
    }
    .org_container_table>div:nth-child(2) {
        width: 210px;
        margin-right:15px;
    }
    .org_container_table>div:nth-child(3) {
        width: 230px;
        margin-right:15px;
    }
    [lang=hu] .org_container_table>div:nth-child(1) .level_one_summary_box h3 {
        margin: 7px 20px 6px;
    }

    [lang=hu] .content_box_column .red_main_color {
        padding: 25.5px 0px;
    }
}


/* MOL GROUP - REGULATED INFORMATION - MAIN DESCRIPTION */

.mainDescription {display: none;}
.c-regulated-information .mainDescription, .c-szabalyozott-informaciok .mainDescription {display: block;}
.c-regulated-information .mainDescription p, .c-szabalyozott-informaciok .mainDescription p {padding-bottom: 0; margin-bottom: 0; margin-top: 30px;}


/* HELPER CLASSES */
#wrap .fleft {float: left; clear: left; margin: 0 20px 20px 0;}
#wrap .fright {float: right; clear: right; margin: 0 0 20px 20px;}
#wrap img.w1p2 {max-width: 50%;}
#wrap img.w1p3 {max-width: 33.33%;}
#wrap img.w1p4 {max-width: 25%;}


/* Custom text - Regulated information table */
.r-i-table {
    max-width: 700px;
    margin: 0 auto;
}
.r-i-table, .r-i-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px;
    text-align: left;
}
.r-i-table td:first-child {width: 20px;}
.r-i-table td:nth-child(2) {width: 200px;}
.r-i-table td:nth-child(3), .r-i-table td:nth-child(4) {
    width: 200px;
    max-width: 400px;
}
.r-i-table .spanned {border: 0; border-right: 1px solid black;}
.top_highlighted_border {
    border-top: 2px solid #000 !important;
}
.bottom_highlighted_border {
    border-bottom: 2px solid #000 !important;
}

/* ETHICS CASES TABLE */

.ethics_table {width: 100%; height: auto; padding: 0; margin: 0; border-collapse: collapse; color: #000000; text-align: left; font-family: 'molgroupregular', sans-serif}
.ethics_table th {font-size: 18px; color: #000000; background-color: #EBEBEB; padding: 4px 6px;}
.ethics_table .title {text-align: right; font-size: 28px; color: #7F7F7F; font-weight: normal;}
.ethics_table td {border: 1px solid #ffffff; padding: 4px 6px; vertical-align: top; font-size: 15px;}
.ethics_table td:first-child {background-color: #EBEBEB; font-size: 16px; font-weight: bold; text-align: center;}
.ethics_table td.yellow {background-color: #FFFF01;}
.ethics_table td.orange {background-color: #FFC000;}
.ethics_table td.red {background-color: #FE0000;}
.ethics_table td.green {background-color: #93D250;}
.ethics_table td.dark_grey, .ethics_table th.dark_grey {font-size: 18px; background-color: #7F7F7F; color: #ffffff; text-align: center; font-weight: normal;}
.ethics_table tr.table_footer td {background-color: #EBEBEB; text-align: center; font-weight: bold; vertical-align: middle; font-size: 16px;}

@media (max-width: 1199px) {
    .ethics_table th, .ethics_table td.dark_grey, .ethics_table th.dark_grey {font-size: 16px;}
    .ethics_table .title {font-size: 26px;}
    .ethics_table td {font-size: 12px;}
    .ethics_table td:first-child, .ethics_table tr.table_footer td {font-size: 14px;}
}



/* Business partner code of ethics Table and Buttons*/

.bpco-ethics-table{
		width:100%;
}
.bpco-ethics-table tr{
		width:100%;
}
.bpco-ethics-table tr td{}
.bpco-ethic-button {
	  height: 42px;
	  max-width: 200px;
	  width: 100%;
	  text-align: center;
	  margin: 15px 0;
}
.bpco-ethic-button a {
		width: 108px;
		font-size:14px;
		text-decoration: none;
		font-weight: bold;
		text-transform: none;
}
.bpco-ethic-button a:focus {
    color: #ffffff;
}