@import url("format.css?v=3");

/* BASIC LAYOUT STYLES */
body:before {
  	content: "desktop";
  	display: none; /* Prevent from displaying. */
}

body {
    font-family: 'Open Sans', Sans-Serif;
}

body {
/*  background-color: #ebebeb; */
    margin: 0px;
    padding: 0px;
/*    font-size: 0.95em; */
}

body,html {
	height: 100%;
}

* {
  	color: inherit;
}

#toggle {
    display: none;
}

#content {
    min-height: 660px;
	font-size: 1.1em;
}

.igrp_wrapper { /* animate.css */
    position: relative;
}

/* OTHER EFFECT */

.zoom .inner {
    overflow: hidden;
}
.zoom .inner > div {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.zoom .inner > div:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* FOOTER AREA */


/* COLORS */
.red {
  	color: #ff0006;
}

.black {
  	color: #43575b;
}

#header_container, #footer_container {
    color: #737373;
}

#header_container .lft, #header_container .rgt  {
    color: #000000;
}

#stage {
    /* font-size: 0.90em; */
}

@media screen and (min-width: 1188px) { /* needed for animation effects coming in from right side */
  	body {
        overflow-x: hidden;
  	}
}
@media screen and (max-width: 1188px) { /* needed for animation effects coming in from right side or from bottom */
  	.row_wrapper {
        /* overflow-x: hidden; */
        overflow: hidden;
  	}
}

/* background-color gets cut of if screen is smaller and you scroll to the right */
@media only screen and ( min-width: 481px ) and ( max-width: 1188px ) {
  	#header_container, #stage, #footer_container {
  		min-width: 1170px;
  	}
}

a {
    /* outline: none; */
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'CamptonBook', 'Open Sans', Sans-Serif;
    font-weight: bold;
    letter-spacing: 0.025em;
}
h1 {
  	font-size:2.07em;
}
h2 {
  	font-size:1.87em;
}
h3 {
  	font-size:1.67em;
    /* font-weight: normal; */
}
h4 {
  	font-size:1.47em;
    /* font-weight: normal; */
}
h5 {
  	font-size:1.37em;
    /* font-weight: normal; */
}
h6 {
  	font-size:1.27em;
}

/* HEADER */
#header_container {
	/* position:fixed; */
  	/* z-index:10; */
  	width:100%;
}

#header {
    margin:0 auto; 
    width:1170px;
  	height:50px;
  	background:white;
  	background: rgba(255,255,255,1.0);
  	position:relative;
}

#header .lft, #header .rgt {
    font-family: 'CamptonBook', Sans-Serif;
  	color: #FF0006;
}

#header .lft {
  	position:absolute; 
  	left:80px; 
  	top:16px;
}

#header .rgt {
  	position:absolute; 
	right:80px; 
  	top:16px;
}

#header_slider_overlay .nav {
	padding:0 80px;
}

#header_slider_overlay .nav .inner {
	width: 44.5%; 
  	float: right;
	position: relative;
	z-index: 100;
}

#header_slider_overlay .nav .inner .icon {
	float:left; 
  	margin:11.5px; 
  	margin-left:0px; 
  	margin-right:24px; 
  	padding-left: 32px;
		
    display: flex;
    align-items: center;
		
  	font-family: 'CamptonBook', 'Open Sans', Sans-Serif;
  	font-weight: bold;
  	text-transform: uppercase;
  	line-height: 0.95em;
    font-size: 0.9em;
}

#header_slider_overlay .nav .inner .icon:last-child {
  	margin-right:0px; 
}

.nav.sticky {
    position: fixed;
    width: 1010px;
    background-color: #f1f2f4;
    z-index: 10;
    top: 0;

}
.nav.sticky::before {
  position:fixed;
  left: 0px;
  width: 100%;
  height: 50px;
  content: " ";
  z-index: -1;
  background-color: #f1f2f4;
}

.nav.sticky::after {
    position: fixed;
  	content: " ";
    width: 1010px;
    z-index: 0;
    top: 0;

	height: 50px;
	background-image: url('../images/OESG_31K_WBK_Red_s_a_sRGB.png');
	background-position: 0px, center;
	background-size: 130px, auto;
	background-repeat: no-repeat;
 
}



@media screen and (max-width: 1170px) {
/*
    #header {
        background-repeat: no-repeat;
        background-position: center center;
    }
*/
}

/* HEADER SLIDER */
#header_slider_container {
    width:100%;
    height: 340px;
  	position:relative; 
  	/* height:100%;  */
  	background-color:#f1f2f4;
	/* background-color:yellow; */ 
}

#header_slider {
  	width:100%; 
  	height:290px; 
  	min-width:1170px; 
  	min-height:290px; 
  	/* overflow:hidden; */
	/* background-color:lightyellow; */ 
}

#header_slider .inner {
	width:100%; 
  	height:100%; 
                    
    /* background-color: black; */

    background-repeat: no-repeat, no-repeat;
    background-position: center -62px, center top;
    background-size: auto auto, auto auto;
  
	transform: scale(1);
}

/* Animation */
#header_slider .fader, #header_slider_overlay_wrapper .fader {
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}

#header_slider .inner.fader.off, #header_slider_overlay_wrapper > .inner .fader.off {
	z-index: 1;
	opacity: 0;
}
#header_slider .inner.fader.on, #header_slider_overlay_wrapper > .inner .fader.on {
	z-index: 2;
	opacity: 1;
}

/* Set fader to absolute */
#header_slider .inner.fader, #header_slider_overlay_wrapper > .inner .fader {
  	position: absolute;
}

#header_slider_overlay_wrapper > .inner {
	position: relative;
	overflow: hidden;
}

/* Header Backgrounds for Slider */
#header_slider .inner.hfst {
	background-image: url(../images/OESG_32K_Background_sRGB.png);
}

#header_slider .inner.hsnd {
	background-image: url(../images/ACHD_Background_sRGB.png);
}

#header_slider_overlay {
  	position:absolute; 
  	top:0px;
  	width:100%; 
    height: 290px;
  	min-width:1170px; 
  	min-height:290px; 
  	/* overflow:hidden; */
	/* background-color:lightyellow; */ 
}

#header_slider {
    margin:0 auto;
    width: 100% !important;
    min-width: 1170px !important;
}

#header_slider_overlay_wrapper {
	position:relative;
  	margin: 0 auto; 
  	width: 1170px; 
  	/* height:100%; */
  	/* background-color:green; */ 
}

#header_slider_overlay_wrapper > .inner {
  	height:290px;
  	width: 100%;
}

#header_slider_overlay .inner .lft, #header_slider_overlay .inner .rgt {
  	position: relative; 
  	width: 585px;
  	float: left;
  	height: 290px;
}

#header_slider_overlay .inner .lft .logo {
  	position: absolute;
  	display: block; 
  	height: 290px;
	left: 50px;
}

#header_slider_overlay .inner .rgt .date {
  	position: absolute;
  	display: block; 
  	height: 290px; 
}

/* ICONS */
div.icon {
	min-width: 27px;
	min-height: 27px;
}

div.icon {
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 27px 27px;
}
div.icon.anm { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_ANM_Red_OFF_sRGB.png);
}
div.icon.anm:hover, .icon.anm.on {
	background-image: url(../images/icons/ICON_ANM_Red_ON_sRGB.png);
}

div.icon.arr { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_ARR_Red_OFF_sRGB.png);
}
div.icon.arr:hover, div.icon.arr.on {
	background-image: url(../images/icons/ICON_ARR_Red_ON_sRGB.png);
}


.cSliderNews div.icon.arr { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_ARR_LGrey_OFF_sRGB.png);
}
.cSliderNews div.icon.arr:hover, div.icon.arr.on {
	background-image: url(../images/icons/ICON_ARR_LGrey_ON_sRGB.png);
}


div.icon.clo { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_CLO_Red_OFF_sRGB.png);
}
div.icon.clo:hover, div.icon.arr.on {
	background-image: url(../images/icons/ICON_CLO_Red_ON_sRGB.png);
}


.cSliderNews div.icon.clo { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_ARR_Red_OFF_sRGB.png);
}
.cSliderNews div.icon.clo:hover, div.icon.arr.on {
	background-image: url(../images/icons/ICON_ARR_Red_ON_sRGB.png);
}


div.icon.inf { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_INF_Red_OFF_sRGB.png);
}
div.icon.inf:hover, div.icon.inf.on {
	background-image: url(../images/icons/ICON_INF_Red_ON_sRGB.png);
}

div.icon.pro { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_PRO_Red_OFF_sRGB.png);
}
div.icon.pro:hover, div.icon.pro.on {
	background-image: url(../images/icons/ICON_PRO_Red_ON_sRGB.png);
}

div.icon.clogrey { /* Grey, LGrey, Red */
	background-image: url(../images/icons/ICON_CLO_Red_OFF_sRGB.png);
}
div.icon.clogrey:hover, .icon.clogrey.on {
	background-image: url(../images/icons/ICON_CLO_Red_ON_sRGB.png);
}

div.icon.home { /* Red */
	background-image: url(../images/icons/ICON_HOME_Red_OFF_sRGB.png);
	padding-left: 34px;
}
div.icon.home:hover, div.icon.home.on {
	background-image: url(../images/icons/ICON_HOME_Red_ON_sRGB.png);
}

div.icon.home {
	position: relative;
	top: -4px;
}
div.icon.home a {
	position: relative;
	top: 4px;
}


/* PAGE */
#stage, #scene {
    width:100%; 
}
#page {
    margin:0 auto; 
    /* padding-top: 15px; */
}
#stage, #scene, #page {
	min-height: 480px;
}

#page .grp_wrapper {
    width: 1170px;
}


/* FOOTER */

#footer_container {
	position:relative; 
  	width:100%; 
  	min-width:1170px; 
  	background-color:#f1f2f4;
}

#footer {
  	position:relative;
  	margin:0 auto; 
  	width:1170px;
  	height: 100%;
  	/* background-color:pink; */
}

#footer_wrapper {
	display:table;
  	height:100%; 
  	padding-top:50px; 
  	padding-bottom:50px; 
  	padding-left:50px;
  	/* border-collapse:separate; */
  	/* border-spacing:5px 5px; */
}

#footer_wrapper .lft, #footer_wrapper .rgt {
  	position:relative;
	display:table-cell;
  	height:100%;
	width:510px;
    margin:0px;
    padding:0px;
 	/* border: 1px solid #000; */
 	/* outline: 1px solid #000; */
}

#footer_wrapper .rgt {
  	left: 50px;
}

#footer_wrapper .lft .inner {
  	padding-left:50px;
}

#footer_wrapper .lft .inner .pos1, #footer_wrapper .lft .inner .pos2, #footer_wrapper .lft .inner .pos3 {
  	position: absolute;
  	right: 0px;
  	width: 200px;
}


#footer_wrapper .rgt .inner {
	width:100%; 
  	height:100%; 
  	background: transparent; 
  	background-repeat: no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* MAIN NAVIGATION  */
.navigation_container {
  	position:relative; 
  	top:45px; 
  	/* margin:0px 12px; */

}

/* COLORS */
#page {
  	color:#49463d;
}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
  	color:#222222;
}

/* CONTENT LINK */

/* APPEARANCE */
.item .block {
  	height: 100%; 
	background-color: #ffffff; 
}

.block .text {
    /* padding: 30px 30px; */
}

.block .box, .block .boxx {
    display:table;
    width:100%; 
    height:100%; 
}
.block .box .ct, .block .boxx .ct {
    display: table-cell;
    width: 100%;
    /* padding: 30px; */
    /* background: gray; */
    /* vertical-align: middle; */ 
    /* vertical-align: bottom; */
    /* vertical-align: top; */
    /* text-align: center; */
}
.block .boxx .ct {
     /* padding: 30px 0; */
}

/* PADDING BELOW CONTENT BOX */
.block .boxx .ct {
     font-size: 0; 
     line-height: 0; 
}

.block .boxx .ct > * {
     font-size: medium; /* RESTORE TO BASE SIZE ON IE */
     font-size: initial; /* RESTORE TO BASE SIZE */
     line-height: normal; /* RESTORE TO BASE SIZE ON IE */
     line-height: initial; /* RESTORE TO BASE SIZE */
}
/* PADDING BELOW CONTENT BOX */

.block .box .ct .cell, .block .boxx .ct .cell {
    display: inline-block;
    width: 100%;
    min-height: 1em;
    /* text-align: left; */
}

.cell.image img {
  	display: block;
}

.block a, 
.text a {
    color: inherit;
}


/* CELL MERGER */

/* LOGIC FILL GAP VERTICAL */
.c_one.col .item::after,
.c_two.col .item::after {
	content: "";
	position: absolute; 
	z-index: 0;
	left: 0px;
	right: 0px; 
    /* top: 0px; */
	bottom: 0px;
    height: 15px;
	/* opacity: 0.5; */
	/* background-color: blue; */
}

/* LOGIC LEAVE SPACE BELOW */
.c_one.col .item:last-child::after,
.c_two.col .item:last-child::after {
   height: 0px;
}

/* LOGIC FILL GAP HORIZONTAL TO THE RIGHT */
.c_two:not(.c1).col:not(.last) .item::before {
	content: "";
	position: absolute; 
	z-index: 0;
	/* left: 0px; */
	right: -15px; 
    top: 0px;
	bottom: 0px;
    width: 15px;
	/* opacity: 0.5; */
	/* background-color: green; */
}

.c_two.c2.col:not(.last) .item::before {
	right: -14px; 
    width: 14px;
}

.r_one .c_two.c2.col:not(.last) .item::before,
.r_two .c_two.c2.col:not(.last) .item::before {
	right: -15px; 
    width: 15px;
}

.c_two:not(.c1).col:not(.last) .item:last-child::before {
   bottom: 15px;
}

/* LOGIC FILL GAP COLORS */
.c_one .item::before, 
.c_two .item::before {
  	opacity: 1.0;
  	background-color: #ffffff;
  	/* background-color: green; /* DEBUG */
}
.c_one .item::after, 
.c_two .item::after {
  	opacity: 1.0;
  	background-color: #ffffff;
    /* background-color: blue; /* DEBUG */
}


/* ALIGNMENT */
.block.top .ct {
  	vertical-align: top;
}
.block.middle .ct {
  	vertical-align: middle;
}
.block.bottom .ct {
  	vertical-align: bottom;
}

/* ALIGNMENT BOXES */
.block.small,
.block.medium {
    text-align: right;
}

.block.small .inner.box,
.block.medium .inner.box {
    display: inline-block;
    text-align: left;
}

.block.small .ct,
.block.medium .ct {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* LEAFLETS */
.leaflet-bar a:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.leaflet-bar a:last-child {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.leaflet-popup-content-wrapper {
    border-radius: 0px !important;
}

/* QUOTES */
.block .qimg {
    height: 100px;
    padding-bottom: 15px;
}

.block .qimg img.round{
    display: inline-block !important;
    width: auto !important;
}

.block .qquote {
	font-style: italic;
    min-height: 1.75em;
    /* min-height: 7em; */
}

.block .qquote p {
    line-height: 1.4em;
}

.block .qname {
	font-weight: bold;
    min-height: 1.0em; 
}

.block .qcompany {
	font-size: 0.8em;
    min-height: 1.00em;
}

.block .qname > *, .block .qcompany > *{
	margin: 0px auto;
}

img.round {
	border-radius: 50%;
}

/* INLINE SLIDER */
.igrp.i_one .igrp_container {
	width: inherit;
	height: auto;
	/* border: 1px black dotted; */
	overflow: hidden;
}
.igrp.i_one .igrp_container .igrp_wrapper {
	width: inherit;
	height: inherit;
	position: relative;
	left: 0px;
}

.igrp.i_one .igrp_container .igrp_wrapper > * {
  	float:left;
}

.ui-sortable-helper {
    float: none !important;
}
		
.igrp.i_one .navContainer {
	position: relative;
	width: inherit;
	z-index: 10;
}

.igrp.i_one .navContainer .navLft {
	position:relative; 
	float:left; 
	z-index:2;
}
		
.igrp.i_one .navContainer .navRgt {
	position:relative; 
	float:right; 
	z-index:2;
}

.igrp.i_one .navContainer .navLinks {
	text-align: center;
	width: inherit;
	position: absolute;
}

.igrp.i_one .navContainer .navLinks ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-top: 6px;
}

.igrp.i_one .navContainer .navLinks ul li {
	float: left;
	text-align: center;
	margin: 10px;
	list-style: none;
	cursor: pointer;
	background-color: #CCCCCC;
	padding: 3px; /* 5px */
	border-radius: 50%;
	border: transparent 2px solid; /* #000000 */
}

.igrp.i_one .navContainer .navLinks ul li:hover {
    
}

.igrp.i_one .navContainer .navLinks ul li.active {
    background-color: #499ab4; /* #333333 */
	color: #FFFFFF;
	outline-width: 7px;
}

.igrp.i_one .navContainer .navLinks ul li.active:hover {
	background-color: #499ab4; /* #484848 */
	color: #FFFFFF;
}

/* NAVIGATION LINKS */

/* ELEMENTS INCLUDE LOGIC */
.item .row {
    margin-left:0px;
    margin-right:0px;
}

/* BACK TO TOP */
#back-top {
    z-index: 50;
    position: fixed;
    bottom: 0px;
    right:  50px;
    display: none;
}

#back-top a {
    width: 44px;
    display: block;
    text-align: center;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
      display: block;
      height: 44px;
      background-color: rgba(216,216,216, 0.5);

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #999999;
}

.icon_wrapper .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid black;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin: 0px auto;
}

.icon_wrapper .icon i {
    font-size: 20px;
    color: black;
    line-height: 2.5em;
}