#calc {font-size:17px; line-height:22px; overflow-x:hidden; color:#000000;
  -webkit-user-select: none;  -ms-user-select: none;   user-select: none; font-family:"Inter";
}
.w400 {font-weight:400 !important;}
.w700 {font-weight:700;}
.text-left {text-align:left !important;}

.calc_label {font-family:Frg; font-weight:400; font-size:2.8em; line-height:1.1em; text-align:left; padding-right:8%; margin-bottom:1.4em;}
.calc_label2 {font-family:Frg; font-weight:400; font-size:2em; line-height:1.1em; text-align:left;}
.calc_sublabel {font-family:Inter; font-weight:400; font-size:1.35em !important; text-align:left !important; opacity:0.4; margin:0 0 1.4em 0 !important;}

h6 {font-family: DM Sans; font-size: 32px; font-weight: 400;}

#calc a {color:#1f7b47 !important; text-decoration:underline;}
#calc a:hover {color:#12542e !important; text-decoration:none;}
#calc p.disclaimer {font-size:0.9em; color:#888;}
#calc a.no-underline {text-decoration:none;}

#calc #box {width:100%; display:flex; align-items:start; justify-content: center;}
#calc .calc_sliders {padding:35px 2.5rem; min-width:360px;}
#graf .content,#graf_divivdent {padding:0 0 20px 10%; border-radius:20px; min-width:35%; }

#calc .content {padding-bottom:25px;}
	
#calc #steps {display:flex; justify-content:center; align-items:center; margin-bottom:45px;}
#calc #steps div {margin:auto 10px; width:10px; height:10px; background:#6AE9A2; border-radius:20px;}
#calc #steps div.active {width:22px; height:22px; text-align:center; font-size:0.9em;}

#calc .coverage {display:flex; text-align:left; justify-content:space-between; padding:0 0 6px 0; margin:25px 0; align-items:center;}
#calc .coverage .flex,#calc .coverage_line .flex {align-items:center; gap:10px;}
#calc .coverage_line {text-align:left; padding:0; margin:20px 0;}
#calc .coverage i,#calc .coverage_line i {color:#45c4a0; font-size:33px;}
#calc .bold {font-weight:bold;}
.lang {margin-top:10px;}

#calc #step6,#calc #step7,#calc #step8 {display:none;}
#calc .chkrow1 {display:flex; gap:40px; align-items:center; padding:10px 0;}
#calc .chkrow2 {display:flex; gap:10px; align-items:center;}
#calc .chkrow2 input[type="radio"] {margin-top:-2px; border-color: #6AE9A2;}
#calc h2.steplabel {text-align:left; font-size:1.45em; margin:20px 0 10px 0; line-height:1.36em;}
#calc .lbl {line-height:1.5em;}
#calc .bold {font-weight:bold;}
#calc .lbl_desc,#calc h2 .desc  {position:relative;}
#calc .lbl_desc i  {position:absolute; top:-2px; left:10px; cursor:pointer;  font-size:16px;}
#calc h2 .desc i  {position:absolute; top:1px; left:14px; cursor:pointer; color:#45c4a0; font-size:28px;}
#calc .ask {clear:both; margin-top:30px !important;}
#calc .desc  {margin:-23px 0 15px 0; color:#999 !important;}
#calc h2 .t21 i  {top:1em !important;}

.descr_modal {font-size:28px; color:#45c4a0; margin:-3px 0 0 5px; cursor:pointer;}

#calc .more2 {margin:20px 0 0 0; }
#calc .more2 h3 {margin:25px 0; font-size:19px;}
#calc .more2 input,#calc .more2 textarea {outline:0; margin-bottom:16px; border:1px solid #ccc; padding:7px 2%; width:100%; border-radius:8px; font-size:17px;}
#calc .more2 textarea {height:160px;}
#calc .more2 input.but {padding:13px 2%; border-radius:25px; border:0;}
#calc .more2 h3 {margin:15px 0;}
#calc .mw500 {max-width:450px; color:#45c4a0;}


#calc .wellness ul {margin:0; padding:0;}
#calc .wellness li {display:flex; list-style:none; align-items:center; padding:0 20px 7px 0;}
#calc .wellness input {margin-right:5px;}
#calc .wellness.centered {text-align:center;}
#calc .form-check-input {border-color: #6AE9A2;}
#calc .form-check-input:checked {background-color: #005724;}
#calc .form-check-input:disabled {background-color: #F5F8EF;}
#calc .green {color:#005724;}
#calc .orange {color:#ff7200;}
#wellness_pckg,#adv_wellness_pckg {font-size:14px; color:#959caa; max-width:250px;}
#recom_lifery,#recom_disability {font-family:"Inter"; font-size:17px; color:#fff; background:#005724; padding:6px 16px; border-radius:20px; margin:6px auto; display:inline-block;}

/*#calc #graf .content {display:flex; gap:80px;}*/
#calc #graf hr {display:none;}
#calc .but.finish {margin:10px 0;}

.hidden {display:none !important;}

	

.graf_cols {width:100%; height:360px; position:relative;}
.graf_round {width:480px; height:480px; margin:20px auto 30px auto; position:relative;}

#graf_descr,#graf_descr2 {display:flex; margin-top:20px;}
#graf_descr div,#graf_descr2 div {font-size:0.7rem; text-align:center; line-height:0.75rem; border-radius:8px; padding:6px; margin-top:14px;}
#graf_descr div.col,#graf_descr2 div.col {width:25.3%; margin:0 4%;}
#graf_descr div.graf_price,#graf_descr2 div.graf_price {font-family:"Roboto Slab"; margin-top:4px; font-size:1rem; font-weight:600;}

#svg,#svg2 {width:100%; height:100%; position:relative; display:flex;}
#svg1 {width:440px; height:440px; margin:20px; border-radius:50%;}

#svg .col,#svg2 .col {width:23.3%; margin:0 5%; position:relative;}
#svg .col div,#svg2 .col div {position:absolute; bottom:100px; width:100%;}
#svg .col div.labl,#svg2 .col div.labl {text-align:center !important; bottom:0; width:100%;}
#svg .col div.labl h2 {font-size:1.8em;  font-family:"Roboto Slab";}
#svg2 .col div.labl h2 {font-size:1.5em;  font-family:"Roboto Slab";}




#graf ul {list-style:none; font-size:16px; text-align:left; margin:-10px 0 0 0; padding:0 0 12px 0;}
#graf li {display:flex; justify-content:space-between; gap:15px; margin:17px 0; align-items:center;}
#graf li .txt {width:55%; font-size:20px;}
#calc .price,#calc .mainprice {text-align:right; font-weight:700; font-size:20px; min-width:100px;}
#calc .mainprice {width:130px; display:flex; justify-content: right; align-items:center;}
#calc .mainprice div {color:#fff; background:#45c4a0; padding:4px 12px; border-radius:6px;}
#calc .total {text-align:center; position:absolute; width:100%; top:50%; margin:-80px 0 0 0;}
#calc a {color:#0f41eb;}
#calc .dot {min-width:20px; width:20px; height:20px; border-radius:5px;}
.blue {background:#F2FEB1;}
.yellowd {background:#059142;}
.red {background:#005724;}
.greendot {background:#6AE9A2;}

.modal .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.modal .flex {display:flex; height:100%;}
.modal .modal-body {position:relative; background:#fff; margin:auto; border-radius:30px; max-width:650px; box-shadow:2px 2px 8px rgba(0,0,0,0.15);}
.modal .close {position:absolute; right:12px; top:4px; cursor:pointer; font-size:32px;}


#calc h1 {margin:0; padding:0 5% 30px 5%; text-align:center; font-size:30px; letter-spacing:-0.3px;}
#calc h2 {text-align:center; margin:20px 5% 12px 5%; padding:0; font-size:18px; line-height:24px; font-weight:700;}

#calc summary {padding:13px 0 13px 0; font-familyh:DM Sans,sans-serif; font-size:18px; line-height:24px; font-weight:700; cursor:pointer; list-style:none;}
#calc summary:after {content: "+"; float:right; color:#888; text-shadow:0 1px 0 #fff; font-size:1.6em; font-weight:normal; margin:0; padding:0 0 0 15px; text-align:center;  width:30px;}
#calc details[open] summary:after {content: "-";}
#calc .block {margin-top:10px; width:100%;}
#calc .lbl {margin-top:3px;}
#calc .lbl i {font-size:28px; color:#45c4a0; line-height:30px; cursor:pointer;}
#calc .lbl .flex {display:flex; gap:12px; align-items:center;}
#calc summary#lookpackage {display:inline-block;}

.titleDesc {font-size:14px; color:#959caa; padding-right:15px;}

#calc .wellness .col {display:flex; gap:60px;}

#calc hr {border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; margin:22px 0;}

#calc .flex {display:flex;}

#calc .action_buttons {margin-top:40px; display:flex; gap:10px; justify-content:end; position:relative;}
#calc .leftbut {position:absolute; left:0; top:0;}


#calc .chk {display:flex; gap:20px; margin:30px 0; align-items:center;}
#calc .chb {width:26px; height:26px; background:#ff0000; cursor:pointer;}
#calc .but {padding:13px 30px; border-radius:42px; background:#fff; margin:0 0 16px 0; cursor:pointer; text-align:center; display:inline-block;}
#calc .but.green {background:#6AE9A2; color:#000; border:0;}
#calc .but.grey {color:#000; background:transparent;}
#calc .but.active {background:#6AE9A2; color:#fff; box-shadow:inset 1px 3px 4px rgba(0,0,0,0.2); border-bottom:1px solid #fff;}
#calc .but.active .descr {color:#a9ffe7;}
#calc .but h3 {margin:0; padding:0; font-size:17px; font-weight:500;}
#calc .but.active h3 {color:#fff;}
#calc .descr {font-size:0.9em; line-height:1em;}
#calc .descr2 {max-width:100%;}
#calc .descr2 div {display:inline-block; font-size:15px; color:#fff; padding:4px 9px; margin:2px 6px 2px 0; background:#45c4a0; border-radius:6px;}
#calc .coverage .descr2 div {margin:0 0 0 10px;}
#calc .total span {font-size:18px; color:#777;}
#calc .total h2 {font-size:5em; margin:2px 0; padding:40px 0; font-family:"Roboto Slab"; font-weight:400;}
#calc .col2 {columns:2; gap:30px;}

#calc .dropdown, #calc input.txt {color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:1px solid #ccc;}
#calc .dropdown .active {padding:5px 30px 7px 0;}
#calc .dropdown .label,#calc .birth_label {font-size:14px; color:#959caa; display:none; line-height:15px;}
#calc .dropdown {cursor:pointer; background:url(../img/arr.png) no-repeat right center; position:relative;}
#calc .dropdown ul {position:absolute; width:100%; left:-1px; top:0; z-index:10; display:none; margin:0; padding:0; background:#fff; border-radius:8px; border:1px solid #ddd; box-shadow:4px 4px 12px rgba(0,0,0,0.1); overflow:hidden;}
#calc .dropdown li {list-style:none; padding:12px 10px; margin:0;}
#calc .dropdown li:hover {background:#45c4a0; color:#fff;}

#calc .slider {width:100%; padding:5px 0 28px 0; position:relative;}
#calc .slider input {width:100%; background:transparent;}

#calc .slider output {display:none; line-height:1.1em; margin-bottom:12px;}
#calc .output { font-size:2em; font-family:"Roboto Slab"; font-weight:500;}
#calc .output output {display:inline-block;}
#calc .slider .min {position:absolute; left:0; bottom:0; font-size:0.9em; color:#888;}
#calc .slider .max {position:absolute; right:0; bottom:0; font-size:0.9em; color:#888;}

#calc #recom_lifery2,#calc #recom_disability2 {display:flex; margin-bottom:10px; justify-content:space-between; align-items:center; margin-bottom:16px;}
#calc #recom_lifery2 .green,#calc #recom_disability2 .green {color:#fff; background:#005724; padding:6px 16px; border-radius:20px;}
#calc .graphlink {margin:30px 0;}
#calc .graphlink a {font-weight:bold; font-size:1.1em;}
#calc .trm {line-height:1.3em;}


.maxWin {border-radius:25px; background:#6AE9A2; padding:12px 20px; font-size:1.2rem; font-weight:600; text-align:center; display:inline-block; margin:0 auto; line-height:1.4rem;}
.maxWin table {border:0;}
.maxWin td {text-align:left; vertical-align:bottom; font-weight:400; font-size:0.8rem;}
.maxWin td.win_sum_swed,.maxWin td.win_sum_seb {font-size:1.8rem; line-height:2rem; font-weight:600; color:#000; text-align:right; padding:8px 0 0 20px; font-family:"Roboto Slab";}

.minPrice {background:#14773d; color:#fff; border-radius:40px; padding:5px 15px !important;}
.color-black,.color-black:hover, #calc a.color-black {color:#000;}

/*generated with Input range slider CSS style generator (version 20211225) */
#calc input[type=range].styled-slider {
  height: 24px;
  -webkit-appearance: none;
}

/*progress support*/
#calc input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 1.6em + var(--ratio) * (100% - 1.6em));
}

#calc input[type=range].styled-slider:focus {
  outline: none;
}

/*webkit*/
#calc input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width:30px;
  height:30px;
  border-radius:15px;
  background: #005724;
  margin-top:-3px;
}

#calc input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 24px;
  border-radius: 12px;
  background: #F5F8EF;
}

#calc input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #00722f;
}

#calc input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
  background: #00722f;
}

#calc input[type=range].styled-slider::-webkit-slider-thumb:active {
  background: #005724;
}

#calc input[type=range].styled-slider:active::-webkit-slider-runnable-track {
  background: #f5f5f5;
  border-color: #c1c1c1;
}

#calc input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #6AE9A2, #6AE9A2) 0/var(--sx) 100% no-repeat, #F5F8EF;
}


/*mozilla*/
#calc input[type=range].styled-slider::-moz-range-thumb {
  width:30px;
  height:30px;
  border-radius:15px;
  background: #005724;
}

#calc input[type=range].styled-slider::-moz-range-track {
  height: 24px;
  border-radius: 0.5em;
  background: #F5F8EF;
}

#calc input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #00722f;
}

#calc input[type=range].styled-slider:hover::-moz-range-track {
  background: #00722f;
}

#calc input[type=range].styled-slider::-moz-range-thumb:active {
  background: #185a34;
}

#calc input[type=range].styled-slider:active::-moz-range-track {
  background: #f5f5f5;
  border-color: #c1c1c1;
}

#calc input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(to right, #6AE9A2, #6AE9A2) 0/var(--sx) 100% no-repeat, #F5F8EF;
}


/*ms*/
#calc input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

#calc input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

#calc input[type=range].styled-slider::-ms-thumb {
  width:30px;
  height:30px;
  border-radius:15px;
  margin-top:-3px;
  box-sizing: border-box;
}

#calc input[type=range].styled-slider::-ms-track {
  height: 24px;
  border-radius: 0.5em;
  background: #F5F8EF;
  box-sizing: border-box;
}

#calc input[type=range].styled-slider::-ms-thumb:hover {
  background: #00722f;
}

#calc input[type=range].styled-slider:hover::-ms-track {
  background: #00722f;
}

#calc input[type=range].styled-slider::-ms-thumb:active {
  background: #005724;
}

#calc input[type=range].styled-slider:active::-ms-track {
  background: #f5f5f5;
}

#calc input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 24px;
  border-radius:12px;
  background:#6AE9A2;
  border-right-width: 0;
}



.flatpickr-input {background:none; border:none; outline:none; 
	padding:5px 0 7px 0; width:100%; font-weight:500;
	color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:1px solid #ccc;
}
.flatpickr-day.selected {background:#45c4a0 !important;}


/* The switch - the box around the slider */
#calc .switch {position: relative; width: 50px; height: 26px; border-radius:26px; border:1px solid #ccc; cursor: pointer; overflow:hidden;}
#calc .switch .slider {margin:0; padding:0; position: absolute; left:0; top:0; width:100%; height:100%; background: #ddd; border-radius:26px;
   -webkit-transition: .4s; transition: .4s;}

#calc .switch .slider:before {position: absolute; content: ""; height: 20px; width: 20px; left:3px; top:2px; border-radius: 50%; background-color: white; -webkit-transition: .4s; transition: .4s;}
#calc .switch.checked .slider {background-color: #45c4a0;}
#calc .switch.checked .slider:before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}


#calc #mob,#calc .mob,#calc .mob2 {display:none !important;}

.divdot {margin-right:0.8rem; background:#dae861 url(../img/dividends_graf.png) !important;}
#butgraf {font-size:1.1rem; margin-bottom:0 !important;}
#butgraf_close  {display:none;}
#butgraf_close .btn {font-size:1rem; margin:0 !important; float:right;}
.clear {clear:both;}

#contract_but {color:#000; box-shadow:none; 
  background: #FFCA73;
  font-weight:700;
  font-size:1.2rem;
}
#contract_but:hover {background: #f7b242;}

	
@media screen and (max-width:1500px) {
	#svg .col div.labl h2 {font-size:1.4em;}
	#svg2 .col div.labl h2 {font-size:1.15em;}
	#graf_descr div,#graf_descr2 div {font-size:0.63rem; line-height:0.72rem;}
	#graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:0.8rem;}
	#graf_descr div.col,#graf_descr2 div.col {width:29.3%; margin:0 2%;}
	
	
	#calc #graf {display:block;}
	#calc #graf hr {display:block; margin:40px 0 25px 0;}
	#calc .calc_label {font-size:2rem;;}
	#calc .calc_label2 {font-size:1.6rem;;}
	.graf_cols {height:340px;}
	.graf_round {width:360px; height:360px; margin:20px auto;}
	#svg1 {width:320px; height:320px; }
	#calc .total h2 {font-size:4em;}
	#graf li .txt {font-size:16px;}
	#calc .wellness .chkrow1 {display:block; align-items:left; padding:12px 0;}
	#calc .chkrow2 {margin-bottom:20px;}
	#butgraf,#butgraf_close .btn  {font-size:0.77rem;}
	#contract_but  {font-size:1rem;}
}
@media screen and (max-width:1150px) {
	#svg .col div.labl h2 {font-size:2em;}
	#svg2 .col div.labl h2 {font-size:1.7em;}
	#graf_descr div,#graf_descr2 div {font-size:0.9rem; line-height:0.97rem;}
	#graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:1.2rem;}
	
	#calc #mob,#calc .mob {display:block !important;}
	#calc .mob2 {display:flex !important;}
	#calc #step1,#calc #step2,#calc #step3,#calc #step4,#calc #step5 {display:none;}
	
	
	.graf_cols {height:400px;}
	.graf_round {width:480px; height:480px; margin:20px auto 30px auto;}
	#svg1 {width:440px; height:440px;}
	#calc .total h2 {font-size:5em;}
	#graf li .txt {font-size:20px;}
	
	#calc {margin-top:15px;}
	#calc .calc_label {font-size:1.8rem; padding-right:0;}
	#calc .calc_label2 {font-size:1.4rem;}
	#calc #box {display:block; margin:auto; min-width:100%; }
	#graf_divivdent {width:100%; padding:0;}
	#graf {margin:0 auto;}
	#calc .calc_sliders {background:transparent; min-width:unset; width:100%; padding:25px 2rem;}
	#calc .block {min-width:auto; width:100%;}
	#calc .col2 {columns:1;}
	#calc .wellness .col {display:block;}
	#calc .wellness .lbl .tltip {width:350px; left:20px;}
	
	#calc .col-5,#calc .col-7 {width:100%;}
	#calc .content {padding-left:0; margin-top:20px; padding-bottom:0;}
	#graf li .txt {font-size:20px;}
	#butgraf {font-size:1rem; margin:20px 0 0 0 !important;}
	#butgraf_close .btn  {font-size:1rem;}
	#contract_but  {font-size:1.2rem;}
	
}
@media screen and (max-width:768px) {
	#svg .col div.labl h2 {font-size:1.45em;}
	#svg2 .col div.labl h2 {font-size:1.15em;}
	#graf_descr div,#graf_descr2 div {font-size:0.75rem; line-height:0.82rem;}
	#graf_descr div.col,#graf_descr2 div.col {width:29.3%; margin:0 2%;}
	
	#calc .calc_sliders {padding:25px 0.9rem;}
	#graf,#graf_divivdent {min-width:unset; padding:0 15px; width:calc(100% - 15px);}
	#graf .lbl,#graf_divivdent .lbl {margin:10px 0;}
	#calc .total {margin-top:-45px;}
	#calc .total h2 {font-size:3.5em; padding:17px 0;}
	.graf_cols {height:290px;}
	.graf_round {width:290px; height:290px; margin:20px auto;}
	#svg1 {width:250px; height:250px; }
	#calc #box {min-width:unset;}
	#butgraf,#contract_but {font-size:0.7rem; margin:15px 0 0 0 !important; display:block;}
	#contract_but {font-size:1rem;}
	#butgraf_close .btn {font-size:0.8rem; float:none; display:block;}
}
@media screen and (max-width:590px) {
	#graf {margin:0; padding:0; width:100%;}
	
	#graf_descr div.col,#graf_descr2 div.col {width:31.3%; margin:0 1%;}
	
	#calc #box .calc_sliders .content {margin-top:0;}
	
	#svg .col div.labl h3,#svg2 .col div.labl h3 {font-size:0.96em;}
	#svg .col div.labl h2 {font-size:1.2em;  margin:10px 0;}
	#svg2 .col div.labl h2 {font-size:0.96em;  margin:10px 0;}
	#graf_descr div,#graf_descr2 div {font-size:0.5rem; line-height:0.65rem;}
	#graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:0.72rem;}
	
	.maxWin {font-size:1.15rem; line-height:1.3em;}
	.maxWin td {font-size:0.78rem; line-height:1.2em;}
	.maxWin td.win_sum_swed,.maxWin td.win_sum_seb {font-size:1.4rem;}
	.tabbut {padding:11px 15px 12px 15px; font-size:0.7rem; margin-right:10px;}
	.tabbut.active {padding:12px 15px 11px 15px;}
}