/* Tags */
H1 { font-size:2em; font-weight:normal; margin:0 0 0.6em 0; }
H2 { font-size:1.5em; font-weight:normal; margin:0 0 0.6em 0; }
H3 { font-size:1.25em; font-weight:normal; margin:0 0 0.6em 0; }
P { margin: auto 0 0.6em 0; }

FIELDSET { display:block; border:0; padding:0; margin:0; }
INPUT, SELECT, TEXTAREA { font-family:'Roboto',Arial,Helvetica,sans-serif; }
SELECT,
TEXTAREA,
INPUT[type="text"], 
INPUT[type="file"], 
INPUT[type="password"], 
INPUT[type="search"], 
INPUT[type="tel"], 
INPUT[type="email"], 
INPUT[type="url"], 
INPUT[type="button"], 
INPUT[type="submit"], 
INPUT[type="reset"] { padding:0.75em 1em; background:#EEEEEE; border:1px solid #CCCCCC; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1em; border-radius:2px; outline:none; -moz-appearance:none; -webkit-appearance:none; }
TEXTAREA { resize:vertical; }
SELECT { padding-right:22px !important; background-image:url(../../default/pix/select-dropdown.svg) !important; background-repeat:no-repeat !important; background-position:right 6px center !important; }
.ie SELECT { padding-right:5px !important; background-image:none !important; }
.firefox SELECT { padding:7px 5px; }

A { color:#000000; text-decoration:none; }
A:hover { text-decoration:none; }


/* Language switch */
#languageSwitch { position:relative; float:right; padding:16px 0; }
#languageSwitch UL { margin:0 -5px 0 -5px; height:28px; padding:0 0 0 0; }
#languageSwitch UL LI { position:relative; display:inline-block; margin:5px; padding:0 0 0 0; height:18px; list-style-type:none; display:inline-block; }
#languageSwitch UL LI.act:before { content:''; display:block; position:absolute; top:-8px; left:50%; margin-left:-5px; border-top:5px solid rgba(0,0,0,0.25); border-left:5px solid transparent; border-right:5px solid transparent; }
#languageSwitch IMG { display:block; vertical-align:middle;  }


/* Close button - global style (for navi, search, boxes, ...)*/
.close { z-index:333; width:36px; height:36px; line-height:36px; text-align:center; cursor:pointer; font-size:14px; color:#FFFFFF;  background-color:$color1; }
.close:before,
.close:after { content:''; position:absolute; left:50%; top:50%; width:20px; height:2px; background-color:#333333;  @include transition; }
.close:before { -moz-transform:translate(-50%,-1px) rotate(45deg); -webkit-transform:translate(-50%,-1px) rotate(45deg); -ms-transform:translate(-50%,-1px) rotate(45deg); transform:translate(-50%,-1px) rotate(45deg); }
.close:after { -moz-transform:translate(-50%,-1px) rotate(-45deg); -webkit-transform:translate(-50%,-1px) rotate(-45deg); -ms-transform:translate(-50%,-1px) rotate(-45deg); transform:translate(-50%,-1px) rotate(-45deg); }
.close:hover { color:#EEEEEE; }
.close:hover:before { -moz-transform:translate(-50%,-1px) rotate(135deg); -webkit-transform:translate(-50%,-1px) rotate(135deg); -ms-transform:translate(-50%,-1px) rotate(135deg); transform:translate(-50%,-1px) rotate(135deg); }
.close:hover:after { -moz-transform:translate(-50%,-1px) rotate(45deg); -webkit-transform:translate(-50%,-1px) rotate(45deg); -ms-transform:translate(-50%,-1px) rotate(45deg); transform:translate(-50%,-1px) rotate(45deg); }

/* Modal box */
#modalboxContainer { position:absolute; left:0; top:0; z-index:555; }
.modalbox { visibility:hidden; opacity:0; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:330; transition:all 0.33s; }
.modalbox .close { position:absolute; top:0; right:0; }
.modalbox .close:hover { background:#EEEEEE; }
.modalbox .modalboxContent { position:absolute; left:50%; top:50%; width:640px; margin-top:50px; max-width:90%; max-height:90%; padding:20px; overflow:auto; background:#FFFFFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; transition:all 0.5s; border-radius:3px; -moz-box-shadow:0 5px 20px rgba($color1,0.33); -webkit-box-shadow:0 5px 20px rgba($color1,0.33); box-shadow:0 5px 20px rgba($color1,0.33); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.modalbox .modalboxContent:after { content:''; display:block; clear:both; }
.modalbox .modalboxContent .close { position:absolute; top:0; right:0; }
.act .modalbox { visibility:visible; opacity:1; }
.act .modalbox .modalboxContent { margin-top:0; }


/* Content boxes - global */
.box { margin:0 0 0 0; padding:30px; background:#FFFFFF; border-radius:6px; box-shadow:0 1px 5px rgba(0,0,0,0.05); }
.box H3 { margin:0 0 0.5em 0; padding:0 0 1em 0; color:#666666; border-bottom:2px solid rgba(0,0,0,0.25); font-weight:400; text-transform:uppercase; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; }
.box H3 .badge { display:inline-block; vertical-align:top; padding:0.25em 0.25em 0.125em 0.25em; min-width:0.875em; line-height:1; font-size:0.75em; text-align:center; background:#CCCCCC; color:#FFFFFF; border-radius:1em; }

.globalData { position:relative; background:#FFFFFF; background:linear-gradient(135deg, #DDDDDD 0%, #FFFFFF 20%, #EEEEEE 30%, #FFFFFF 60%, #DDDDDD 90%); }
.globalData UL { margin:0 0 0 0; padding:0 0 0 0; }
.globalData UL LI { position:relative; min-height:1.25em; margin:0 0 0 0; padding:0.5em 0; border-bottom:1px solid rgba(0,0,0,0.1); list-style-type:none; }
.globalData UL LI:nth-child(4),
.globalData UL LI:nth-child(5) { margin-right:45px; }
.globalData UL LI:last-child { border:0; }
.globalData UL LI > EM { display:block; position:absolute; left:0; top:0.9em; width:95px; margin:0 0 0 0; line-height:1.25; font-size:0.75em; /*text-transform:uppercase;*/ font-style:normal; color:#666666; }
.globalData UL LI > SPAN { display:block; font-weight:400; margin-left:80px; }
.globalData I.ce:after { content:''; display:block; position:relative; top:-2px; width:32px; height:32px; background:url(../../default/pix/CE.svg) center center no-repeat; background-size:contain; }
.globalData I.ukca:after { content:''; display:block; position:relative; top:-2px; width:32px; height:32px; background:url(../../default/pix/UKCA.svg) center center no-repeat; background-size:contain; }
.globalData .certificates { position:absolute; right:30px; bottom:30px; }
.globalData .certificates DIV { margin-bottom:0.25em; }

.globalData .togglePrev,
.globalData .toggleNext { position:absolute; top:1em; background:none; color:#666666; display:block; width:1.5em; height:1.5em; line-height:1.5em; text-align:center; font-size:21px; cursor:pointer; }
.globalData .togglePrev:before,
.globalData .toggleNext:before { font-family:'FontAwesome'; }
.globalData .togglePrev:before { content:'\f0d9'; }
.globalData .toggleNext:before { content:'\f0da'; }
.globalData .togglePrev { right:3em;  }
.globalData .toggleNext { right:1em; }
.globalData .togglePrev:hover,
.globalData .toggleNext:hover { color:#444444; }
.globalData .togglePrev.dis,
.globalData .toggleNext.dis { color:#CCCCCC; cursor:default; }


.boxContact { color:#666666; font-size:0.9em; }
.boxContact UL { margin:0 0 0 0; padding:0 0 0 0; }
.boxContact UL LI { position:relative; margin:0 0 0 0; padding:0.25em 0 0.25em 1.5em; list-style-type:none; }
.boxContact UL LI I { position:absolute; width:1em; text-align:center; left:0; top:0.44em; font-size:12px; color:rgba(0,0,0,0.5); }
.boxContact IMG { margin-bottom:1em; }
.boxContact B { font-weight:400; }

.files { margin:0 0 0 0; padding:0 0 0 0; }
.files LI { position:relative; margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid #EEEEEE; list-style-type:none; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.files LI .icon { width:3em; left:0; top:1em; text-align:left; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; transition:all 0.5s; }
.files LI .icon A { display:block; padding:1em 0 1em 0; transition:all 0.5s; }
.files LI .icon A I { font-size:1.125em; width:2em; height:2em; line-height:2em; text-align:center; border-radius:50%; color:#FFFFFF; background:rgba(0,0,0,0.5); transition:all 0.5s; }
.files LI .icon A:hover I { background:rgba(0,0,0,0.75); }
.files LI .iconDisplay {}
.files LI .text { padding:1em 0 1em 0; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; color:#999999; }
.files LI .filename { display:block; margin:0 0 0 0; color:#000000; font-weight:400; }
.files LI .filedate { display:none; }
.files LI .filetype,
.files LI .filesize { display:inline-block; margin:0.25em 1em 0 0; font-size:0.8em; }
.files LI .languages { display:inline-block; margin-top:0.25em; }
.files LI .languages IMG { margin:0 0.5em 0 0; width:16px; height:auto; }

.boxFilesLogin P { margin-top:1em; }
.privateDocsForm .password { width:36%; min-width:145px; }
.privateDocsForm .submit { background:#999999; color:#FFFFFF; border-color:#999999; cursor:pointer; }
.privateDocsForm .submit:hover { background:#666666; }

.button { display:inline-block; padding:0.75em 1em; text-align:center; color:#FFFFFF; background:#666666; border:1px solid transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:1em; border-radius:2px; outline:none; }
.button:hover { background:#555555; }
.button-w100 { width:100%; }
.button I { margin-right:0.5em; font-size:14px; }

.list-group {}
.list-group:after { content:''; display:block; clear:both; }
.list-group-item { margin:5px 0 0 0; padding:10px; }
.list-group-item:first-child { margin-top:0; }

.panel {}
.panel-heading { background:none; padding:15px 0; }
.panel-body { background:#EEEEEE; padding:15px; }
.panel-footer { background:#E6E6E6; padding:15px; }
.panel-heading:after,
.panel-body:after,
.panel-footer:after { content:''; display:block; clear:both; }

.mt { margin-top:15px; }
.mb { margin-bottom:15px; }
.text-right { text-align:right; }

@media only screen and (max-width:599px) { 
.box { padding:15px; }
}