@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; border: 0 none; margin:0; padding:0; }

a { text-decoration: none; }

.clearonall { clear: both; }
.clearonpc  { clear: both; }
.clearontab { clear: none; }
.clearonmob { clear: none; }

.viewbonlypc { display: block; }
.viewbonlytab { display: none; }
.viewbonlymob { display: none; }
.viewbonlyport { display: none; }

.viewlonlypc { display: inline; }
.viewlonlytab { display: none; }
.viewlonlymob { display: none; }
.viewlonlyport { display: none; }

.cupnt { cursor: pointer; }

.centerdivbox { width: inherit; margin: 0; }

.fullcenterbox { width:100%; max-width:1064px; height:auto; }

.C000000, .C000000:link, .C000000:visited, .C000000:hover, .C000000:active { color: #000000; }
.CFFFFFF, .CFFFFFF:link, .CFFFFFF:visited, .CFFFFFF:hover, .CFFFFFF:active { color: #FFFFFF; }
.C757575, .C757575:link, .C757575:visited, .C757575:hover, .C757575:active { color: #757575; }
.CC6262C, .CC6262C:link, .CC6262C:visited, .CC6262C:hover, .CC6262C:active { color: #C6262C; }

#jumpnextbtn { position: absolute; width:100%; height:35px; bottom:75px; left:0; display:block; text-align:center; cursor:pointer; background:url(/imagesv30/icongodown.png) center no-repeat; opacity: 1; }
.jumpnextbtnnimate { animation: jumpnextbtnbehavior 1s linear 1s infinite normal; }
@keyframes jumpnextbtnbehavior
	{
      0%  { opacity:1; bottom: 75px; }
     10%  { opacity:1; bottom: 77px; }
     20%  { opacity:1; bottom: 79px; }
     30%  { opacity:1; bottom: 81px; }
     40%  { opacity:1; bottom: 83px; }
     50%  { opacity:1; bottom: 85px; }
     60%  { opacity:1; bottom: 83px; }
     70%  { opacity:1; bottom: 81px; }
     80%  { opacity:1; bottom: 79px; }
     90%  { opacity:1; bottom: 77px; } 
    100%  { opacity:1; bottom: 75px; }
	}

#jumptopbtn { position:fixed; bottom: 20px; right: 20px; z-index:99; width: 30px; height: 30px; background: rgba(0,0,0,.4) url(/imagesv30/icongotop.png) center no-repeat; background-size: 20px; border: transparent 1px solid; border-radius: 4px; cursor:pointer; visibility: hidden; opacity: 0; 
	/*transition: visibility 0s, opacity 2s;*/
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: visibility, opacity;
    -webkit-transition-duration: 0s, 2s;
    -webkit-transition-timing-function: linear, linear;
    -webkit-transition-delay: 0s, 0s;
    /* Standard syntax */
    transition-property: visibility, opacity;
    transition-duration: 0s, 2s;
    transition-timing-function: linear, linear;
    transition-delay: 0s, 0s;
	}


body { width:100%; height:100%; background-color:#FFFFFF; scroll-behavior: smooth; font-family: 'Lato', sans-serif; }

.blockbase1mbox { width:100%; height: auto; padding:1em 0; }
.blockbase2mbox { width:100%; height: auto; padding:2em 0; }

.maincenteredbox { width:100%; max-width:1064px; height:auto; margin:0 auto; }
.maincentered90box { width:90%; height:auto; margin:0 auto; }


.headerbasendx { position: fixed; top:0; left:0; width: 100%; height: 132px; padding-bottom:80px; z-index:99; background: linear-gradient( rgba(0,0,0,.9), rgba(0,0,0,0)); background-size: initial; 
	/*transition: height .5s, background .7s;*/
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: height, background;
    -webkit-transition-duration: .5s, .5s;
    -webkit-transition-timing-function: linear, linear;
    -webkit-transition-delay: 0s, 0s;
    /* Standard syntax */
    transition-property: height, background;
    transition-duration: .5s, .5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s, 0s;
	}
.headerbasestd { position: fixed; top:0; left:0; width: 100%; height: 132px; padding-bottom: 20px; z-index:99; background: #000000 url(/imagesv30/menubgimg.jpg) center no-repeat; background-size: cover; 
	/*transition: height .5s, background .7s;*/
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: height, background;
    -webkit-transition-duration: .5s, .7s;
    -webkit-transition-timing-function: linear, linear;
    -webkit-transition-delay: 0s, 0s;
    /* Standard syntax */
    transition-property: height, background;
    transition-duration: .5s, .7s;
    transition-timing-function: linear, linear;
    transition-delay: 0s, 0s;
	}

.isolnklogo { display: inline-block; height: 18px; width: auto; float: left; margin: 7px 0 0 15px; border:none; }

#headermenuiconbox { float:left; width:auto; height:auto; margin-top:48px; display:none; }
#headermenuiconimg { width:auto; height:auto; }

#headerxtralnk { display:block; width:auto; height:28px; margin-bottom:10px; text-align:right; }
#headerlogobox { float:left; width:auto; height:auto; margin-top:48px; }
#headerlogoimg { width:auto; height:auto; }

#headrightbox { display:block; float:right; width:auto; min-width:580px; height:auto; }

#menulanguage { display:block; width:100%; height:auto; text-align:right; padding: 0; margin-bottom: 10px; }
#menulanguage2 { display:none; }
.mlangitem { display:inline-block; font-family: 'Lato'; font-size:10px; color:#FFFFFF; padding:12px 12px 0 10px; border-right: #C6262C 2px solid; }

#mysweblink { float: right; width: auto; height: auto; margin:0 20px 0 0; padding:inherit; display: block; border:none; }
#mysweblink2 { display: none; }

#wsearchbox { display:block; float: right; width: auto; height:auto; margin: 2px 0 0 0; padding:0 0 2px 2px; border:#FFFFFF solid 1px; display:inline-block; }
#wsearchbox2 { display:none; }
.wsearchnpt { color:#FFFFFF; background-color: transparent; width:200px; text-align: left; }
.wsearchnpt:focus { border: none; box-shadow: none; }
.wsearchnpt:required { border: none; box-shadow: none; }
.wsearchimg { margin: 0 5px; cursor:pointer; }

#silshopbox { float: right; width: auto; height: auto; display:block; }
#silshoplnk { width:25px; height:25px; margin:0; border: 1px solid transparent; border-radius:30px; cursor:pointer; background: #FFF url(/shop/icons/icon-tools-shopcart2.png) center no-repeat; background-size: 100%; }

#headerrightblockbox { float:right; display:inline-block; margin:5px 0 0; }
.headerrightblockbox { display: inline-block !important; }

#topnavblockbox { display: none; } 

#menusite { position: relative; float:right; clear:both; width: 100%; height: auto; padding: 0; margin: 0; z-index: 10; display: block; }
.menuline { display: block; width: auto; height: auto; padding: 0; margin: 0; }
/* -------------------------------------------------------------------------------------------------------- Menu LVL 1 */
.TopMenuULlvl1 { margin: 0px; padding: 0px; list-style: none; z-index: 11; display: inline-block; }
.TopMenuLIlvl1 { display:inline-block; margin: 5px 10px; padding:3px 0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; border-bottom: transparent solid 3px; }
.TopMenuLIcust { display:inline-block; font-family: 'Lato'; font-size:13px; font-weight:bold; color:#FFFFFF; padding:5px 0 5px 25px; background:url(/imagesv30/iconcustaccess.png) left center no-repeat; white-space: nowrap; }
.TopMenuLIlvl1:hover { font-weight:600; border-bottom: #C6262C solid 3px; }
.TopMenuLIlvl1:hover .TopMenuULlvl2 { display: block; }
/* -------------------------------------------------------------------------------------------------------- Menu LVL 2 */
.TopMenuULlvl2 { position:absolute; float:none; margin:0px; padding:15px 15px 0 0; list-style:none; z-index: 12; display: none; }
.TopMenuLIlvl2 { position:relative; float:none; width:auto; height:auto; padding:7px 12px; margin:0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; border: none; background-color:#000000; text-align:left; white-space: nowrap; }
.TopMenuLIlvl2:hover { background-color:#C6262C; }
.TopMenuLIlvl2:hover .TopMenuULlvl3 { display: block; }
/* -------------------------------------------------------------------------------------------------------- Menu LVL 3 */
.TopMenuULlvl3 { position: absolute; float: none; top: 0; left: 95%; margin:0px; padding: 0 0 0 20px; z-index: 13; list-style:none; display: none; }

.TopMenuLIlvl3 { position: relative; float:none; width:auto; height:auto; padding:7px 12px; margin:0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; background-color: #000000; text-align:left; white-space: nowrap; } 
.TopMenuLIlvl3:hover { background-color:#C6262C; }
/* ------------------------------------------------------------------------------------------------------------------- */


#maincontainerbox { width:100%; height: auto; min-height:100vh; background-color: #FFFFFF; }


#containerredbox { width:100%; height: auto; padding:0; background-color: #7B0D06; }
#contredtag1 { float:left; width: calc(100%/3); height: 60px; padding:0 2%; margin:1% 0; text-align:center; background:url(/imagesv30/Merefsafootermonocolorw.png) center center no-repeat; background-size: 50%; }
#contredtag2 { float:left; width: calc(100%/3); height: 60px; padding:0 2%; margin:1% 0; text-align:center; background:url(/imagesv30/MYSfootermonocolorw.png) center center no-repeat; background-size: 80%; }
#contredtag3 { float:left; width: calc(100%/3); height: 60px; padding:0 2%; margin:1% 0; text-align:center; background:url(/imagesv30/TSSfootermonocolorw.png) center center no-repeat; background-size: 80%; }


#footcontainerbox { width:100%; height: auto; padding:2em; background-color: #000000; overflow: auto; }

#footermainbox { width:100%; max-width:1064px; height:auto; margin:1px auto; color:#FFFFFF; }


#contactformbox { padding:4em 2% 2em; }
.contactformtitletxt { width:100%; height:auto; margin:2% 0; font-size:34px; font-weight: normal; line-height:38px; }
.contactformtexttxt { width:100%; height:auto; margin:2% 0; font-size:15px; font-weight: normal; line-height:20px; }

#contactformcol1 { float:left; width:58%; height:auto; padding:2% 0; }
.formitemlbl { float:left; width:18%; height:auto; margin:1% 0; padding:4px 0; font-size:15px; font-weight:normal; }
.formitemnpt { float:right; width:82%; height:auto; margin:1% 0; padding:4px 1%; font-size:14px; }
.formitemtxa { float:right; width:82%; height:auto; margin:1% 0; padding:4px 1%; font-family: 'Lato'; font-size:16px; }

#contactformcol2 { float: right; width:340px; height:auto; padding:2% 0; }
#ipaddresstxt { width:100%; height:auto; margin-bottom:1em; font-size:13px; font-weight: 300; }
#legalinfobox { width:100%; height:auto; margin-bottom:2em; font-size:11px; font-weight: 300; text-align:left; /*ex-justify*/ }

#sendcontactformbtn { clear:both; float:right; width:auto; height:auto; padding:2px 10px; margin:2% 20px; font-size:14px; font-weight: bold; border:#FFFFFF solid 1px; color:#FFFFFF; cursor:pointer; }


#companydatabox { padding:4em 0 2em; }
#companydata1box { float:left; width: 24%; height:auto; margin: 0; }
#companydata2box { float:left; width: 30%; height:auto; margin: 0 1%; padding-left:28px; background: url(/imagesv30/iconlocation.png) left 22px no-repeat; }
.companydata2Atxt { font-size:15px; font-weight:bold; line-height:22px; }
.companydata2Btxt { font-size:14px; font-weight:normal; line-height:22px; }
.bulletchr0txt { font-size:11px; font-weight:normal; margin:0 5px; }

#companydata3box { float:left; width: 21%; height:auto; margin: 0 1%; }
.companydata3Atxt { font-size:13px; font-weight:bold; line-height:17px; }
.companydata3Btxt { font-size:12px; font-weight:normal; line-height:16px; }
.companydata3Ctxt { font-size:10px; font-weight:normal; line-height:14px; background: url(/imagesv30/icondownloadlwt.png) left center no-repeat; padding-left:19px; margin-top:10px; }
#companydata4box { float:right; width: 20%; height:auto; margin: 0; }
.companydata4Atxt { font-size:14px; font-weight:normal; line-height:22px; }


.dottedborder { border:rgba(255,255,255,.3) dotted 1px; }
.bottommenuul { width:100%; padding:1% 0; list-style-type: none; white-space:nowrap; }
.bottommenuli { display:inline-block; width: 25%; text-align:center; font-size:12px; font-weight:300; }

.extradatacolbox { float:left; width: calc(100%/3); height: auto; height:120px; padding:0 2%; margin:1% 0; text-align:center; overflow:hidden; }
.extradatacolimg { width: 80%; height: auto; }

/* ----------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- media only screen and max-width: 950px */
/* ----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 970px)
	{

	.clearonpc  { clear: none; }
	.clearontab { clear: both; }
	.clearonmob { clear: none; }

	.viewbonlypc { display: none; }
	.viewbonlytab { display: block; }
	.viewbonlymob { display: none; }
	.viewbonlyport { display: block; }

	.viewlonlypc { display: none; }
	.viewlonlytab { display: inline; }
	.viewlonlymob { display: none; }
	.viewbonlyport { display: inline; }

	.centerdivbox { width: inherit; margin: 0 auto; }

	.fullcenterbox { width:100%; height:auto; }

	#jumpnextbtn {  }

	.maincentered90box { width:100%; height:auto; margin:0 auto; }

	.headerbasendx { height:60px; padding: 5px 0; background-color: #000000; background-image:none; -webkit-transition: none; transition: none; }
	.headerbasestd { height:auto; padding: 5px 0; background-color: #000000; background-image:none; -webkit-transition: none; transition: none; }

	#headermenuiconbox { float: left; display:block; width: 21%; height: auto; margin: 0 1% 0 5%; padding: 10px 0 0; text-align:left; }
	#headermenuiconimg { width: 100%; max-width:35px; height:auto; max-height:26px; margin: auto auto 0 0; cursor:pointer; }

	#headerxtralnk { display:none; }
	#headerlogobox { float: left; display:block; width: 44%; height:auto; margin: 0; padding:3px 5px; text-align:center; }
	#headerlogoimg { width: 100%; max-width:137px; height:auto; max-height:40px; }

	#headrightbox { float:none; }

	#silshopbox { float: right; display: block; width: auto; height: auto; margin: 0 4% 0 1%; padding: 10px 0 0; }
	#silshopmobalignbox { width:auto; display:inline-block; margin-left:auto; }
	#silshoplnk {  }


	#menulanguage { display:none; }
	#menulanguage2 { display:block; float:left; width: 130px; height:auto; padding: 0; margin: 0; }
	.mlangitem { padding:7px 7px 0 7px; }

	#mysweblink { display:none; }
	#mysweblink2 { float: right; width: auto; height: auto; margin:0 0 20px 0; padding:inherit; display: block; border:none; }

	#wsearchbox { display:none; }
	#wsearchbox2 { display:block; float: none; width: 100%; height: auto; margin: 0; padding: 0 0 2px 2px; border: #FFFFFF solid 1px; display: inline-block; }
	.wsearchnpt { width: calc( 100% - 25px); }
	.wsearchnpt:focus {  }
	.wsearchnpt:required {  }
	.wsearchimg {  }

	#headerrightblockbox { position: relative; float: none; display:none; background-color: #000000; width: 100%; height: 90vh; overflow: auto; margin:0; padding:2vh 0; }
	.headerrightblockbox { display: inline-block !important; }

	#topnavblockbox { display:block; width: 100%; height: auto; padding: 1% 2% 10px 4%; margin: 0; } 

	#menusite { position: relative; float: none; clear:both; width: 100%; height: auto; padding: 2% 2% 5%; margin: 0; z-index: 10; }
	.menuline { display:block; width: 100%; height: auto; padding: 15px 0; margin: 1% 0; }
	/* -------------------------------------------------------------------------------------------------------- Menu LVL 1 */
	.TopMenuULlvl1 { position:relative; float:none; display:block; margin: 0; padding: 0; list-style: none; z-index: 11; }
	.TopMenuLIlvl1 { position:relative; float:none; display:block; width:98%; height:auto; margin: 0 0 0 2%; padding: 0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; border-top: #FFFFFF solid 2px; white-space: normal; }
	.TopMenuLIcust { position:relative; float:none; display:block; width:98%; height:auto; margin: 0 0 0 2%; padding: 0 0 0 25px;font-family: 'Lato'; font-size:13px; font-weight:bold; color:#FFFFFF; border-top: #FFFFFF solid 2px; white-space: normal; background:url(/imagesv30/iconcustaccess.png) left center no-repeat; }
	.TopMenuLIlvl1:hover { font-weight:300; border-bottom: #000000 solid 3px; }
	.TopMenuLIlvl1:hover .TopMenuULlvl2 {  }
	/* -------------------------------------------------------------------------------------------------------- Menu LVL 2 */
	.TopMenuULlvl2 { position: relative; float:none; display:block; margin: 0; padding: 0; list-style:none; z-index: 12; }
	.TopMenuLIlvl2 { position: relative; float:none; display:block; width: 96%; height:auto; margin: 0 0 0 4%; padding: 0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; border-top: #FFFFFF solid 2px; white-space: normal; }
	.TopMenuLIlvl2:hover { background-color:#000000; }
	.TopMenuLIlvl2:hover .TopMenuULlvl3 {  }
	/* -------------------------------------------------------------------------------------------------------- Menu LVL 3 */
	.TopMenuULlvl3 { position: relative; float:none; display:block; margin: 0; padding: 0px; list-style:none; z-index: 13; top:0; left:0; }
	.TopMenuLIlvl3 { position: relative; float:none; display:block; width: 94%; height:auto; margin: 0 0 0 6%; padding: 0; font-family: 'Lato'; font-size:13px; font-weight:300; color:#FFFFFF; border-top: #FFFFFF solid 2px; white-space: normal; }
	.TopMenuLIlvl3:hover { background-color:#000000; }
	/* ------------------------------------------------------------------------------------------------------------------- */


	#footcontainerbox { padding: 5px 0 2em; overflow-y: hidden; }


	#contactformbox { padding:4em 2% 4em; }
	.contactformtitletxt {  }
	.contactformtexttxt {  }
	#contactformcol1 { float: none; width:100%; height:auto; padding:2% 0; }
	.formitemlbl { width: 20%; }
	.formitemnpt { width: 75%  }
	.formitemtxa { width: 75%  }
	#contactformcol2 { float: none; width:100%; height:auto; padding:2% 0; }
	#ipaddresstxt {  }
	#legalinfobox {  }
	#sendcontactformbtn { clear:both; float:right; width:auto; height:auto; padding:2px 10px; margin:2% 20px; font-size:14px; font-weight: bold; border:#FFFFFF solid 1px; color:#FFFFFF; cursor:pointer; }

	#companydatabox { padding:1em;  }
	#companydata1box { float:left; width: 49%; margin:0; }
	#companydata2box { float:right; width: 49%; margin:0; }
	.companydata2Atxt {  }
	.companydata2Btxt {  }
	.bulletchr0txt {  }
	#companydata3box { float:left; width: 49%; margin:20px 0 0; padding-left: 40px; }
	.companydata3Atxt {  }
	.companydata3Btxt {  }
	.companydata3Ctxt {  }
	#companydata4box { float:right; width: 49%; margin:20px 0 0; padding-left: 28px; }
	.companydata4Atxt {  }

	.dottedborder { width: 94%; margin: 2em 3%; padding-bottom:1%; }

	.extradatacolbox { width: calc(100%/2); }
	.extradatacolimg { width:100%; }

	}

/* ----------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- media only screen and max-width: 500px */
/* ----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 500px)
	{

	.clearonpc  { clear: none; }
	.clearontab { clear: both; }
	.clearonmob { clear: both; }

	.viewbonlypc { display: none; }
	.viewbonlytab { display: none; }
	.viewbonlymob { display: block; }
	.viewbonlyport { display: block; }

	.viewlonlypc { display: none; }
	.viewlonlytab { display: none; }
	.viewlonlymob { display: inline; }
	.viewlonlyport { display: inline; }

	.isolnklogo { display: none; }

	.fullcenterbox { width:100%; height:auto; }

	#containerredbox {  }
	#contredtag1 { float: none; width: 100%; height: 50px; padding:0; margin: 0; background-size: 40%; }
	#contredtag2 { float: none; width: 100%; height: 50px; padding:0; margin: 0; background-size: 50%; }
	#contredtag3 { float: none; width: 100%; height: 50px; padding:0; margin: 0; background-size: 50%; }


	#contactformbox { padding:4em 2% 4em; }
	.contactformtitletxt { margin: 2% 0; font-size:24px; line-height: normal; }
	.contactformtexttxt { margin:2% 0; font-size:13px; line-height: normal; }

	#contactformcol1 { float: none; width: 100%; height:auto; padding:2% 1%; margin:1em auto; }
	.formitemlbl { float: none; width:100%; height:auto; margin:1% 0; padding:4px 0; font-size:13px; font-weight:normal; }
	.formitemnpt { float: none; width:100%; height:auto; margin:1% 0 10px; padding:4px 1%; font-size:14px; }
	.formitemtxa { float: none; width:100%; height: 120px; margin:1% 0; padding:4px 1%; font-family: 'Lato'; font-size:16px; }

	#contactformcol2 { float: none; width: 100%; height:auto; padding:2% 0; margin: 1em 0; }
	#ipaddresstxt { padding:0 3% 1em; font-size:12px; line-height: normal; }
	#legalinfobox { padding:0 3% 2em; font-size:12px; line-height: normal; }

	#sendcontactformbtn { float:right; width:auto; height:auto; padding:2px 10px; margin:2% 20px; font-size:14px; font-weight: bold; border:#FFFFFF solid 1px; color:#FFFFFF; cursor:pointer; }


	#companydatabox { width: auto; margin: 0 auto; display: table; position: relative; }
	#companydata1box { float: none; width: 100%; padding:0; }
	#companydata2box { float: none; width: 100%; padding:0 0 0 50px; margin:15px 0 0; }
	.companydata2Atxt {  }
	.companydata2Btxt {  }
	.bulletchr0txt {  }
	#companydata3box { float: none; width: 100%; padding:0 0 0 50px; margin:15px 0 0; }
	.companydata3Atxt {  }
	.companydata3Btxt {  }
	.companydata3Ctxt {  }
	#companydata4box { float: none; width: 100%; padding:0 0 0 50px; margin:15px 0 0; }
	.companydata4Atxt {  }


	.dottedborder { border:none; margin: 1em 10%; width: 80%; }
	.bottommenuul { padding: 0; }
	.bottommenuli { display: block; width: 100%; font-size: 14px; padding: 12px 0; border: rgba(255,255,255,.3) dotted 1px; }

	.extradatacolbox { float:none; width: 100%; max-width:300px; padding:0 5%; margin:1em auto; text-align:center; }
	.extradatacolimg {  }

	}