﻿/* quicksand - local */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../shared/quicksand/quicksand-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../shared/quicksand/quicksand-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* default screen */
html,body{font-size:18px;}
@media only screen and (max-width:1300px){html,body{font-size:13px;}}
@media only screen and (min-width:1300px){html,body{font-size:16px;}}
@media only screen and (min-width:1600px){html,body{font-size:17px;}}
@media only screen and (min-width:2000px){html,body{font-size:18px;}}
@media only screen and (min-width:2600px){html,body{font-size:18px;}.c-h-img{height:33em !important;}}

/* material icons - local */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../../shared/material-icons/material-icons.woff2') format("woff2"), url('../../shared/material-icons/material-icons.woff') format('woff');
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1;
  letter-spacing: normal;
  vertical-align:text-bottom;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}


#header-menu i.material-icons{font-size:1.6em;vertical-align:middle;}
#footer-menu i.material-icons{font-size:1.6em;vertical-align:middle;}
.imid{vertical-align:middle;font-size:150%;}

/* global */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html,body,table,div,
tbody,th,tr,td,h1,
h2,h3,h4,h5{margin:0;padding:0;}
html{height:100%;}
body{height:100%;background-color:#FFF;font-family:'Quicksand',Arial,Helvetica,sans-serif;font-weight:500;line-height:1.5;color:darkslategray;}
table{border-spacing:0;width:100%;line-height:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;}
td{vertical-align:top;}
p{margin:0 0 0.4rem 0;padding:0;}
img{border:0;height:auto;}
ul li{list-style:square;}
hr{height:1px;border:none;color:#DDD;background-color:#DDD;}

a{text-decoration:none;}
a:link{color:#0277bd;}
a:visited{color:#0277bd;}
a:hover{color:coral;}
a:active{color:#0277bd;}

.bla:link{color:darkslategray;}
.bla:visited{color:darkslategray;}
.bla:hover{color:#0277bd;}
.bla:active{color:darkslategray;}

/* colors */
.col-blue{color:steelblue;}
.col-green{color:lightseagreen;}
.col-red{color:firebrick;}
.col-ora{color:coral;}

/* highlight */
.p-li{font-size:1.1em;color:darkslategrey;line-height:1.5;}
.p-la{font-size:1.1em;line-height:1.5;}
.xl{font-size:1.1em;line-height:1.8;}

.sourcecode{font-family:Consolas,monaco,monospace;font-size:0.9em;}
.kb-source{font-family:Consolas,monaco,monospace;font-size:0.9em;border:1px solid lightgray;background-color:#FAFAFC;padding:1em;margin:1em 0;}
.c-source{font-family:Consolas,monaco,monospace;font-size:0.9em;border:1px solid lightgray;background-color:#FAFAFC;padding:1em;margin:1em 0;}
.c-warning{font-family:Consolas,monaco,monospace;font-size:0.9em;border:1px solid firebrick;background-color:#FFF9F9;padding:1em;margin:1em 0;}
.c-shopgreen{font-size:1.125em;border:1px solid forestgreen;background-color:mintcream;padding:1em;margin:1em 0;}

.img-sh{box-shadow:0em 0em 1em lightgrey;}
.ico-sh{text-shadow:1px 1px 5px lightgrey;}

/* clearfix */
div:after,div:before{clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden;}

/* headings */
h1{font-size:2.3em;font-weight:400;color:#546e7a;margin-bottom:0.3em;line-height:1.25;}
h2{font-size:1.8em;font-weight:400;color:#546e7a;margin-bottom:0.6em;line-height:1.4;}
h3{font-size:1.6em;font-weight:400;color:#546e7a;margin-bottom:0.3em;line-height:1.4;}
h4{font-size:1.25em;font-weight:500;color:darkslategrey;margin-bottom:0.3em;line-height:1.4;}
h5{font-size:1.1em;font-weight:500;color:darkslategrey;margin-bottom:0.3em;line-height:1.4;}

/* header */
#header{width:100%;position:fixed;top:0;z-index:100;height:3.5em;background:rgba(11,18,45,0.9);background:linear-gradient(180deg,rgba(16,23,52,0.9) 0%,rgba(11,18,45,0.9) 100%);}
#header-in{width:80rem;margin:0 auto;}
#header-spacer{height:3.5em;background-color:grey;}
h2:target{padding-top:5rem;}
h3:target{padding-top:5rem;}
div:target{padding-top:5rem;}

#header-menu{width:auto;font-size:1em;color:#000;}
#header-menu > ul > li{border-right:1px solid rgba(150,150,150,0.2);}
#header-menu ul{margin:0;padding:0;}
#header-menu li{float:left;padding:0;list-style:none;margin:0;line-height:3.5rem;}
#header-menu li a{display:block;margin:0;padding:0 1em;text-align:center;color:#F0F0F0;}
#header-menu li ul a{padding:0 2em 0 1em;text-align:left;}
#header-menu ul ul a{color:#F0F0F0;line-height:2.4em;font-size:1rem;}
#header-menu li a:hover{background-color:steelblue;color:#FFF;}
#header-menu li ul{background-color:rgba(11,18,45,0.9);display:block;visibility:hidden;height:auto;position:absolute;width:auto;z-index:-10;}
#header-menu li:hover ul{visibility:visible;z-index:100;}
#header-menu li li{display:block;float:none;margin:0;padding:0;width:auto;}
#header-menu .logo{font-size:1.6em;font-weight:400;}
#header-menu .logo > a{padding:0 1rem 0 0}
#header-menu .logo > a:hover{background-color:transparent;}

/* sticky-footer */
#footer{width:100%;border-top:1px solid rgba(0,0,0,0.1);background:#F9F9FC;background:linear-gradient(180deg,rgba(254,254,255,1) 0%,rgba(236,236,246,1) 100%);}
.footer-push{height:3.5em;}
#content{min-height:100%;height:auto !important;height:100%;margin:0 auto -3.5em;}

#footer-menu{width:80rem;margin:0 auto;line-height:calc(3.5em - 1px);font-size:1em;color:darkslategray;vertical-align:middle;}
#footer-menu > ul > li{border-right:1px solid rgba(0,0,0,0.1);}
#footer-menu ul{margin:0;padding:0;width:100%;}
#footer-menu li{float:left;padding:0;list-style:none;margin:0;}
#footer-menu li a{display:block;text-align:center;color:darkslategray;}
#footer-menu li a:hover{color:steelblue;}
#footer-menu li p{margin:0;padding:0;}

/* content */
#content{width:100%;}
.c-h{margin-top:3.5em;width:100%;height:15em;background-color:#55677a;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0em 0em 1em lightgrey;background-image:url('arclab/head.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.c-h .c-def{padding:4em 0 0 0;}
.c-h h1{color:white;margin-bottom:0.1em;font-size:2.1em;font-weight:400;line-height:1.25;}
.c-h h2{color:white;margin-bottom:0;font-size:1.6em;font-weight:400;line-height:1.25;}
.c-h-stl{width:56em;float:left;}
.c-h-str{width:17em;float:left;color:black;}
.c-h-scr{height:3.5em;}
.c-h-img{margin:3.5em auto 0 auto;height:30em;background-color:#55677a;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;overflow:hidden;border-bottom:1px solid #C0C0C0;box-shadow:0em 0em 1em lightgrey;}
.c-h-in{margin:0 auto;padding:6em 0 0 0;width:80rem;}
.c-h-img h1{color:white;margin-bottom:0.075em;font-size:2.3em;font-weight:400;line-height:1.25;}
.c-h-img h2{color:white;margin-bottom:0;font-size:1.6em;font-weight:400;line-height:1.25;}
.c-def{margin:0 auto;padding:4em 0;width:80rem;}
.c-nopad{margin:0 auto;padding:0;width:80rem;}
.c-lg{background:#F9F9FC;background:linear-gradient(180deg,rgba(251,251,254,1) 0%,rgba(245,245,248,1) 100%);color:darkslategray;}
.c-lbr{background-color:#efebe9;color:darkslategray;}
.c-lamb{background-color:#fff8e1;color:darkslategray;}
.c-ly{background-color:#fffde7;color:darkslategray;}
.c-lgreen{background-color:#f4faf5;color:darkslategray;}
.c-shell{background-color: #fcfaf5;}

/* buttons */
.butt{display:inline-block;padding:0 1.5rem;margin-top:0.5rem;line-height:2.5rem;border-radius:0.1em;color:#FFF;font-weight:500;font-size:1em;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%),gray;}
.butt:link{color:#FFF;text-decoration:none;}
.butt:visited{color:#FFF;}
.butt:hover{background-color:coral;color:#FFF;}
.butt:active{position:relative;top:0.075em;}
.butt-blue{background-color:steelblue;}
.butt-green{background-color:lightseagreen;}
.butt-red{background-color:firebrick;}

.butt-header{display:inline-block;padding:0 1.5rem;margin-top:0.5rem;line-height:2.5rem;border-radius:0.2em;color:#FFF;border:0.1em solid white;font-size:1.2em;}
.butt-header:link{color:#FFF;text-decoration:none;background-color:rgba(96,96,96,0.1);}
.butt-header:visited{color:#FFF;}
.butt-header:hover{background-color:rgba(96,96,96,0.2);}
.butt-header:active{position:relative;top:0.075em;}

.store-discount-red{background-image:url('store/discount-red.png');background-size:auto;background-repeat:no-repeat;background-position:right top;}

/* mid */
.p-mid{font-size:1.3rem;color:rgba(255,255,255,0.85);font-weight:400;}
.h-mid{font-size:2rem;color:rgba(255,255,255,0.85);padding-top:0.5em;}

/* borders */
.b-all{border:1px solid rgba(0,0,0,0.1);}
.b-2all{border:1px solid rgba(0,0,0,0.1);}
.b-l{border-left:1px solid rgba(0,0,0,0.1);}
.b-r{border-right:1px solid rgba(0,0,0,0.1);}
.b-t{border-top:1px solid rgba(0,0,0,0.1);}
.b-b{border-bottom:1px solid rgba(0,0,0,0.1);}
.b-green{border:1px solid lightseagreen;}
.b-2green{border:2px solid lightseagreen;}

/* tables */
.t-fine>tbody>tr>td{padding:0.5rem 0.75rem;vertical-align:middle;border-top:1px solid rgba(0,0,0,0.1);}
.t-fine>tbody>tr:first-child{background-color:transparent !important;font-size:1.1em;color:slategrey;}
.t-fine>tbody>tr:nth-child(even){background-color:#FAFAFC;}
.t-fine>tbody>tr:first-child>td{border-top:0;border-bottom:0;}
.t-fine>tbody>tr:last-child>td{border-bottom:1px solid rgba(0,0,0,0.1);}

.t-grid>tbody>tr>td{padding:0.5rem;vertical-align:top;border-left:1px solid rgba(0,0,0,0.1);}
.t-grid>tbody>tr>td:last-child{border-right:1px solid rgba(0,0,0,0.1);}
.t-grid>tbody>tr:nth-child(odd){background-color:#FAFAFC;}
.t-grid>tbody>tr:first-child>td{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.t-grid>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.1);}

.t-grid2>tbody>tr>td{padding:0.5rem;vertical-align:top;border-left:1px solid rgba(0,0,0,0.1);}
.t-grid2>tbody>tr>td:last-child{border-right:1px solid rgba(0,0,0,0.1);}
.t-grid2>tbody>tr:first-child>td{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.t-grid2>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.1);}

/* flags */
.flag{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em;}
.flag:before{content:'\00a0';}

.flag-ar{background-image:url('../../shared/flags/ar.svg');}
.flag-at{background-image:url('../../shared/flags/at.svg');}
.flag-be{background-image:url('../../shared/flags/be.svg');}
.flag-br{background-image:url('../../shared/flags/br.svg');}
.flag-ch{background-image:url('../../shared/flags/ch.svg');}
.flag-cl{background-image:url('../../shared/flags/cl.svg');}
.flag-cn{background-image:url('../../shared/flags/cn.svg');}
.flag-co{background-image:url('../../shared/flags/co.svg');}
.flag-de{background-image:url('../../shared/flags/de.svg');}
.flag-es{background-image:url('../../shared/flags/es.svg');}
.flag-eu{background-image:url('../../shared/flags/eu.svg');}
.flag-fr{background-image:url('../../shared/flags/fr.svg');}
.flag-gb{background-image:url('../../shared/flags/gb.svg');}
.flag-in{background-image:url('../../shared/flags/in.svg');}
.flag-it{background-image:url('../../shared/flags/it.svg');}
.flag-lu{background-image:url('../../shared/flags/lu.svg');}
.flag-mx{background-image:url('../../shared/flags/mx.svg');}
.flag-nl{background-image:url('../../shared/flags/nl.svg');}
.flag-pe{background-image:url('../../shared/flags/pe.svg');}
.flag-pt{background-image:url('../../shared/flags/pt.svg');}
.flag-tr{background-image:url('../../shared/flags/tr.svg');}
.flag-un{background-image:url('../../shared/flags/un.svg');}
.flag-us{background-image:url('../../shared/flags/us.svg');}

/* sitemap */
.sima{background:#F9F9FC;background:linear-gradient(180deg,rgba(254,254,255,1) 0%,rgba(237,237,240,1) 100%);}
.sima ul{padding-left:0;}
.sima ul > li{ list-style:none;}
.sima ul > li:first-child{margin-top:0.25em;}
.sima ul > li > ul{padding-left:2em;font-size:0.875rem;}
.sima ul > li > ul > li{list-style:square;color:coral;}
.sima a{color:darkslategray;}
.sima a:hover{color:coral;}

/* bigb */
.bigb{box-shadow:0 0 1em 0px lightgray;background-color:white;}
.bigb-top{background:#F9F9FC;background:linear-gradient(180deg,rgba(254,254,255,1) 0%,rgba(242,242,245,1) 100%);border-left:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;padding:1.5em 0 1em 0;}
.bigb-top h4 a{color:darkslategray;}
.bigb-top h4 a:hover{color:coral;}
.bigb-bottom{border-left:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;padding:1.5em;}

/* front */
.si2t div:first-child{float:left;width:6%;font-size:3rem;color:slategray;}
.si2t div:last-child{float:left;width:94%;padding-top:1rem;}
.si2h{font-size:1.5rem;color:slategray;}

/* KB */
.kbp{cursor:pointer;}
.kbh{border-left:1px solid #55677a;border-right:1px solid #55677a;border-top:1px solid #55677a;width:100%;background-color:#55677a;color:whitesmoke;padding:0.25rem 2rem;}
.kba{border:1px solid #55677a;width:100%;height:12rem;background-color:#55677a;color:white;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;overflow:hidden;padding:2rem;}

/* tabs */
.atab-b {border-bottom:1px solid #c0c0c0; }
.atab-t {border-top:1px solid #c0c0c0; }
.atab-l {border-left:1px solid #c0c0c0; }
.atab-r {border-right:1px solid #c0c0c0; }
.atab-w {background-color:white; color:dimgray;}
.atab-g {color:black; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(64,64,128,0.1) 100%);}	
.atab {margin-bottom:3rem; font-size: 1.2rem; text-align:center; line-height:2.5em; color: darkslategray;}
.atab div {height:2.5em;float:left;}
.atab a {text-decoration: none; display:block; cursor:pointer;}
.atab a:link {color: darkslategray;}
.atab a:visited {color: darkslategray;}
.atab a:hover {color: steelblue;}
.atab a:active {color: darkslategray;}

/* front */
.c-h-front{height:36em;}
.front-slides {width:80rem;margin-top:3em;position:absolute;display:none;animation:front-ani-slides 0.75s;color:white;}
.front-slides-navi {position:absolute;cursor:pointer;font-size:3em;top:19rem;color:rgba(255,255,255,0.5);}
.front-slides-navi a:hover {color:rgba(0,0,0,0.5);}
.front-p {font-size:1.1rem;}
@keyframes front-ani-slides {from {opacity:0} to {opacity:1}}


