
html
{
font-size:13px;
}

:root
{
  --size0-1: 0.1rem;
  --size0-2: 0.2rem;
  --size0-3: 0.3rem;
  --size0-4: 0.4rem;
  --size0-5: 0.5rem;
  --size0-6: 0.6rem;
  --size0-7: 0.7rem;
  --size0-8: 0.8rem;
  --size0-9: 0.9rem;
  --size1-0: 1.0rem;
  --size1-1: 1.1rem;
  --size1-2: 1.2rem;
  --size1-3: 1.3rem;
  --size1-4: 1.4rem;
  --size1-5: 1.5rem;
  --size1-6: 1.6rem;
  --size1-7: 1.7rem;
  --size1-8: 1.8rem;
  --size1-9: 1.9rem;
  --size2-0: 2.0rem;
  --size2-1: 2.1rem;
  --size2-2: 2.2rem;
  --size2-3: 2.3rem;
  --size2-4: 2.4rem;
  --size2-5: 2.5rem;
  --size2-6: 2.6rem;
  --size2-7: 2.7rem;
  --size2-8: 2.8rem;
  --size2-9: 2.9rem;
  --size3-0: 3.0rem;
  --size3-1: 3.1rem;
  --size3-2: 3.2rem;
  --size3-3: 3.3rem;
  --size3-4: 3.4rem;
  --size3-5: 3.5rem;
  --size3-6: 3.6rem;
  --size3-7: 3.7rem;
  --size3-8: 3.8rem;
  --size3-9: 3.9rem;
  --size4-0: 4.0rem;
  --size4-1: 4.1rem;
  --size4-2: 4.2rem;
  --size4-3: 4.3rem;
  --size4-4: 4.4rem;
  --size4-5: 4.5rem;
  --size4-6: 4.6rem;
  --size4-7: 4.7rem;
  --size4-8: 4.8rem;
  --size4-9: 4.9rem;
  --size5-0: 5.0rem;
  --size5-1: 5.1rem;
  --size5-2: 5.2rem;
  --size5-3: 5.3rem;
  --size5-4: 5.4rem;
  --size5-5: 5.5rem;
  --size6-0: 6.0rem;
  --size6-8: 6.8rem;
  --size8-0: 8.0rem;
  --size8-5: 8.5rem;
}

@font-face
{
font-family:segoe_lighter;
font-style:normal;
font-weight:300;
src:url('../fonts/segoe.woff') format("woff");
}

.strut
{
display:inline-block;
vertical-align:middle;
height:100%;
width:0rem;
padding:0;
margin:0;
margin-left:-0.2rem;
background:transparent;
}

html
{
direction:ltr;
height:100%;
vertical-align:middle;
}

body
{
background-color:#f5f5f5;
-webkit-font-smoothing: antialiased;
margin:0;
padding:0;
overflow:auto;
/* height:100%; */
min-height:100%;

text-align:center;
color:#000000;
}

#enveloppe
{
overflow-y: hidden;
overflow-x: auto;
position: relative;
width: 100%;
height: 100%;
padding-top:48px;
background-color:#ffffff;
}

.ctnr, .ctnr2
{
position:relative;
display:block;
width:100%;
height:100%;
min-height:55rem;
overflow:hidden;
}

*:hover
{
outline-style:none;
}

*:focus
{
outline-style:none;
}

*:active
{
outline-style:none;
}

* a
{
cursor:pointer;
text-decoration:none;
}

a:hover, button:hover, input[type=button]:hover
{
opacity:0.5;
}

a.bluelink
{
  color: blue !important;
  display: inline !important;
  font-size:inherit !important;
  line-height:inherit !important;
}

a.bluelink:hover
{
  text-decoration: underline !important;
  opacity: 1 !important;
}

textarea, [type=text], [type=password]
{
display:inline-block;
color:#000000 !important;
padding:0.1rem 0.5rem;
border:0.1rem solid #aeaeae;
}

small, .smaller
{
font-size:smaller;
}

div.smallctnr
{
font-size:var(--size2-0);
line-height:var(--size2-0);
}

ul, li
{
list-style:disc;
padding-left:2.4rem;
}

li
{
display: list-item;
padding-bottom:1.8rem;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:2.6rem;
line-height:var(--size2-6);
}

h1, h6
{
text-align:left;
font-size:5.2rem;
font-size:var(--size5-2);
line-height:6.8rem;
line-height:var(--size6-8);
/* letter-spacing:-0.2rem; */
}

h2
{
text-align:left;
font-size:3.8rem;
font-size:var(--size3-8);
line-height:3.8rem;
line-height:var(--size3-8);
/* letter-spacing:-0.1rem; */
}

h3
{
text-align:left;
font-size:3rem;
font-size:var(--size3-0);
line-height:4rem;
line-height:var(--size4-0);
/* letter-spacing:-0.1rem; */
}

h4
{
text-align:left;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:2.4rem;
line-height:var(--size2-4);
/* letter-spacing:-0.1rem; */
}

h5
{
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2.4rem;
line-height:var(--size2-4);
/* letter-spacing:-0.1rem; */
}

.blockleft
{
text-align:left !important;
margin-left:0 !important;
padding-left:0 !important;
}

.blockright
{
text-align:right !important;
margin-right:0 !important;
padding-right:0 !important;
}

.menutop-mainlogo_ctnr
{
position:absolute;
display:block;
top:6rem;
z-index:500;
background:#ffffff;
text-align:center;
overflow:visible;
width:100%;
height:6rem;
padding:1.5rem;
padding-left:0;
line-height:0;
}

.maintop_logodiv
{
display:inline-block;
width:100%;
height:100%;
background-image: url('../images/solystate2.png');
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
cursor:pointer;
}

.maintop_logodiv:hover
{
opacity:0.5;
}

.menutop-socials_ctnr
{
position:absolute;
right:0;
top:30%;
z-index:890;
background:rgba(255,255,255,0.65);
}

.menutop-socials_ctnr a
{
display:block;
margin:2.5rem;
}

.menutop-socials_ctnr a img
{
width:3rem;
}

.bar1
{
height:100%;
margin:0;
padding:0;
z-index:10;
text-align:center;
background:#4f4f4f;

background-image: url('../images/bg1.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}

.bar1 *
{
color:#ffffff;
}

.bar2
{
position:relative;
width:100%;
background:#ffffff;
margin:0;
padding:0;
z-index:5;
color:#000000;
text-align:center;
}

.bar2 *
{
color:#000000;
text-align:center;
}

.bar1bg
{
position:absolute;
width:100%;
height:100%;
background:rgba(64,64,64,0.4);
z-index:0;
}

.bar1bg video
{
width:100%;
object-fit:contain;
}

.block1,.block3,.block4,.block5,.block6
{
position:relative;
display:inline-block;
width:100%;
height:100%;
text-align:left;
padding:0;
padding-top:2rem;
padding-bottom:4rem;
vertical-align:middle;
z-index:0;
margin:0;
}

.block5
{
padding:2rem;
margin-top:10rem;
margin-bottom:10rem;
}

.block6
{
padding:2rem;
}

.block5, .block5  .subspace , .block6, .block6  .subspace
{
vertical-align:top;
}

.block1 h1, .block1 h6
{
text-align:left;
margin-bottom:5rem;
}

.block1 h5
{
text-align:right;
}

.submenubar
{
width:60rem;
height:4rem;
margin:0;
padding:0;
z-index:200;
text-align:center;
white-space:nowrap;
background:#ffffff;
border-bottom:0.1rem solid #a0a0a0;
}

.submenubar-products_ctnr
{
position:fixed;
top:0;
display:block;
width:100%;
height:6rem;
padding:0;
text-align:center;
font-size:1.2rem;
font-size:var(--size1-2);
line-height:0.8rem;
line-height:var(--size0-8);
background:#f5f5f5;
border-bottom:0.1rem solid #a0a0a0;
z-index:1000;
}

.submenubar-mainlogo_ctnr
{
display:none;
height:100%;
width:100%;
position:relative;
padding:1rem;
padding-left:0;
float:right;
}

.submenubar-products_div
{
height:6rem;
width:100%;
padding:0.5rem;
font-size:1.2rem;
font-size:var(--size1-2);
line-height:0.8rem;
line-height:var(--size0-8);
}

.submenubar-itemlink
{
display:inline-block;
color:#404040;width:15rem;
margin-left:2.5rem;
margin-right:2.5rem;
}

.submenubar-itemlink img
{
margin:0.5rem 0 0.5rem 0;
height:2.5rem;
width:auto;
}

.submenubar-login_ctnr
{
position:absolute;
bottom:0;
display:block;
width:100%;
height:10rem;
text-align:left;
padding:0.5rem;
padding-bottom:1rem;
font-size:1.2rem;
font-size:var(--size1-2);
line-height:1.2rem;
line-height:var(--size1-2);
background:rgba(0,0,0,0.5);
z-index:990;
}

.submenubar-login_itemdiv
{
display:inline-block;
padding:0;
font-size:1.2rem;
font-size:var(--size1-2);
line-height:2rem;
line-height:var(--size2-0);
text-align:left;
color:#ffffff;
}

.submenubar-login_itemdiv [type=text], .submenubar-login_itemdiv [type=password], .submenubar-login_itemdiv button, .submenubar-login_itemdiv [type=button]
{
display:inline-block;
height:2.4rem;
vertical-align:top;
}

.submenubar-login_itemdiv [type=text], .submenubar-login_itemdiv [type=password]
{
font-size:1.6rem;
font-size:var(--size1-6);
line-height:1.8rem;
line-height:var(--size1-8);
padding:0.1rem 0.4rem;
width:20rem;
}

.submenubar-login_itemdiv button, .submenubar-login_itemdiv [type=button]
{
padding:0.2rem 0.6rem;
font-size:1.4rem;
font-size:var(--size1-4);
line-height:1.6rem;
line-height:var(--size1-6);
}

.bar3
{
position:relative;
width:100%;
margin:0;
padding:0;
z-index:0;
text-align:center;
background-color:#f5f5f5;
background-image: url("../images/fiber-bg.png");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.block3
{
text-align:center;
white-space:normal;
}

.subspace
{
display:inline-block;
text-align:left;
padding:2rem;
width:100%;
}
/*
.bar4
{
background:#b62d50;
background: -o-radial-gradient(center, ellipse cover, #e68484 0%, #b62d50 100%);
background: -moz-radial-gradient(center, ellipse cover, #e68484 0%, #b62d50 100%);
background: -webkit-radial-gradient(center, ellipse, #e68484 0%, #b62d50 100%);
background: radial-gradient(ellipse at center, #e68484 0%, #b62d50 100%);
color:#ffffff;
}
*/

.bar4
{
background: #3a8285 url("../images/red-bg.jpg") 50% 50% no-repeat;
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
}

.bar4, .bar4 .overtitle, .bar4 .overtitle *
{
color:#ffffff;
}

.block4
{
text-align:center;
height:100%;
position:relative;
white-space:normal;
}

.block3 a, .block4 a
{
font-size:1.6rem;
font-size:var(--size1-6);
line-height:1.8rem;
line-height:var(--size1-8);
display:block;
color:#ffffff;
font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
font-weight:normal;
text-align:right;
}

.block1 a:not(.abutton):hover, .block4 a:not(.abutton):hover.block3 a:not(.abutton):hover, .block4 a:not(.abutton):hover
{
text-decoration:underline;
}

.block5
{
text-align:center;
}

.overtitle
{
margin-bottom:2rem;
}


.overtitle h4
{
color:#707070;
line-height:3rem;
line-height:var(--size3-0);
}

.product_frame_block
{
text-align:center;
white-space:nowrap;
}

.product_frame
{
display:inline-block;
text-align:left;
white-space:normal;
vertical-align:middle;
padding:2rem;
border:0.1rem solid #707070;
background:#ffffff;
min-height:24.5rem;
position:relative;
padding-bottom:4rem;
}

.product_frame_separator
{
display:inline-block;
width:3rem;
}

.product_frame_title_block
{
margin-bottom:1.6rem;
}

.pack_frame .product_frame_title_block img
{
display:inline-block;
width:11.2rem;
vertical-align:top;
margin:0rem;
float:right;
}

.product_frame_title_block img
{
display:inline-block;
width:6.5rem;
vertical-align:top;
margin-top:0;
margin-right:1rem;
}

.product_frame_title
{
display:inline-block;
vertical-align:top;
padding-top:0.6rem;
}

.product_frame_getmorelink
{
position:absolute;
height:2em;
bottom:0.5em;
display:block;
color:#7426de;
font:1.6rem/1.8rem 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
font-weight:bold;
}


.overtitle .block5 h1,.overtitle .block5 h6
{
margin-bottom:1rem;
}

.bar5
{
background-color:#ffffff;
}

.bar6
{
background:#4f4f4f;
color:#ffffff;
}

.bar6, .bar6 .overtitle, .bar6 .overtitle *
{
color:#ffffff;
}


.bar6 *
{
text-align:left;
}

.bar7
{
background: #3a8285 url("../images/green-bg.jpg") 50% 50% no-repeat;
background-position: left top;
background-size: cover;
}

.bar7, .bar7 .overtitle, .bar7 .overtitle *
{
color:#ffffff;
}

.bar7 .overtitle
{
margin-bottom:2.5rem;
}

.bar8
{
background: #1a52b5 url("../images/clouds.jpg") 50% 50% no-repeat;
background-position: left top;
background-size: cover;
}

.bar8, .bar8 .overtitle, .bar8 .overtitle *
{
color:#ffffff;
}

.bar8 .overtitle
{
margin-bottom:2.5rem;
}

.bar8 .overtitle
{
background-image: url('../images/cloud_small.png');
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}


.bar9
{
/*  background: #ffffff url("../images/4847466.jpg");*/
  background: #ffffff url("../images/5594016.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color:#000000;
}


.bar6_titleblock
{
min-height:16rem;
background-image: url('../images/calculator2.png');
background-position: 100% 0%;
background-size: cover;
background-repeat: no-repeat;
}

.block6
{
position:relative;
text-align:left;
white-space:normal;
}

div.abutton_ctnr
{
text-align:center;
}

div.abutton_ctnr a
{
display: inline-block;
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight: 300;
font-size: 2.4rem;
line-height: 3.4rem;
color: #000000;
}


a.abutton, .block1 a.abutton, .block2 a.abutton, .block3 a.abutton,
.block4 a.abutton, .block5 a.abutton, .block6 a.abutton
{
display:inline-block;
padding:3rem;
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight: 300;
box-sizing: border-box;
font-size:3.2rem;
font-size:var(--size3-2);
line-height:4.3rem;
line-height:var(--size4-3);
text-align:center;
color:#ffffff;
background:rgba(0,0,0,0.4);
white-space:normal;
width:auto;
margin-top:10rem;
}

a.abutton:hover, .block1 a.abutton:hover, .block2 a.abutton:hover, .block3 a.abutton:hover,
.block4 a.abutton:hover, .block5 a.abutton:hover, .block6 a.abutton:hover
{
opacity:1;
background:rgba(0,0,0,0.6);
}

.block5 a.abutton
{
background:rgba(0,0,0,0.5);
}

.block5 a.abutton:hover
{
background:rgba(0,0,0,0.75);
}

.tbl_tarifspres
{
font-size:1.6rem;
font-size:var(--size1-6);
width:100%;
border-collapse:collapse;
white-space:nowrap;
}

.tbl_tarifspres small, .tbl_tarifslog small
{
vertical-align:top;
/* letter-spacing:0; */
font-size:1.2rem;
font-size:var(--size1-2);
line-height:1.2rem;
line-height:var(--size1-2);
}

.tbl_tarifspres tr td
{
white-space:normal;
padding:1.2rem;
border-bottom:0.1rem solid #a0a0a0;
}

.tbl_tarifspres tr td:nth-child(1)
{
width:60%;
padding-left:0;
text-align:justify;
}

.tbl_tarifspres tr td:nth-child(2)
{
width:39%;
padding-right:0;
padding-left:3.2rem;
text-align:right;
}

.block3 p.subnotes
{
font-size:1.2rem;
font-size:var(--size1-2);
line-height:1.6rem;
line-height:var(--size1-6);
font-style:italic;
}

.block3 p.subnotes small
{
font-size:1.2rem;
font-size:var(--size1-2);
line-height:1.2rem;
line-height:var(--size1-2);
vertical-align:top;
/* letter-spacing:0; */
}

.tbl_tarifslog_ctnr
{
/* padding:2rem; */
padding-top:0rem;
border:none;
}


.tbl_tarifslog
{
font-size:1.6rem;
font-size:var(--size1-6);
width:100%;
border-collapse:collapse;
white-space:nowrap;
}

.tbl_tarifslog td .tdsmallspan
{
display:block;
font-size:smaller;
text-align:center;
}

.tbl_tarifslog tr td, .tbl_tarifslog tr th
{
white-space:normal;
padding:0.8rem;
border-bottom:0.1rem solid #8fb5b8;
}

.tbl_tarifspres tr, .tbl_tarifslog tr
{
height:5rem;
}

.tbl_tarifslog tr td:nth-child(1),.tbl_tarifslog tr th:nth-child(1)
{
width:51%;
padding-left:0;
padding-right:5rem;
text-align:left;
}

.tbl_tarifslog tr td:nth-child(2),.tbl_tarifslog tr td:nth-child(3),.tbl_tarifslog tr th:nth-child(2),.tbl_tarifslog tr th:nth-child(3)
{
width:24%;
text-align:center;
}

.tbl_tarifslog  th
{
font-size:2.4rem;
font-size:var(--size2-4);
line-height:3.4rem;
line-height:var(--size3-4);
font-family: 'Segoe UI', Segoe, 'Open Sans', Verdana, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande',Tahoma, sans-serif;
}

td .checkmark
{
display:inline-block;
width:5rem;
height:3rem;
background-image: url('../images/checkmark.png');
background-position: center center;
background-size: contain;
background-repeat: no-repeat;

}



/*	************************************************************************************* assistance manager ***************************************************************************************	*/


div.assistance_mngr
{
margin-top:4.8rem;
width:100%;
height:auto;
min-height:100%;
overflow:hidden;
background-color:#ffffff;
text-align:center;
overflow:hidden;
background-repeat:no-repeat;
background-position:right bottom;
background-attachment:fixed;
background-size:30% auto;
}

div.assistance_mngr .overtitle
{
margin-bottom:0;
}

div.assistance_mainform
{
background-image: url('../images/coffee2.png');
}

div.assistance_browsers
{
background-image: url('../images/clockbg.png');
}

div.assistance_mngr *
{
font-family:segoe_lighter,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
color:#707070;
}

div.assistance_mngr form
{
width:100%;
display:inline-block;
margin:0;
padding:0;
text-align:center;
}

div.assistance_mngr .subspace
{
position:relative;
display:inline-block;
text-align:left;
padding-top:2rem;
text-align:justify;
font-size:1.6rem;
font-size:var(--size1-6);
}

div.assistance_mngr .choiceitem_div
{
display:inline-block;
padding:1rem;
margin:1rem;
border:0.1rem solid #a0a0a0;
width:30rem;
height:30rem;
overflow:hidden;
text-align:center;

white-space:pre-line;
word-break:no-break;
word-wrap:break-word;
}

div.assistance_mngr .choiceitem_div:hover
{
opacity:0.5;
}

div.assistance_mngr ul
{
overflow:visible;
padding:initial;
padding-left:4rem;
overflow:initial;
list-style:disc;
}

div.assistance_mngr small
{
font-size:smaller;
}

div.assistance_mngr select, div.assistance_mngr [type=radio], div.assistance_mngr [type=checkbox], div.assistance_mngr [type=file]
{
width:auto;
height:auto;
background:#ffffff;
color:#000000;
position:relative;
left:auto;
}

div.assistance_mngr select, div.assistance_mngr option, div.assistance_mngr textarea, div.assistance_mngr input[type=text], div.assistance_mngr input[type=file]
{
width:50rem;
max-width:100%;
border:0.1rem solid #a0a0a0;
font-size:1.6rem;
font-size:var(--size1-6);
color:#000000;
}

div.assistance_mngr textarea
{
min-height:10rem;
text-align:justify;
}

div.assistance_mngr .smalldiv, div.assistance_mngr .smalldiv span
{
font-size:1.2rem;
font-size:var(--size1-2);
line-height:1.4rem;
line-height:var(--size1-4);
color:#707070;
text-align:justify;
padding:0;
}

div.assistance_mngr .smalldiv sup
{
font-size:1.2rem;
font-size:var(--size1-2);
}

div.assistance_mngr hr
{
margin-top:1.5rem;
margin-bottom:1.5rem;
margin-left:0;
margin-right:0;
border:none;
border-top:0.1rem solid #a0a0a0;
}

div.assistance_mngr input[type=submit], div.assistance_mngr button , div.assistance_mngr input[type=button],
.assistance_mngr_btn
{
cursor: pointer;
display: inline-block;
color: #707070 !important;
padding: 0.2rem 0.5rem;
border: 0.1rem solid #aeaeae;
background: #dddddd;
background: -o-gradient(#ffffff,#dddddd);
background: -moz-gradient(#ffffff,#dddddd);
background: -webkit-linear-gradient(#ffffff,#dddddd);
background: linear-gradient(#ffffff,#dddddd);
font-size: 1.6rem;
font-style: normal;
line-height:2rem;
line-height:var(--size2-0);
margin:0;
}

div.assistance_mngr input[type=submit]:hover, div.assistance_mngr button:hover , [type=button]:hover, a:hover,
.assistance_mngr_btn:hover
{
opacity:0.5;
}

div.assistance_mngr a.browserselector
{
display:inline-block;
text-align:center;
cursor: pointer;
color: #404040;
padding: 0.5rem;
border: none;
font-size: 1.6rem;
line-height:2rem;
line-height:var(--size2-0);
font-weight: bold;
margin:1rem 3rem 1rem 3rem;
}

div.assistance_mngr a.selectordisabled, div.assistance_mngr a.selectordisabled:hover
{
opacity:0.35;
cursor:default;
}

div.assistance_mngr a.browserselector img
{
height:12rem;
margin:0.5rem;
}

div.assistance_mngr a.browserselector img:hover, div.assistance_mngr a.browserselector:hover img
{
opacity:1;
}

/*	************************************************************************************* footer ***************************************************************************************	*/

div.footer
{
text-align:center;
margin:8rem 0 5rem 0;
font-size:1.6rem;
font-size:var(--size1-6);
line-height:2.4rem;
line-height:var(--size2-4);
color:#000000;
background-color:#ffffff;
}

div.footer *
{
font-family: Segoe,Tahoma,Verdana,Arial,sans-serif;
text-align:left;
color:#000000;
}

div.footer hr
{
margin:3rem 0;
border:none;
border-top:0.1rem solid #707070;
}

div.appstores_links
{
display:inline-block;
vertical-align:top;
text-align:center;
font-size:1.4rem;
font-size: var(--size1-4);
color: #000000;
line-height:2rem;
line-height:var(--size2-0);
padding:2rem;
/*width:50rem;*/
}

div.appstores_links a
{
display:block;
font-size:1.4rem;
font-size:var(--size1-4);
color:#000000;
margin-top:1rem;
white-space:nowrap;
}

div.appstores_links a img
{
vertical-align:middle;
height:5rem;
width:auto;
margin:0 0.5rem;
}

div.appstores_links a:hover, div.appstores_links a img:hover
{
opacity:0.5;
}


div.footer_links
{
display:inline-block;
vertical-align:top;
font-size:1.2rem;
font-size:var(--size1-2);
line-height:2rem;
line-height:var(--size2-0);
color:#404040;
text-align:left;
padding:2rem 10rem;
width:50rem;
}

div.footer_links a
{
display:block;
font-size:1.4rem;
font-size:var(--size1-4);
color:#000000;
margin-top:1rem;
white-space:nowrap;
}

div.footer_links a img
{
vertical-align:middle;
height:2.4rem;
width:auto;
margin:0 0.5rem;
}

div.footer_links a:hover, div.footer_links a img:hover
{
opacity:1;
text-decoration:underline;
}

div.footer_links ul, div.footer_links li
{
list-style-type:disc;
list-style-position: inside;
color:#000000;
font-size:1.4rem;
font-size:var(--size1-4);
padding:0;
}

div.footer div.socials a:hover
{
opacity:0.5;
}

div.footer div.socials a
{
display:inline-block;
margin:1rem 1rem 1rem 0;
}

div.footer div.socials a img
{
height:3rem;
}

div.footer_legals
{
display:block;
text-align:center;
padding:0;
width:100%;
margin-top:1rem;
}

div.footer_legals a
{
display:inline-block;
margin:1rem 2rem 0 2rem;
}

div#iframectnr
{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
z-index:1000;
background-color:#ffffff;
display:none;
}

iframe#iframe_main
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
z-index:1000;
background-color:#ffffff;
border:none;
}

.btnsbarbtm
{
position:absolute;
bottom:6.5rem;
width:100%;
background-color:#ffffff;
height:8rem;
padding:2rem 2rem;
margin-top:2rem;
border-top:0.1rem solid #a0a0a0;
z-index:500;
}

.mainwithbtmbarbtm
{
position:absolute;
top:0;
bottom:19rem;
overflow:auto;
padding:2rem;
z-index:0;
}


div.assistance_mngr .faq div
{
font-size:2rem;
font-size:var(--size2-0);
}

div.assistance_mngr .faq div.boldtitle
{
font-size:2.2rem;
font-size:var(--size2-2);
font-weight:bold;
}


.overscreen_background
{
position:fixed;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
top:0;bottom:0;left:0;right:0;

    text-align: center;
	/*
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    text-align: center;
	*/
}

.blockprompt
{
display:inline-block;
background-color:#ffffff;
width:auto !important;
/* min-width:40rem; */
height:auto !important;
min-height:20rem;
max-height:100%;
overflow:auto;
vertical-align:middle;
text-align:left;
padding:2.5rem;
overflow-y:auto;
font-size: 2.5rem;
}

.blockprompt div.blockprompt_closebtn_ctnr
{
padding:0;
padding-bottom:1rem;
margin:0;
text-align:right;
font-size:0.1rem;
font-size:var(--size0-1);
line-height:0.1rem;
line-height:var(--size0-1);
}

.blockprompt a
{
color:#000000;
}

.blockprompt a:hover
{
opacity:1;
text-decoration:underline;
}

.blockprompt a.blockprompt_closebtn
{
display:inline-block;
background-image:url('./../images/checked.png');
background-repeat:no-repeat;
background-position:right center;
background-size:contain;
width:1.4rem;
height:1.4rem;
padding:0;
margin:0;
cursor:pointer;
font-size:0.1rem;
font-size:var(--size0-1);
line-height:0.1rem;
line-height:var(--size0-1);
}

.blockprompt a.blockprompt_closebtn:hover
{
opacity:0.5;
text-decoration:none;
}


.blockprompt small
{
font-size:smaller;
/*color:#707070;*/
}


.blockprompt button
{
cursor:pointer;
display:inline-block;
padding:1rem;
margin-top:3rem;
margin-right:2rem;
padding-left:1.8rem;
padding-right:1.8rem;
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
color:#ffffff !important;
font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial !important;
font-weight:bold !important;
min-width:5rem;
border:none;
background-color:#3e4364;
text-align:center;
}


.blockprompt button small
{
color:#ffffff;
}


.blockprompt h4
{
font-size:2.8rem;
font-size:var(--size2-8);
line-height:3.8rem;
line-height:var(--size3-8);
}

.blockprompt button,
.blockprompt a.abutton
{
margin:0 !important;
}

.blockprompt button.orangebtn,
.blockprompt a.orangebtn
{
background: #fe701b !important;
padding:2rem 4rem;
color:#ffffff;
}

.blockprompt button.orangebtn:hover,
.blockprompt a.orangebtn:hover
{
text-decoration:none !important;
opacity:0.5;
}


.blockprompt button.smallbtn
{
background:transparent !important;
color:#000000 !important;
border:0.1rem solid #000000 !important;
font-weight:normal !important;
padding:1rem 2.5rem;
font-size:2.6rem;
font-size:var(--size2-6);
line-height:2.6rem;
line-height:var(--size2-6);
min-width:3rem;
}

.blockprompt  ul li
{
padding-left:2rem;
list-style:disc inside;
}

.header
{
background-color: #fff;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
position: fixed;
width: 100%;
z-index: 3;
}

.header ul
{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #fff;
}

.header li a
{
display: block;
padding: 20px 20px;
border-right: 1px solid #f4f4f4;
text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover
{
background-color: #f4f4f4;
}

.header .logo
{
display: block;
float: left;
font-size: 2em;
padding: 10px 20px;
text-decoration: none;
}

/* menu */

.header .menu
{
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon
{
cursor: pointer;
display: inline-block;
float: right;
padding: 28px 20px;
position: relative;
user-select: none;
}

.header .menu-icon .navicon
{
background: #333;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after
{
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

.header .menu-icon .navicon:before
{
top: 5px;
}

.header .menu-icon .navicon:after
{
top: -5px;
}

/* menu btn */

.header .menu-btn
{
display: none;
}

.header .menu-btn:checked ~ .menu
{
max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon
{
background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before
{
transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after
{
transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after
{
top: 0;
}

.xhr_form
{
font-size: 2rem;
font-size: var(--size2-0);
max-width:70rem;
}

.xhr_form h4
{
text-align:center;
border-bottom: 1px solid;
padding-bottom: 3rem;
padding-bottom: var(--size3-0);
margin-bottom: 1rem;
margin-bottom: var(--size1-0);
font-size: 5rem;
font-size: var(--size5-0);
line-height: 3rem;
line-height: var(--size3-0);
}

.xhr_form div
{
text-align:center;
padding: 1rem;
margin: 1rem;
}

.xhr_form small
{
display: block;
text-align: inherit;
}

.xhr_form small, .xhr_form small *
{
font-size: 1.4rem;
font-size:var(--size1-4);
line-height: 2rem;
line-height:var(--size2-0);
text-align: inherit;
}

.xhr_form small b
{
font-size: 1.6rem;
font-size:var(--size1-6);
font-weight: bold;
}

.xhr_form input[type=text], .xhr_form select
{
  text-align: center;
  width: 35rem;
  height: 3.5rem;
  height: var(--size3-5);
  font-size: 2.5rem;
  font-size:var(--size2-5);
}

.xhr_form select
{
  text-align: center;
  font-size: 2rem;
  font-size:var(--size2-0);
}

.xhr_form button.orangebtn, .xhr_form a.orangebtn
{
padding: 0.5rem 5.5rem;
font-size: 2.5rem;
font-size:var(--size2-5);
}

.xhr_form button.smallbtn, .xhr_form a.smallbtn
{
padding: 0.5rem 1.5rem;
font-size: 1.8rem;
font-size:var(--size1-8);
}

a.callbackBtn img
{
  width:60rem;
  max-width:50%;
}
