/*SSCSS 2.0 - a CSS framework from - SINALSOFT 2003 - 2020 - all rights reserved*/
/*SSCSS - Layout
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
html{ box-sizing:border-box; }*,*:before,*:after{ box-sizing:inherit; }  html{ overflow-x:hidden; } html{ /*-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;*/ }
body{ margin:0; }
.container { }
footer { overflow: hidden; right: 0; bottom: 0; left: 0; z-index: 9999; }
.ss-row {width:100%;height:auto;overflow:hidden;clear:both;}
.ss-row-inc { width:auto; max-width:1000px; margin:auto; }
.ss-row-inc-static { width:auto; max-width:1000px; }
.ss-row-bg-mark { background-image:url('/../../../../../ss-img/global/logos/ss.vectorial100x35.2013totbk.png'); background-repeat:no-repeat; background-position: 50px bottom; }
/*adjusted*/
.ss-padding {padding:50px;}/*<-- perso*/ .ss-padding-1 {padding:1px;}.ss-padding-2 {padding:2px;}.ss-padding-3 {padding:3px;}.ss-padding-4 {padding:4px;}.ss-padding-5 {padding:5px;}.ss-padding-10 {padding:10px;}.ss-padding-20 {padding:20px;} .ss-padding-30 {padding:30px;} .ss-padding-40 {padding:40px;}.ss-padding-50 {padding:50px;} .ss-padding-0-10 {padding:0px 10px;}.ss-padding-0-20 {padding:0px 20px;}.ss-padding-0-30 {padding:0px 30px;}.ss-padding-0-40 {padding:0px 40px;}.ss-padding-0-50 {padding:0px 50px;} .ss-padding-10-20 {padding:10px 20px;} .ss-padding-10-30 {padding:10px 30px;} .ss-padding-10-40 {padding:10px 40px;} .ss-padding-10-50 {padding:0px 50px;} .ss-padding-20-10 {padding:20px 10px;} .ss-padding-20-30 {padding:20px 30px;} .ss-padding-20-40 {padding:20px 40px;} .ss-padding-20-50 {padding:20px 50px;} .ss-padding-30-10 {padding:30px 10px;} .ss-padding-30-20 {padding:30px 20px;} .ss-padding-30-40 {padding:30px 40px;} .ss-padding-30-50 {padding:30px 50px;} .ss-padding-40-10 {padding:40px 10px;} .ss-padding-40-20 {padding:40px 20px;} .ss-padding-40-30 {padding:40px 30px;} .ss-padding-40-50 {padding:40px 50px;} .ss-padding-50-10 {padding:50px 10px;} .ss-padding-50-20 {padding:50px 20px;} .ss-padding-50-30 {padding:50px 30px;}
.ss-margin{margin:0px;}/*<-- perso*/ .ss-margin-1 {margin:1px;}.ss-margin-2 {margin:2px;}.ss-margin-3 {margin:3px;}.ss-margin-4 {margin:4px;}.ss-margin-5 {margin:5px;}.ss-margin-10 {margin:10px;}.ss-margin-20 {margin:20px;} .ss-margin-30 {margin:30px;} .ss-margin-40 {margin:40px;}.ss-margin-50 {margin:50px;} .ss-margin-0-10 {margin:0px 10px;}.ss-margin-0-20 {margin:0px 20px;}.ss-margin-0-30 {margin:0px 30px;}.ss-margin-0-40 {margin:0px 40px;}.ss-margin-0-50 {margin:0px 50px;} .ss-margin-10-20 {margin:10px 20px;} .ss-margin-10-30 {margin:10px 30px;} .ss-margin-10-40 {margin:10px 40px;} .ss-margin-10-50 {margin:0px 50px;} .ss-margin-20-10 {margin:20px 10px;} .ss-margin-20-30 {margin:20px 30px;} .ss-margin-20-40 {margin:20px 40px;} .ss-margin-20-50 {margin:20px 50px;} .ss-margin-30-10 {margin:30px 10px;} .ss-margin-30-20 {margin:30px 20px;} .ss-margin-30-40 {margin:30px 40px;} .ss-margin-30-50 {margin:30px 50px;} .ss-margin-40-10 {margin:40px 10px;} .ss-margin-40-20 {margin:40px 20px;} .ss-margin-40-30 {margin:40px 30px;} .ss-margin-40-50 {margin:40px 50px;} .ss-margin-50-10 {margin:50px 10px;} .ss-margin-50-20 {margin:50px 20px;} .ss-margin-50-30 {margin:50px 30px;}
.ss-margin-r-30per { margin-right:30%; }.ss-margin-r-10per { margin-right:10%; }
.ss-margin-l-30per { margin-left:30%; }.ss-margin-l-10per { margin-left:10%; }
/*appearance*/
.ss-float-l{float:left;}.ss-float-r{float:right;}.ss-float-n{float:none;}
.ss-display-b{display:block;}.ss-display-i{display:inline;}.ss-display-f{display:flex;}.ss-display-n{display:none;}
.ss-align-c{text-align:center;}.ss-align-l{text-align:left;}.ss-align-r{text-align:right;}.ss-align-n{text-align:none;}
.ss-alignv-c{vertical-align:central;} .ss-alignv-t{vertical-align: top;} .ss-alignv-m{vertical-align: middle;} .ss-alignv-tb{vertical-align: text-bottom;} .ss-alignv-b{vertical-align: bottom;} .ss-alignv-bl{vertical-align: baseline;}
.ss-justify-c{justify-content: center;}.ss-justify-l{justify-content:left;}.ss-justify-r{justify-content:right;}.ss-justify-n{justify-content:none;}
.ss-clear { clear:both; } .ss-clear-b { clear:both; } .ss-clear-l { clear:left; } .ss-clear-r { clear:right; }
/*measures*/
.ss-h-50{height:50px;}.ss-h-75{height:75px;}.ss-h-100 { height:100px; }.ss-h-200 { height:200px; }.ss-h-300 { height:300px; }.ss-h-400 { height:400px; }.ss-h-500 { height:500px; }.ss-h-600 { height:600px; }.ss-h-700 { height:700px; }.ss-h-800 { height:800px; }.ss-h-900 { height:900px; }.ss-h-1000 { height:1000px; }.ss-h-1500 { height:1500px; }.ss-h-150 { height:150px; }.ss-h-250 { height:250px; }.ss-h-350 { height:350px; }.ss-h-450 { height:450px; }.ss-h-550 { height:550px; }.ss-h-650 { height:650px; }.ss-h-750 { height:750px; }.ss-h-850 { height:850px; }.ss-h-950 { height:950px; }
.ss-w-auto{width:auto;} .ss-w-50{width:50px;}.ss-w-100 { width:100px; }.ss-w-200 { width:200px; }.ss-w-300 { width:300px; }.ss-w-400 { width:400px; }.ss-w-500 { width:500px; }.ss-w-600 { width:600px; }.ss-w-700 { width:700px; }.ss-w-800 { width:800px; }.ss-w-900 { width:900px; }.ss-w-1000 { width:1000px; }.ss-w-1500 { width:1500px; }.ss-w-150 { width:150px; }.ss-w-250 { width:250px; }.ss-w-350 { width:350px; }.ss-w-450 { width:450px; }.ss-w-550 { width:550px; }.ss-w-650 { width:650px; }.ss-w-750 { width:750px; }.ss-w-850 { width:850px; }.ss-w-950 { width:950px; }
.ss-text{font-size:16px; font-weight: normal; font-weight:normal; font-style:normal; text-emphasis:none; text-decoration:none;}
.ss-text-16{font-size:16px;}.ss-text-18{font-size:18px;}.ss-text-20{font-size:20px;}/* 241118-> */.ss-text-22{font-size:22px;}.ss-text-24{font-size:24px;}.ss-text-26{font-size:26px;}
.ss-text-l{font-weight:lighter;}.ss-text-s{font-weight: bold;}.ss-text-st{font-weight:bolder;}.ss-text-i{font-style:italic;}.ss-text-c{font-variant:small-caps;}.ss-text-u{ text-decoration:underline;}.ss-text-lt{text-decoration:line-through;}
/*geometry*/
.ss-square,.ss-square-50,.ss-square-100,.ss-square-150,.ss-square-200,.ss-square-250,.ss-square-300,.ss-square-400,.ss-square-500 {overflow:hidden; box-sizing:border-box;text-align:center; display:table-cell; vertical-align:middle;}
.ss-square{width:100px; height:100px;}.ss-square-50{width:50px; height:50px;}.ss-square-100{width:100px; height:100px;}.ss-square-150{width:150px; height:150px;}.ss-square-200{width:200px; height:200px;}.ss-square-250{width:250px; height:250px;}.ss-square-300{width:300px; height:300px;}.ss-square-400{width:400px; height:400px;}.ss-square-500{width:500px; height:500px;}
.ss-circle,.ss-circle-50,.ss-circle-100,.ss-circle-120,.ss-circle-150,.ss-circle-200,.ss-circle-250,.ss-circle-300,.ss-circle-400,.ss-circle-500 { overflow:hidden; box-sizing:border-box; border-radius:50%; text-align:center; display:table-cell; vertical-align:middle;}
.ss-circle{width:100px; height:100px;}.ss-circle-50{width:50px; height:50px;}.ss-circle-100{width:100px; height:100px;}.ss-circle-120{width:120px; height:120px;}.ss-circle-150{width:150px; height:150px;}.ss-circle-200{width:200px; height:200px;}.ss-circle-250{width:250px; height:250px;}.ss-circle-300{width:300px; height:300px;}.ss-circle-400{width:400px; height:400px;}.ss-circle-500{width:500px; height:500px;}
	/*Note: the triangle does'nt have a bg color, it must be inherited by it's element container's border color, e.g.: border-bottom-color: rgb(234, 115, 53);  */
.ss-triangle, .ss-triangle-50, .ss-triangle-150, .ss-triangle-200, .ss-triangle-250 {width: 0px; height: 0px; border-style: none solid solid solid; border-bottom-color: inherit; border-right-color: transparent;  border-left-color: transparent; overflow: visible; box-sizing:border-box; text-align:center;}
.ss-triangle {border-width: 0px 50px 100px 50px;}.ss-triangle-50 {border-width: 0px 25px 50px 25px;}.ss-triangle-150 {border-width: 0px 75px 150px 75px;}.ss-triangle-200 {border-width: 0px 100px 200px 100px;}.ss-triangle-250 {border-width: 0px 125px 250px 125px;}
/*blocks ----- ----- ----- -----*/
.ss-blk, .ss-blk2, .ss-blk3, .ss-blk4, .ss-blk5, .ss-blk6, .ss-blk7, .ss-blk8, .ss-blk9, .ss-blk10{float:left;box-sizing:border-box; padding:50px;}
.ss-blk-nopad, .ss-blk2-nopad, .ss-blk3-nopad, .ss-blk4-nopad, .ss-blk5-nopad, .ss-blk6-nopad, .ss-blk7-nopad, .ss-blk8-nopad, .ss-blk9-nopad, .ss-blk10-nopad{float:left;box-sizing:border-box;}
.ss-blk,.ss-blk-nopad{width:96%} .ss-blk2,.ss-blk2-nopad{width:50%} .ss-blk3,.ss-blk3-nopad{width:33.33%} .ss-blk4,.ss-blk4-nopad{width:25%}.ss-blk5,.ss-blk5-nopad{width:20%}.ss-blk6,.ss-blk6-nopad{width:16.66%}.ss-blk7,.ss-blk7-nopad{width:14.28%}.ss-blk8,.ss-blk8-nopad{width:12.5%}.ss-blk9,.ss-blk9-nopad{width:11.11%}.ss-blk10,.ss-blk10-nopad{width:10%}
.ss-blk2-inc { box-sizing:border-box; padding:0px;	width:auto; max-width:460px; margin:auto; }
/*text and font*/
.ss-wide{letter-spacing:4px;}
.ss-serif{font-family:serif;}
/*perso ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- -----*/
#logodv { background-image:url('/ss-img/global/logos/ss.logo500x175.png'); z-index: 1000; position: absolute; top: 0px; right: 0px; width: 140px; border:0px orange solid; height: 45px; margin: 10px 20px 0px 0px; background-position: left top; background-repeat: no-repeat; background-size:cover; }
#logodv img { width: 100%; height: 45px; border-width: 0px; } /*invisible*/
#navHm { height:auto; }
#navHm ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; /* background-color:  rgb(51, 51, 51); ;*/}
#navHm li { float: left; }
#navHm li a { display: block; color: white; text-align: center; padding: 24px 16px; text-decoration: none; }
#navHm li a:hover:not(.active) { background-color: rgba(255, 55, 0, 0.9); }
#navHm .active { background-color: rgba(255, 55, 0, 0.6); }
#langDiv { width:auto; max-width:150px; margin:20px 220px 0px 20px; font-size:14px; }
.langSpn { display:none; }
#sessDiv { width:auto; min-width:50px; margin:20px 50px 0px 20px; font-size:14px; border-radius:10px 10px 10px 10px; padding:2px 3px 3px 4px; text-align:center; }
/*#sessDiv strong { width:auto; max-width:150px;margin:20px 50px 0px 20px; font-size:14px;}*/
#langShow { } #langShow a { color: rgb(255, 255, 234); }
#langActual { cursor:pointer; display:inline; } .langChange:hover { text-decoration:underline; }
#langCancel{ cursor:pointer; color:rgb(204, 0, 0); }
/*measures*/
.h-100 { height:100px; }.h-200 { height:200px; }.h-300 { height:300px; }.h-400 { height:400px; }.h-500 { height:500px; }.h-600 { height:600px; }.h-700 { height:700px; }.h-800 { height:800px; }.h-900 { height:900px; }.h-1000 { height:1000px; }
/*----- ----- ----- ----- -----*/
@media (max-width:1000px){
.ss-blk2, .ss-blk3, .ss-blk4, .ss-blk5, .ss-blk6{float:none;padding:20px; width:100%;}
.ss-blk2-nopad, .ss-blk3-nopad, .ss-blk4-nopad, .ss-blk5-nopad, .ss-blk6-nopad{float:none;padding:20px; width:100%;}
}
@media (max-width:650px){
#logodv { z-index: 1000; position: absolute; top: 0px; right: 0px; width: 140px; height: 45px; margin: 80px 20px 0px 0px; background-position: left top; background-repeat: no-repeat; }
#navHm ul { height:160px; }
}