It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://pvgis.com

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  <meta charset="UTF-8">
  7.    <title>pvgis.com - PVGIS24 CALCULATOR</title>
  8.  <meta name="description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  9.  
  10.  
  11.  <meta name="robots" content="index,follow">
  12.  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes">
  13.  <link rel="canonical" href="https://pvgis.com/en">
  14.  
  15.  
  16.  <link rel="alternate" hreflang="en" href="https://pvgis.com/en">
  17. <link rel="alternate" hreflang="fr" href="https://pvgis.com/fr">
  18. <link rel="alternate" hreflang="de" href="https://pvgis.com/de">
  19. <link rel="alternate" hreflang="zh" href="https://pvgis.com/zh">
  20. <link rel="alternate" hreflang="es" href="https://pvgis.com/es">
  21. <link rel="alternate" hreflang="hi" href="https://pvgis.com/hi">
  22. <link rel="alternate" hreflang="ur" href="https://pvgis.com/ur">
  23. <link rel="alternate" hreflang="ar" href="https://pvgis.com/ar">
  24. <link rel="alternate" hreflang="pt" href="https://pvgis.com/pt">
  25. <link rel="alternate" hreflang="nl" href="https://pvgis.com/nl">
  26. <link rel="alternate" hreflang="ru" href="https://pvgis.com/ru">
  27. <link rel="alternate" hreflang="ro" href="https://pvgis.com/ro">
  28. <link rel="alternate" hreflang="it" href="https://pvgis.com/it">
  29. <link rel="alternate" hreflang="bn" href="https://pvgis.com/bn">
  30. <link rel="alternate" hreflang="ja" href="https://pvgis.com/ja">
  31. <link rel="alternate" hreflang="id" href="https://pvgis.com/id">
  32. <link rel="alternate" hreflang="tr" href="https://pvgis.com/tr">
  33. <link rel="alternate" hreflang="ko" href="https://pvgis.com/ko">
  34. <link rel="alternate" hreflang="af" href="https://pvgis.com/af">
  35. <link rel="alternate" hreflang="sq" href="https://pvgis.com/sq">
  36. <link rel="alternate" hreflang="am" href="https://pvgis.com/am">
  37. <link rel="alternate" hreflang="hy" href="https://pvgis.com/hy">
  38. <link rel="alternate" hreflang="az" href="https://pvgis.com/az">
  39. <link rel="alternate" hreflang="eu" href="https://pvgis.com/eu">
  40. <link rel="alternate" hreflang="be" href="https://pvgis.com/be">
  41. <link rel="alternate" hreflang="bs" href="https://pvgis.com/bs">
  42. <link rel="alternate" hreflang="bg" href="https://pvgis.com/bg">
  43. <link rel="alternate" hreflang="ca" href="https://pvgis.com/ca">
  44. <link rel="alternate" hreflang="co" href="https://pvgis.com/co">
  45. <link rel="alternate" hreflang="hr" href="https://pvgis.com/hr">
  46. <link rel="alternate" hreflang="cs" href="https://pvgis.com/cs">
  47. <link rel="alternate" hreflang="da" href="https://pvgis.com/da">
  48. <link rel="alternate" hreflang="eo" href="https://pvgis.com/eo">
  49. <link rel="alternate" hreflang="et" href="https://pvgis.com/et">
  50. <link rel="alternate" hreflang="fi" href="https://pvgis.com/fi">
  51. <link rel="alternate" hreflang="fy" href="https://pvgis.com/fy">
  52. <link rel="alternate" hreflang="gl" href="https://pvgis.com/gl">
  53. <link rel="alternate" hreflang="ka" href="https://pvgis.com/ka">
  54. <link rel="alternate" hreflang="el" href="https://pvgis.com/el">
  55. <link rel="alternate" hreflang="gu" href="https://pvgis.com/gu">
  56. <link rel="alternate" hreflang="ht" href="https://pvgis.com/ht">
  57. <link rel="alternate" hreflang="ha" href="https://pvgis.com/ha">
  58. <link rel="alternate" hreflang="hu" href="https://pvgis.com/hu">
  59. <link rel="alternate" hreflang="is" href="https://pvgis.com/is">
  60. <link rel="alternate" hreflang="ig" href="https://pvgis.com/ig">
  61. <link rel="alternate" hreflang="ga" href="https://pvgis.com/ga">
  62. <link rel="alternate" hreflang="kn" href="https://pvgis.com/kn">
  63. <link rel="alternate" hreflang="kk" href="https://pvgis.com/kk">
  64. <link rel="alternate" hreflang="km" href="https://pvgis.com/km">
  65. <link rel="alternate" hreflang="ku" href="https://pvgis.com/ku">
  66. <link rel="alternate" hreflang="ky" href="https://pvgis.com/ky">
  67. <link rel="alternate" hreflang="lo" href="https://pvgis.com/lo">
  68. <link rel="alternate" hreflang="la" href="https://pvgis.com/la">
  69. <link rel="alternate" hreflang="lv" href="https://pvgis.com/lv">
  70. <link rel="alternate" hreflang="lt" href="https://pvgis.com/lt">
  71. <link rel="alternate" hreflang="lb" href="https://pvgis.com/lb">
  72. <link rel="alternate" hreflang="mk" href="https://pvgis.com/mk">
  73. <link rel="alternate" hreflang="mg" href="https://pvgis.com/mg">
  74. <link rel="alternate" hreflang="ms" href="https://pvgis.com/ms">
  75. <link rel="alternate" hreflang="ml" href="https://pvgis.com/ml">
  76. <link rel="alternate" hreflang="mt" href="https://pvgis.com/mt">
  77. <link rel="alternate" hreflang="mi" href="https://pvgis.com/mi">
  78. <link rel="alternate" hreflang="mr" href="https://pvgis.com/mr">
  79. <link rel="alternate" hreflang="mn" href="https://pvgis.com/mn">
  80. <link rel="alternate" hreflang="my" href="https://pvgis.com/my">
  81. <link rel="alternate" hreflang="ne" href="https://pvgis.com/ne">
  82. <link rel="alternate" hreflang="no" href="https://pvgis.com/no">
  83. <link rel="alternate" hreflang="ny" href="https://pvgis.com/ny">
  84. <link rel="alternate" hreflang="ps" href="https://pvgis.com/ps">
  85. <link rel="alternate" hreflang="fa" href="https://pvgis.com/fa">
  86. <link rel="alternate" hreflang="pl" href="https://pvgis.com/pl">
  87. <link rel="alternate" hreflang="pa" href="https://pvgis.com/pa">
  88. <link rel="alternate" hreflang="sm" href="https://pvgis.com/sm">
  89. <link rel="alternate" hreflang="gd" href="https://pvgis.com/gd">
  90. <link rel="alternate" hreflang="sr" href="https://pvgis.com/sr">
  91. <link rel="alternate" hreflang="st" href="https://pvgis.com/st">
  92. <link rel="alternate" hreflang="sn" href="https://pvgis.com/sn">
  93. <link rel="alternate" hreflang="sd" href="https://pvgis.com/sd">
  94. <link rel="alternate" hreflang="si" href="https://pvgis.com/si">
  95. <link rel="alternate" hreflang="sk" href="https://pvgis.com/sk">
  96. <link rel="alternate" hreflang="sl" href="https://pvgis.com/sl">
  97. <link rel="alternate" hreflang="so" href="https://pvgis.com/so">
  98. <link rel="alternate" hreflang="su" href="https://pvgis.com/su">
  99. <link rel="alternate" hreflang="sw" href="https://pvgis.com/sw">
  100. <link rel="alternate" hreflang="sv" href="https://pvgis.com/sv">
  101. <link rel="alternate" hreflang="tl" href="https://pvgis.com/tl">
  102. <link rel="alternate" hreflang="tg" href="https://pvgis.com/tg">
  103. <link rel="alternate" hreflang="ta" href="https://pvgis.com/ta">
  104. <link rel="alternate" hreflang="te" href="https://pvgis.com/te">
  105. <link rel="alternate" hreflang="th" href="https://pvgis.com/th">
  106. <link rel="alternate" hreflang="uk" href="https://pvgis.com/uk">
  107. <link rel="alternate" hreflang="uz" href="https://pvgis.com/uz">
  108. <link rel="alternate" hreflang="vi" href="https://pvgis.com/vi">
  109. <link rel="alternate" hreflang="cy" href="https://pvgis.com/cy">
  110. <link rel="alternate" hreflang="xh" href="https://pvgis.com/xh">
  111. <link rel="alternate" hreflang="yi" href="https://pvgis.com/yi">
  112. <link rel="alternate" hreflang="yo" href="https://pvgis.com/yo">
  113. <link rel="alternate" hreflang="zu" href="https://pvgis.com/zu">
  114. <link rel="alternate" hreflang="x-default" href="https://pvgis.com/en">
  115.  
  116.  <meta property="og:title" content="PVGIS24 CALCULATOR">
  117.  <meta property="og:description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  118.  <meta property="og:url" content="https://pvgis.com/en">
  119.  <meta property="og:type" content="website"><meta property="og:image" content="https://cdn.pvgis.com/images/logo.png" />
  120. <meta property="og:image:alt" content="Logo PVGIS" />
  121.  
  122.  <style type="text/css">html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:#fff0}b,strong{font-weight:bolder}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}body{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5{margin-top:10px;margin-bottom:10px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}p{margin:0 0 10px}.text-center{text-align:center}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}ol,ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-md-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-4,.col-xs-10,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-8{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-10,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-8{float:left}.col-xs-12{width:100%}.col-xs-10{width:83.33333333%}.col-xs-8{width:66.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}@media(min-width:768px){.col-sm-4{float:left}.col-sm-4{width:33.33333333%}}@media(min-width:992px){.col-md-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8{float:left}.col-md-12{width:100%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}}table{background-color:#fff0}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>thead:first-child>tr:first-child>th{border-top:0}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:#fff0;border:0}.form-group{margin-bottom:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;border:1px solid #fff0;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px}.btn.disabled,.btn[disabled]{opacity:.65;-webkit-box-shadow:none;box-shadow:none}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.fade{opacity:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}button.close{padding:0;background:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid;border-radius:6px;-webkit-box-shadow:0 3px 9px rgb(0 0 0 / .5);box-shadow:0 3px 9px rgb(0 0 0 / .5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}@media(min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgb(0 0 0 / .5);box-shadow:0 5px 15px rgb(0 0 0 / .5)}}.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}@-ms-viewport{width:device-width}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Black.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-BlackItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Bold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-BoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraBold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraBoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraLight.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ExtraLightItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Italic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Light.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-LightItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Medium.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-MediumItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Regular.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-SemiBold.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-SemiBoldItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-Thin.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/roboto-condensed/woff2/RobotoCondensed-ThinItalic.woff2") format("woff2"),url("assets/fonts/roboto-condensed/RobotoCondensed-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}h1,h2,h3,h4,h5,li,p,td{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}h1{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:2em;letter-spacing:-.5px}h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:800;font-style:normal;font-size:1.5em;letter-spacing:-.5px}h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:1.17em;letter-spacing:-.5px}h4{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:1em;letter-spacing:-.5px}h5{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-bold,.font-bold-condensed{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-medium{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.font-condensed-oblique{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.font-bold-condensed-oblique{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:italic;font-size:18px;letter-spacing:-.5px}.dropdown-select-button,.form-control,input,option,select{color:#000;font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:17px;letter-spacing:-.5px}input:disabled,select:disabled{background-color:rgba(238,238,238,.768627451)}.cssloader-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.cssloader-container p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:42px;letter-spacing:-.5px}.font-16{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:-.5px;line-height:1}::-webkit-datetime-edit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:16px;letter-spacing:-.5px}.link-simulation a .btn.btn-warning{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.link-simulation a .btn.btn-primary{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px;color:#707173}.file-registration-container h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#000 !important}.file-registration-container .action-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container .action-container .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.file-registration-container .action-container #cancel{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px;text-decoration:underline;text-decoration-color:#aaa9aa;text-decoration-thickness:2px;color:#000}.file-registration-container .action-container button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.header{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .header-top{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .navigation-menu-container li{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:-.5px}.header .navigation-menu-container li a span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:1px}.header .h-default-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .menu-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:30px;letter-spacing:-.5px}.header .selected-nav-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:900;font-style:normal;font-size:16px;letter-spacing:1px}.header .side-menu-item-lang{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:1.25px}.header .icon{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.header .icon.icon-select-lang{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:20px;letter-spacing:-.5px}.header .menu-m-header button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:25px;letter-spacing:-.5px}.header .m-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}@media(max-width:422px){.header .m-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}}.header .lang-selected{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.header .nav-system-link button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.account-menu-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.lang-popover{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:14px;letter-spacing:-.5px}.login-container .message-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.action-container .cancel-button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;text-decoration:underline}.fb-btn span,.g-btn span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:14px;letter-spacing:-.5px}.login-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .create-account{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .create-account p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.login-container .form-group a{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.login-container .create-account a{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#333;text-decoration:underline;text-decoration-color:#939da2;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-underline-offset:3px}.login-container .action-container .login-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px;letter-spacing:1px}.tiers-registration-container p{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.fb-btn span,.g-btn span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;letter-spacing:-.5px}.modal-extranet .cancel-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 input,.pvgis-24 p,.pvgis-24 table{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-bold-condensed{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 #add-simulation-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .geo-lolat-list{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .simulator-section #horizon-legends{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .pv-prod-table th{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .pv-prod-table th:first-child{text-transform:capitalize}.pvgis-24 .barre h2 .project_name{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:italic;font-size:30px;letter-spacing:-.5px}.modal-extranet{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .popup-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .mail-confirm-content{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .btn-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.modal-extranet .save-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .page-title h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:24px;letter-spacing:-.5px}.registration-container .btn-submit.disabled{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .message-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.registration-container .to-login{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.coming-soon-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.dropdown-select-button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .simulator-section div h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .p-24-title{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:40px;letter-spacing:-.5px}.pvgis-24 .barre h2{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:30px;letter-spacing:-.5px}.pvgis-24 .p-24-info-form-top-box button{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-18{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-16{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:16px;letter-spacing:-.5px}.pvgis-24 .font-700{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .italic{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:italic;font-size:18px;letter-spacing:-.5px}.pvgis-24 .error-message{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:.875em;letter-spacing:-.5px}.pvgis-24 .annual_pv{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .btn-container{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .save-btn{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container h3{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container .action-container .location-submit{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .file-registration-container .action-container .cancel{color:#005da7;margin-right:20px;position:relative}.pvgis-24 .p-24-input-right div label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:-.5px}.pvgis-24 .font-bold-22{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:22px;letter-spacing:-.5px}#registration-form label span{font-weight:400 !important}#registration-form .radio-account-type label{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:20px;letter-spacing:-.5px}#registration-form #submit-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:700;font-style:normal;font-size:18px;letter-spacing:-.5px;text-transform:uppercase}#registration-form #cancel-button span{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:-.5px;color:#333 !important}#registration-form a{font-weight:400 !important;color:#333 !important}#registration-form .required{color:red !important;font-weight:900 !important}#registration-form .check-container label{font-weight:400 !important;color:#333 !important}.average-hours-per-day{font-family:"Roboto Condensed",Arial,sans-serif;font-weight:600;font-style:normal;font-size:15px;letter-spacing:-.5px}.width-grid{max-width:1400px}@media screen and (max-width:1300px){.width-grid{width:100%}}.cssloader-container{width:100vw;height:100vh;text-align:center;position:fixed;background:#fff;z-index:99999998;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.cssloader-speeding-wheel{width:50px;height:50px;margin:0 auto;border:3px solid #073769;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:875ms linear infinite cssload-spin;-o-animation:875ms linear infinite cssload-spin;-ms-animation:cssload-spin 875ms infinite linear;-webkit-animation:875ms linear infinite cssload-spin;-moz-animation:875ms linear infinite cssload-spin}.cssloader-container p{margin-top:30px;color:#073769}.custom-loader-text{font-size:18px !important;display:none}.custom-loader-text .dots span{opacity:0;animation:1.5s ease-in-out infinite smooth-blink}.custom-loader-text .dots span:first-child{animation-delay:0s}.custom-loader-text .dots span:nth-child(2){animation-delay:.3s}.custom-loader-text .dots span:nth-child(3){animation-delay:.6s}@keyframes cssload-spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cssload-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cssload-spin{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cssload-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes smooth-blink{0%,50%{opacity:0}70%{opacity:1}100%{opacity:0}}:root{--color-blue-primary:#0065a2;--color-blue-secondary:#073769}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}.to-hide{display:none}.header{height:max-content;width:100%;background:#0065a2;display:flex;flex-direction:column}.header button{padding-inline-start:0;padding-inline-end:0}.header .header-top{height:max-content}@media(min-width:701px)and (max-width:1199px){.header .header-top{margin-inline-start:14px}}.header .header-bottom{min-height:33px;width:100%;background:#074a8b;display:flex;align-items:center;justify-content:flex-end}.header .extra-header{display:none;margin-bottom:-5px}.header .extra-header .active-users-ga{white-space:nowrap;text-align:end;padding-inline-end:14px;padding-top:2px;background-color:#fff;color:#025ea8}.header .c-header{height:90px;display:flex;align-items:center;letter-spacing:3px}.header .c-header .logo-content{display:flex;align-items:center;width:100%}.header .logo-title{color:#f2f2f2;display:flex;align-items:center;width:max-content;margin-inline-end:20px}.header .logo-title .logo-extranet{padding-top:15px;padding-bottom:15px}@media(max-width:412px){.header .logo-title .logo-extranet img{width:96px}}@media(max-width:396px){.header .logo-title .logo-extranet img{width:95px}}.header .logo-title a{text-decoration:none;color:#fff;letter-spacing:3.5px;display:flex;justify-content:center}.header .title-header{display:flex;align-items:end;color:#f2f2f2;padding:0;letter-spacing:2px;padding-top:10px}.header .h-top-right{flex-grow:1;height:100%}.header .side-web-menu{margin-bottom:5px;display:flex;column-gap:4px;align-items:center;justify-content:end;height:100%}.header .side-menu-container{height:30px;display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:0;margin-bottom:0;padding-inline-start:0;list-style:none}.header .side-menu-item-lang{margin-inline-start:4px;background:0;border:0;display:flex;position:relative;align-items:center}.header .icon{margin-inline-start:2px;top:-5.85px;position:absolute;right:-2px;color:#f2f2f2}.header .custom-span{margin-right:12px;color:#f2f2f2;text-transform:uppercase}.header .h-nav-container{width:100%}.header .system-link-container{margin-inline-start:10px;display:inline-flex}.header .system-link-container .nav-system-link button{border-radius:0;height:40px;width:79px;border:none !important}.header .system-link-container .nav-system-link button.btn-warning{font-weight:500}.header .system-link-container .nav-system-link button.btn-primary{background-color:#0065a2}.header .navigation-menu-container{width:100%;max-width:624px;min-width:500px;display:flex;align-items:center;justify-content:end;gap:20px;list-style:none;padding-inline-start:0;margin-top:0;margin-bottom:0;margin-right:15px}.header .navigation-menu-container li{background:0;border:0}.header .navigation-menu-container .nav-button a{text-decoration:none}@media(max-width:1199px){.header .navigation-menu-container{max-width:638px}}.header .nav-menu-item{height:33px;display:flex;align-items:center;text-wrap:nowrap}.header .nav-menu-item span{text-transform:uppercase;height:16px;display:flex;align-items:center;line-height:0}.header .h-default-btn{color:#f2f2f2}.header .nav-menu-item.btn.btn-warning.h-default-btn{color:#074a8b;background-color:#ffd300}.header .lang-label{display:flex;align-items:center}.header .nav-web-menu{display:flex;color:#fff;align-items:center}.header .nav-web-menu .nav-content:last-child{flex:1;letter-spacing:0;text-align:right}.header .active-users-ga{font-size:14px;font-weight:500;color:#fff}.header .link-simulation{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;height:100%}.header .link-simulation a{display:inline-block;height:100%}.header .link-simulation a .btn{text-decoration:none !important}.header .link-simulation .btn{border:none !important;height:100%}.header .link-simulation .btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;border-radius:0 !important;padding-inline:13px !important}.header .link-simulation .btn.btn-primary{background-color:#08498b;color:#fff !important;border-radius:0 !important;padding-inline:10px !important}.header .more-languages{color:var(--color-blue-primary)}.header .back-lang{display:none;color:var(--color-blue-primary);margin-bottom:10px;margin-inline-start:9px}.header .dummy-link{display:none}.header .lang-popover{margin-top:3px;background:#fff;height:auto;width:max-content;position:absolute;top:27px;right:-10px;display:none;justify-content:center;padding:10px;padding-inline-start:0;z-index:999;border:.5px solid rgba(0,0,0,.3)}.header .lang-popover input{padding:10px;display:block;margin-inline-start:18px;margin-bottom:10px !important;box-sizing:border-box}.header .lang-popover .lang-options{width:max-content;display:grid;grid-template-columns:repeat(4,1fr);max-height:400px;overflow-y:auto}.header .lang-popover .more-lang-option{display:flex;align-items:center;justify-content:center;width:max-content;padding-inline:1rem}.header .menu-btn{background:0;border:0;color:#f2f2f2;margin-right:15px;display:none;padding:0;height:max-content;width:max-content}.header .menu-btn-container{display:flex;align-items:center;padding-bottom:15px}.header .selected-nav-container{display:none;height:100%;align-items:center;justify-content:flex-end}.header .menu-mobile{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;display:none}.header .menu-mobile .menu-mobile-container{height:100%;width:100%;background:#073769;display:flex;flex-direction:column;position:absolute;left:-100%;letter-spacing:3px}.header .menu-mobile .menu-mobile-container .menu-mobile-body{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.header .menu-mobile .menu-mobile-container .menu-mobile-body .nav-button{border-bottom:2px solid #074a8b}.header .menu-mobile .menu-mobile-container .menu-mobile-body .navigation-menu-container{gap:0;min-width:unset;max-width:unset}.header .menu-mobile .menu-mobile-container .menu-mobile-body .btn.btn-warning{border-radius:10px;width:max-content}.header .menu-m-header{display:flex;height:max-content;background:#0065a2;padding-inline-start:20px;padding-inline-end:20px;flex-direction:column}.header .menu-m-header button{color:#f2f2f2;background:0;border:0}.header .m-logo-container{display:flex;align-items:center;justify-content:space-between;margin-top:25px;margin-bottom:10px}.header .m-title{color:#f2f2f2;margin-bottom:25px;width:100%}.header .separate{width:100%;height:.5px;margin-top:30px}.floating-btn-container{position:fixed;right:2%;display:flex;justify-content:center;align-items:center;bottom:65px;flex-direction:column;gap:25px;min-width:85px;z-index:1000}.floating-btn-container>*{position:relative !important;top:0 !important;bottom:0 !important;right:0 !important;left:0 !important}.account-menu-container{display:flex;margin-inline-start:8px;color:#fff;text-transform:uppercase;position:relative}.account-menu-container .btn.btn-outline-light{color:#fff;border:1px solid #fff;padding:3px 6px;margin-inline-end:5px;font-size:16px;align-content:center}.btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;padding-inline-start:10px !important;padding-inline-end:10px !important;border:none !important;height:33px;border-radius:0}.container-fluid{max-width:1400px;padding-inline-start:85px;padding-inline-end:85px}.lazy-load-img{width:150px;margin:auto}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}body,html{height:100%}#loading,#loadingPdf{background:url(https://cdn.pvgis.com/images/loading-ps.svg) center center no-repeat rgba(0,0,0,.5);background-size:50px;height:100%;width:100%;position:fixed;z-index:2000;display:none;top:0}.main-content{flex:1}@media screen and (max-width:991px){.header .description-container{width:100%}.header .c-header{padding-inline:14px}.header .c-header .title-header{height:52px;height:unset;display:block;color:#f2f2f2;text-align:end;font-size:18px}.header .content-bottom{padding-inline-end:10px}.header .lang-label{display:flex;align-items:center}.header .side-menu-item-lang{background:0;border:0;column-gap:1px;position:relative;letter-spacing:2px;margin-inline-end:10px}.header .lang-popover{width:320px;position:fixed;right:14px;top:128px}.header .lang-popover .lang-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.header .navigation-menu-container li a span{font-size:14px !important}h1{font-size:36px !important;margin-top:20px}h2{font-size:28px !important}.extra-header{display:block !important}.header .menu-btn{display:block}.header .side-web-menu{display:none}.header .logo-title{margin-top:0}.header .c-header{padding-top:5px;padding-bottom:5px;align-items:stretch}.header .nav-web-menu{display:none}.header .selected-nav-container{display:flex;padding-inline-end:0 !important}.header .navigation-menu-container{flex-direction:column;margin-inline-start:20px;margin-right:20px;width:auto;justify-content:flex-start;margin-top:10px}.header .navigation-menu-container li{margin-inline-start:0;width:100%;border-bottom:0;padding-top:10px;padding-bottom:10px;text-align:left}.header .h-top-right{display:none;padding-bottom:0}.container-fluid{padding-inline:14px !important}}@media(max-width:1047px){.header .navigation-menu-container{max-width:615px}.header .c-header .title-header{font-size:17px}}@media(max-width:1025px){.header .navigation-menu-container{max-width:604px}.header .c-header .title-header{font-size:16.5px}}@media(max-width:1013px){.header .navigation-menu-container{max-width:593px}.header .c-header .title-header{font-size:16px}}@media(max-width:1002px){.header .navigation-menu-container{max-width:571px}.header .c-header .title-header{font-size:15px}}@media(max-width:707px){.header .c-header .title-header{font-size:17.5px}}@media(max-width:682px){.header .c-header .title-header{font-size:16.5px}}@media(max-width:660px){.header .c-header .title-header{font-size:15.5px}}@media(max-width:637px){.header .c-header .title-header{font-size:15px}}@media(max-width:626px){.header .c-header .title-header{font-size:19px}}@media(max-width:497px){.header .c-header .title-header{font-size:18.5px}}@media(max-width:490px){.header .c-header .title-header{font-size:18px}}@media(max-width:484px){.header .c-header .title-header{font-size:17.5px}}@media(max-width:477px){.header .c-header .title-header{font-size:17px}}@media(max-width:471px){.header .c-header .title-header{font-size:16.5px}}@media(max-width:464px){.header .c-header .title-header{font-size:16px}}@media(max-width:458px){.header .c-header .title-header{font-size:15.5px}}@media(max-width:452px){.header .c-header .title-header{font-size:15px}}@media(max-width:446px){.header .c-header .title-header{font-size:14.5px}}@media(max-width:439px){.header .c-header .title-header{font-size:14.5px}}@media(max-width:355px){.header .c-header .title-header{font-size:12.5px}}@media(max-width:336px){.header .c-header .title-header{font-size:10.5px}}@media(max-width:380px){.header .content-bottom{padding-inline-end:0}.header .system-link-container .nav-system-link button{width:73px}}@media(max-width:374px){.header .account-menu-container .btn.btn-outline-light{font-size:14px}.header .lang-selected{font-size:14px}.header .system-link-container .nav-system-link button{width:64px;font-size:14px}}@media(max-width:650px){.header .title-header{font-size:medium;width:100%}.header .logo-title{font-size:45px}}@media(max-width:450px){.menu-mobile-container{width:100%}.header .header-top .c-header{padding-inline:7px}.header .header-top .c-header .logo-content .description-container{left:16px}.header .header-bottom .selected-nav-container{padding-inline:7px}}@media(max-width:400px){.header .title-header{font-size:smaller;width:100%}.header .logo-title{font-size:35px}}@media(max-width:340px){.header .title-header{font-size:x-small;width:100%}.header .side-menu-item-lang{background:0;border:0;column-gap:1px;position:relative;letter-spacing:2px;margin-inline-end:0}}@media screen and (max-width:600px){.container{padding-inline-start:7px;padding-inline-end:7px}.container-fluid{padding-inline-start:7px;padding-inline-end:7px}.logo-content .title-header{font-size:2.7vw}}@media screen and (max-width:624px){h1{font-size:30px !important}h2{font-size:25px !important}}@media screen and (max-width:361px){h1{font-size:25px !important}h2{font-size:21px !important}}@media(max-width:1199px){.container{width:auto}.container-fluid{padding-inline-start:40px;padding-inline-end:40px}.container-fluid.c-header{padding-inline-start:15px;padding-inline-end:0}.container-fluid.nav-web-menu{padding-inline-start:15px}[class^=col-]{padding-inline-start:0;padding-inline-end:0}.row{margin-inline-start:0;margin-right:0}.md-pl-10{padding-inline-start:10px}}@media screen and (max-width:767px){[class^=col-]{padding-inline-start:0;padding-inline-end:0}}.toast-view-container{display:flex;justify-content:center;align-items:center;width:330px;height:80px;position:fixed;bottom:20px;right:5px;z-index:1000;opacity:.9;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.toast-view{display:flex;font-weight:700;flex-direction:row;justify-content:center;align-items:center;border-radius:.25rem;padding:1rem;gap:.5rem}.toast-view p{margin-bottom:0}.toast-view #toast-title{font-weight:700;font-size:1.3rem}.toast-view #toast-message{margin-top:.5rem;font-size:1.3rem}.toast-view .btn-confirm-toast{align-items:center;justify-content:center;background-color:#007bff;color:#fff;border:0;padding:.5rem 1rem;border-radius:.25rem;font-size:1.5rem}.toast-view .toast-header{display:flex;justify-content:space-between;align-items:center}.toast-view .toast-footer{display:flex;justify-content:flex-end}.radio-pvgis{display:none}.radio-pvgis+label{position:relative;padding-left:25px;padding-right:15px;display:inline-block}.radio-pvgis+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;margin:0 !important;padding:0 !important;border-radius:50%;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.radio-pvgis:disabled+label:before{background-color:rgba(238,238,238,.768627451)}.radio-pvgis:checked+label:before{box-shadow:0 0 0 1px #0065a5;border-color:#fff;background:#0065a5;border-width:3.2px}.checkbox-pvgis{display:none;display:none}.checkbox-pvgis+label:before{content:"";position:absolute;left:0;top:45%;transform:translateY(-50%);width:20px;height:20px;border-radius:0;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.checkbox-pvgis+label{position:relative;padding-left:25px;display:flex;align-items:end;margin:0}.checkbox-pvgis+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961)}.pvgis-custom-select{position:relative;display:inline-block;width:200px}.pvgis-custom-select .pvgis-select-label{padding:10px;border:1px solid #0065a5;background:hsla(0,0%,100%,.1254901961);border-radius:5px;color:#0065a5;display:flex;justify-content:space-between;align-items:center}.pvgis-custom-select .pvgis-select-options{display:none;position:absolute;width:100%;background:#fff;border:1px solid #0065a5;list-style:none;padding:0;margin:5px 0;border-radius:5px;overflow:hidden;z-index:10}.pvgis-caret{color:#0065a5;transform:rotate(0);position:absolute;right:12px}:root{--iti-hover-color:rgba(0,0,0,0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("assets/images/intlTel/flags.webp");--iti-path-flags-2x:url("assets/images/intlTel/flags@2x.webp");--iti-path-globe-1x:url("assets/images/intlTel/globe.webp");--iti-path-globe-2x:url("assets/images/intlTel/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.popup-overlay-container{height:100%;background:rgba(0,0,0,.4941176471);align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1200;width:100%;display:flex;padding:10px}.popup-container-wrapper{display:flex;gap:40px;justify-content:center;box-shadow:none;width:100%}.popup-container-wrapper .popup-view-container{all:unset;flex:1;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;background-color:#fff;max-width:350px;width:100%;overflow-y:auto;max-height:90vh}.popup-view-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1200;border-radius:8px;max-width:350px;width:93%;overflow-y:auto;max-height:90vh}.popup-view-container div:not(.toast-popup-header){margin-top:5px}.popup-view-container .toat-popup-content{font-size:16px;text-align:center}.popup-view-container .toat-popup-content p{margin-bottom:0}.popup-view-container .toat-popup-content h3{margin-top:0;margin-bottom:10px;color:#0065a2;font-size:22px}.popup-view-container .toat-popup-content .sub-title{font-size:16px;color:#000;font-weight:700;text-align:center;margin-bottom:5px;max-width:260px;margin-inline:auto}.popup-view-container .toat-popup-content button{margin-block:30px 25px;padding:5px 40px;font-size:15px;background-color:#0065a2;color:#fff;border:0;border-radius:0}.popup-view-container .toast-popup-header{display:flex;justify-content:flex-end;align-items:center;padding:0}.popup-view-container .toast-popup-header .icon-close{width:20px;height:20px;font-size:24px;align-items:center;text-align:center;display:flex;justify-content:center}.popup-view-container.popup-blue{background-color:#0065a2}.popup-view-container.popup-blue *,.popup-view-container.popup-blue .sub-title{color:#fff}.popup-view-container.popup-blue h3{color:#ffd300}.popup-view-container.popup-blue button{background-color:#ffd300;color:#0065a2 !important}.calculator-link{position:fixed;bottom:115px;right:40px;text-align:center;text-decoration:none;color:#074a8b;font-weight:700;text-transform:uppercase;z-index:10;display:flex;flex-direction:column;align-items:center;font-size:18px}.calculator-link.d-none{display:none}.calculator-link .radiating-circle{width:30px;height:30px;background-color:#fed400;border-radius:50%;margin-bottom:8px;position:relative;animation:2s infinite pulsePvgis24}.calculator-link .calculator-text span{display:block;line-height:1.2}@keyframes pulsePvgis24{0%{box-shadow:0 0 0 0 rgba(254,212,0,.7)}70%{box-shadow:0 0 0 10px rgba(254,212,0,0)}100%{box-shadow:0 0 0 0 rgba(254,212,0,0)}}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-arrow-left:before{content:"\f060"}.fa-bars:before{content:"\f0c9"}.fa-download:before{content:"\f019"}.fa-ellipsis-h:before{content:"\f141"}.fa-sort-down:before{content:"\f0dd"}.fa-spinner:before{content:"\f110"}.fa-times:before{content:"\f00d"}.fa-upload:before{content:"\f093"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fas{font-family:"Font Awesome 5 Free"}.fas{font-weight:900}@font-face{font-display:block;font-family:bootstrap-icons;src:url("https://cdn.pvgis.com/assets/css/bootstrap-icons/fonts/bootstrap-icons.woff2?2820a3852bdb9a5832199cc61cec4e65") format("woff2"),url("https://cdn.pvgis.com/assets/css/bootstrap-icons/fonts/bootstrap-icons.woff?2820a3852bdb9a5832199cc61cec4e65") format("woff")}.bi::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-eye::before{content:"\f341"}.bi-stack::before{content:"\f585"}.modal-extranet{position:fixed;background-image:url("https://cdn.pvgis.com/images/pvgis24/extranet-bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;top:90px;left:0;margin:0;padding:0;height:100%;width:100%;z-index:100;visibility:hidden;opacity:0}.modal-extranet.confirm-mail-modal{top:0}.modal-extranet.confirm-mail-modal{z-index:999999}.modal-extranet .popup-container{background:#fff;margin-top:74px;width:100%;padding:30px;position:relative;display:flex;align-items:center;justify-content:center;min-height:250px}.modal-extranet .mail-confirm-content{text-align:center;line-height:45px}.modal-extranet .btn-container{text-transform:uppercase;position:absolute;bottom:0;right:0;border-radius:0;padding:0}.modal-extranet .save-btn{background:#0065a2;color:#fff;text-transform:uppercase;border-radius:0;padding:8px 30px 4px;text-align:center;width:-moz-fit-content;width:fit-content}.modal-extranet .cancel-btn{background-color:#fff;border-radius:0;margin:0;padding:0 15px}.modal-extranet .row{display:flex;justify-content:center}h1,h2,h3,h4,h5{color:#005ea8}.table{margin-bottom:0 !important;width:100%;table-layout:fixed}.table>thead>tr{border-bottom:none !important}.table>thead>tr>th{border-bottom:none !important}.custom-help-modal{background:rgba(0,0,0,.4941176471)}.custom-help-modal .modal-body{padding:15px 22px 22px 20px;display:flex;align-items:flex-start;gap:10px}.custom-help-modal div{margin-bottom:5px !important}.custom-help-modal table{text-align:left !important}.custom-help-modal .p-0{padding:0 !important}.custom-help-modal .title-cell{padding-inline:10px;width:100%}.custom-help-modal .content-cell{padding-top:15px}.custom-help-modal .modal-title,.custom-help-modal h4{color:#005ea8 !important}.custom-help-modal .help-icon-btn{background:#ed792d;color:#fff;padding:3px 19px 2px;border-radius:50%;font-weight:700;font-size:40px;text-align:center}.custom-help-modal .close-col{display:none}.custom-help-modal .close-col span{color:#000;font-size:22px}.custom-help-modal,.custom-help-modal .modal-content-text,.custom-help-modal h4{color:#000;font-size:16px;letter-spacing:.1px;line-height:1.3}.error-message{color:red}.hidden{display:none}::-webkit-datetime-edit{position:absolute;right:0}:focus::-webkit-datetime-edit{position:absolute;right:0}input{position:relative}.link-simulation{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;height:100%}.link-simulation a .btn{text-decoration:none !important}.link-simulation a:nth-child(2){display:inline-block;height:100%}.link-simulation .btn.btn-warning{background-color:#fed400 !important;color:#174e88 !important;padding-left:15px !important;padding-right:15px !important;padding-top:3px !important;padding-bottom:3px !important;border-radius:10px !important;border:none !important}.link-simulation .btn.btn-primary{background-color:#08498b;color:#fff !important;height:100%;padding-left:10px !important;padding-right:10px !important;border:none !important;border-radius:0 !important}.simulator-section{border:2px solid #2e6493;padding:18px 8px;margin:10px 0 20px}.info-pv ul{padding:0}.info-pv ul.info-pv-data,.info-pv ul.info-pv-desc{width:100%;padding:0}.info-pv ul.info-pv-data li,.info-pv ul.info-pv-desc li{line-height:normal}.info-pv ul.info-pv-data li::before,.info-pv ul.info-pv-desc li::before{background-color:#006498}.info-pv ul.info-pv-data li ul{padding:0 15px}.info-pv ul.info-pv-data li ul li{line-height:normal}.info-pv ul.info-pv-data li ul li::before{background-color:#2e2f30}.pdf-editor .modal-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;padding-right:2px}.pdf-editor .modal-title .left-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pdf-editor .modal-title span{display:inline-block;text-align:end;padding-right:3px}.pdf-editor .zoom-container{padding:2px;float:right;align-items:center;display:flex;justify-content:center;flex-direction:row}.pdf-editor .zoom-container .zoom-button{width:30px;font-size:30pt;color:gray;border-radius:5px;padding:3px;align-items:flex-end;display:flex;justify-content:center;flex-direction:row}.pdf-editor .zoom-container .zoom-left{margin-right:10px;align-items:center;display:flex;justify-content:center;flex-direction:row}.pdf-editor .organise{margin-right:20px}.pdf-editor .preview-container{display:flex;width:100%;height:95%}.pdf-editor .thumbnail-wrapper .thumbnail-container{width:350px;height:86vh;overflow-y:scroll;overflow-x:hidden;position:relative;padding-right:20px}.pdf-editor .page-container{width:100%;height:91vh;overflow-y:scroll;border:1px solid rgba(212,209,209,.774);box-shadow:0 0 20px rgba(167,167,167,.315) inset;background-color:#f5f5f5;display:flex;align-items:center;position:relative}.modal-backdrop .modal{background-color:#fff;border-radius:8px;padding:20px;width:480px;z-index:9999;position:absolute;top:125px;left:50%;height:fit-content;transform:translateX(-50%);display:flex;gap:16px}#edit-mode{display:none}@media(max-width:768px){#edit-mode{display:block;font-size:20px;color:gray;border:1px solid rgba(128,128,128,.685);border-radius:5px;padding:0 7px}#pdf-modal{width:100%;height:100%;top:0;border-radius:0;padding:0}#pdf-modal .pdf-editor{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div>div{height:100%;max-height:100vh}#pdf-modal .pdf-editor>div>div .modal-info{height:100%;max-height:100vh}#pdf-modal .modal-title{flex-direction:column-reverse;align-items:flex-start;gap:10px;padding-block:15px;height:120px}#pdf-modal .modal-title .left-title{padding:5px 15px}#pdf-modal .modal-title .left-title h4{margin:0}#pdf-modal .modal-title .zoom-container{padding:5px 15px;gap:20px}#pdf-modal .modal-title .zoom-container .organise{margin:0;font-size:20px}#pdf-modal .modal-title .zoom-container .zoom-button[onclick="closePdfEditorModal('editor-1')"]{position:fixed;top:20px;right:20px}#pdf-modal .modal-title .zoom-container .zoom-left span{width:37px;height:30px}#pdf-modal .modal-title .zoom-container .zoom-left span:not(#download):not(#edit-mode){display:none}#pdf-modal .modal-title .zoom-container .zoom-left #download{display:flex;border:1px solid rgba(128,128,128,.685);border-radius:5px}#pdf-modal .modal-title .zoom-container .zoom-left #download svg{width:25px;height:25px}#pdf-modal .preview-container{position:relative;height:calc(100% - 120px)}#pdf-modal .preview-container .thumbnail-wrapper{height:45px;display:none}#pdf-modal .preview-container .page-container,#pdf-modal .preview-container .thumbnail-container{height:100%;max-height:calc(100vh - 120px);overflow-y:scroll}}.my-20{margin-block:20px 40px !important}.pvgis-24{color:#050505}.pvgis-24 .p-24-title{width:max-content;margin-top:0 !important}.pvgis-24 .hidden{visibility:hidden;opacity:0}.pvgis-24 .primary-blue{color:#005da7}.pvgis-24 .blue-2{color:#1871bb}.pvgis-24 .bg-blue{background:#0065a2}.pvgis-24 .bg-orange{background:#eb8034}.pvgis-24 .bg-yellow{background:#fed400}.pvgis-24 .annualHours{color:#050505 !important}.pvgis-24 .uppercase{text-transform:uppercase}.pvgis-24 .p-24-calculator-container{display:flex;justify-content:space-between;margin-top:45px;column-gap:45px;row-gap:50px}.pvgis-24 .p-24-cal-box{min-height:200px;flex:1}.pvgis-24 .p-24-top{height:max-content;width:100%;display:flex;align-items:center;position:relative}.pvgis-24 .barre{height:40px;border-radius:3px;width:100%;display:flex;align-items:center;padding-inline-start:130px;padding-bottom:10px;text-wrap-mode:nowrap}.pvgis-24 .barre h2{color:#fff}.pvgis-24 .picto{width:95px;height:95px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0}.pvgis-24 .picto img{height:100%;width:100%;border-radius:50%}.pvgis-24 .p-24-form{margin-top:50px;width:100%}.pvgis-24 .spacing-tl{margin-top:18px}.pvgis-24 .spacing-tl .heading{color:#005ea8;font-weight:800;font-size:22px;margin-block:22px 0}.pvgis-24 .spacing-bl{margin-bottom:18px}.pvgis-24 .p-24-location{background:#d3d3d3;height:400px;width:100%;position:relative}.pvgis-24 .p-24-input-container{margin-top:10px;width:100%;min-height:200px;border:1.6px solid #005da7;position:relative;padding-inline-start:15px;padding-inline-end:15px;padding-bottom:65px}.pvgis-24 input[disabled],.pvgis-24 select[disabled]{border:1px solid #d1d1d1 !important;background-color:rgba(0,0,0,.1) !important}.pvgis-24 .input-container-left{margin-top:20px;width:100%;min-height:276px !important;border:1.6px solid #005da7;position:relative;padding-inline-start:15px;padding-inline-end:15px}.pvgis-24 .location-submit{height:40px;border:0;width:172px;position:absolute;bottom:0;right:0;color:#fff}.pvgis-24 .p-24-result-container{margin-top:40px;width:100%}.pvgis-24 .p-24-location-input-container{display:flex;width:100%;gap:15px}.pvgis-24 .p-24-l-input-left{margin-inline-end:20px;width:40%}.pvgis-24 .p-24-black{color:#050505}.pvgis-24 .p-24-input-right{flex-grow:1}.pvgis-24 .p-24-input-right div{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;margin-top:0}.pvgis-24 .p-24-input-right div input{width:79%;height:23px;border-radius:3px;border:1.5px solid #0065a2;outline:0;text-align:right;padding-top:3px;padding-inline-end:15px}.pvgis-24 .p-24-input-left{margin-top:-10px}.pvgis-24 .p-24-input-left.input-container{margin-bottom:40px}.pvgis-24 .p-24-input-left input{width:46%;height:23px;border-radius:3px;border:1.5px solid #0065a2;outline:0;text-align:right;padding-top:3px;padding-inline-end:10px}.pvgis-24 input{outline:0}.pvgis-24 .solar_project_folder_name_input{width:55%;height:28px;border-radius:3px;border:1px solid rgba(0,93,167,.2);outline:0;text-align:right;padding-inline-end:15px;text-align:end;padding-inline-end:10px}.pvgis-24 .p-24-info-form-top{display:flex;justify-content:space-between;align-items:center}.pvgis-24 .p-24-info-form-top-box{margin-inline-start:20px;display:flex;align-items:center}.pvgis-24 .p-24-info-form-top-box #add-simulation-btn{padding:0;padding-inline:10px;height:24px;width:24px;border-radius:2px;color:#fff;border:1.5px solid #0065a2}.pvgis-24 .bg-grey{background:#9c9ea0}.pvgis-24 .p-24-info-container{display:flex;flex-direction:column}.pvgis-24 .p-24-info-container .p-24-form{display:flex;flex-direction:column;flex-grow:1}.pvgis-24 .p-24-info-container p{display:flex;align-items:center}.pvgis-24 .p-24-info-form-container{flex-grow:1;display:flex;flex-direction:column}.pvgis-24 .p-24-info-form-container .p-24-input-container{flex-grow:1}.pvgis-24 .p-24-info-form-container .error-message{padding-top:20px}.pvgis-24 .top-50{margin-top:50px}.pvgis-24 .top-20{margin-top:20px}.pvgis-24 .cursor-pointer{margin-inline-start:10px}.pvgis-24 .p-24-black-2{color:rgba(0,0,0,.9)}.pvgis-24 .p-24-number-input{height:28px;width:52px;outline:0;border-radius:3px;border:1.5px solid #0065a2;color:rgba(0,0,0,.7);text-align:center}.pvgis-24 .system-loss-container #loss-error{display:none;color:#f53b3b}.pvgis-24 .p-24-location-container{display:flex;flex-direction:column}.pvgis-24 .p-24-location-container .p-24-form{display:flex;flex-direction:column;flex-grow:1}.pvgis-24 .bottom-25{margin-bottom:25px}.pvgis-24 #line-horizon{width:100%;height:280px;margin:auto}.pvgis-24 #pvTable{border-collapse:collapse;border-spacing:0;margin:20px 0 !important;width:90%}.pvgis-24 #pvTable th{text-align:center;text-transform:capitalize;vertical-align:middle}.pvgis-24 .simulator-section #mapResult{width:104%;height:100%}.pvgis-24 .simulator-section .map-container{position:relative;width:95%;height:450px}.pvgis-24 .simulator-section .geo-horizon-container{width:90%;height:fit-content;margin:auto;position:relative}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends{line-height:normal}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item{display:flex;align-items:center;gap:7px}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-heigh{width:28px;height:14px;background:#636363}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-june{width:28px;display:flex;justify-content:space-between;align-items:center}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-june .tiret{width:8px;height:3px;background:#636363}.pvgis-24 .simulator-section .geo-horizon-container #horizon-legends .legend-item .legend-dec{height:3px;background:#636363;width:28px}.pvgis-24 .simulator-section .geo-horizon-container #geo-horizon{margin:auto;width:250px;height:218px;display:flex;justify-content:center}.pvgis-24 .simulator-section .geo-lolat-list{padding-inline-start:20px;font-weight:600}.pvgis-24 .simulator-section ul{list-style:none}.pvgis-24 .simulator-section ul li{position:relative;padding-inline-start:12px}.pvgis-24 .simulator-section ul li:not(.spacing-tl)::before{content:"";position:absolute;left:0;top:13px;transform:translateY(-50%);width:6px;height:6px;background-color:#2e6493;border-radius:50%}.pvgis-24 .simulator-section .info-pv ul.info-pv-data li,.pvgis-24 .simulator-section .info-pv ul.info-pv-desc li{line-height:inherit}.pvgis-24 .annual_pv{width:100%;border-radius:2px;color:#fff;padding-inline:15px 5px;height:auto;padding-block:9px}.pvgis-24 .top-15{margin-top:15px}.pvgis-24 #sunshine-hours-graph-bar{margin-top:18px;height:380px}.pvgis-24 .pv-prod-table{border-collapse:separate;border-spacing:17px 3.15px;width:90%;white-space:nowrap;line-height:1;border-spacing:5px 1.2px}.pvgis-24 .pv-prod-table th{height:25px !important}.pvgis-24 .pv-prod-table th:nth-child(2),.pvgis-24 .pv-prod-table th:nth-child(3){text-align:center !important;min-width:77px}.pvgis-24 #monthly-e-datatable,.pvgis-24 #monthly-e-datatable-ir{margin-top:-6px}.pvgis-24 #monthly-e-datatable th,.pvgis-24 #monthly-e-datatable-ir th{width:80px}.pvgis-24 #monthly-e-datatable .custom-th,.pvgis-24 #monthly-e-datatable-ir .custom-th{padding-inline-end:7px}.pvgis-24 .pdf-btn-container{display:flex;justify-content:end;margin-top:15px}.pvgis-24 .pdf-btn-container button{height:35px;width:200px;border-radius:3px;color:#fff;border:0}.pvgis-24 #map{background-image:url("https://cdn.pvgis.com/images/loading-ps.svg");background-repeat:no-repeat;background-position:center;height:100% !important}.pvgis-24 #map-placeholder{background-image:url("https://cdn.pvgis.com/images/loading-ps.svg");background-repeat:no-repeat;background-position:center;height:100% !important}.pvgis-24 .relative{position:relative}.pvgis-24 .d-none{display:none !important}.pvgis-24 #simulation{height:24px;width:200px;border-radius:3px;outline:0;border:1px solid #0065a2;color:rgba(0,0,0,.7);margin-inline-end:10px;text-align:end;padding-inline-end:10px;background:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pvgis-24 .lazy-load-img{background-color:#fff !important}.pvgis-24 button{position:relative;padding:12px 24px;display:flex;align-items:center;justify-content:center;color:#fff}.pvgis-24 button span{color:#fff}.pvgis-24 .error-message{color:red;display:none}.pvgis-24 .azimuth input:not([type=checkbox]):not([type=radio]){width:52px}.pvgis-24 .azimuth td{padding-inline-end:20px}.pvgis-24 .visualize-floating{visibility:hidden;padding:10px;position:fixed !important;bottom:20px;right:0;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:#0065a2;color:#fff;border:0;z-index:1;scale:.85}.pvgis-24 .slopeErrorSecNsEw{margin-inline-start:85px;margin-top:-10px;margin-bottom:2px}.pvgis-24 #sec2 .slope-row,.pvgis-24 #sec3 .slope-row,.pvgis-24 #sec4 .slope-row{margin-bottom:5px}.pvgis-24 #slope-error,.pvgis-24 #slope-error-2,.pvgis-24 #slope-error-3,.pvgis-24 #slope-error-4,.pvgis-24 #slope-error-5{color:red;display:none;text-wrap:nowrap;margin-inline:10px;margin-block:10px}.pvgis-24 .slope-error{color:red;display:none;text-wrap:nowrap;margin-top:8px;margin-bottom:10px}.pvgis-24 .select-container{position:relative}.pvgis-24 .select-container.mounting-select .radio-pvgis+label{display:flex;align-items:center;column-gap:2px}.pvgis-24 .select-container .mounting-container .section-icon{width:42px !important;height:20px !important}.pvgis-24 .monthly_energy_production_result{min-height:200px;width:100%;border:1.6px solid #005da7;padding:15px}.pvgis-24 .custom-th{text-align:center}.pvgis-24 .fa-spinner{display:none;animation:2s linear infinite spin;margin-inline-start:10px;margin-inline-end:10px}.pvgis-24 .disabled{opacity:.5 !important}.pvgis-24 .save-btn{color:#fff}.pvgis-24 .file-registration-container{display:flex;align-items:center;justify-content:center;padding-bottom:25px}.pvgis-24 .file-registration-container .box{height:fit-content;min-height:150px;width:800px;padding-top:50px;padding-bottom:80px;margin-top:90px;background:#fff;position:relative;text-align:center}.pvgis-24 .file-registration-container .text-black{color:rgba(0,0,0,.7)}.pvgis-24 .file-registration-container p{margin-bottom:0}.pvgis-24 .file-registration-container .action-container{position:absolute;bottom:0;right:0;display:flex;align-items:center}.pvgis-24 .file-registration-container .action-container .location-submit{position:relative}.pvgis-24 .file-registration-container .action-container .cancel{color:#005da7;margin-inline-end:20px;position:relative}.pvgis-24 #sec2,.pvgis-24 #sec2eo,.pvgis-24 #sec2ns{display:none}.pvgis-24 #lat-lon-container{display:none}.pvgis-24 #input-container{display:block}.pvgis-24 .radio-custom{display:flex;flex-direction:column}.pvgis-24 input{color:#000 !important;padding-block:0}.pvgis-24 .simulator-section{padding:15px 0;border:1.6px solid #005da7}.pvgis-24 .simulator-section>div{padding-inline:15px !important}.pvgis-24 .simulator-section h3{margin:0 0 10px;color:#1871bb}.pvgis-24 .flex-container{display:flex;align-items:center}.pvgis-24 .flex-container:not(.peak-power-section){margin-bottom:10px}.pvgis-24 #info-system div[id^=sec]{display:none}.pvgis-24 #info-system div[id=sec1]{display:block}.pvgis-24 .custom-input-number-container{position:relative;display:flex;width:52px;margin-inline:5px 5px}.pvgis-24 .custom-input-number-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;padding-inline-end:10px;background-image:none !important}.pvgis-24 .custom-input-number-container input:disabled+.icons{display:none}.pvgis-24 .custom-input-number-container .icons{display:flex;flex-direction:column;position:absolute;right:3px;margin-top:2px}.pvgis-24 .custom-input-number-container .icons button{background:0;border:0;padding:0;height:12px;color:#a7b7d1}.pvgis-24 .locked_n_b{opacity:.5 !important}.modal-backdrop{z-index:9998;position:fixed;right:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0) !important;opacity:0;visibility:hidden}.modal-backdrop .modal{background-color:#fff;border-radius:8px;padding:20px;width:480px;z-index:9999;position:absolute;top:125px;height:fit-content;display:flex;gap:16px}.modal-backdrop .modal input{text-align:left !important;padding-inline:16px;padding-block:2px;height:auto}.modal-backdrop .modal>div:last-child{flex-grow:1}.modal-backdrop .modal>div .modal-info{margin-bottom:16px}.modal-backdrop #pdf-modal{width:100%;top:0;border-radius:0}#modal-backdrop-pdf{display:none}#modal-backdrop-pdf input{all:revert}.loading-modal>div .message-container .loading-dots span{opacity:0;animation:1.5s ease-in-out infinite smooth-blink}.loading-modal>div .message-container .loading-dots span:first-child{animation-delay:0s}.loading-modal>div .message-container .loading-dots span:nth-child(2){animation-delay:.3s}.loading-modal>div .message-container .loading-dots span:nth-child(3){animation-delay:.6s}.pic-power-total{display:flex;align-items:center}.first-pente-content{margin-bottom:15px;background-color:#f6f6f6;border-radius:15px;padding:10px;margin:10px 0}.first-pente-content .row-section{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;max-width:510px;width:98%}.first-pente-content .row-section .p{margin-bottom:0}.first-pente-content .row-section .p label{margin-bottom:0}.first-pente-content .row-section .container-slope{display:flex;flex-direction:column;align-items:flex-start}.first-pente-content .row-section .container-slope select{border-radius:3px;text-align:center}#peak-power-error.peak-power-error-message{display:none;color:red}.w-full{width:100% !important}.pente-radio-content .radio-pvgis+label{padding-right:0}@media screen and (max-width:479px){.pvgis-24 .p-24-input-left.input-container.locked_n_b{margin-top:25px;margin-bottom:70px}.pvgis-24 .p-24-input-left.input-container.locked_n_b p{margin-bottom:0}.pvgis-24 .p-24-input-left.input-container.locked_n_b input{width:100% !important}}@media screen and (max-width:533px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-input-container#visualisation .relative .select-container.mounting-select .mounting-container label{line-height:normal !important}}@media screen and (max-width:343px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-input-container#visualisation .relative .select-container.mounting-select .mounting-container label{font-size:15px !important}}@media screen and (max-width:526px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b{flex-direction:column;align-items:self-start}.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b .p-24-info-form-top-box{margin-inline-start:0 !important}}@media screen and (max-width:427px){.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b h3 .font-bold-condensed,.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b h3 .font-bold-condensed-oblique{font-size:15px !important}.pvgis-24 .p-24-form .p-24-info-form-container .p-24-info-form-top.locked_n_b .p-24-info-form-top-box #simulation{width:130px !important}}@media screen and (max-width:384px){.pvgis-24 .p-24-result-container .p-24-top .barre h2{font-size:15px !important}.pvgis-24 .p-24-result-container .p-24-result-content .c-simulator-section .simulator-section .info-pv #pvTable th{font-size:13px}}.horizon-container .radio-cont{display:flex;margin-bottom:15px;gap:10px;align-items:center}.horizon-container .radio-cont .radio-r{width:auto}.horizon-container .radio-cont .downloadHorizon-btn{display:flex;align-items:center;justify-content:center;gap:30px}.horizon-container .radio-cont .downloadHorizon-btn button{border-radius:3px;background:#0065a2;height:30px;width:70px;display:inline-block;padding:0;font-size:15px;color:#fff}.horizon-container .radio-cont #horizon_file{display:none}.horizon-container .radio-cont .horizon-input-cont{opacity:1;flex:1;display:flex;align-items:center;position:relative}.horizon-container .radio-cont .custom-file-upload{border-radius:3px;background:#0065a2;height:30px;width:fit-content;display:inline-flex;padding:0 10px;font-size:15px;color:hsla(0,0%,100%,.9529411765);font-weight:600;align-items:center;white-space:nowrap}.horizon-container .radio-cont #file-name{margin-left:10px;font-size:16px;width:50%;text-overflow:ellipsis;overflow-x:hidden}.horizon-container .error-message{display:none;color:rgba(255,0,0,.774);position:absolute;top:100%}.save-btn{background:#0065a2;color:#fff;text-transform:uppercase;border-radius:0;padding:8px 30px 4px;text-align:center;min-width:175px}.advanced-modal{display:none;visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6156862745);z-index:300}.advanced-modal .advanced-modal-container{position:relative;background-color:#fff;padding:0 30px 50px;min-width:30vw;border:1px solid #0065a2;box-shadow:0 0 25px rgba(31,31,31,.637)}.advanced-modal .advanced-modal-container h3.adv-title{font-size:24px;margin-bottom:15px}.advanced-modal .advanced-modal-container .close-button{position:absolute;top:2px;right:15px;font-size:22px}.advanced-modal .advanced-modal-container .db-container{display:flex;flex-direction:column;gap:15px}@media screen and (max-width:761px){.radio-cont{flex-direction:column}}.hidden{display:none !important}.logToPdfModal{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0}.logToPdfModal .logToPdfModal-dialog{position:relative;top:-5%;padding:20px;width:100%;max-width:550px;margin:1.75rem auto;background-color:#fff;border-radius:.3rem;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-close{position:absolute;top:3px;right:14px;font-size:21px;color:#979a98}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-header{color:#005ea8;display:flex;justify-content:start;align-items:center;gap:10px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-header img{width:50px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer{display:flex;justify-content:space-around;align-items:center;margin-top:20px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body .fa-spinner{animation:2s linear infinite spin;margin-inline-start:15px}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body a,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-body button,.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer button{background-color:#005ea8;color:#fff;border:0;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:600;min-width:200px;text-align:center}.bg-login{position:absolute !important;top:0;left:0;width:100%;height:100%;z-index:-1}#auth-form-modal{position:fixed;display:flex;align-items:baseline;justify-content:center;background:rgba(0,0,0,.4941176471);overflow:auto;top:0;left:0;width:100%;height:100%;z-index:99999;visibility:hidden;opacity:0}#auth-form-modal .auth-form-modal-dialog{position:relative;width:65%;padding-bottom:40px;box-shadow:0 0 20px 0 rgba(0,0,0,.699);top:40px;margin-bottom:10rem}#auth-form-modal .login-content,#auth-form-modal .register-content{display:none}#auth-form-modal .log-header{width:100%;background-color:#0065a2;height:65px;display:flex;padding:10px 20px;justify-content:space-between;align-items:center}#auth-form-modal .log-header .log-header-title{font-weight:700;font-size:25px;color:#fff}#auth-form-modal .log-header .close-button{font-size:25px;color:#fff;opacity:.8}.toast-view-container{display:none}@media screen and (max-width:991px){.logToPdfModal .logToPdfModal-dialog{width:90%}.logToPdfModal .logToPdfModal-dialog .logToPdfModal-footer{flex-direction:column;gap:15px;margin-bottom:14px}#auth-form-modal .auth-form-modal-dialog{top:30px;height:90%}#auth-form-modal .auth-form-modal-dialog .container-fluid{padding-inline:10px}#auth-form-modal .auth-form-modal-dialog .login-container .create-account{display:block;text-align:left}#auth-form-modal .auth-form-modal-dialog .login-container .login-forms-container{display:flex;flex-direction:column;gap:30px}#auth-form-modal .auth-form-modal-dialog .login-container .form-group-container{flex-direction:column}#auth-form-modal .auth-form-modal-dialog .login-container .form-group-container .form-group{width:100%}#auth-form-modal .auth-form-modal-dialog .login-container-fluid{overflow:auto;max-height:80vh}#auth-form-modal .auth-form-modal-dialog .registration-container{overflow:scroll;max-height:80vh}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form{padding:5px 20px 50px}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type{display:flex;flex-direction:column;gap:10px}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type .radio-pvgis+label{padding-right:0}#auth-form-modal .auth-form-modal-dialog .registration-container #registration-form .radio-account-type .col-sm-4{display:flex;align-items:center;white-space:nowrap;gap:0;text-align:left}#auth-form-modal .auth-form-modal-dialog .registration-container input{width:100% !important}#auth-form-modal .auth-form-modal-dialog .registration-container label[for=accept-cgu]{display:inline;white-space:wrap;font-size:16px}#auth-form-modal .auth-form-modal-dialog .registration-container .message-container{padding-bottom:10px}#auth-form-modal .auth-form-modal-dialog .registration-container .radio-account-type{margin-bottom:10px}#auth-form-modal .auth-form-modal-dialog .registration-container .page-title h2{display:none}#auth-form-modal .auth-form-modal-dialog .registration-container .form-group{margin-bottom:5px}#auth-form-modal .auth-form-modal-dialog .registration-container .user-info-container{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}#auth-form-modal .auth-form-modal-dialog .registration-container .user-info-container .form-group.nickname-container{grid-column:span 1}}.bg-login{background-image:url("https://cdn.pvgis.com/images/pvgis24/extranet-bg.webp?v=080820241500");background-size:cover;background-repeat:no-repeat;background-position:fixed;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.login-container{display:flex;flex-direction:column;margin-top:20px}.login-container .create-account{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;height:auto;text-align:right;margin-bottom:25px}.login-container .create-account>p{grid-column:1/9}.login-container .create-account a{color:#000 !important}.login-container .box{height:fit-content;background:#fff;position:relative;text-align:center;grid-column:1/9}.login-container .message-container{padding-bottom:20px}.login-container .form-group-container{display:flex;justify-content:space-between;padding:20px 20px 0}.login-container .form-group{display:flex;flex-direction:column;align-items:flex-start;width:48%}.login-container .form-group label{margin-bottom:5px}.login-container .form-group input:not([type=radio]):not([type=checkbox]){width:100%;border:1px solid #386ca7;outline:0;padding:10px;height:30px;color:gray !important}.login-container .form-group .pwd-input{width:100%;position:relative}.login-container .form-group .pwd-input .password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:8px}.login-container .form-group a{color:#005da7;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px;margin-top:10px}.login-container .form-group .error-form-message{color:red;font-size:14px;padding-top:5px;display:none}.login-container .action-container{display:flex;justify-content:flex-end !important;width:100%}.login-container .action-container .cancel-button{background:#fff;border:1px solid #fff;border-radius:0;text-transform:capitalize;width:auto;outline:0;text-decoration:none;color:#333}.login-container .action-container button{border:0;outline:0;border-radius:0;background:#005da7;color:#fff;min-width:100px;height:40px;text-transform:uppercase}.login-container .action-container .fa-spinner{display:none;animation:2s linear infinite spin;margin-right:10px}.login-container .error-message{color:red;text-align:center;font-weight:700}.login-container .success-message{color:green;text-align:center;font-weight:700}.login-container input[type=password]::-ms-clear,.login-container input[type=password]::-ms-reveal{display:none}.login-container .login-forms-container{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}.login-container .tiers-registration-container{background-color:hsla(0,0%,100%,.4862745098);border-radius:10px;padding:25px 20px 30px;text-align:center;color:#005ea8;grid-column:9/-1}.login-container .tiers-registration-container h3{margin:0}.login-container .tiers-registration-container button{flex:1}.login-container .tiers-registration-container img{width:28px;height:28px;float:left;border-radius:4px}.login-container .button-container{display:flex;flex-direction:column}.login-container .g-btn{background:#4861ac;color:#fff;text-align:center;max-width:280px;width:100%;padding:2px;display:flex;align-items:center;margin:auto;gap:4px;border-radius:0 !important}.login-container .g-btn{background:#5582ec}.login-container .g-btn span{width:100%;padding-top:2px;white-space:normal}@media screen and (max-width:991px){.container-fluid{padding-inline:10px}.login-container .create-account{display:block;text-align:left}.login-container .login-forms-container{display:flex;flex-direction:column;gap:30px}.login-container .form-group-container{flex-direction:column}.login-container .form-group-container .form-group{width:100%}}.registration-container .page-title{display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:30px}.registration-container .page-title h2{margin:0}.registration-container .form-group.register-accept-terms{margin-block:0 10px;position:absolute;bottom:0}.registration-container .btn-submit{border-radius:0 !important}.registration-container .btn-submit.disabled{background:#82919b;color:#fff;border:1px solid #7493a7;width:100%}.registration-container .btn-submit .fa-spinner{display:none;animation:2s linear infinite spin;margin-right:10px}.registration-container .to-login{margin:0;text-decoration:none;text-align:right;color:#000 !important}.registration-container .to-login a{color:#000 !important;text-decoration:underline;text-decoration-color:#939da2;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-underline-offset:3px}.registration-container .required{color:red}.registration-container label{margin-bottom:0}.registration-container .message-container{padding-bottom:20px}.registration-container .error-message-register{color:red;text-align:center;font-weight:700}.registration-container input:not([type=radio]):not([type=checkbox]){height:30px;border:1px solid #386ca7}.registration-container .radio-account-type{margin-bottom:28px;line-height:1}.registration-container .password-container{position:relative}.registration-container .password-container .eye-toogler{position:absolute;right:10px;top:4px;font-size:18px;font-weight:900;z-index:1}.registration-container .check-container{margin-bottom:15px;margin-top:5px}.registration-container .btn-container{position:absolute;bottom:0;right:0;display:flex}.registration-container .btn-container .cancel-button{background:#fff;border:1px solid #fff;border-radius:0}.registration-container .tiers-registration-container{background-color:hsla(0,0%,100%,.4862745098);border-radius:10px;padding:25px 20px 30px;text-align:center;color:#005ea8}.registration-container .tiers-registration-container h3{margin:0}.registration-container .tiers-registration-container img{width:28px;height:28px;float:left;border-radius:4px}.registration-container .tiers-registration-container .divider{display:flex;align-items:center;text-align:center;width:200px;position:relative;margin:20px auto}.registration-container .tiers-registration-container .divider span{padding:0 10px;white-space:nowrap;color:#285798}.registration-container .fb-btn{background:#4861ac;color:#fff;text-align:center;width:200px;padding:2px;display:flex;align-items:center;margin:auto;border-radius:0 !important}.registration-container .g-btn{background:#4861ac;color:#fff;text-align:center;max-width:280px;width:100%;padding:2px;display:flex;align-items:center;margin:auto;gap:4px;border-radius:0 !important}.registration-container .btn-submit{background:#0065a2;color:#fff;border:1px solid #0065a2;width:100%;padding:0 30px}.registration-container .error-message{color:red;font-size:.875em;display:none}.registration-container #registration-form{background:#fff;padding:20px 30px 50px;position:relative;margin-bottom:25px}.registration-container .fb-btn span,.registration-container .g-btn span{width:100%;padding-top:2px;white-space:normal}.registration-container .tiers-registration-container .divider::after,.registration-container .tiers-registration-container .divider::before{content:"";flex:1;border-bottom:2px solid #2e64a1}.dropdown-select-container{padding-inline-end:18px}.dropdown-select-container .dropdown-select-button{border:1px solid #4079aa}.dropdown-select-container .dropdown-select-list{width:95.3%}.dropdown-select-container .dropdown-select-list .item-list-container{max-height:350px}.mb-15{margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:991px){.container-fluid{padding-inline:10px}.registration-container{overflow:scroll;max-height:100vh}.registration-container #registration-form{padding:5px 20px 50px}.registration-container #registration-form .radio-account-type{display:flex;flex-direction:column;gap:10px}.registration-container #registration-form .radio-account-type .radio-pvgis+label{padding-right:0}.registration-container #registration-form .radio-account-type .col-sm-4{display:flex;align-items:center;white-space:nowrap;gap:0;text-align:left}.registration-container #registration-form .form-group.register-accept-terms{margin-block:5px 15px;position:relative}.registration-container input{width:100% !important}.registration-container label[for=accept-cgu]{display:inline;white-space:wrap;font-size:16px}.registration-container .message-container{padding-bottom:10px}.registration-container .radio-account-type{margin-bottom:10px}.registration-container .page-title h2{display:none}.registration-container .form-group{margin-bottom:5px}.registration-container .user-info-container{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.registration-container .user-info-container .form-group.nickname-container{grid-column:span 1}.country-container,.language-container{grid-column:span 2}.country-container .dropdown-select-container,.language-container .dropdown-select-container{padding:0}}.dropdown-select-container{position:relative}.dropdown-select-button{border:1px solid #4079aa;border-radius:3px;width:100%;margin:auto;height:25px;color:#000;width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;background-image:url(/assets/images/icon/arrow_down.png) !important;background-repeat:no-repeat;background-size:11px;background-position:calc(100% - 5px) calc(100% - 10px);height:34px;border:1px solid #ccc}.dropdown-select-list{width:100%;border:1px solid #ccc;overflow-y:auto;display:none;position:absolute;top:100%;left:0;z-index:11;padding:0;list-style-type:none;background-color:#e1dddc;font-style:italic !important;color:#000}.dropdown-select-list .item-list-container{max-height:400px;overflow-y:auto}.dropdown-select-list .search-input{width:100% !important;padding:10px;display:block;margin:0 !important;margin-bottom:10px;box-sizing:border-box}
  123. </style>
  124.  <link rel="apple-touch-icon" sizes="180x180" href="https://pvgis.com/assets/images/icon/apple-touch-icon.png">
  125.  <link rel="icon" type="image/png" sizes="32x32" href="https://pvgis.com/assets/images/icon/favicon-32x32.png">
  126.  <link rel="icon" type="image/png" sizes="16x16" href="https://pvgis.com/assets/images/icon/favicon-16x16.png">
  127.  <link rel="manifest" href="https://pvgis.com/assets/images/icon/site.webmanifest">
  128.  
  129.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/jquery_ui.min.css?v=080520251110">
  130.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/normalize.min.css?v=080520251110">
  131.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/bootstrap.min.css?v=080520251110">
  132.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/fonts.css?v=080520251110">
  133.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/width_grid.css?v=080520251110">
  134.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/loader.css?v=080520251110">
  135.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/color.css?v=080520251110">
  136.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/cookieconsent.css?v=080520251110">
  137.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/header.css?v=080520251110">
  138.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/footer.css?v=080520251110">
  139.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/testimony.css?v=080520251110">
  140.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/account.css?v=080520251110">
  141.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/custom_radio_checkbox.css?v=080520251110">
  142.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/css/intlTelInput.min.css?v=080520251110">
  143.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toastr.css?v=080520251110">
  144.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toast_popup.css?v=080520251110">
  145.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/floating_btn_pvgis24.css?v=080520251110">
  146.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/floating_btn_connected_user.css?v=080520251110">
  147.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/how_do_i_do.css?v=080520251110">
  148.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  149.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css">
  150.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  151.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.pvgis.com/assets/css/bootstrap-icons/bootstrap-icons-1-11.css">
  152.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/popup.css?v=080520251110">
  153.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/account_menu.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/extranet_dashboard.main.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/information_photovoltaic.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pdf_editor.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pvgis24.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/horizon_comp.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pricing.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/subscription_modal.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/log_to_pdf_modal.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/login.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/register.css?v=080520251110' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/components/dropdown-select.css?v=080520251110' >  <style>
  154.      </style>
  155.  
  156. <script>
  157.    window.env = {
  158.        UI_BASE_URL: "https://pvgis.com",
  159.        AUTH_API_URL: "https://auth.pvgis.com",
  160.        PVGIS_AUTH_API: "https://auth.pvgis.com",
  161.        BASE_URL: "https://api.pvgis.com",
  162.        TRANSLATION_API_URL: "https://ts.pvgis.com",
  163.        PRINT_URL: "https://print.pvgis.com/pvgis",
  164.        MAP_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoBackground/EPSG3857/{z}/{x}/{y}.png",
  165.        LABEL_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoLabels/EPSG3857/{z}/{x}/{y}.png",
  166.        SENTINEL_LAYER_URL: "https://tiles.maps.eox.at/",
  167.        SATELLITE_LAYER_URL: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
  168.        SOLAR_LAYER_URL: "https://re.jrc.ec.europa.eu/pvg_tiles/api5_2/{z}/{x}/{-y}.png",
  169.        ELEVATION_URL: "https://api.open-meteo.com/v1/elevation?",
  170.        GEOCODE_URL: "https://gisco-services.ec.europa.eu/api?lang=en&limit=1&q=",
  171.        GA_MEASUREMENT_ID: "G-7160PCEY5S",
  172.        KISS_2_PVGIS: "https://kiss2pvgis.com",
  173.        SOLAR_DROP_SHIPPING: "https://solardropshipping.com",
  174.        CMS_URL: "https://cms.pvgis.com/content-management-system",
  175.        CURRENT_CLIENT_IP: "3.237.223.94",
  176.        COUNTRY_LIST: "https://restcountries.com/v3.1/all",
  177.        PRODUCTION: true,
  178.        FILE_UPLOAD_URL: "https://fs.pvgis.com",
  179.        BROADCAST_URL: "https://bs.pvgis.com",
  180.        BP_BASE_URL: "https://bp.pvgis.com",
  181.        EXCHANGE_RATE_URL: "https://cs.pvgis.com",
  182.        LATEST_PVGIS_API_VERSION: "5.3",
  183.        MINIFY_CSS_JS: true,
  184.        CDN_URL: "https://cdn.pvgis.com",
  185.        SETTING_URL: "https://cfg.pvgis.com",
  186.        STRIPE_PUBLISHABLE_KEY: "pk_live_51Psh8RCNxPSZy3wjNk3YeGrTrJVP2vKEonxodiALZYaYhCbpukHxWITjoFqbaH5DxHhUx2ZuJNqRdFJzrwZH8eo800cpfHoWeG",
  187.        RESOURCE_VERSION: "080520251110",
  188.        GOOGLE_LABELS_LAYER_LINK: "https://mt1.google.com/vt/lyrs=h&x={x}&y={y}&z={zoom}",
  189.        GOOGLE_SATELLITE_LAYER_LINK: "https://khms2.google.com/kh/v=991?x={x}&y={y}&z={zoom}",
  190.        GOOGLE_MAPS_API_KEY: "AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  191.        GOOGLE_STATIC_MAPS_URL: "https://maps.googleapis.com/maps/api/staticmap?center={lat},{lng}&zoom={zoom}&size={size}&maptype={mapTypeId}&markers=color:red%7Clabel:+%7C{markerLat},{markerLng}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  192.        GOOGLE_GEOCODE_URL: "https://maps.googleapis.com/maps/api/geocode/json?address={city},{country}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  193.        GOOGLE_TIMEZONE_URL: "https://maps.googleapis.com/maps/api/timezone/json?language=es&location={lat},{lng}&timestamp={timestamp}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  194.        ENABLE_STATIC_RESULTS_MAP: "true" === "true",
  195.        GOOGLE_MAPS_MAP_ID: "e1b4b31e9c1e44e9",
  196.        REDIRECT_TO_INVITATION_FORM_AT:  null,
  197.        PVGIS_API_VERSION: "5.3",
  198.        PVGIS_API_DATABASES: "PVGIS-SARAH3,PVGIS-ERA5",
  199.        PVGIS_LEGACY_API_VERSION: "5.2",
  200.        PVGIS_LEGACY_API_DATABASES: "PVGIS-SARAH2,PVGIS-ERA5",
  201.        HELPDESK_URL: "https://hd.pvgis.com",
  202.        URL_PREFIX: "/en/",
  203.        USE_FULL_24H: false    };
  204.  
  205.      
  206.  
  207.  
  208.    window.simulatorPvgisMeta = {
  209.        apiVersion: "5.3",
  210.        databases: "PVGIS-SARAH3,PVGIS-ERA5".split(',')
  211.    };
  212.    window.clientIpInfo = {"countryName":"United States","countryCode":"US","lat":39.0438,"lon":-77.4874,"timezone":"America\/New_York","status":"success"};
  213. </script>
  214.  <script>
  215.    let isConnected = false;
  216.    const _SESSION = {};
  217.  
  218.    function isSafari() {
  219.      return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  220.    }
  221.  
  222.    function isEpiphany() {
  223.      return /epiphany/i.test(navigator.userAgent);
  224.    }
  225.  
  226.    if(isSafari() || isSafari()) {
  227.      addCSSLinkDynamically("safari.css");
  228.    }
  229.  
  230.    function addCSSLinkDynamically(cssFile) {
  231.      let existingLink = document.querySelector(`link[href*="${cssFile}"]`);
  232.      if (existingLink) return;
  233.      let linkElem = document.createElement('link');
  234.      linkElem.rel = 'stylesheet';
  235.      linkElem.href = `https://pvgis.com/assets/min-css/${cssFile}?v=080520251110` ;
  236.      document.head.appendChild(linkElem);
  237.    }
  238.  </script>
  239.  </head><body>
  240.    <div class="cssloader-container">
  241.  <div class="cssloader-speeding-wheel"></div>
  242.  <p>
  243.    <!-- <img width="285" height="44" src="http://ssdg.mu/wp-content/uploads/2021/08/cropped-logo-ssdg.mu_.png" alt="ssdg.mu"> -->
  244.    PVGIS.COM
  245.  </p>
  246.  <p id="custom-loader-text" class="custom-loader-text">
  247.    <span id="custom-loader-text-content">
  248.      Loading simulation    </span>
  249.    <span class="dots">
  250.      <span>.</span>
  251.      <span>.</span>
  252.      <span>.</span>
  253.    </span>
  254.  </p>
  255. </div>
  256.  
  257.    <div id="loadingPdf"></div>
  258.    <div class="main-content">
  259.        <div class="header" id="header">
  260.    <div class="header-top">
  261.        <div class="container-fluid c-header">
  262.            <div class="menu-btn-container">
  263.                <button class="menu-btn" aria-label="humbergerMenu"><i class="fas fa-bars"></i></button>
  264.            </div>
  265.            <div class="logo-content">
  266.                <div class="logo-title">
  267.                    <a href="/en" data-cms-link id="nav-link" class="logo-extranet">
  268.                        <img src="/assets/images/icon/logo_extranet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="" width="113px" height="50px">
  269.                    </a>
  270.                </div>
  271.                <div class="description-container">
  272.                    <p class="title-header" data-ts="pvgis.header_title">PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM</p>
  273.                </div>
  274.            </div>
  275.  
  276.        
  277.  
  278.            <div class="h-top-right">
  279.                <div class="side-web-menu font-medium">
  280.                    <div class="side-menu-item-lang">
  281.                        <span class="lang-label">
  282.                            <span class="custom-span lang-selected">
  283.                                en
  284.                            </span>
  285.                            <i class="fas fa-sort-down icon icon-select-lang"></i>
  286.                        </span>
  287.                        <div class="lang-popover">
  288.                            <div class="back-lang">
  289.                                <span>&nbsp;&nbsp;<i class="fas fa-arrow-left"></i>&nbsp;&nbsp;<span class="back-button"></span></span>
  290.                            </div>
  291.                            <input type="text" id="searchLang" class="more-lang-input" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  292.                            <div class="lang-options">
  293.                                <!-- Generé dynamiquement les langues -->
  294.                                <div class="more-lang-option more-languages">
  295.                                    <span>&nbsp;&nbsp;<i class="fas fa-ellipsis-h"></i>&nbsp;&nbsp;<span data-ts="pvgis.more_language">More Languages</span></span>
  296.                                </div>
  297.                            </div>
  298.                        </div>
  299.                        <div class="dummy-link">
  300.                        </div>
  301.                    </div>
  302.                    <div class="account-menu-container account-menu-large">
  303.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">Register</a>&nbsp;&nbsp;
  304.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">Login</a>
  305.                                            </div>
  306.                    <div class="link-simulation">
  307.                        <a href="/en" data-cms-link rel="noopener noreferrer">
  308.                            <button class="btn btn-warning text-uppercase">pvgis24</button>
  309.                        </a>
  310.                        <a href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  311.                            <button class="btn btn-primary text-uppercase">pvgis
  312.                                5.3</button>
  313.                        </a>
  314.                                            </div>
  315.                </div>
  316.            </div>
  317.        </div>
  318.    </div>
  319.    <div class="content-bottom">
  320.    <div class="header-bottom">
  321.        <div class="h-nav-container font-bold">
  322.            <div class="container-fluid selected-nav-container">
  323.                <!-- <div class="seleted-nav"></div> -->
  324.                <div class="side-menu-item-lang">
  325.                    <span class="lang-label">
  326.                        <span class="custom-span lang-selected">eng</span>
  327.                        <i class="fas fa-sort-down icon icon-select-lang"></i>
  328.                    </span>
  329.                    <div class="lang-popover">
  330.                    </div>
  331.                    <div class="more-lang-popover"></div>
  332.                </div>
  333.                <div class="account-menu-container account-menu-mobile">
  334.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">
  335.                            Register                        </a>&nbsp;&nbsp;
  336.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">
  337.                            Login                        </a>
  338.                                        </div>
  339.                <div class="system-link-container">
  340.                    <a class="nav-system-link" href="/en" data-cms-link rel="noopener noreferrer">
  341.                        <button class="btn btn-warning text-uppercase">pvgis24</button>
  342.                    </a>
  343.                    <a class="nav-system-link" href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  344.                        <button class="btn btn-primary text-uppercase">pvgis
  345.                            5.3</button>
  346.                    </a>
  347.                </div>
  348.            </div>
  349.            <nav class="container-fluid nav-web-menu">
  350.                <ul class="navigation-menu-container nav-content">
  351.                    <li class="nav-button">
  352.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  353.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  354.                        </a>
  355.                    </li>
  356.                    <li class="nav-button">
  357.                        <a class="nav-menu-item btn btn-warning h-default-btn" href="/en/solar-calculator" data-cms-link>
  358.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  359.                        </a>
  360.                    </li>
  361.                    <li class="nav-button">
  362.                        <a class="nav-menu-item  h-default-btn" href="/en/subscription" data-cms-link>
  363.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  364.                        </a>
  365.                    </li>
  366.                </ul>
  367.                </ul>
  368.                <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  369.                    -  UTILISATEURS ACTIFS*
  370.                </div>
  371.            </nav>
  372.        </div>
  373.    </div>
  374.    </div>
  375.    <div class="extra-header">
  376.        <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  377.            -  UTILISATEURS ACTIFS*
  378.        </div>
  379.    </div>
  380.    <div class="menu-mobile">
  381.        <div class="menu-mobile-container">
  382.            <div class="menu-m-header">
  383.                <div class="m-logo-container">
  384.                    <a href="/en" data-cms-link>
  385.                        <img class="logo-internet" loading="lazy" width="200" src="/assets/images/icon/logo_internet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="">
  386.                    </a>
  387.                    <button><i class="fas fa-times"></i></button>
  388.                </div>
  389.                <div class="m-title" data-ts="pvgis.header_title">
  390.                    PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM                </div>
  391.            </div>
  392.            <div class="menu-mobile-body">
  393.                <ul class="navigation-menu-container font-bold">
  394.                    <li class="nav-button">
  395.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  396.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  397.                        </a>
  398.                    </li>
  399.                    <li class="nav-button">
  400.                        <a class="nav-menu-item btn btn-warning h-default-btn" href="/en/solar-calculator" data-cms-link>
  401.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  402.                        </a>
  403.                    </li>
  404.                    <li class="nav-button">
  405.                        <a class="nav-menu-item  h-default-btn" href="/en/subscription" data-cms-link>
  406.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  407.                        </a>
  408.                    </li>
  409.                </ul>
  410.                <div class="separate"></div>
  411.                <ul class="side-menu-container font-medium"></ul>
  412.            </div>
  413.        </div>
  414.    </div>
  415.  
  416.    <script>var customerIdToast = '';</script><div id="toast" class="toast-view-container">
  417.    <div class="toast-view">
  418.        <div class="toast-body">
  419.            <div class="toast-header">
  420.                <strong id="toast-title">
  421.                    Confirm profile information                </strong>
  422.                <!-- <button type="button" class="btn-close-toast" onclick="hideToast()">&times;</button>  -->
  423.            </div>
  424.            <span>
  425.                <p id="toast-message">
  426.                    Please Confirm some Profile Information before proceeding                </p>
  427.            </span>
  428.        </div>
  429.        <div class="toast-footer" id="confirm-toast">
  430.            <button type="button" class="btn-confirm-toast" onclick="redirectToAccountInfo()">
  431.                <span>
  432.                    Confirm                </span>
  433.            </button>
  434.        </div>
  435.    </div>
  436. </div>    <div id="toast_popup">
  437.    <div class="popup-overlay-container">
  438.        <div class="popup-container-wrapper">
  439.            <div class="popup-view-container popup-pro popup-white">
  440.                <div class="toat-popup-content" data-ts="pvgis.popup.pro_content">
  441.                    <div class="toast-popup-header">
  442.  <icon class="icon-close" id="close">&times;</icon>
  443. </div>
  444. <h3>« I want to work more efficiently and gain credibility »</h3>
  445. <p class="sub-title">The essential tool for solar professionals</p>
  446. <!-- <div> Sign up for free to PVGIS24 and boost the quality of your solar studies </div>
  447. <div> By signing up for free on PVGIS24, you get access to: </div>
  448. <ul>
  449.  <li>The 4 technical sections to simulate and size your projects</li>
  450.  <li>The professional extranet to manage your projects and view all financial simulations</li>
  451.  <li>Recognized and neutral tools to strengthen the credibility of your quotes</li>
  452. </ul> -->
  453. <p class="sub-title">More than {{user_count}} active users already trust us.</p>
  454. <!-- <div> Join PVGIS24 and gain clarity, autonomy and peace of mind in your solar journey. </div> -->
  455. <div> Registration is free and without commitment, you get immediate access to all 4 sections of the tool. </div>
  456. <button class="registerButton">REGISTER NOW</button>                </div>
  457.            </div>
  458.            <div class="popup-view-container popup-part popup-blue">
  459.                <div class="toat-popup-content" data-ts="pvgis.popup.part_content">
  460.                    <div class="toast-popup-header">
  461.  <icon class="icon-close" id="close">&times;</icon>
  462. </div>
  463. <h3>« I want to understand, verify or prepare my solar project »</h3>
  464. <p class="sub-title">Your solar project deserves reliable and independent tools</p>
  465. <!-- <div>
  466.  Sign up for free to PVGIS24 and access simulation tools
  467. </div>
  468. <div>
  469.  Whether you want to monitor your solar installation, verify a commercial offer, or prepare a future solar project, PVGIS24 is made for you:
  470. </div>
  471. <ul>
  472.  <li>Free technical analysis of your solar installation</li>
  473.  <li>Independent performance monitoring of your existing system</li>
  474.  <li>Verification of commercial offers or quotes</li>
  475.  <li>Neutral and professional guidance to prepare your solar project</li>
  476. </ul> -->
  477. <p class="sub-title">More than {{user_count}} active users already trust us.</p>
  478. <!-- <div>
  479.  Join PVGIS24 and gain clarity, autonomy and peace of mind in your solar journey.
  480. </div> -->
  481. <div>
  482.  Registration is free and without commitment, you get immediate access to all 4 sections of the tool.
  483. </div>
  484. <button class="registerButton">REGISTER NOW</button>                </div>
  485.            </div>
  486.        </div>
  487.    </div>
  488. </div>    
  489.    
  490.    <div class="modal-extranet logout-modal">
  491.    <div class="container">
  492.        <div class="row">
  493.            <div class="col-xs-12 col-md-8">
  494.                <div class="popup-container">
  495.                    <div class="row modal-extranet-content">
  496.                        <p data-ts="pvgis.logout.confirm_text">Etes-vous sur?</p>
  497.                    </div>
  498.                    <div class="btn-container">
  499.                        <button type="button" class="btn cancel-btn" data-ts="pvgis.registration.cancel">Annuler</button>
  500.                        <button onclick="handlelogout()" class="btn save-btn" data-ts="pvgis.logout.logout">JE ME DÉCONNECTE</button>
  501.                    </div>
  502.                </div>
  503.            </div>
  504.        </div>
  505.    </div>
  506. </div>
  507.    <script src="https://pvgis.com/assets/min-js/toast/toast.js?v=080520251110">
  508.    </script>
  509.    <script src="https://pvgis.com/assets/min-js/toast/popup.js?v=080520251110">
  510.    </script>
  511. </div>
  512.  
  513.  
  514. <!-- Floating buttons -->
  515. <div class="floating-btn-container intranet-container">
  516.    
  517.    <a href="/en" class="calculator-link d-none" data-cms-link>
  518.    <div class="radiating-circle"></div>
  519.    <div class="calculator-text">
  520.      <span>PVGIS24</span>
  521.      <span data-ts="pvgis.common.calculator">Calculator</span>
  522.    </div>
  523. </a>    </div>
  524.  
  525. <!-- TICKET COMPONENT -->
  526. <!-- TICKET COMPONENT -->
  527.  
  528.        <div class="container-fluid width-grid w-full">
  529.            <div class="container pvgis-24 my-20">
  530.                <h1 class="p-24-title primary-blue uppercase" data-ts="pvgis.pvgis24-calculator">
  531.                    PVGIS24 CALCULATOR                </h1>
  532.  
  533.                <!-- <div id="notAllowedLocationMsgContainer">
  534.                    <div id="notAllowedLocationMsg" class="location-msg"></div>
  535.                    <div class="location-msg">
  536.                        <span data-ts="pvgis.how_do_i_do.title" class="how-do-i-do-msg" onclick='openModal("how_do_i_do_modal")'>
  537.                            How do I do that ?                        </span>
  538.                                            </div>
  539.                </div> -->
  540.                <div class="p-24-calculator-container" id="p-24-calculator-container-id">
  541.                    <div class="p-24-location-container p-24-cal-box">
  542.                        <div class="p-24-top">
  543.                            <div class="barre bg-blue">
  544.                                <h2 class="primary-blue uppercase" data-ts="pvgis.geolocation">geolocation</h2>
  545.                            </div>
  546.                            <div class="picto">
  547.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  548.                                    data-src="https://cdn.pvgis.com/images/pvgis24/location-icon.png?v=18102024"
  549.                                    class="lazyLoad lazy-load-img" alt="picto location">
  550.                            </div>
  551.                        </div>
  552.                        <form id="file-form" class="p-24-form">
  553.                            <div class="p-24-location">
  554.                                <div id="map-placeholder">
  555.                                </div>
  556.                                <div id="map" class="d-none">
  557.                                </div>
  558.                            </div>
  559.                            <div class="input-container-left">
  560.                                <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.production_point_location">Production point location</span></p>
  561.                                <div class="p-24-location-input-container">
  562.                                    <div class="p-24-l-input-left">
  563.                                        <div class="radio-custom">
  564.                                        </div>
  565.                                    </div>
  566.                                    <div class="p-24-input-right" id="input-container">
  567.                                    </div>
  568.                                    <div class="p-24-input-right" id="lat-lon-container">
  569.                                        <div>
  570.                                            <label class="p-24-black" for="latitude" data-ts="pvgis.latitude">Latitude</label>
  571.                                            <input class="p-24-black" id="latitude" name="latitude" placeholder="Latitude" type="text" data-tstype="placeholder" data-ts="pvgis.latitude">
  572.                                        </div>
  573.                                        <div>
  574.                                            <label class="p-24-black" for="longitude" data-ts="pvgis.longitude">Longitude</label>
  575.                                            <input class="p-24-black" id="longitude" name="longitude" placeholder="Longitude" type="text" data-tstype="placeholder" data-ts="pvgis.longitude">
  576.                                        </div>
  577.                                    </div>
  578.                                </div>
  579.                                <div class="input-container p-24-input-left locked_n_b">
  580.                                    <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.solar_projects_folder_name">Solar Projects Name</span></p>
  581.                                    <input type="text" class="solar_project_folder_name_input text-input" disabled='true'                                        id="solar_project_folder_name_input" name="name" placeholder="Folder Name" data-tstype="placeholder" data-ts="pvgis.folder_name">
  582.                                    <div class="error-message" id="name-error" style="display: none; color: red;" data-ts="pvgis.form.required">This field is required.</div>
  583.                                </div>
  584.                                <div class="save-btn-cont">
  585.                                                                            <button type="button" class="btn bg-blue uppercase visualize-result">
  586.                                            <i style="display: none;" class="fas fa-spinner"></i>
  587.                                            <span data-ts="pvgis.simulation.simulate">Simulate</span>
  588.                                        </button>
  589.                                                                    </div>
  590.                            </div>
  591.                        </form>
  592.                    </div>
  593.                    <div class="p-24-info-container p-24-cal-box">
  594.                        <div class="p-24-top">
  595.                            <div class="barre bg-blue">
  596.                                <h2 class="primary-blue uppercase" data-ts="pvgis.informations_system">SYSTEM INFORMATION</h2>
  597.                            </div>
  598.                            <div class="picto">
  599.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  600.                                    data-src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024"
  601.                                    class="lazyLoad lazy-load-img" alt="picto info system">
  602.                            </div>
  603.                        </div>
  604.                        <form class="p-24-form" id="info-system">
  605.                            <h3 style="margin-top: 0px;font-weight: 700;" class="blue-2" data-ts="pvgis.info_system_title">
  606.                                Performance Simulations of Crystalline Photovoltaic Systems Connected to the Public Grid Installed on Roofs                            </h3>
  607.                            <div class="p-24-info-form-container">
  608.                                <div class="p-24-info-form-top locked_n_b">
  609.                                    <h3 class="blue-2 font-bold-condensed uppercase">
  610.                                        <label class="font-bold-condensed" for="simulation">
  611.                                            <span data-ts="pvgis.solar_folder"> SOLAR PROJECT</span> ”<span
  612.                                                class="font-bold-condensed-oblique" id="folder-name">SOLAR PROJECT</span>”
  613.                                        </label>
  614.                                    </h3>
  615.                                    <div class="p-24-info-form-top-box">
  616.                                        <select id="simulation" class="uppercase italic disabled">
  617.                                            <option value="1">SIMULATION 1</option>
  618.                                        </select>
  619.                                        <button class="bg-grey" id="add-simulation-btn">+</button>
  620.                                    </div>
  621.                                </div>
  622.                                <div class="p-24-input-container" id="visualisation">
  623.                                    <div class="error-message" id="visualisation-error"
  624.                                        style="display: none; color: red;" data-ts="pvgis.registration.error.unexpected_error">An unexpected error occurred. Please try again.</div>
  625.                                    <div class="relative">
  626.                                        <p class="top-20">
  627.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.mounting_position">Mounting position</span>
  628.                                            <span class="cursor-pointer">
  629.                                                
  630.  
  631.    <!-- Question Mark Icon -->
  632.    <span
  633.        class='help-icon-btn-sm '
  634.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  635.        onclick='openModal("mounting_position_modal")'>
  636.        ?
  637.    </span>
  638.  
  639.    <!-- Modal Structure -->
  640.    <div id='mounting_position_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  641.        <div class='modal-dialog'>
  642.            <div class='modal-content'>
  643.                <div class='modal-body' id='mounting_position_modal_content'>
  644.                    <table>
  645.                        <tbody>
  646.                            <tr>
  647.                                <td class='p-0 icon-column'>
  648.                                    <span class='help-icon-btn'>
  649.                                        ?
  650.                                    </span>
  651.                                </td>
  652.                                <td class='title-cell'>
  653.                                    <h4 class='modal-title' data-ts='pvgis.mounting_position'>pvgis.mounting_position</h4>
  654.                                </td>
  655.                                <td class='close-col p-0'>
  656.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  657.                                        <span aria-hidden='true'>&times;</span>
  658.                                    </button>
  659.                                </td>
  660.                            </tr>
  661.                            <tr>
  662.                                <td class='content-cell modal-content-text' colspan='2'>
  663.                                    <div>
  664.    <div
  665.        data-ts="pvgis.mounting_position_helper_1">
  666.        Default “FREE STANDIN”    </div>
  667.    <div
  668.        data-ts="pvgis.mounting_position_helper_2">
  669.        For fixed systems, the way modules are mounted will influence module temperature, which in turn affects efficiency. Experiments have shown that if air movement behind the modules is restricted, the modules can become significantly hotter (up to 15°C at 1000W/m2 sunlight).    </div>
  670.    <div
  671.        data-ts="pvgis.mounting_position_helper_3">
  672.        In the application there are two possibilities: stand-alone, which means the modules are mounted on a rack with air circulating freely behind the modules; and roof added/building integrated, which means the modules are completely integrated into the wall or roof structure of a building, with little or no air movement behind the modules.    </div>
  673.    <div
  674.        data-ts="pvgis.mounting_position_helper_4">
  675.        Some mounting types fall between these two extremes, for example if the modules are mounted on a roof with curved roof tiles, which allows air to move behind the modules. In such cases, the performance will lie somewhere between the results of the two calculations that are possible here. In such cases, to be conservative, the added roof/building integrated option can be used.    </div>
  676. </div>
  677.                                </td>
  678.                            </tr>
  679.                        </tbody>
  680.                    </table>
  681.                </div>
  682.            </div>
  683.        </div>
  684.    </div>
  685.                                                </span>
  686.                                        </p>
  687.                                        <!-- <div class="mounting-postion-container radio-custom"></div> -->
  688.                                        <div class="select-container mounting-select">
  689.                                            <div class="mounting-container">
  690.                                                <input checked type="radio"
  691.                                                    class="radio-pvgis file-info-radio mountingPosition"
  692.                                                    name="mounting_position" value="free_standing_new"
  693.                                                    id="mounting-position">
  694.                                                <label class="font-bold-condensed" for="mounting-position">&nbsp;<img
  695.                                                    src="/assets/images/icon/s1-1.png" class="section-icon"
  696.                                                    alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.free_standing_new">One-section overlay mounting system</span>
  697.                                                </label>
  698.                                            </div>
  699.                                            <div class="mounting-container">
  700.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  701.                                                    name="mounting_position" value="roof_added_new" id="roof-added">
  702.                                                <label class="font-bold-condensed" for="roof-added">&nbsp;<img
  703.                                                        src="/assets/images/icon/s1-2.png" class="section-icon"
  704.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.roof_added_new">Roof-integrated mounting system</span></label>
  705.                                            </div>
  706.                                            <div class="mounting-container">
  707.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  708.                                                    name="mounting_position" value="imposition_sec_1"
  709.                                                    id="imposition_sec_1">
  710.                                                <label class="font-bold-condensed" for="imposition_sec_1">&nbsp;<img
  711.                                                        src="/assets/images/icon/s1-3.png" width="52px" height="21px" class="section-icon"
  712.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_1">Triangle mounting system on flat roof or slab on grade</span></label>
  713.                                            </div>
  714.                                            <div class="mounting-container">
  715.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  716.                                                    name="mounting_position" value="imposition_sec_2"
  717.                                                    id="imposition_sec_2">
  718.                                                <label class="font-bold-condensed" for="imposition_sec_2">&nbsp;<img
  719.                                                        src="/assets/images/icon/s2-1.png" class="section-icon"
  720.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2">Two roof sections overlay mounting system</span></label>
  721.                                            </div>
  722.                                            <div class="mounting-container">
  723.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  724.                                                    name="mounting_position" value="imposition_sec_2_e_o"
  725.                                                    id="imposition_sec_2_e_o">
  726.                                                <label class="font-bold-condensed" for="imposition_sec_2_e_o">&nbsp;<img
  727.                                                        src="/assets/images/icon/s2-2.png" width="42px" height="20px" class="section-icon"
  728.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_e_o">East-West mounting system on flat roof or slab on grade</span></label>
  729.                                            </div>
  730.                                            <div class="mounting-container">
  731.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  732.                                                    name="mounting_position" value="imposition_sec_2_n_s"
  733.                                                    id="imposition_sec_2_n_s">
  734.                                                <label class="font-bold-condensed" for="imposition_sec_2_n_s">&nbsp;<img
  735.                                                        src="/assets/images/icon/s2-2.png" width="42px" height="20px" class="section-icon"
  736.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_n_s">North-South mounting system on flat roof or slab on grade</span></label>
  737.                                            </div>
  738.                                            <div class="mounting-container">
  739.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  740.                                                    name="mounting_position" value="imposition_sec_3"
  741.                                                    id="imposition_sec_3">
  742.                                                <label class="font-bold-condensed" for="imposition_sec_3">&nbsp;<img
  743.                                                        src="/assets/images/icon/new-s3.png" class="section-icon"
  744.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_3">Three-section roof-mounting system</span></label>
  745.                                            </div>
  746.                                            <div class="mounting-container">
  747.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  748.                                                    name="mounting_position" value="imposition_sec_4"
  749.                                                    id="imposition_sec_4">
  750.                                                <label class="font-bold-condensed" for="imposition_sec_4">&nbsp;<img
  751.                                                        src="/assets/images/icon/new-s4.png" class="section-icon"
  752.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_4">Four-section roof-mounting system</span></label>
  753.                                            </div>
  754.                                        </div>
  755.                                    </div>
  756.                                                                        <div class="relative">
  757.                                        <p class="top-20">
  758.                                            <span
  759.                                                class="blue-2 font-18 font-700" data-ts="pvgis.peack_installed_photovoltaic_power">Peak installed photovoltaic power (kWp)</span>
  760.                                            <span class="cursor-pointer">
  761.                                                
  762.    <!-- Question Mark Icon -->
  763.    <span
  764.        class='help-icon-btn-sm '
  765.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  766.        onclick='openModal("peack_installed_power_modal")'>
  767.        ?
  768.    </span>
  769.  
  770.    <!-- Modal Structure -->
  771.    <div id='peack_installed_power_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  772.        <div class='modal-dialog'>
  773.            <div class='modal-content'>
  774.                <div class='modal-body' id='peack_installed_power_modal_content'>
  775.                    <table>
  776.                        <tbody>
  777.                            <tr>
  778.                                <td class='p-0 icon-column'>
  779.                                    <span class='help-icon-btn'>
  780.                                        ?
  781.                                    </span>
  782.                                </td>
  783.                                <td class='title-cell'>
  784.                                    <h4 class='modal-title' data-ts='pvgis.peack_installed_photovoltaic_power'>pvgis.peack_installed_photovoltaic_power</h4>
  785.                                </td>
  786.                                <td class='close-col p-0'>
  787.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  788.                                        <span aria-hidden='true'>&times;</span>
  789.                                    </button>
  790.                                </td>
  791.                            </tr>
  792.                            <tr>
  793.                                <td class='content-cell modal-content-text' colspan='2'>
  794.                                    <div data-ts="pvgis.default_1_label">Default “1”</div>
  795. <div data-ts="pvgis.power_manufacturer_states_label">
  796.    This is the power that the manufacturer states that
  797. the photovoltaic array can produce under standard test conditions, which are a constant solar irradiance of 1000 W per square meter in the array plane, at an array temperature
  798. of 25°C. Peak power must be entered
  799. in peak kilowatt (kWp).</div>
  800.                                </td>
  801.                            </tr>
  802.                        </tbody>
  803.                    </table>
  804.                </div>
  805.            </div>
  806.        </div>
  807.    </div>
  808.                                                </span>
  809.                                        </p>
  810.                                        <div class="pic-power-total">
  811.                                            <p id="title-power-sec-2">
  812.                                                <span class="font-700 p-24-black-2 font-16" data-ts="pvgis.peak_power_must_be_entered_in_kilowatt_peak">Peak power must be entered in kilowatt-peak</span>
  813.                                            </p>&nbsp;
  814.                                            <div class="flex-container-peak-power-container">
  815.                                                <div class="flex-container">
  816.                                                    <div class="custom-input-number-container">
  817.                                                        <input class="p-24-number-input" name="peak-power-total" id="peak-power-total"
  818.                                                            step="0.5" min="0.01" value="1" placeholder="0">
  819.                                                        <div class="icons">
  820.                                                            <button type="button" class="increment">
  821.                                                                <img src="/assets/images/icon/arrow_up.png"
  822.                                                                    alt="arrow_up" height="11" width="11">
  823.                                                            </button>
  824.                                                            <button type="button" class="decrement">
  825.                                                                <img src="/assets/images/icon/arrow_down.png"
  826.                                                                    alt="arrow_down" height="11" width="11">
  827.                                                            </button>
  828.                                                        </div>
  829.                                                    </div>
  830.                                                    <span class="p-24-black-2 font-16">kWp</span>
  831.                                                </div>
  832.                                            </div>
  833.                                        </div>
  834.                                    </div>
  835.  
  836.                                    <div class="relative azimuth">
  837.                                        <p class="top-20">
  838.                                            <span
  839.                                                class="blue-2 font-18 font-700" data-ts="pvgis.slope_azimut">Slope & Azimut</span>
  840.                                            <span class="cursor-pointer">
  841.                                                
  842.    <!-- Question Mark Icon -->
  843.    <span
  844.        class='help-icon-btn-sm '
  845.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  846.        onclick='openModal("slope_azimut_modal")'>
  847.        ?
  848.    </span>
  849.  
  850.    <!-- Modal Structure -->
  851.    <div id='slope_azimut_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  852.        <div class='modal-dialog'>
  853.            <div class='modal-content'>
  854.                <div class='modal-body' id='slope_azimut_modal_content'>
  855.                    <table>
  856.                        <tbody>
  857.                            <tr>
  858.                                <td class='p-0 icon-column'>
  859.                                    <span class='help-icon-btn'>
  860.                                        ?
  861.                                    </span>
  862.                                </td>
  863.                                <td class='title-cell'>
  864.                                    <h4 class='modal-title' data-ts='pvgis.slope_azimut'>pvgis.slope_azimut</h4>
  865.                                </td>
  866.                                <td class='close-col p-0'>
  867.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  868.                                        <span aria-hidden='true'>&times;</span>
  869.                                    </button>
  870.                                </td>
  871.                            </tr>
  872.                            <tr>
  873.                                <td class='content-cell modal-content-text' colspan='2'>
  874.                                    <div>
  875.    <div data-ts="pvgis.slope_azimut_helper_1">
  876.        If you have the possibility to choose the angle and azimuth or orientation of your mounting system for your solar installation, whether on a flat roof or on the ground (concrete slab), you will check the optimization both angle and azimuth.
  877. PVGIS24 can calculate optimal values ​​for slope and aspect (assuming fixed angles throughout the year).    </div>
  878.    <div style="margin-top: 10px;">
  879.        •
  880.        <b data-ts="pvgis.slope_label">
  881.            Slope        </b>
  882.    </div>
  883.    <div data-ts="pvgis.slope_azimut_default_2"></div>
  884.    <div data-ts="pvgis.slope_azimut_helper_2">
  885.        15 if southern hemisphere / Optimize the slope
  886. This concerns the angle of the photovoltaic modules in relation to the horizontal plane, for a fixed installation (without monitoring).    </div>
  887.    <div style="margin-top: 10px;">
  888.        •
  889.        <b data-ts="pvgis.azimuth_label">
  890.            Azimuth        </b>
  891.    </div>
  892.    <div data-ts="pvgis.slope_azimut_default_1"></div>
  893.    <div data-ts="pvgis.slope_azimut_helper_3">
  894.        180 if southern hemisphere / Optimize the angle.
  895. The azimuth, or orientation, is the angle of the photovoltaic modules relative to the direction:    </div>
  896.    <div style="margin-top: 20px;" data-ts="pvgis.north_180">
  897.        NORTH 180°    </div>
  898.    <div data-ts="pvgis.north_whest_135">
  899.        NORTH-WEST 135°    </div>
  900.    <div data-ts="pvgis.whest_90">
  901.        WHEST 90°    </div>
  902.    <div data-ts="pvgis.south_whest_45">
  903.        SOUTH-WHEST 45°    </div>
  904.    <div data-ts="pvgis.south_0">
  905.        SOUTH 0°    </div>
  906.    <div data-ts="pvgis.south_east_45">
  907.        SOUTH-EAST 45°    </div>
  908.    <div data-ts="pvgis.east_90">
  909.        EAST 90°    </div>
  910.    <div data-ts="pvgis.north_east_135">
  911.        NORTH-EAST 135°    </div>
  912. </div>
  913.                                </td>
  914.                            </tr>
  915.                        </tbody>
  916.                    </table>
  917.                </div>
  918.            </div>
  919.        </div>
  920.    </div>
  921.                                                </span>
  922.                                        </p>
  923.                                        <p>
  924.                                            <span class="p-24-black-2 font-16" data-ts="pvgis.slope_azimut_desc">PVGIS24 can calculate optimal values ​​for slope and aspect (assuming fixed angles throughout the year).</span>
  925.                                        </p>
  926.                                        
  927.                                        <p class="peak-power-error-message" id="peak-power-error">
  928.                                            <span data-ts="pvgis.extranet.error_power_value">The sum of the power of the sections must not be greater or less than the power crete</span>&nbsp;:&nbsp;<span id="peakPowerTotalPvgis24"></span>&nbsp;kWp
  929.                                        </p>
  930.  
  931.                                        <div id="sec1">  
  932.                                            <div class="first-pente-content">
  933.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  934.                                                <div class="row-section">
  935.                                                    <div class="flex-container" style="padding:0">
  936.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  937.                                                        <div class="custom-input-number-container">
  938.                                                            <input class="p-24-number-input" min="0.01"
  939.                                                                value="1" name="peak-power-1" step="0.5"
  940.                                                                id="peak-power" placeholder="0" disabled>
  941.                                                            <div class="icons">
  942.                                                                <button type="button" class="increment">
  943.                                                                    <img src="/assets/images/icon/arrow_up.png"
  944.                                                                        alt="arrow_up" height="11" width="11">
  945.                                                                </button>
  946.                                                                <button type="button" class="decrement">
  947.                                                                    <img src="/assets/images/icon/arrow_down.png"
  948.                                                                        alt="arrow_down" height="11" width="11">
  949.                                                                </button>
  950.                                                            </div>
  951.                                                        </div>
  952.                                                        <p class="p">kWp</p>
  953.                                                    </div>
  954.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  955.                                                        <div class="flex-container">
  956.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  957.                                                            <div class="custom-input-number-container">
  958.                                                                <input class="p-24-number-input" min="0" max="90"
  959.                                                                    value="0" name="slope"
  960.                                                                    id="slope" placeholder="0">
  961.                                                                <div class="icons">
  962.                                                                    <button type="button" class="increment">
  963.                                                                        <img src="/assets/images/icon/arrow_up.png"
  964.                                                                            alt="arrow_up" height="11" width="11">
  965.                                                                    </button>
  966.                                                                    <button type="button" class="decrement">
  967.                                                                        <img src="/assets/images/icon/arrow_down.png"
  968.                                                                            alt="arrow_down" height="11" width="11">
  969.                                                                    </button>
  970.                                                                </div>
  971.                                                                °
  972.                                                            </div>
  973.                                                        </div>
  974.                                                        <div class="pente-radio-content">
  975.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  976.                                                            name="optimize_pente"
  977.                                                            id="optimize-pente" value="true"><label
  978.                                                            class="font-medium" for="optimize-pente" data-ts="pvgis.optimization">Optimization</label>
  979.                                                        </div>
  980.                                                    </div>
  981.                                                    <div class="flex-container container-slope azimuth-row">
  982.                                                        <div class="flex-container">
  983.                                                            <p class="p">
  984.                                                                <label for="azimuth" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  985.                                                            </p>
  986.                                                            <p class="p">
  987.                                                                &nbsp;<select name="azimuth" id="azimuth" >
  988. <option value="180" >N</option>
  989. <option value="-90" >E</option>
  990. <option value="0" >S</option>
  991. <option value="90" >W</option>
  992. <hr><option value="-135" >NE</option>
  993. <option value="-45" >SE</option>
  994. <option value="45" >SW</option>
  995. <option value="135" >NW</option>
  996. <hr><option value="22.5" >NNE</option>
  997. <option value="-112.5" >ENE</option>
  998. <option value="-67.5" >ESE</option>
  999. <option value="-22.5" >SSE</option>
  1000. <option value="67.5" >WSW</option>
  1001. <option value="112.5" >WNW</option>
  1002. <option value="157.5" >NNW</option>
  1003. </select>                                                            </p>
  1004.                                                        </div>    
  1005.                                                        <div class="pente-radio-content">
  1006.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1007.                                                            name="optimize_azimuth"
  1008.                                                            id="optimize-azimuth" value="true"><label
  1009.                                                            class="font-medium" for="optimize-azimuth" data-ts="pvgis.optimization" >Optimization</label>
  1010.                                                        </div>
  1011.                                                    </div>
  1012.                                                </div>
  1013.                                                <div class="row slopeErrorSecNsEw">
  1014.                                                    <span id="slope-error">The value must be between 0 and 90</span>
  1015.                                                </div>
  1016.                                            </div>
  1017.                                        </div>
  1018.                                                                                    <div id="sec2">
  1019.                                                                                                    <div class="first-pente-content">
  1020.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1021.                                                        <div class="row-section">
  1022.                                                            <div class="flex-container" style="padding:0">
  1023.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1024.                                                                <div class="custom-input-number-container">
  1025.                                                                    <input class="p-24-number-input" min="0.01"
  1026.                                                                        value="1" name="peak-power-1" step="0.5"
  1027.                                                                        id="peak-power_sec_2_1" placeholder="0">
  1028.                                                                    <div class="icons">
  1029.                                                                        <button type="button" class="increment">
  1030.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1031.                                                                                alt="arrow_up" height="11" width="11">
  1032.                                                                        </button>
  1033.                                                                        <button type="button" class="decrement">
  1034.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1035.                                                                                alt="arrow_down" height="11" width="11">
  1036.                                                                        </button>
  1037.                                                                    </div>
  1038.                                                                </div>
  1039.                                                                <p class="p">kWp</p>
  1040.                                                            </div>
  1041.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1042.                                                                <div class="flex-container">
  1043.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1044.                                                                    <div class="custom-input-number-container">
  1045.                                                                        <input class="p-24-number-input" min="0" max="90"
  1046.                                                                            value="0" name="slope_sec_2_1"
  1047.                                                                            id="slope_sec_2_1" placeholder="0">
  1048.                                                                        <div class="icons">
  1049.                                                                            <button type="button" class="increment">
  1050.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1051.                                                                                    alt="arrow_up" height="11" width="11">
  1052.                                                                            </button>
  1053.                                                                            <button type="button" class="decrement">
  1054.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1055.                                                                                    alt="arrow_down" height="11" width="11">
  1056.                                                                            </button>
  1057.                                                                        </div>
  1058.                                                                        °
  1059.                                                                    </div>
  1060.                                                                </div>
  1061.                                                                <div class="pente-radio-content">
  1062.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1063.                                                                    name="optimize_pente_sec_2_1"
  1064.                                                                    id="optimize-pente_sec_2_1" value="true"><label
  1065.                                                                    class="font-medium" for="optimize-pente_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1066.                                                                </div>
  1067.                                                            </div>
  1068.                                                            <div class="flex-container container-slope azimuth-row">
  1069.                                                                <div class="flex-container">
  1070.                                                                    <p class="p">
  1071.                                                                        <label for="azimuth_sec_2_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1072.                                                                    </p>
  1073.                                                                    <p class="p">
  1074.                                                                        &nbsp;<select name="azimuth_sec_2_1" id="azimuth_sec_2_1" >
  1075. <option value="180" >N</option>
  1076. <option value="-90" >E</option>
  1077. <option value="0" >S</option>
  1078. <option value="90" >W</option>
  1079. <hr><option value="-135" >NE</option>
  1080. <option value="-45" >SE</option>
  1081. <option value="45" >SW</option>
  1082. <option value="135" >NW</option>
  1083. <hr><option value="22.5" >NNE</option>
  1084. <option value="-112.5" >ENE</option>
  1085. <option value="-67.5" >ESE</option>
  1086. <option value="-22.5" >SSE</option>
  1087. <option value="67.5" >WSW</option>
  1088. <option value="112.5" >WNW</option>
  1089. <option value="157.5" >NNW</option>
  1090. </select>                                                                    </p>
  1091.                                                                </div>    
  1092.                                                                <div class="pente-radio-content">
  1093.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1094.                                                                    name="optimize_azimuth_sec_2_1"
  1095.                                                                    id="optimize-azimuth_sec_2_1" value="true"><label
  1096.                                                                    class="font-medium" for="optimize-azimuth_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1097.                                                                </div>
  1098.                                                            </div>
  1099.                                                        </div>
  1100.                                                        <div class="row slopeErrorSecNsEw">
  1101.                                                            <span class="slope-error" id="slope-error_sec_2_1"
  1102.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1103.                                                        </div>
  1104.                                                    </div>
  1105.                                                                                                    <div class="first-pente-content">
  1106.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1107.                                                        <div class="row-section">
  1108.                                                            <div class="flex-container" style="padding:0">
  1109.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1110.                                                                <div class="custom-input-number-container">
  1111.                                                                    <input class="p-24-number-input" min="0.01"
  1112.                                                                        value="1" name="peak-power-2" step="0.5"
  1113.                                                                        id="peak-power_sec_2_2" placeholder="0">
  1114.                                                                    <div class="icons">
  1115.                                                                        <button type="button" class="increment">
  1116.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1117.                                                                                alt="arrow_up" height="11" width="11">
  1118.                                                                        </button>
  1119.                                                                        <button type="button" class="decrement">
  1120.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1121.                                                                                alt="arrow_down" height="11" width="11">
  1122.                                                                        </button>
  1123.                                                                    </div>
  1124.                                                                </div>
  1125.                                                                <p class="p">kWp</p>
  1126.                                                            </div>
  1127.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1128.                                                                <div class="flex-container">
  1129.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1130.                                                                    <div class="custom-input-number-container">
  1131.                                                                        <input class="p-24-number-input" min="0" max="90"
  1132.                                                                            value="0" name="slope_sec_2_2"
  1133.                                                                            id="slope_sec_2_2" placeholder="0">
  1134.                                                                        <div class="icons">
  1135.                                                                            <button type="button" class="increment">
  1136.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1137.                                                                                    alt="arrow_up" height="11" width="11">
  1138.                                                                            </button>
  1139.                                                                            <button type="button" class="decrement">
  1140.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1141.                                                                                    alt="arrow_down" height="11" width="11">
  1142.                                                                            </button>
  1143.                                                                        </div>
  1144.                                                                        °
  1145.                                                                    </div>
  1146.                                                                </div>
  1147.                                                                <div class="pente-radio-content">
  1148.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1149.                                                                    name="optimize_pente_sec_2_2"
  1150.                                                                    id="optimize-pente_sec_2_2" value="true"><label
  1151.                                                                    class="font-medium" for="optimize-pente_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1152.                                                                </div>
  1153.                                                            </div>
  1154.                                                            <div class="flex-container container-slope azimuth-row">
  1155.                                                                <div class="flex-container">
  1156.                                                                    <p class="p">
  1157.                                                                        <label for="azimuth_sec_2_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1158.                                                                    </p>
  1159.                                                                    <p class="p">
  1160.                                                                        &nbsp;<select name="azimuth_sec_2_2" id="azimuth_sec_2_2" >
  1161. <option value="180" >N</option>
  1162. <option value="-90" >E</option>
  1163. <option value="0" >S</option>
  1164. <option value="90" >W</option>
  1165. <hr><option value="-135" >NE</option>
  1166. <option value="-45" >SE</option>
  1167. <option value="45" >SW</option>
  1168. <option value="135" >NW</option>
  1169. <hr><option value="22.5" >NNE</option>
  1170. <option value="-112.5" >ENE</option>
  1171. <option value="-67.5" >ESE</option>
  1172. <option value="-22.5" >SSE</option>
  1173. <option value="67.5" >WSW</option>
  1174. <option value="112.5" >WNW</option>
  1175. <option value="157.5" >NNW</option>
  1176. </select>                                                                    </p>
  1177.                                                                </div>    
  1178.                                                                <div class="pente-radio-content">
  1179.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1180.                                                                    name="optimize_azimuth_sec_2_2"
  1181.                                                                    id="optimize-azimuth_sec_2_2" value="true"><label
  1182.                                                                    class="font-medium" for="optimize-azimuth_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1183.                                                                </div>
  1184.                                                            </div>
  1185.                                                        </div>
  1186.                                                        <div class="row slopeErrorSecNsEw">
  1187.                                                            <span class="slope-error" id="slope-error_sec_2_2"
  1188.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1189.                                                        </div>
  1190.                                                    </div>
  1191.                                                                                            </div>
  1192.                                                                                    <div id="sec3">
  1193.                                                                                                    <div class="first-pente-content">
  1194.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1195.                                                        <div class="row-section">
  1196.                                                            <div class="flex-container" style="padding:0">
  1197.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1198.                                                                <div class="custom-input-number-container">
  1199.                                                                    <input class="p-24-number-input" min="0.01"
  1200.                                                                        value="1" name="peak-power-1" step="0.5"
  1201.                                                                        id="peak-power_sec_3_1" placeholder="0">
  1202.                                                                    <div class="icons">
  1203.                                                                        <button type="button" class="increment">
  1204.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1205.                                                                                alt="arrow_up" height="11" width="11">
  1206.                                                                        </button>
  1207.                                                                        <button type="button" class="decrement">
  1208.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1209.                                                                                alt="arrow_down" height="11" width="11">
  1210.                                                                        </button>
  1211.                                                                    </div>
  1212.                                                                </div>
  1213.                                                                <p class="p">kWp</p>
  1214.                                                            </div>
  1215.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1216.                                                                <div class="flex-container">
  1217.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1218.                                                                    <div class="custom-input-number-container">
  1219.                                                                        <input class="p-24-number-input" min="0" max="90"
  1220.                                                                            value="0" name="slope_sec_3_1"
  1221.                                                                            id="slope_sec_3_1" placeholder="0">
  1222.                                                                        <div class="icons">
  1223.                                                                            <button type="button" class="increment">
  1224.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1225.                                                                                    alt="arrow_up" height="11" width="11">
  1226.                                                                            </button>
  1227.                                                                            <button type="button" class="decrement">
  1228.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1229.                                                                                    alt="arrow_down" height="11" width="11">
  1230.                                                                            </button>
  1231.                                                                        </div>
  1232.                                                                        °
  1233.                                                                    </div>
  1234.                                                                </div>
  1235.                                                                <div class="pente-radio-content">
  1236.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1237.                                                                    name="optimize_pente_sec_3_1"
  1238.                                                                    id="optimize-pente_sec_3_1" value="true"><label
  1239.                                                                    class="font-medium" for="optimize-pente_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1240.                                                                </div>
  1241.                                                            </div>
  1242.                                                            <div class="flex-container container-slope azimuth-row">
  1243.                                                                <div class="flex-container">
  1244.                                                                    <p class="p">
  1245.                                                                        <label for="azimuth_sec_3_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1246.                                                                    </p>
  1247.                                                                    <p class="p">
  1248.                                                                        &nbsp;<select name="azimuth_sec_3_1" id="azimuth_sec_3_1" >
  1249. <option value="180" >N</option>
  1250. <option value="-90" >E</option>
  1251. <option value="0" >S</option>
  1252. <option value="90" >W</option>
  1253. <hr><option value="-135" >NE</option>
  1254. <option value="-45" >SE</option>
  1255. <option value="45" >SW</option>
  1256. <option value="135" >NW</option>
  1257. <hr><option value="22.5" >NNE</option>
  1258. <option value="-112.5" >ENE</option>
  1259. <option value="-67.5" >ESE</option>
  1260. <option value="-22.5" >SSE</option>
  1261. <option value="67.5" >WSW</option>
  1262. <option value="112.5" >WNW</option>
  1263. <option value="157.5" >NNW</option>
  1264. </select>                                                                    </p>
  1265.                                                                </div>    
  1266.                                                                <div class="pente-radio-content">
  1267.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1268.                                                                    name="optimize_azimuth_sec_3_1"
  1269.                                                                    id="optimize-azimuth_sec_3_1" value="true"><label
  1270.                                                                    class="font-medium" for="optimize-azimuth_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1271.                                                                </div>
  1272.                                                            </div>
  1273.                                                        </div>
  1274.                                                        <div class="row slopeErrorSecNsEw">
  1275.                                                            <span class="slope-error" id="slope-error_sec_3_1"
  1276.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1277.                                                        </div>
  1278.                                                    </div>
  1279.                                                                                                    <div class="first-pente-content">
  1280.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1281.                                                        <div class="row-section">
  1282.                                                            <div class="flex-container" style="padding:0">
  1283.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1284.                                                                <div class="custom-input-number-container">
  1285.                                                                    <input class="p-24-number-input" min="0.01"
  1286.                                                                        value="1" name="peak-power-2" step="0.5"
  1287.                                                                        id="peak-power_sec_3_2" placeholder="0">
  1288.                                                                    <div class="icons">
  1289.                                                                        <button type="button" class="increment">
  1290.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1291.                                                                                alt="arrow_up" height="11" width="11">
  1292.                                                                        </button>
  1293.                                                                        <button type="button" class="decrement">
  1294.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1295.                                                                                alt="arrow_down" height="11" width="11">
  1296.                                                                        </button>
  1297.                                                                    </div>
  1298.                                                                </div>
  1299.                                                                <p class="p">kWp</p>
  1300.                                                            </div>
  1301.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1302.                                                                <div class="flex-container">
  1303.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1304.                                                                    <div class="custom-input-number-container">
  1305.                                                                        <input class="p-24-number-input" min="0" max="90"
  1306.                                                                            value="0" name="slope_sec_3_2"
  1307.                                                                            id="slope_sec_3_2" placeholder="0">
  1308.                                                                        <div class="icons">
  1309.                                                                            <button type="button" class="increment">
  1310.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1311.                                                                                    alt="arrow_up" height="11" width="11">
  1312.                                                                            </button>
  1313.                                                                            <button type="button" class="decrement">
  1314.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1315.                                                                                    alt="arrow_down" height="11" width="11">
  1316.                                                                            </button>
  1317.                                                                        </div>
  1318.                                                                        °
  1319.                                                                    </div>
  1320.                                                                </div>
  1321.                                                                <div class="pente-radio-content">
  1322.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1323.                                                                    name="optimize_pente_sec_3_2"
  1324.                                                                    id="optimize-pente_sec_3_2" value="true"><label
  1325.                                                                    class="font-medium" for="optimize-pente_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1326.                                                                </div>
  1327.                                                            </div>
  1328.                                                            <div class="flex-container container-slope azimuth-row">
  1329.                                                                <div class="flex-container">
  1330.                                                                    <p class="p">
  1331.                                                                        <label for="azimuth_sec_3_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1332.                                                                    </p>
  1333.                                                                    <p class="p">
  1334.                                                                        &nbsp;<select name="azimuth_sec_3_2" id="azimuth_sec_3_2" >
  1335. <option value="180" >N</option>
  1336. <option value="-90" >E</option>
  1337. <option value="0" >S</option>
  1338. <option value="90" >W</option>
  1339. <hr><option value="-135" >NE</option>
  1340. <option value="-45" >SE</option>
  1341. <option value="45" >SW</option>
  1342. <option value="135" >NW</option>
  1343. <hr><option value="22.5" >NNE</option>
  1344. <option value="-112.5" >ENE</option>
  1345. <option value="-67.5" >ESE</option>
  1346. <option value="-22.5" >SSE</option>
  1347. <option value="67.5" >WSW</option>
  1348. <option value="112.5" >WNW</option>
  1349. <option value="157.5" >NNW</option>
  1350. </select>                                                                    </p>
  1351.                                                                </div>    
  1352.                                                                <div class="pente-radio-content">
  1353.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1354.                                                                    name="optimize_azimuth_sec_3_2"
  1355.                                                                    id="optimize-azimuth_sec_3_2" value="true"><label
  1356.                                                                    class="font-medium" for="optimize-azimuth_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1357.                                                                </div>
  1358.                                                            </div>
  1359.                                                        </div>
  1360.                                                        <div class="row slopeErrorSecNsEw">
  1361.                                                            <span class="slope-error" id="slope-error_sec_3_2"
  1362.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1363.                                                        </div>
  1364.                                                    </div>
  1365.                                                                                                    <div class="first-pente-content">
  1366.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 3</p>
  1367.                                                        <div class="row-section">
  1368.                                                            <div class="flex-container" style="padding:0">
  1369.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1370.                                                                <div class="custom-input-number-container">
  1371.                                                                    <input class="p-24-number-input" min="0.01"
  1372.                                                                        value="1" name="peak-power-3" step="0.5"
  1373.                                                                        id="peak-power_sec_3_3" placeholder="0">
  1374.                                                                    <div class="icons">
  1375.                                                                        <button type="button" class="increment">
  1376.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1377.                                                                                alt="arrow_up" height="11" width="11">
  1378.                                                                        </button>
  1379.                                                                        <button type="button" class="decrement">
  1380.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1381.                                                                                alt="arrow_down" height="11" width="11">
  1382.                                                                        </button>
  1383.                                                                    </div>
  1384.                                                                </div>
  1385.                                                                <p class="p">kWp</p>
  1386.                                                            </div>
  1387.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1388.                                                                <div class="flex-container">
  1389.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1390.                                                                    <div class="custom-input-number-container">
  1391.                                                                        <input class="p-24-number-input" min="0" max="90"
  1392.                                                                            value="0" name="slope_sec_3_3"
  1393.                                                                            id="slope_sec_3_3" placeholder="0">
  1394.                                                                        <div class="icons">
  1395.                                                                            <button type="button" class="increment">
  1396.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1397.                                                                                    alt="arrow_up" height="11" width="11">
  1398.                                                                            </button>
  1399.                                                                            <button type="button" class="decrement">
  1400.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1401.                                                                                    alt="arrow_down" height="11" width="11">
  1402.                                                                            </button>
  1403.                                                                        </div>
  1404.                                                                        °
  1405.                                                                    </div>
  1406.                                                                </div>
  1407.                                                                <div class="pente-radio-content">
  1408.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1409.                                                                    name="optimize_pente_sec_3_3"
  1410.                                                                    id="optimize-pente_sec_3_3" value="true"><label
  1411.                                                                    class="font-medium" for="optimize-pente_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1412.                                                                </div>
  1413.                                                            </div>
  1414.                                                            <div class="flex-container container-slope azimuth-row">
  1415.                                                                <div class="flex-container">
  1416.                                                                    <p class="p">
  1417.                                                                        <label for="azimuth_sec_3_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1418.                                                                    </p>
  1419.                                                                    <p class="p">
  1420.                                                                        &nbsp;<select name="azimuth_sec_3_3" id="azimuth_sec_3_3" >
  1421. <option value="180" >N</option>
  1422. <option value="-90" >E</option>
  1423. <option value="0" >S</option>
  1424. <option value="90" >W</option>
  1425. <hr><option value="-135" >NE</option>
  1426. <option value="-45" >SE</option>
  1427. <option value="45" >SW</option>
  1428. <option value="135" >NW</option>
  1429. <hr><option value="22.5" >NNE</option>
  1430. <option value="-112.5" >ENE</option>
  1431. <option value="-67.5" >ESE</option>
  1432. <option value="-22.5" >SSE</option>
  1433. <option value="67.5" >WSW</option>
  1434. <option value="112.5" >WNW</option>
  1435. <option value="157.5" >NNW</option>
  1436. </select>                                                                    </p>
  1437.                                                                </div>    
  1438.                                                                <div class="pente-radio-content">
  1439.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1440.                                                                    name="optimize_azimuth_sec_3_3"
  1441.                                                                    id="optimize-azimuth_sec_3_3" value="true"><label
  1442.                                                                    class="font-medium" for="optimize-azimuth_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1443.                                                                </div>
  1444.                                                            </div>
  1445.                                                        </div>
  1446.                                                        <div class="row slopeErrorSecNsEw">
  1447.                                                            <span class="slope-error" id="slope-error_sec_3_3"
  1448.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1449.                                                        </div>
  1450.                                                    </div>
  1451.                                                                                            </div>
  1452.                                                                                    <div id="sec4">
  1453.                                                                                                    <div class="first-pente-content">
  1454.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1455.                                                        <div class="row-section">
  1456.                                                            <div class="flex-container" style="padding:0">
  1457.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1458.                                                                <div class="custom-input-number-container">
  1459.                                                                    <input class="p-24-number-input" min="0.01"
  1460.                                                                        value="1" name="peak-power-1" step="0.5"
  1461.                                                                        id="peak-power_sec_4_1" placeholder="0">
  1462.                                                                    <div class="icons">
  1463.                                                                        <button type="button" class="increment">
  1464.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1465.                                                                                alt="arrow_up" height="11" width="11">
  1466.                                                                        </button>
  1467.                                                                        <button type="button" class="decrement">
  1468.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1469.                                                                                alt="arrow_down" height="11" width="11">
  1470.                                                                        </button>
  1471.                                                                    </div>
  1472.                                                                </div>
  1473.                                                                <p class="p">kWp</p>
  1474.                                                            </div>
  1475.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1476.                                                                <div class="flex-container">
  1477.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1478.                                                                    <div class="custom-input-number-container">
  1479.                                                                        <input class="p-24-number-input" min="0" max="90"
  1480.                                                                            value="0" name="slope_sec_4_1"
  1481.                                                                            id="slope_sec_4_1" placeholder="0">
  1482.                                                                        <div class="icons">
  1483.                                                                            <button type="button" class="increment">
  1484.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1485.                                                                                    alt="arrow_up" height="11" width="11">
  1486.                                                                            </button>
  1487.                                                                            <button type="button" class="decrement">
  1488.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1489.                                                                                    alt="arrow_down" height="11" width="11">
  1490.                                                                            </button>
  1491.                                                                        </div>
  1492.                                                                        °
  1493.                                                                    </div>
  1494.                                                                </div>
  1495.                                                                <div class="pente-radio-content">
  1496.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1497.                                                                    name="optimize_pente_sec_4_1"
  1498.                                                                    id="optimize-pente_sec_4_1" value="true"><label
  1499.                                                                    class="font-medium" for="optimize-pente_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1500.                                                                </div>
  1501.                                                            </div>
  1502.                                                            <div class="flex-container container-slope azimuth-row">
  1503.                                                                <div class="flex-container">
  1504.                                                                    <p class="p">
  1505.                                                                        <label for="azimuth_sec_4_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1506.                                                                    </p>
  1507.                                                                    <p class="p">
  1508.                                                                        &nbsp;<select name="azimuth_sec_4_1" id="azimuth_sec_4_1" >
  1509. <option value="180" >N</option>
  1510. <option value="-90" >E</option>
  1511. <option value="0" >S</option>
  1512. <option value="90" >W</option>
  1513. <hr><option value="-135" >NE</option>
  1514. <option value="-45" >SE</option>
  1515. <option value="45" >SW</option>
  1516. <option value="135" >NW</option>
  1517. <hr><option value="22.5" >NNE</option>
  1518. <option value="-112.5" >ENE</option>
  1519. <option value="-67.5" >ESE</option>
  1520. <option value="-22.5" >SSE</option>
  1521. <option value="67.5" >WSW</option>
  1522. <option value="112.5" >WNW</option>
  1523. <option value="157.5" >NNW</option>
  1524. </select>                                                                    </p>
  1525.                                                                </div>    
  1526.                                                                <div class="pente-radio-content">
  1527.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1528.                                                                    name="optimize_azimuth_sec_4_1"
  1529.                                                                    id="optimize-azimuth_sec_4_1" value="true"><label
  1530.                                                                    class="font-medium" for="optimize-azimuth_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1531.                                                                </div>
  1532.                                                            </div>
  1533.                                                        </div>
  1534.                                                        <div class="row slopeErrorSecNsEw">
  1535.                                                            <span class="slope-error" id="slope-error_sec_4_1"
  1536.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1537.                                                        </div>
  1538.                                                    </div>
  1539.                                                                                                    <div class="first-pente-content">
  1540.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1541.                                                        <div class="row-section">
  1542.                                                            <div class="flex-container" style="padding:0">
  1543.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1544.                                                                <div class="custom-input-number-container">
  1545.                                                                    <input class="p-24-number-input" min="0.01"
  1546.                                                                        value="1" name="peak-power-2" step="0.5"
  1547.                                                                        id="peak-power_sec_4_2" placeholder="0">
  1548.                                                                    <div class="icons">
  1549.                                                                        <button type="button" class="increment">
  1550.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1551.                                                                                alt="arrow_up" height="11" width="11">
  1552.                                                                        </button>
  1553.                                                                        <button type="button" class="decrement">
  1554.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1555.                                                                                alt="arrow_down" height="11" width="11">
  1556.                                                                        </button>
  1557.                                                                    </div>
  1558.                                                                </div>
  1559.                                                                <p class="p">kWp</p>
  1560.                                                            </div>
  1561.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1562.                                                                <div class="flex-container">
  1563.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1564.                                                                    <div class="custom-input-number-container">
  1565.                                                                        <input class="p-24-number-input" min="0" max="90"
  1566.                                                                            value="0" name="slope_sec_4_2"
  1567.                                                                            id="slope_sec_4_2" placeholder="0">
  1568.                                                                        <div class="icons">
  1569.                                                                            <button type="button" class="increment">
  1570.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1571.                                                                                    alt="arrow_up" height="11" width="11">
  1572.                                                                            </button>
  1573.                                                                            <button type="button" class="decrement">
  1574.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1575.                                                                                    alt="arrow_down" height="11" width="11">
  1576.                                                                            </button>
  1577.                                                                        </div>
  1578.                                                                        °
  1579.                                                                    </div>
  1580.                                                                </div>
  1581.                                                                <div class="pente-radio-content">
  1582.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1583.                                                                    name="optimize_pente_sec_4_2"
  1584.                                                                    id="optimize-pente_sec_4_2" value="true"><label
  1585.                                                                    class="font-medium" for="optimize-pente_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1586.                                                                </div>
  1587.                                                            </div>
  1588.                                                            <div class="flex-container container-slope azimuth-row">
  1589.                                                                <div class="flex-container">
  1590.                                                                    <p class="p">
  1591.                                                                        <label for="azimuth_sec_4_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1592.                                                                    </p>
  1593.                                                                    <p class="p">
  1594.                                                                        &nbsp;<select name="azimuth_sec_4_2" id="azimuth_sec_4_2" >
  1595. <option value="180" >N</option>
  1596. <option value="-90" >E</option>
  1597. <option value="0" >S</option>
  1598. <option value="90" >W</option>
  1599. <hr><option value="-135" >NE</option>
  1600. <option value="-45" >SE</option>
  1601. <option value="45" >SW</option>
  1602. <option value="135" >NW</option>
  1603. <hr><option value="22.5" >NNE</option>
  1604. <option value="-112.5" >ENE</option>
  1605. <option value="-67.5" >ESE</option>
  1606. <option value="-22.5" >SSE</option>
  1607. <option value="67.5" >WSW</option>
  1608. <option value="112.5" >WNW</option>
  1609. <option value="157.5" >NNW</option>
  1610. </select>                                                                    </p>
  1611.                                                                </div>    
  1612.                                                                <div class="pente-radio-content">
  1613.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1614.                                                                    name="optimize_azimuth_sec_4_2"
  1615.                                                                    id="optimize-azimuth_sec_4_2" value="true"><label
  1616.                                                                    class="font-medium" for="optimize-azimuth_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1617.                                                                </div>
  1618.                                                            </div>
  1619.                                                        </div>
  1620.                                                        <div class="row slopeErrorSecNsEw">
  1621.                                                            <span class="slope-error" id="slope-error_sec_4_2"
  1622.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1623.                                                        </div>
  1624.                                                    </div>
  1625.                                                                                                    <div class="first-pente-content">
  1626.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 3</p>
  1627.                                                        <div class="row-section">
  1628.                                                            <div class="flex-container" style="padding:0">
  1629.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1630.                                                                <div class="custom-input-number-container">
  1631.                                                                    <input class="p-24-number-input" min="0.01"
  1632.                                                                        value="1" name="peak-power-3" step="0.5"
  1633.                                                                        id="peak-power_sec_4_3" placeholder="0">
  1634.                                                                    <div class="icons">
  1635.                                                                        <button type="button" class="increment">
  1636.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1637.                                                                                alt="arrow_up" height="11" width="11">
  1638.                                                                        </button>
  1639.                                                                        <button type="button" class="decrement">
  1640.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1641.                                                                                alt="arrow_down" height="11" width="11">
  1642.                                                                        </button>
  1643.                                                                    </div>
  1644.                                                                </div>
  1645.                                                                <p class="p">kWp</p>
  1646.                                                            </div>
  1647.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1648.                                                                <div class="flex-container">
  1649.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1650.                                                                    <div class="custom-input-number-container">
  1651.                                                                        <input class="p-24-number-input" min="0" max="90"
  1652.                                                                            value="0" name="slope_sec_4_3"
  1653.                                                                            id="slope_sec_4_3" placeholder="0">
  1654.                                                                        <div class="icons">
  1655.                                                                            <button type="button" class="increment">
  1656.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1657.                                                                                    alt="arrow_up" height="11" width="11">
  1658.                                                                            </button>
  1659.                                                                            <button type="button" class="decrement">
  1660.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1661.                                                                                    alt="arrow_down" height="11" width="11">
  1662.                                                                            </button>
  1663.                                                                        </div>
  1664.                                                                        °
  1665.                                                                    </div>
  1666.                                                                </div>
  1667.                                                                <div class="pente-radio-content">
  1668.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1669.                                                                    name="optimize_pente_sec_4_3"
  1670.                                                                    id="optimize-pente_sec_4_3" value="true"><label
  1671.                                                                    class="font-medium" for="optimize-pente_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1672.                                                                </div>
  1673.                                                            </div>
  1674.                                                            <div class="flex-container container-slope azimuth-row">
  1675.                                                                <div class="flex-container">
  1676.                                                                    <p class="p">
  1677.                                                                        <label for="azimuth_sec_4_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1678.                                                                    </p>
  1679.                                                                    <p class="p">
  1680.                                                                        &nbsp;<select name="azimuth_sec_4_3" id="azimuth_sec_4_3" >
  1681. <option value="180" >N</option>
  1682. <option value="-90" >E</option>
  1683. <option value="0" >S</option>
  1684. <option value="90" >W</option>
  1685. <hr><option value="-135" >NE</option>
  1686. <option value="-45" >SE</option>
  1687. <option value="45" >SW</option>
  1688. <option value="135" >NW</option>
  1689. <hr><option value="22.5" >NNE</option>
  1690. <option value="-112.5" >ENE</option>
  1691. <option value="-67.5" >ESE</option>
  1692. <option value="-22.5" >SSE</option>
  1693. <option value="67.5" >WSW</option>
  1694. <option value="112.5" >WNW</option>
  1695. <option value="157.5" >NNW</option>
  1696. </select>                                                                    </p>
  1697.                                                                </div>    
  1698.                                                                <div class="pente-radio-content">
  1699.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1700.                                                                    name="optimize_azimuth_sec_4_3"
  1701.                                                                    id="optimize-azimuth_sec_4_3" value="true"><label
  1702.                                                                    class="font-medium" for="optimize-azimuth_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1703.                                                                </div>
  1704.                                                            </div>
  1705.                                                        </div>
  1706.                                                        <div class="row slopeErrorSecNsEw">
  1707.                                                            <span class="slope-error" id="slope-error_sec_4_3"
  1708.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1709.                                                        </div>
  1710.                                                    </div>
  1711.                                                                                                    <div class="first-pente-content">
  1712.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 4</p>
  1713.                                                        <div class="row-section">
  1714.                                                            <div class="flex-container" style="padding:0">
  1715.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1716.                                                                <div class="custom-input-number-container">
  1717.                                                                    <input class="p-24-number-input" min="0.01"
  1718.                                                                        value="1" name="peak-power-4" step="0.5"
  1719.                                                                        id="peak-power_sec_4_4" placeholder="0">
  1720.                                                                    <div class="icons">
  1721.                                                                        <button type="button" class="increment">
  1722.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1723.                                                                                alt="arrow_up" height="11" width="11">
  1724.                                                                        </button>
  1725.                                                                        <button type="button" class="decrement">
  1726.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1727.                                                                                alt="arrow_down" height="11" width="11">
  1728.                                                                        </button>
  1729.                                                                    </div>
  1730.                                                                </div>
  1731.                                                                <p class="p">kWp</p>
  1732.                                                            </div>
  1733.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1734.                                                                <div class="flex-container">
  1735.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1736.                                                                    <div class="custom-input-number-container">
  1737.                                                                        <input class="p-24-number-input" min="0" max="90"
  1738.                                                                            value="0" name="slope_sec_4_4"
  1739.                                                                            id="slope_sec_4_4" placeholder="0">
  1740.                                                                        <div class="icons">
  1741.                                                                            <button type="button" class="increment">
  1742.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1743.                                                                                    alt="arrow_up" height="11" width="11">
  1744.                                                                            </button>
  1745.                                                                            <button type="button" class="decrement">
  1746.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1747.                                                                                    alt="arrow_down" height="11" width="11">
  1748.                                                                            </button>
  1749.                                                                        </div>
  1750.                                                                        °
  1751.                                                                    </div>
  1752.                                                                </div>
  1753.                                                                <div class="pente-radio-content">
  1754.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1755.                                                                    name="optimize_pente_sec_4_4"
  1756.                                                                    id="optimize-pente_sec_4_4" value="true"><label
  1757.                                                                    class="font-medium" for="optimize-pente_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1758.                                                                </div>
  1759.                                                            </div>
  1760.                                                            <div class="flex-container container-slope azimuth-row">
  1761.                                                                <div class="flex-container">
  1762.                                                                    <p class="p">
  1763.                                                                        <label for="azimuth_sec_4_4" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1764.                                                                    </p>
  1765.                                                                    <p class="p">
  1766.                                                                        &nbsp;<select name="azimuth_sec_4_4" id="azimuth_sec_4_4" >
  1767. <option value="180" >N</option>
  1768. <option value="-90" >E</option>
  1769. <option value="0" >S</option>
  1770. <option value="90" >W</option>
  1771. <hr><option value="-135" >NE</option>
  1772. <option value="-45" >SE</option>
  1773. <option value="45" >SW</option>
  1774. <option value="135" >NW</option>
  1775. <hr><option value="22.5" >NNE</option>
  1776. <option value="-112.5" >ENE</option>
  1777. <option value="-67.5" >ESE</option>
  1778. <option value="-22.5" >SSE</option>
  1779. <option value="67.5" >WSW</option>
  1780. <option value="112.5" >WNW</option>
  1781. <option value="157.5" >NNW</option>
  1782. </select>                                                                    </p>
  1783.                                                                </div>    
  1784.                                                                <div class="pente-radio-content">
  1785.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1786.                                                                    name="optimize_azimuth_sec_4_4"
  1787.                                                                    id="optimize-azimuth_sec_4_4" value="true"><label
  1788.                                                                    class="font-medium" for="optimize-azimuth_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1789.                                                                </div>
  1790.                                                            </div>
  1791.                                                        </div>
  1792.                                                        <div class="row slopeErrorSecNsEw">
  1793.                                                            <span class="slope-error" id="slope-error_sec_4_4"
  1794.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1795.                                                        </div>
  1796.                                                    </div>
  1797.                                                                                            </div>
  1798.                                                                                <div id="sec2eo">
  1799.                                            <div class="first-pente-content">
  1800.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1801.                                                <div class="row-section">
  1802.                                                    <div class="flex-container" style="padding:0">
  1803.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1804.                                                        <div class="custom-input-number-container">
  1805.                                                            <input class="p-24-number-input" min="0.01"
  1806.                                                                value="1" name="peak-power-1" step="0.5"
  1807.                                                                id="peak-power-e" placeholder="0">
  1808.                                                            <div class="icons">
  1809.                                                                <button type="button" class="increment">
  1810.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1811.                                                                        alt="arrow_up" height="11" width="11">
  1812.                                                                </button>
  1813.                                                                <button type="button" class="decrement">
  1814.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1815.                                                                        alt="arrow_down" height="11" width="11">
  1816.                                                                </button>
  1817.                                                            </div>
  1818.                                                        </div>
  1819.                                                        <p class="p">kWp</p>
  1820.                                                    </div>
  1821.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1822.                                                        <div class="flex-container">
  1823.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1824.                                                            <div class="custom-input-number-container">
  1825.                                                                <input class="p-24-number-input" min="0" max="90"
  1826.                                                                    value="0" name="slope_sec_2_eo_e"
  1827.                                                                    id="slope_sec_2_eo_e" placeholder="0">
  1828.                                                                <div class="icons">
  1829.                                                                    <button type="button" class="increment">
  1830.                                                                        <img src="/assets/images/icon/arrow_up.png"
  1831.                                                                            alt="arrow_up" height="11" width="11">
  1832.                                                                    </button>
  1833.                                                                    <button type="button" class="decrement">
  1834.                                                                        <img src="/assets/images/icon/arrow_down.png"
  1835.                                                                            alt="arrow_down" height="11" width="11">
  1836.                                                                    </button>
  1837.                                                                </div>
  1838.                                                                °
  1839.                                                            </div>
  1840.                                                        </div>
  1841.                                                        <div class="pente-radio-content">
  1842.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1843.                                                            name="optimize_pente_sec_2_eo_e"
  1844.                                                            id="optimize-pente_sec_2_eo_e" value="true"><label
  1845.                                                            class="font-medium" for="optimize-pente_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  1846.                                                        </div>
  1847.                                                    </div>
  1848.                                                    <div class="flex-container container-slope azimuth-row">
  1849.                                                        <div class="flex-container">
  1850.                                                            <p class="p">
  1851.                                                                <label for="azimuth_sec_2_eo_e" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1852.                                                            </p>
  1853.                                                            <p class="p">
  1854.                                                                &nbsp;<select name="azimuth_sec_2_eo_e" id="azimuth_sec_2_eo_e" disabled>
  1855. <option value="180" >N</option>
  1856. <option value="-90" selected>E</option>
  1857. <option value="0" >S</option>
  1858. <option value="90" >W</option>
  1859. <hr><option value="-135" >NE</option>
  1860. <option value="-45" >SE</option>
  1861. <option value="45" >SW</option>
  1862. <option value="135" >NW</option>
  1863. <hr><option value="22.5" >NNE</option>
  1864. <option value="-112.5" >ENE</option>
  1865. <option value="-67.5" >ESE</option>
  1866. <option value="-22.5" >SSE</option>
  1867. <option value="67.5" >WSW</option>
  1868. <option value="112.5" >WNW</option>
  1869. <option value="157.5" >NNW</option>
  1870. </select>                                                            </p>
  1871.                                                        </div>    
  1872.                                                        <div class="pente-radio-content">
  1873.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1874.                                                            name="optimize_azimuth_sec_2_eo_e" disabled
  1875.                                                            id="optimize-azimuth_sec_2_eo_e" value="true"><label
  1876.                                                            class="font-medium" for="optimize-azimuth_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  1877.                                                        </div>
  1878.                                                    </div>
  1879.                                                </div>
  1880.                                                <div class="row slopeErrorSecNsEw">
  1881.                                                    <span id="slope-error-2" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1882.                                                </div>
  1883.                                            </div>
  1884.                                            <div class="first-pente-content">
  1885.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  1886.                                                <div class="row-section">
  1887.                                                    <div class="flex-container" style="padding:0">
  1888.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1889.                                                        <div class="custom-input-number-container">
  1890.                                                            <input class="p-24-number-input" min="0.01"
  1891.                                                                value="1" name="peak-power-2" step="0.5"
  1892.                                                                id="peak-power-w" placeholder="0">
  1893.                                                            <div class="icons">
  1894.                                                                <button type="button" class="increment">
  1895.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1896.                                                                        alt="arrow_up" height="11" width="11">
  1897.                                                                </button>
  1898.                                                                <button type="button" class="decrement">
  1899.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1900.                                                                        alt="arrow_down" height="11" width="11">
  1901.                                                                </button>
  1902.                                                            </div>
  1903.                                                        </div>
  1904.                                                        <p class="p">kWp</p>
  1905.                                                    </div>
  1906.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1907.                                                        <div class="flex-container">
  1908.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1909.                                                            <div class="custom-input-number-container">
  1910.                                                                <input class="p-24-number-input" min="0" max="90"
  1911.                                                                    value="0" name="slope_sec_2_eo_w"
  1912.                                                                    id="slope_sec_2_eo_w" placeholder="0">
  1913.                                                                <div class="icons">
  1914.                                                                    <button type="button" class="increment">
  1915.                                                                        <img src="/assets/images/icon/arrow_up.png"
  1916.                                                                            alt="arrow_up" height="11" width="11">
  1917.                                                                    </button>
  1918.                                                                    <button type="button" class="decrement">
  1919.                                                                        <img src="/assets/images/icon/arrow_down.png"
  1920.                                                                            alt="arrow_down" height="11" width="11">
  1921.                                                                    </button>
  1922.                                                                </div>
  1923.                                                                °
  1924.                                                            </div>
  1925.                                                        </div>
  1926.                                                        <div class="pente-radio-content">
  1927.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1928.                                                            name="optimize_pente_sec_2_eo_w"
  1929.                                                            id="optimize-pente_sec_2_eo_w" value="true"><label
  1930.                                                            class="font-medium" for="optimize-pente_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  1931.                                                        </div>
  1932.                                                    </div>
  1933.                                                    <div class="flex-container container-slope azimuth-row">
  1934.                                                        <div class="flex-container">
  1935.                                                            <p class="p">
  1936.                                                                <label for="azimuth_sec_2_eo_w" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1937.                                                            </p>
  1938.                                                            <p class="p">
  1939.                                                                &nbsp;<select name="azimuth_sec_2_eo_w" id="azimuth_sec_2_eo_w" disabled>
  1940. <option value="180" >N</option>
  1941. <option value="-90" >E</option>
  1942. <option value="0" >S</option>
  1943. <option value="90" selected>W</option>
  1944. <hr><option value="-135" >NE</option>
  1945. <option value="-45" >SE</option>
  1946. <option value="45" >SW</option>
  1947. <option value="135" >NW</option>
  1948. <hr><option value="22.5" >NNE</option>
  1949. <option value="-112.5" >ENE</option>
  1950. <option value="-67.5" >ESE</option>
  1951. <option value="-22.5" >SSE</option>
  1952. <option value="67.5" >WSW</option>
  1953. <option value="112.5" >WNW</option>
  1954. <option value="157.5" >NNW</option>
  1955. </select>                                                            </p>
  1956.                                                        </div>    
  1957.                                                        <div class="pente-radio-content">
  1958.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1959.                                                            name="optimize_azimuth_sec_2_eo_w" disabled
  1960.                                                            id="optimize-azimuth_sec_2_eo_w" value="true"><label
  1961.                                                            class="font-medium" for="optimize-azimuth_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  1962.                                                        </div>
  1963.                                                    </div>
  1964.                                                </div>
  1965.                                                <div class="row slopeErrorSecNsEw">
  1966.                                                    <span id="slope-error-3" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1967.                                                </div>
  1968.                                            </div>
  1969.                                        </div>
  1970.                                        <div id="sec2ns">
  1971.                                            <div class="first-pente-content">
  1972.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1973.                                                <div class="row-section">
  1974.                                                    <div class="flex-container" style="padding:0">
  1975.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1976.                                                        <div class="custom-input-number-container">
  1977.                                                            <input class="p-24-number-input" min="0.01"
  1978.                                                                value="1" name="peak-power-1" step="0.5"
  1979.                                                                id="peak-power-n" placeholder="0">
  1980.                                                            <div class="icons">
  1981.                                                                <button type="button" class="increment">
  1982.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1983.                                                                        alt="arrow_up" height="11" width="11">
  1984.                                                                </button>
  1985.                                                                <button type="button" class="decrement">
  1986.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1987.                                                                        alt="arrow_down" height="11" width="11">
  1988.                                                                </button>
  1989.                                                            </div>
  1990.                                                        </div>
  1991.                                                        <p class="p">kWp</p>
  1992.                                                    </div>
  1993.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1994.                                                        <div class="flex-container">
  1995.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1996.                                                            <div class="custom-input-number-container">
  1997.                                                                <input class="p-24-number-input" min="0" max="90"
  1998.                                                                    value="0" name="slope_sec_2_ns_n"
  1999.                                                                    id="slope_sec_2_ns_n" placeholder="0">
  2000.                                                                <div class="icons">
  2001.                                                                    <button type="button" class="increment">
  2002.                                                                        <img src="/assets/images/icon/arrow_up.png"
  2003.                                                                            alt="arrow_up" height="11" width="11">
  2004.                                                                    </button>
  2005.                                                                    <button type="button" class="decrement">
  2006.                                                                        <img src="/assets/images/icon/arrow_down.png"
  2007.                                                                            alt="arrow_down" height="11" width="11">
  2008.                                                                    </button>
  2009.                                                                </div>
  2010.                                                                °
  2011.                                                            </div>
  2012.                                                        </div>
  2013.                                                        <div class="pente-radio-content">
  2014.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2015.                                                            name="optimize_pente_sec_2_ns_n"
  2016.                                                            id="optimize-pente_sec_2_ns_n" value="true"><label
  2017.                                                            class="font-medium" for="optimize-pente_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2018.                                                        </div>
  2019.                                                    </div>
  2020.                                                    <div class="flex-container container-slope azimuth-row">
  2021.                                                        <div class="flex-container">
  2022.                                                            <p class="p">
  2023.                                                                <label for="azimuth_sec_2_ns_n" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2024.                                                            </p>
  2025.                                                            <p class="p">
  2026.                                                                &nbsp;<select name="azimuth_sec_2_ns_n" id="azimuth_sec_2_ns_n" disabled>
  2027. <option value="180" selected>N</option>
  2028. <option value="-90" >E</option>
  2029. <option value="0" >S</option>
  2030. <option value="90" >W</option>
  2031. <hr><option value="-135" >NE</option>
  2032. <option value="-45" >SE</option>
  2033. <option value="45" >SW</option>
  2034. <option value="135" >NW</option>
  2035. <hr><option value="22.5" >NNE</option>
  2036. <option value="-112.5" >ENE</option>
  2037. <option value="-67.5" >ESE</option>
  2038. <option value="-22.5" >SSE</option>
  2039. <option value="67.5" >WSW</option>
  2040. <option value="112.5" >WNW</option>
  2041. <option value="157.5" >NNW</option>
  2042. </select>                                                            </p>
  2043.                                                        </div>    
  2044.                                                        <div class="pente-radio-content">
  2045.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2046.                                                            name="optimize_azimuth_sec_2_ns_n" disabled
  2047.                                                            id="optimize-azimuth_sec_2_ns_n" value="true"><label
  2048.                                                            class="font-medium" for="optimize-azimuth_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2049.                                                        </div>
  2050.                                                    </div>
  2051.                                                </div>
  2052.                                                <div class="row slopeErrorSecNsEw">
  2053.                                                    <span id="slope-error-4" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  2054.                                                </div>
  2055.                                            </div>
  2056.                                            <div class="first-pente-content">
  2057.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  2058.                                                <div class="row-section">
  2059.                                                    <div class="flex-container" style="padding:0">
  2060.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2061.                                                        <div class="custom-input-number-container">
  2062.                                                            <input class="p-24-number-input" min="0.01"
  2063.                                                                value="1" name="peak-power-2" step="0.5"
  2064.                                                                id="peak-power-s" placeholder="0">
  2065.                                                            <div class="icons">
  2066.                                                                <button type="button" class="increment">
  2067.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2068.                                                                        alt="arrow_up" height="11" width="11">
  2069.                                                                </button>
  2070.                                                                <button type="button" class="decrement">
  2071.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2072.                                                                        alt="arrow_down" height="11" width="11">
  2073.                                                                </button>
  2074.                                                            </div>
  2075.                                                        </div>
  2076.                                                        <p class="p">kWp</p>
  2077.                                                    </div>
  2078.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  2079.                                                        <div class="flex-container">
  2080.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2081.                                                            <div class="custom-input-number-container">
  2082.                                                                <input class="p-24-number-input" min="0" max="90"
  2083.                                                                    value="0" name="slope_sec_2_ns_s"
  2084.                                                                    id="slope_sec_2_ns_s" placeholder="0">
  2085.                                                                <div class="icons">
  2086.                                                                    <button type="button" class="increment">
  2087.                                                                        <img src="/assets/images/icon/arrow_up.png"
  2088.                                                                            alt="arrow_up" height="11" width="11">
  2089.                                                                    </button>
  2090.                                                                    <button type="button" class="decrement">
  2091.                                                                        <img src="/assets/images/icon/arrow_down.png"
  2092.                                                                            alt="arrow_down" height="11" width="11">
  2093.                                                                    </button>
  2094.                                                                </div>
  2095.                                                                °
  2096.                                                            </div>
  2097.                                                        </div>
  2098.                                                        <div class="pente-radio-content">
  2099.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2100.                                                            name="optimize_pente_sec_2_ns_s"
  2101.                                                            id="optimize-pente_sec_2_ns_s" value="true"><label
  2102.                                                            class="font-medium" for="optimize-pente_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2103.                                                        </div>
  2104.                                                    </div>
  2105.                                                    <div class="flex-container container-slope azimuth-row">
  2106.                                                        <div class="flex-container">
  2107.                                                            <p class="p">
  2108.                                                                <label for="azimuth_sec_2_ns_s" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2109.                                                            </p>
  2110.                                                            <p class="p">
  2111.                                                                &nbsp;<select name="azimuth_sec_2_ns_s" id="azimuth_sec_2_ns_s" disabled>
  2112. <option value="180" >N</option>
  2113. <option value="-90" >E</option>
  2114. <option value="0" selected>S</option>
  2115. <option value="90" >W</option>
  2116. <hr><option value="-135" >NE</option>
  2117. <option value="-45" >SE</option>
  2118. <option value="45" >SW</option>
  2119. <option value="135" >NW</option>
  2120. <hr><option value="22.5" >NNE</option>
  2121. <option value="-112.5" >ENE</option>
  2122. <option value="-67.5" >ESE</option>
  2123. <option value="-22.5" >SSE</option>
  2124. <option value="67.5" >WSW</option>
  2125. <option value="112.5" >WNW</option>
  2126. <option value="157.5" >NNW</option>
  2127. </select>                                                            </p>
  2128.                                                        </div>    
  2129.                                                        <div class="pente-radio-content">
  2130.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2131.                                                            name="optimize_azimuth_sec_2_ns_s" disabled
  2132.                                                            id="optimize-azimuth_sec_2_ns_s" value="true"><label
  2133.                                                            class="font-medium" for="optimize-azimuth_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2134.                                                        </div>
  2135.                                                    </div>
  2136.                                                </div>
  2137.                                                <div class="row slopeErrorSecNsEw">
  2138.                                                    <span id="slope-error-5" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  2139.                                                </div>
  2140.                                            </div>
  2141.                                        </div>
  2142.                                    </div>
  2143.                                    <div class="relative pv-system-loss">
  2144.                                        <p class="top-20">
  2145.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.system_loss">System loss</span>
  2146.                                            <span
  2147.                                                class="blue-2 font-18 font-700"
  2148.                                                style="margin-left: 7px;">(%)</span>
  2149.                                            <span class="cursor-pointer">
  2150.                                                
  2151.    <!-- Question Mark Icon -->
  2152.    <span
  2153.        class='help-icon-btn-sm '
  2154.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2155.        onclick='openModal("system_loss_modal")'>
  2156.        ?
  2157.    </span>
  2158.  
  2159.    <!-- Modal Structure -->
  2160.    <div id='system_loss_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2161.        <div class='modal-dialog'>
  2162.            <div class='modal-content'>
  2163.                <div class='modal-body' id='system_loss_modal_content'>
  2164.                    <table>
  2165.                        <tbody>
  2166.                            <tr>
  2167.                                <td class='p-0 icon-column'>
  2168.                                    <span class='help-icon-btn'>
  2169.                                        ?
  2170.                                    </span>
  2171.                                </td>
  2172.                                <td class='title-cell'>
  2173.                                    <h4 class='modal-title' data-ts='pvgis.system_loss'>pvgis.system_loss</h4>
  2174.                                </td>
  2175.                                <td class='close-col p-0'>
  2176.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2177.                                        <span aria-hidden='true'>&times;</span>
  2178.                                    </button>
  2179.                                </td>
  2180.                            </tr>
  2181.                            <tr>
  2182.                                <td class='content-cell modal-content-text' colspan='2'>
  2183.                                    <div class="p-24-black-2">
  2184.    <div data-ts="pvgis.system_loss_helper_1">
  2185.        Estimated system losses are all losses in the system that cause the energy actually delivered to the power grid to be less than the power produced by the PV modules.    </div>
  2186.    <div style="margin-top: 10px;">
  2187.        •
  2188.        <b data-ts="pvgis.system_loss_subtitle_helper_1">
  2189.            Cable loss (%) / default 1%        </b>
  2190.    </div>
  2191.    <div data-ts="pvgis.system_loss_helper_2">
  2192.        PVGIS24 is based on international standards for line loss in cables. this loss is estimated at 1%. You can reduce this loss to 0.5% if the quality of the cables is exceptional. You can increase the line loss of the cables to 1.5% if the distance between the solar panels and the inverter is greater than 30 meters.    </div>
  2193.    <div style="margin-top: 10px;">
  2194.        •
  2195.        <b data-ts="pvgis.system_loss_subtitle_2">
  2196.            Inverter loss (%) / default 2%        </b>
  2197.    </div>
  2198.    <div data-ts="pvgis.system_loss_helper_3">
  2199.        PVGIS24 is based on the average of inverter manufacturer data to estimate the production transformation loss. The international average today is 2%. You can reduce this loss to 1% if the quality of the inverter is exceptional. You can increase the loss to 3% to 4% if the chosen inverter offers a transformation rate of 96%!    </div>
  2200.    <div style="margin-top: 10px;">
  2201.        •
  2202.        <b data-ts="pvgis.system_loss_subtitle_3">
  2203.            PV loss (%) / default 0.5%        </b>
  2204.    </div>
  2205.    <div data-ts="pvgis.system_loss_helper_4">
  2206.        Over the years, the modules also tend to lose some of their power, so the average annual production over the life of the system will be a few percent lower than the production in the first few years. The various international studies including those of Sarah and Jordan KURTZ estimate an average production loss of 0.5% per year. You can reduce this production loss to 0.2% if the quality of the solar panels is exceptional. You can increase the loss from 0.8% to 1% if the solar panels chosen are of average quality!    </div>
  2207. </div>
  2208.  
  2209.                                </td>
  2210.                            </tr>
  2211.                        </tbody>
  2212.                    </table>
  2213.                </div>
  2214.            </div>
  2215.        </div>
  2216.    </div>
  2217.                                                </span>
  2218.                                        </p>
  2219.                                        <div class="system-loss-container">
  2220.                                            <div class="flex-container">
  2221.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.cable_loss_label">Cable loss</span>
  2222.                                                <span class="font-600 left-3 font-16">(%)</span>
  2223.                                                <div class="custom-input-number-container">
  2224.                                                    <input id="cable-loss" name="cable-loss"
  2225.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="1"
  2226.                                                        placeholder="0">
  2227.                                                    <div class="icons">
  2228.                                                        <button type="button" class="increment">
  2229.                                                            <img src="/assets/images/icon/arrow_up.png"
  2230.                                                                alt="arrow_up" height="11" width="11">
  2231.                                                        </button>
  2232.                                                        <button type="button" class="decrement">
  2233.                                                            <img src="/assets/images/icon/arrow_down.png"
  2234.                                                                alt="arrow_down" height="11" width="11">
  2235.                                                        </button>
  2236.                                                    </div>
  2237.                                                </div>
  2238.                                            </div>
  2239.                                            <div class="flex-container">
  2240.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.inverter_loss_label">Inverter loss</span>
  2241.                                                <span class="font-600 left-3 font-16">(%)</span>
  2242.                                                <div class="custom-input-number-container">
  2243.                                                    <input id="inverter-loss" name="inverter-loss"
  2244.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="2"
  2245.                                                        placeholder="0">
  2246.                                                    <div class="icons">
  2247.                                                        <button type="button" class="increment">
  2248.                                                            <img src="/assets/images/icon/arrow_up.png"
  2249.                                                                alt="arrow_up" height="11" width="11">
  2250.                                                        </button>
  2251.                                                        <button type="button" class="decrement">
  2252.                                                            <img src="/assets/images/icon/arrow_down.png"
  2253.                                                                alt="arrow_down" height="11" width="11">
  2254.                                                        </button>
  2255.                                                    </div>
  2256.                                                </div>
  2257.                                            </div>
  2258.                                            <div class="flex-container">
  2259.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.pv_loss">PV loss</span>
  2260.                                                <span class="font-600 left-3 font-16">(%)</span>
  2261.                                                <div class="custom-input-number-container">
  2262.                                                    <input id="pv-loss" name="pv-loss"
  2263.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0"
  2264.                                                        value="0.5" placeholder="0">
  2265.                                                    <div class="icons">
  2266.                                                        <button type="button" class="increment">
  2267.                                                            <img src="/assets/images/icon/arrow_up.png"
  2268.                                                                alt="arrow_up" height="11" width="11">
  2269.                                                        </button>
  2270.                                                        <button type="button" class="decrement">
  2271.                                                            <img src="/assets/images/icon/arrow_down.png"
  2272.                                                                alt="arrow_down" height="11" width="11">
  2273.                                                        </button>
  2274.                                                    </div>
  2275.                                                </div>
  2276.                                            </div>
  2277.  
  2278.                                            <span id="loss-error" data-ts="pvgis.loss_error_msg">The total loss sum should not exceed 100.</span>
  2279.                                        </div>
  2280.                                    </div>
  2281.                                    
  2282.                                    <div class="save-btn-cont">
  2283.                                        <button type="button" class="save-btn btn" onclick="openAdvancedModal()" id="showAdvancedOptionModal" data-ts="pvgis.extranet.advanced">Advanced option</button>
  2284.                                        <button class="save-btn btn uppercase visualize-result"
  2285.                                            id="visualize-result">
  2286.                                            <i style="display: none;" id="loader-visualisation" class="fas fa-spinner"></i>
  2287.                                            <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2288.                                        </button>
  2289.                                    </div>
  2290.                                </div>
  2291.  
  2292.                                <button class="visualize-floating visualize-result" id="visualize-floating">
  2293.                                    <i style="display: none;" id="loader-visualisation-floating"
  2294.                                        class="fas fa-spinner"></i>
  2295.                                    <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2296.                                </button>
  2297.                            </div>
  2298.                    </div>
  2299.                    </form>
  2300.                </div>
  2301.  
  2302.                <div id="result-container" class="p-24-result-container hidden">
  2303.                    <div class="p-24-top">
  2304.                        <div class="barre bg-blue">
  2305.                            <h2 class="primary-blue uppercase"><span data-ts="pvgis.simulator.results">Results</span> ”<span
  2306.                                    class="project_name" id="project-name">SOLAR PROJECT</span> <span
  2307.                                    class="project_name" id="simulation-name">SIMULATION 1</span>” </h2>
  2308.                        </div>
  2309.                        <div class="picto">
  2310.                            <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  2311.                                data-src="https://cdn.pvgis.com/images/pvgis24/search-icon.png?v=18102024"
  2312.                                class="lazyLoad lazy lazy-load-img" alt="picto location">
  2313.                        </div>
  2314.                    </div>
  2315.                    <div class="p-24-result-content">
  2316.                        <p class="top-50">
  2317.                            <span class="font-18 p-24-black" data-ts="pvgis.result_24_desc">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world except the North and South Poles.</span>
  2318.                        </p>
  2319.                        <h3 class="uppercase blue-2" data-ts="pvgis.estimate_of_solar_label">
  2320.                            PVGIS ESTIMATES OF SOLAR ELECTRICITY PRODUCTION                        </h3>
  2321.                        <div class="bottom-25">
  2322.                            <span class="font-700 p-24-black-2 font-18" data-ts="pvgis.information_provided_label">Information provided</span>
  2323.                        </div>
  2324.                        <section class="row simulator-section">
  2325.    <div class="col-xs-12 simulator-section-title">
  2326.        <h3 data-ts="pvgis.geolocation_photovoltaic_connected_network">
  2327.            Geolocation of the photovoltaic system        
  2328.    <!-- Question Mark Icon -->
  2329.    <span
  2330.        class='help-icon-btn-sm simulation_help_icon hidden'
  2331.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2332.        onclick='openModal("simulation_help_modal_geolocation")'>
  2333.        ?
  2334.    </span>
  2335.  
  2336.    <!-- Modal Structure -->
  2337.    <div id='simulation_help_modal_geolocation' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2338.        <div class='modal-dialog'>
  2339.            <div class='modal-content'>
  2340.                <div class='modal-body' id='simulation_help_modal_geolocation_content'>
  2341.                    <table>
  2342.                        <tbody>
  2343.                            <tr>
  2344.                                <td class='p-0 icon-column'>
  2345.                                    <span class='help-icon-btn'>
  2346.                                        ?
  2347.                                    </span>
  2348.                                </td>
  2349.                                <td class='title-cell'>
  2350.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2351.                                </td>
  2352.                                <td class='close-col p-0'>
  2353.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2354.                                        <span aria-hidden='true'>&times;</span>
  2355.                                    </button>
  2356.                                </td>
  2357.                            </tr>
  2358.                            <tr>
  2359.                                <td class='content-cell modal-content-text' colspan='2'>
  2360.                                    <div class="text-center coming-soon-container">
  2361.    <div>
  2362.        <img
  2363.            alt="coming-soon"
  2364.            width="381px"
  2365.            height="399px"
  2366.            src="/assets/images/icon/no-data.png"
  2367.            class="img-responsive center-block" />
  2368.        <h4 data-ts="coming_soon"></h4> <!-- Replace with your translation method if needed -->
  2369.    </div>
  2370. </div>
  2371.                                </td>
  2372.                            </tr>
  2373.                        </tbody>
  2374.                    </table>
  2375.                </div>
  2376.            </div>
  2377.        </div>
  2378.    </div>
  2379.        </div>
  2380.    <div class="col-xs-12">
  2381.        <div class="row">
  2382.            <div class="col-md-8">
  2383.                <div class="map-container">
  2384.                    <div id="mapResult">
  2385.                    </div>
  2386.                </div>
  2387.            </div>
  2388.            <div class="col-md-4">
  2389.                <ul class="geo-lolat-list">
  2390.                    <li class="spacing-bl"><span data-ts="pvgis.pv_installed_label">Installed PV :</span> <b><span
  2391.                                class="ifont-bold-condensed installed_PV"></span> KWp</b></li>
  2392.                    <li><span data-ts="pvgis.pdf_pvgis24.country">Country :</span> <b><span
  2393.                                class="font-bold-condensed country"></span></b></li>
  2394.                    <li><span data-ts="pvgis.pdf_pvgis24.city">City :</span> <b><span
  2395.                                class="font-bold-condensed city"></span></b></li>
  2396.                    <li class="spacing-bl"><span data-ts="pvgis.pdf_pvgis24.address">Address:</span> <b><span
  2397.                                class="font-bold-condensed address"></span></b></li>
  2398.                    <li><span data-ts="pvgis.latitude">Latitude</span>: <span
  2399.                            class="font-bold-condensed latitude"></span></li>
  2400.                    <li><span data-ts="pvgis.longitude">Longitude</span> : <span
  2401.                            class="font-bold-condensed longitude"></span></li>
  2402.                </ul>
  2403.            </div>
  2404.        </div>
  2405.    </div>
  2406. </section>                        <section class="row simulator-section">
  2407.    <div class="col-md-12 simulator-section-title">
  2408.        <h3>
  2409.            Terrain shadows        </h3>
  2410.        
  2411.    <!-- Question Mark Icon -->
  2412.    <span
  2413.        class='help-icon-btn-sm simulation_help_icon hidden'
  2414.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2415.        onclick='openModal("simulation_help_modal_terrain_shadow")'>
  2416.        ?
  2417.    </span>
  2418.  
  2419.    <!-- Modal Structure -->
  2420.    <div id='simulation_help_modal_terrain_shadow' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2421.        <div class='modal-dialog'>
  2422.            <div class='modal-content'>
  2423.                <div class='modal-body' id='simulation_help_modal_terrain_shadow_content'>
  2424.                    <table>
  2425.                        <tbody>
  2426.                            <tr>
  2427.                                <td class='p-0 icon-column'>
  2428.                                    <span class='help-icon-btn'>
  2429.                                        ?
  2430.                                    </span>
  2431.                                </td>
  2432.                                <td class='title-cell'>
  2433.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2434.                                </td>
  2435.                                <td class='close-col p-0'>
  2436.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2437.                                        <span aria-hidden='true'>&times;</span>
  2438.                                    </button>
  2439.                                </td>
  2440.                            </tr>
  2441.                            <tr>
  2442.                                <td class='content-cell modal-content-text' colspan='2'>
  2443.                                    <div class="text-center coming-soon-container">
  2444.    <div>
  2445.        <img
  2446.            alt="coming-soon"
  2447.            width="381px"
  2448.            height="399px"
  2449.            src="/assets/images/icon/no-data.png"
  2450.            class="img-responsive center-block" />
  2451.        <h4 data-ts="coming_soon"></h4> <!-- Replace with your translation method if needed -->
  2452.    </div>
  2453. </div>
  2454.                                </td>
  2455.                            </tr>
  2456.                        </tbody>
  2457.                    </table>
  2458.                </div>
  2459.            </div>
  2460.        </div>
  2461.    </div>
  2462.        </div>
  2463.    <div class="col-md-12">
  2464.        <div class="col-md-7">
  2465.            <p><span data-ts="pvgis.simulator.summary.horizon">Horizon</span> : <b id="userHorizonTxt">Calculated (default PGVIS 24)</b></p>
  2466.            <div id="line-horizon"></div>
  2467.        </div>
  2468.        <div class="col-md-5" style="padding: 0;">
  2469.            <div class="geo-horizon-container">
  2470.                <div id="horizon-legends">
  2471.                    <div class="legend-item">
  2472.                        <div class="legend-heigh"></div>
  2473.                        <div class="legend-title"><span
  2474.                                data-ts="pvgis.simulator.charts.horizon_height"></span>
  2475.                        </div>
  2476.                    </div>
  2477.                    <div class="legend-item">
  2478.                        <div class="legend-june">
  2479.                            <div class="tiret"></div>
  2480.                            <div class="tiret"></div>
  2481.                            <div class="tiret"></div>
  2482.                        </div>
  2483.                        <div class="legend-title"><span
  2484.                                data-ts="pvgis.simulator.charts.sun_height_june"></span>
  2485.                        </div>
  2486.                    </div>
  2487.                    <div class="legend-item">
  2488.                        <div class="legend-dec"></div>
  2489.                        <div class="legend-title"><span
  2490.                                data-ts="pvgis.simulator.charts.sun_height_december"></span>
  2491.                        </div>
  2492.                    </div>
  2493.                </div>
  2494.                <div id="geo-horizon"></div>
  2495.            </div>
  2496.        </div>
  2497.    </div>
  2498. </section>                        <div class="top-20 c-simulator-section">
  2499.  
  2500.                            <section class="row simulator-section">
  2501.    <div class="col-md-12 simulator-section-title">
  2502.        <h3>
  2503.            Information from grid-connected photovoltaics        </h3>
  2504.        
  2505.    <!-- Question Mark Icon -->
  2506.    <span
  2507.        class='help-icon-btn-sm simulation_help_icon hidden'
  2508.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2509.        onclick='openModal("simulation_help_modal_information_photovoltaics")'>
  2510.        ?
  2511.    </span>
  2512.  
  2513.    <!-- Modal Structure -->
  2514.    <div id='simulation_help_modal_information_photovoltaics' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2515.        <div class='modal-dialog'>
  2516.            <div class='modal-content'>
  2517.                <div class='modal-body' id='simulation_help_modal_information_photovoltaics_content'>
  2518.                    <table>
  2519.                        <tbody>
  2520.                            <tr>
  2521.                                <td class='p-0 icon-column'>
  2522.                                    <span class='help-icon-btn'>
  2523.                                        ?
  2524.                                    </span>
  2525.                                </td>
  2526.                                <td class='title-cell'>
  2527.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2528.                                </td>
  2529.                                <td class='close-col p-0'>
  2530.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2531.                                        <span aria-hidden='true'>&times;</span>
  2532.                                    </button>
  2533.                                </td>
  2534.                            </tr>
  2535.                            <tr>
  2536.                                <td class='content-cell modal-content-text' colspan='2'>
  2537.                                    <div class="text-center coming-soon-container">
  2538.    <div>
  2539.        <img
  2540.            alt="coming-soon"
  2541.            width="381px"
  2542.            height="399px"
  2543.            src="/assets/images/icon/no-data.png"
  2544.            class="img-responsive center-block" />
  2545.        <h4 data-ts="coming_soon"></h4> <!-- Replace with your translation method if needed -->
  2546.    </div>
  2547. </div>
  2548.                                </td>
  2549.                            </tr>
  2550.                        </tbody>
  2551.                    </table>
  2552.                </div>
  2553.            </div>
  2554.        </div>
  2555.    </div>
  2556.        </div>
  2557.    <div class="col-md-12 info-pv">
  2558.        <div class="col-md-7" style="padding: 0;">
  2559.            <ul class="info-pv-desc">
  2560.                <li>Database used : <span class="database font-bold-condensed">PVGIS- SARAH3</span></li>
  2561.                <li>Photovoltaic technology: <span class="photovoltaic_technology font-bold-condensed">Crystalline silicon</span></li>
  2562.                <li>Mounting system : <span class="font-bold-condensed"><span class="mounting-type"></span> <span class="section-number"></span> <span class="sectionss"></span></span></li>
  2563.            </ul>
  2564.  
  2565.            <table class="table table-striped" id="pvTable">
  2566.                <thead>
  2567.                    <tr>
  2568.                        <th class="uppercase" data-ts="pvgis.sections"></th>
  2569.                        <th><span data-ts="pvgis.simulation.pdf.installed.pv"></span> (KWp)</th>
  2570.                        <th data-ts="pvgis.extranet.file_info.slope"></th>
  2571.                        <th data-ts="pvgis.extranet.file_info.azimuth"></th>
  2572.                    </tr>
  2573.                </thead>
  2574.                <tbody>
  2575.                </tbody>
  2576.            </table>
  2577.        </div>
  2578.        <div class="col-md-5">
  2579.            <ul class="info-pv-data">
  2580.                <li><span>Interannual variability (%) :</span> <span class="font-bold-condensed"><span class="variabilityPercentage"></span></li>
  2581.                <li class="spacing-tl">
  2582.                    <h4 class="heading">Loss</h4>
  2583.                </li>
  2584.                <li><span class="paraf">Change in production due to :</span>
  2585.                    <ul>
  2586.                        <li>Angle of incidence (%) : <span class="font-bold-condensed"><span class="incidence_angle"></span></span> </li>
  2587.                        <li>Spectral effects (%) : <span class="font-bold-condensed"><span class="spectral_effect"></span></span> </li>
  2588.                        <li>Low temperature and irradiance (%) : <span class="font-bold-condensed"><span class="low_temp"></span></span> </li>
  2589.                    </ul>
  2590.                </li>
  2591.                <li class="spacing-bl">Total losses (%) : <span class="font-bold-condensed"><span class="total_loss"></span></span> </li>
  2592.                <li>Production moyenne par jour (kWh): <span class="font-bold-condensed"><span class="production-moyenne-j"></span></span> </li>
  2593.                <li>Average hour of production day : <span class="font-bold-condensed"><span class="heur-moyenne-production-j"></span></span> </li>
  2594.            </ul>
  2595.        </div>
  2596.    </div>
  2597. </section>                            
  2598.                        </div>
  2599.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2600.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.mounthly_energy_production_label">Monthly energy production from the photovoltaic system</span></p>
  2601.                            <div class="row">
  2602.                                <div class="col-xs-10 w-full-xs">
  2603.                                    <div class="section-title-block bg-blue annual_pv font-bold-22">
  2604.                                        <span data-ts="pvgis.annual_photovoltaic_e_p">Annual photovoltaic energy production :</span>
  2605.                                        <span>&nbsp;<span id="annual-pv"></span> kWh</span>
  2606.                                    </div>
  2607.                                    <p class="p-24-black-2 font-16 top-15">
  2608.                                        <span data-ts="pvgis.variability_from_year_to_year_label">Variability from year to year :</span>
  2609.                                        <span class="font-bold-condensed"><span id="variabilityPercentage"></span>%</span> (<span id="variability"></span> kWh)
  2610.                                    </p>
  2611.                                </div>
  2612.                                <div class="col-xs-3">
  2613.                                </div>
  2614.                            </div>
  2615.                            <div class="row">
  2616.                                <div class="col-xs-8">
  2617.                                    <div id="pv-output-graph-bar" class="pv-output-graph-bar"></div>
  2618.                                </div>
  2619.                                <div class="col-xs-4">
  2620.                                    <table id="monthly-e-datatable" class="pv-prod-table">
  2621.                                        <thead>
  2622.                                            <tr>
  2623.                                                <th data-ts="pvgis.month">Month</th>
  2624.                                                <th class="custom-th">kWh</th>
  2625.                                                <th class="custom-th">%</th>
  2626.                                            </tr>
  2627.                                        </thead>
  2628.                                        <tbody id="month-tab-body-pv">
  2629.                                        </tbody>
  2630.                                    </table>
  2631.                                </div>
  2632.                            </div>
  2633.  
  2634.                        </div>
  2635.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2636.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_sunshine_hours">Monthly photovoltaic energy production hours</span></p>
  2637.                            <div class="row">
  2638.                                <div class="col-xs-10 w-full-xs">
  2639.                                    <div class="section-title-block bg-yellow annualHours annual_pv font-bold-22">
  2640.                                        <span data-ts="pvgis.yearly_sunshine_hours">Annual photovoltaic energy production hours :</span>
  2641.                                        <span>&nbsp;<span id="yearlySunshineHours"></span> <span class="text-lowercase" data-ts="pvgis.account_menu.hours">Hours</span> <span class="average-hours-per-day"><span id="averageSunshineHoursPerDay"></span></span></span>
  2642.                                    </div>
  2643.                                    </br>
  2644.                                </div>
  2645.                                <div class="col-xs-3">
  2646.                                </div>
  2647.                            </div>
  2648.                            <div class="row">
  2649.                                <div class="col-xs-8">
  2650.                                    <div id="sunshine-hours-graph-bar" style="height: 380px;" class="ir-output-graph-bar"></div>
  2651.                                </div>
  2652.                                <div class="col-xs-4">
  2653.                                    <table id="monthly-e-datatable-sunshine-hours" class="pv-prod-table">
  2654.                                        <thead>
  2655.                                            <tr>
  2656.                                                <th class="" data-ts="pvgis.months">Months</th>
  2657.                                                <th class="text-center" data-ts="pvgis.hours_per_month">Hours/Month</th>
  2658.                                                <th class="text-center" data-ts="pvgis.hours_per_days">/Day</th>
  2659.                                            </tr>
  2660.                                        </thead>
  2661.                                        <tbody id="sunshine-hours-table-body">
  2662.                                        </tbody>
  2663.                                    </table>
  2664.                                </div>
  2665.                            </div>
  2666.                        </div>
  2667.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2668.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_irradiation">Monthly irradiation on fixed plane</span></p>
  2669.                            <div class="row">
  2670.                                <div class="col-xs-10 w-full-xs">
  2671.                                    <div class="section-title-block bg-orange annual_pv font-bold-22">
  2672.                                        <span data-ts="pvgis.annual_irradiation_p">Annual irradiation:</span>
  2673.                                        <span>&nbsp;<span id="annual-ir"></span> kWh/m<sup>2</sup> </span>
  2674.                                    </div>
  2675.                                    </br>
  2676.                                </div>
  2677.                                <div class="col-xs-3">
  2678.                                </div>
  2679.                            </div>
  2680.                            <div class="row">
  2681.                                <div class="col-xs-8">
  2682.                                    <div id="ir-output-graph-bar" class="ir-output-graph-bar"></div>
  2683.                                </div>
  2684.                                <div class="col-xs-4">
  2685.                                    <table id="monthly-e-datatable-ir" class="pv-prod-table">
  2686.                                        <thead>
  2687.                                            <tr>
  2688.                                                <th data-ts="pvgis.month">Month</th>
  2689.                                                <th class="custom-th">kWh/m<sup>2</sup></th>
  2690.                                                <th class="custom-th">%</th>
  2691.                                            </tr>
  2692.                                        </thead>
  2693.                                        <tbody id="month-tab-body-ir">
  2694.                                        </tbody>
  2695.                                    </table>
  2696.                                </div>
  2697.                            </div>
  2698.                        </div>
  2699.                    </div>
  2700.                    <div class="pdf-btn-container">
  2701.                                                <button style="width:250px" type="button" class="bg-blue uppercase" id="downloadPdf" onclick="downloadPvgis24Pdf()"><i class="fas fa-spinner"></i> <span data-ts="pvgis.pdf">VIEW PDF</span></button>
  2702.                    </div>
  2703.                </div>
  2704.  
  2705.                <div class="modal-backdrop" id="modal-backdrop-pdf">
  2706.    <div id='pdf-modal' class="modal modal-box-shadow">
  2707.        <div id="loading"></div>
  2708.        <div class="pdf-editor">
  2709.            <div id="editor-1">
  2710.                <div style="width: 100%;">
  2711.                    <div class="modal-info">
  2712.                        <div class="modal-title">
  2713.                            <div class="left-title">
  2714.                                <h4 id="title">PDF EDITOR COMPONENT</h4>
  2715.                                <!-- Titre visible par défaut -->
  2716.                                <input type="text" id="name" name="name" required minlength="4" size="50"
  2717.                                    value="PDF EDITOR COMPONENT" style="display: none; width: 100%; padding: 5px;" />
  2718.                                <!-- Input caché par défaut, largeur automatique et padding ajouté -->
  2719.                                <span id="edit-icon" class="zoom-button" title="Modifier">
  2720.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2721.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2722.                                        stroke-linejoin="round" class="lucide lucide-pencil">
  2723.                                        <path
  2724.                                            d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" />
  2725.                                        <path d="m15 5 4 4" />
  2726.                                    </svg>
  2727.                                </span>
  2728.                                <span style="display: none;" id="close-icon" class="zoom-button" title="Sauvegarder">
  2729.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2730.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2731.                                        stroke-linejoin="round" class="lucide lucide-save">
  2732.                                        <path
  2733.                                            d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" />
  2734.                                        <path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" />
  2735.                                        <path d="M7 3v4a1 1 0 0 0 1 1h7" />
  2736.                                    </svg>
  2737.                                </span>
  2738.                            </div>
  2739.                            <div class="zoom-container">
  2740.                                <h4 data-ts="pvgis.organis_download" class="organise">Organiser et telecharger</h4>
  2741.                                <div id="edit-mode" title="Organise" class="edit-mode"><i class="bi bi-stack"></i></div>
  2742.                                <div class="zoom-left">
  2743.                                    <span id="zoom-in" class="zoom-button" title="Zoom +">
  2744.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2745.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2746.                                            stroke-linecap="round" stroke-linejoin="round"
  2747.                                            class="lucide lucide-zoom-in">
  2748.                                            <circle cx="11" cy="11" r="8" />
  2749.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2750.                                            <line x1="11" x2="11" y1="8" y2="14" />
  2751.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2752.                                        </svg>
  2753.                                    </span>
  2754.                                    <span id="zoom-out" class="zoom-button" title="Zoom -">
  2755.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2756.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2757.                                            stroke-linecap="round" stroke-linejoin="round"
  2758.                                            class="lucide lucide-zoom-out">
  2759.                                            <circle cx="11" cy="11" r="8" />
  2760.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2761.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2762.                                        </svg>
  2763.                                    </span>
  2764.                                    <span id="zoom-reset" class="zoom-button" title="Réinitialiser">
  2765.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2766.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2767.                                            stroke-linecap="round" stroke-linejoin="round"
  2768.                                            class="lucide lucide-rotate-ccw">
  2769.                                            <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
  2770.                                            <path d="M3 3v5h5" />
  2771.                                        </svg>
  2772.                                    </span>
  2773.                                    <span id="download" class="zoom-button" title="Download">
  2774.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2775.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2776.                                            stroke-linecap="round" stroke-linejoin="round"
  2777.                                            class="lucide lucide-download">
  2778.                                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  2779.                                            <polyline points="7 10 12 15 17 10" />
  2780.                                            <line x1="12" x2="12" y1="15" y2="3" />
  2781.                                        </svg>
  2782.                                    </span>
  2783.                                </div>
  2784.  
  2785.                                <span onclick="closePdfEditorModal('editor-1')" title="Fermer" class="zoom-button">
  2786.                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
  2787.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2788.                                        stroke-linejoin="round" class="lucide lucide-x">
  2789.                                        <path d="M18 6 6 18" />
  2790.                                        <path d="m6 6 12 12" />
  2791.                                    </svg></span>
  2792.                            </div>
  2793.                        </div>
  2794.                        <div class="preview-container">
  2795.                            <div class="thumbnail-wrapper">
  2796.                                <div class="thumbnail-container">
  2797.                                </div>
  2798.                            </div>
  2799.  
  2800.                            <div class="page-container">
  2801.                            </div>
  2802.  
  2803.                        </div>
  2804.                    </div>
  2805.                </div>
  2806.            </div>
  2807.        </div>
  2808.    </div>
  2809. </div>
  2810.  
  2811. <div class="loading-modal" id="pdf-loading-modal">
  2812.    <div>
  2813.        <div class="loader"></div>
  2814.        <div class="message-container">
  2815.            <div class="message"></div>
  2816.            <span class="loading-dots" style="display: none;">
  2817.                <span>.</span>
  2818.                <span>.</span>
  2819.                <span>.</span>
  2820.            </span>
  2821.        </div>
  2822.    </div>
  2823. </div>
  2824.                <div id="advanced-opt-modal" class="modal-extranet advanced-modal">
  2825.    <div class="advanced-modal-container">
  2826.        <h3 class="adv-title" data-ts="pvgis.extranet.advanced"></h3>
  2827.        <span onclick="closeAdvancedModal()" class="close-button">&times;</span>
  2828.        <h5 class="font-bold-condensed">
  2829.            <span data-ts="pvgis.simulator.use_terrain_shadows"></span>
  2830.            <span class="cursor-pointer">
  2831.                
  2832.    <!-- Question Mark Icon -->
  2833.    <span
  2834.        class='help-icon-btn-sm '
  2835.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2836.        onclick='openModal("terrain_shadows_modal")'>
  2837.        ?
  2838.    </span>
  2839.  
  2840.    <!-- Modal Structure -->
  2841.    <div id='terrain_shadows_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2842.        <div class='modal-dialog'>
  2843.            <div class='modal-content'>
  2844.                <div class='modal-body' id='terrain_shadows_modal_content'>
  2845.                    <table>
  2846.                        <tbody>
  2847.                            <tr>
  2848.                                <td class='p-0 icon-column'>
  2849.                                    <span class='help-icon-btn'>
  2850.                                        ?
  2851.                                    </span>
  2852.                                </td>
  2853.                                <td class='title-cell'>
  2854.                                    <h4 class='modal-title' data-ts='pvgis.simulator.use_terrain_shadows'>pvgis.simulator.use_terrain_shadows</h4>
  2855.                                </td>
  2856.                                <td class='close-col p-0'>
  2857.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2858.                                        <span aria-hidden='true'>&times;</span>
  2859.                                    </button>
  2860.                                </td>
  2861.                            </tr>
  2862.                            <tr>
  2863.                                <td class='content-cell modal-content-text' colspan='2'>
  2864.                                    <div>
  2865.    <div data-ts="pvgis.simulator.step_four_consigne">
  2866.        The solar radiation and photovoltaic production will change if there are local hills or mountains that block sunlight during certain periods of the day. PVGIS can calculate the effect of this by using data on ground elevation with a resolution of 3 arc-seconds (approximately 90 meters).<br><br>This calculation does not take into account shadows from very close objects such as houses or trees. In this case, you can upload your own information about the horizon by checking the "Download horizon file" box in CSV or JSON format.    </div>
  2867. </div>
  2868.                                </td>
  2869.                            </tr>
  2870.                        </tbody>
  2871.                    </table>
  2872.                </div>
  2873.            </div>
  2874.        </div>
  2875.    </div>
  2876.                </span>
  2877.        </h5>
  2878.        <div class="horizon-container">
  2879.            <div class="radio-cont">
  2880.                <div class="radio-r">
  2881.                    <input id="horizon_calculated" class="radio-pvgis" checked name="horizon_profile_type"
  2882.                        value="horizon_calculated" type="radio">
  2883.                    <label
  2884.                        for="horizon_calculated">Calculated horizon</label>
  2885.                </div>
  2886.                <div class="downloadHorizon-btn">
  2887.                    <button type="button" class="btn" onclick="downloadHorizon('csv', false)"><i
  2888.                            class="fas fa-download"></i>&nbsp;&nbsp;CSV</button>
  2889.                    <button type="button" class="btn" onclick="downloadHorizon('json', false)"><i
  2890.                            class="fas fa-download"></i>&nbsp;&nbsp;JSON</button>
  2891.                </div>
  2892.            </div>
  2893.            <div class="radio-cont">
  2894.                <div class="radio-r">
  2895.                    <input id="horizon_uploaded" class="radio-pvgis" name="horizon_profile_type"
  2896.                        value="horizon_uploaded" type="radio">
  2897.                    <label
  2898.                        for="horizon_uploaded">Upload horizon file</label>
  2899.                </div>
  2900.                <div class="horizon-input-cont">
  2901.                    <input type="file" disabled name="horizon_file" id="horizon_file" accept=".txt, .csv, .json"
  2902.                        onchange="readFileAndSetHiddenValue('horizon_file', 'horizon_data', userhorizonFormatter)">
  2903.                    <label for="horizon_file" class="custom-file-upload"><i class="fas fa-upload"></i>&nbsp;&nbsp;Choose
  2904.                        File</label>
  2905.                    <span id="file-name">No files selected</span>
  2906.                    <input type="hidden" name="horizon_data" id="horizon_data">
  2907.                    <input type="hidden" name="horizon_filename" id="horizon_filename">
  2908.                    <span class="error-message"></span>
  2909.                </div>
  2910.            </div>
  2911.        </div>
  2912.  
  2913.        <h5 class="font-bold-condensed" >
  2914.            <span data-ts="pvgis.simulator.custom_db"></span>
  2915.            <span class="cursor-pointer">
  2916.                
  2917.    <!-- Question Mark Icon -->
  2918.    <span
  2919.        class='help-icon-btn-sm '
  2920.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2921.        onclick='openModal("pvgis_custom_db_modal")'>
  2922.        ?
  2923.    </span>
  2924.  
  2925.    <!-- Modal Structure -->
  2926.    <div id='pvgis_custom_db_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2927.        <div class='modal-dialog'>
  2928.            <div class='modal-content'>
  2929.                <div class='modal-body' id='pvgis_custom_db_modal_content'>
  2930.                    <table>
  2931.                        <tbody>
  2932.                            <tr>
  2933.                                <td class='p-0 icon-column'>
  2934.                                    <span class='help-icon-btn'>
  2935.                                        ?
  2936.                                    </span>
  2937.                                </td>
  2938.                                <td class='title-cell'>
  2939.                                    <h4 class='modal-title' data-ts='pvgis.simulator.custom_db'>pvgis.simulator.custom_db</h4>
  2940.                                </td>
  2941.                                <td class='close-col p-0'>
  2942.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2943.                                        <span aria-hidden='true'>&times;</span>
  2944.                                    </button>
  2945.                                </td>
  2946.                            </tr>
  2947.                            <tr>
  2948.                                <td class='content-cell modal-content-text' colspan='2'>
  2949.                                    <div>
  2950.    <div data-ts="pvgis.database24_helper_1">
  2951.        - <strong>PVGIS-SARAH3</strong>: Data available from 2005 to 2023. Covers Europe, Africa, most of Asia, and some regions of South America. Based on satellite observations, it offers high accuracy for solar irradiance. <br>
  2952. - <strong>PVGIS-SARAH2</strong>: Produced by CM SAF to replace SARAH-1 (PVGIS-SARAH). It covers Europe, Africa, most of Asia, and some regions of South America. Period: 2005-2020. <br>
  2953. - <strong>PVGIS-ERA5</strong>: Latest global reanalysis provided by ECMWF (European Centre for Medium-Range Weather Forecasts). Period: 2005-2023. <br><br>
  2954. The reanalysis of solar radiation data generally presents higher uncertainty than satellite databases. Therefore, we recommend using reanalysis data only when satellite data is unavailable or outdated. For more information on databases and their accuracy, please refer to the PVGIS web page on calculation methods.    </div>
  2955. </div>
  2956.                                </td>
  2957.                            </tr>
  2958.                        </tbody>
  2959.                    </table>
  2960.                </div>
  2961.            </div>
  2962.        </div>
  2963.    </div>
  2964.                </span>
  2965.        </h5>
  2966.        <div class="db-container">
  2967.            <div>
  2968.                <div class="pvgis-custom-select">
  2969.                    <input type="hidden" name="db_name" id="db_name" value="">
  2970.                    <input type="hidden" name="db_version" id="db_version" value="">
  2971.                    <div class="pvgis-select-label">
  2972.                        <span class="pvgis-caret">&#9662;</span>
  2973.                    </div>
  2974.                    <ul class="pvgis-select-options" id="pvgis-dropdown">
  2975.                    </ul>
  2976.                </div>
  2977.            </div>
  2978.            <div class="btn-container">
  2979.                <button type="button" data-ts="pvgis.extranet.file_info.save" id="saveAdvancedOption" class="btn save-btn"
  2980.                    onclick="closeAdvancedModal(true)"></button>
  2981.            </div>
  2982.        </div>
  2983.    </div>
  2984. </div>                <div id="modal" class="modal-extranet confirm-mail-modal">
  2985.                    <div class="container file-registration-container">
  2986.                        <div class="box">
  2987.                            <h3 class="text-black" data-ts="pvgis.file_registration">Project registration</h3>
  2988.                            <p data-ts="pvgis.message.save_project">Would you like to save the project?</p>
  2989.                            
  2990.                            <div class="action-container" id="action-container">
  2991.                                <span id="cancel" class="cancel" data-ts="pvgis.cancel">Cancel</span>
  2992.                                <button class="location-submit bg-blue uppercase" id="save-file">
  2993.                                    <i style="display: none;" id="save-project" class="fas fa-spinner"></i>
  2994.                                    <span data-ts="pvgis.save">Save</span>
  2995.                                </button>
  2996.                            </div>
  2997.                        </div>
  2998.                    </div>
  2999.                </div>
  3000.  
  3001.            </div>
  3002.        </div>
  3003.    </div>
  3004.        
  3005.  
  3006.            <script src="https://pvgis.com/assets/min-js/loader.js?v=080520251110"></script>
  3007.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent.umd.js?v=080520251110"></script>
  3008.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent-config.js?v=080520251110"></script>
  3009.        <script src="https://pvgis.com/assets/min-js/settings.utils.js?v=080520251110"></script>
  3010.        <script>
  3011.            window.customerSavedLanguage = window.customerSavedLanguage || "en";
  3012.            window.cmsKey = "homepage-pvgis24";
  3013.        </script>
  3014.  
  3015.        <script src="https://pvgis.com/assets/min-js/links.js?v=080520251110" defer></script>
  3016.        <script src="https://cdn.pvgis.com/assets/js/cache.js?v=080520251110" defer></script>
  3017.        <script src="https://cdn.pvgis.com/assets/js/jquery.js?v=080520251110"></script>
  3018.        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  3019.        <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.0.4/js.cookie.min.js" integrity="sha512-Nonc2AqL1+VEN+97F3n4YxucBOAL5BgqNwEVc2uUjdKOWAmzwj5ChdJQvN2KldAxkCxE4OenuJ/RL18bWxGGzA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
  3020.        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js" defer></script>
  3021.        <script src="https://pvgis.com/assets/min-js/bootstrap.min.js" defer></script>
  3022.        <!-- <script src="https://pvgis.com/assets/js/intlTelInput.min.js?v=080520251110"></script> -->
  3023.        <script src="https://pvgis.com/assets/min-js/global.js?v=080520251110"></script>
  3024.        <script src="https://pvgis.com/assets/min-js/active-user.js?v=080520251110"></script>
  3025.        <script src="https://pvgis.com/assets/min-js/translation/index.js?v=080520251110"></script>
  3026.        <script src="https://pvgis.com/assets/min-js/modal/index.js?v=080520251110"></script>
  3027.        <script src="https://cdn.socket.io/4.5.0/socket.io.min.js"></script>
  3028.        <script src="https://pvgis.com/assets/min-js/socket-config.js?v=080520251110"></script>
  3029.        <script>
  3030.            removeIndesirableTag();
  3031.        </script>
  3032.        <div class="logToPdfModal" id="log-to-download-modal" role="dialog">
  3033.    <div class="logToPdfModal-dialog">
  3034.        <div class="logToPdfModal-content">
  3035.            <div class="logToPdfModal-header">
  3036.                <img width="50px" height="50px" src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024" alt="" srcset="">
  3037.                <h5 class="modal-title"><span  data-ts="pvgis.need_log_to_download"></span></h5>
  3038.                <span onclick="hideLogForPdfModal()" class="logToPdfModal-close">&times;</span>
  3039.            </div>
  3040.  
  3041.            <div class="logToPdfModal-footer" id="logToPdfModal-log">
  3042.                <button id="logToPdfModal-login-button" data-ts="pvgis.header.account_menu.login">Login</button>
  3043.                <span data-ts="pvgis.ou_or">or</span>
  3044.                <button id="logToPdfModal-register-button" data-ts="pvgis.header.account_menu.subscribe">Register</button>
  3045.            </div>
  3046.  
  3047.            <div class="logToPdfModal-body hidden" id="logToPdfModal-subscribe">
  3048.                <a data-cms-link href="/en/subscription" id="logToPdfModal-subscribe-link"><span  data-ts="pvgis.subscribe_now">subscribe_now</span></a>
  3049.            </div>
  3050.            <div class="logToPdfModal-body hidden" id="logToPdfModal-download-blurred">
  3051.                <span data-ts="pvgis.download_blurred_pdf">Continue downloading the blurred pdf ?</span>
  3052.                <button id="logToPdfModal-download-button"><span  data-ts="pvgis.simulation.continue">Continue</span><span class="spinnerCont hidden"><i class="fas fa-spinner"></i></span></button>
  3053.            </div>
  3054.        </div>
  3055.    </div>
  3056. </div>
  3057.  
  3058.    <div id="auth-form-modal" class="form-modal">
  3059.        <div class="auth-form-modal-dialog">
  3060.                        <div class="login-content">
  3061.                <div class="log-header">
  3062.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.login">
  3063.                        Login
  3064.                    </span>
  3065.                    <span class="close-button" onclick="hideFormModal('login')">&times;</span>
  3066.                </div>
  3067.                <div class="container-fluid login-container-fluid">
  3068.    <div class="bg-login"></div>
  3069.    <div class="login-container">
  3070.                <div class="create-account">
  3071.                            <p>
  3072.                    <span data-ts="pvgis.login.no_account_question">Don't have an account yet?</span>
  3073.                    <a href="/register" id="switch-to-register">
  3074.                        <span data-ts="pvgis.login.create_an_account">Create an account</span>
  3075.                    </a>
  3076.                </p>
  3077.                    </div>
  3078.        <!-- <div class="row">
  3079.            <div class="col-md-8 "> -->
  3080.        <div class="login-forms-container">
  3081.                        <div class="box">
  3082.                <form id="login-form" action="handleLogin" method="POST">
  3083.                    <input type="hidden" name="redirectLink" value="">
  3084.                    
  3085.                    <div class="form-group-container">
  3086.                        <div class="form-group">
  3087.                            <label for="email_login" data-ts="pvgis.login.email">
  3088.                                Email                            </label>
  3089.                            <input name="email" type="text" class="form-control to-validate text-input" id="email_login" placeholder="robert.dupont@gmail.com" required>
  3090.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3091.                                This field is required.                            </div>
  3092.                        </div>
  3093.                        <div class="form-group">
  3094.                            <label for="password_login" data-ts="pvgis.login.password">
  3095.                                Password                            </label>
  3096.                            <div class="pwd-input">
  3097.                                <input name="password" type="password" class="form-control to-validate text-input" id="password_login" required>
  3098.                                <span class="password-toggle" onclick="toggleLoginPasswordVisibility()"><i id="eye-icon" class="bi bi-eye"></i></span>
  3099.                            </div>
  3100.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3101.                                This field is required.                            </div>
  3102.                                                            <a href="/forgot-password" data-ts="pvgis.forgot_password">
  3103.                                    Forgot password                                </a>
  3104.                                                    </div>
  3105.                    </div>
  3106.                                        <div class="message-container">
  3107.                        <div class="error-message">
  3108.                                                    </div>
  3109.                        <div class="success-message">
  3110.                                                    </div>
  3111.                    </div>
  3112.                    <div class="action-container">
  3113.                        <button type="button" id="cancel-button" class="btn cancel-button" onclick="cancelLogin()">
  3114.                            <span data-ts="pvgis.cancel">
  3115.                                Cancel                            </span>
  3116.                        </button>
  3117.                        <button type="submit" class="btn btn-primary login-button">
  3118.                            <i class="fas fa-spinner"></i> <span data-ts="pvgis.login.login">
  3119.                                Log in                            </span>
  3120.                        </button>
  3121.                    </div>
  3122.                </form>
  3123.            </div>
  3124.            <div class="tiers-registration-container mb-15 to-hide">
  3125.                <h3 data-ts="pvgis.registration.signin">
  3126.                    Sign in                </h3>
  3127.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">
  3128.                    QUICKLY                </h3>
  3129.                <p data-ts="pvgis.registration.with_your_account">
  3130.                    with your account                </p>
  3131.                <div class="button-container">
  3132.                    <button type="button" id="google-login-button" class="btn g-btn">
  3133.                        <img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google">
  3134.                        <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span>
  3135.                    </button>
  3136.                    <!-- TODO temporary hide facebook action -->
  3137.                    <!-- <div class="divider">
  3138.                                <span data-ts="pvgis.registration.or">ou</span>
  3139.                            </div>
  3140.                            <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign_in">S'inscrire avec Facebook</span></button> -->
  3141.                </div>
  3142.            </div>
  3143.        </div>
  3144.    </div>
  3145. </div>
  3146. <script>
  3147.    var userData = null;
  3148.    const errorMessage = '';
  3149.    // const redirectToPdf = true
  3150.    // const emailValidate = 'Email verified successfully'
  3151.    const emailValidate = '';
  3152.    const targetUserId = "";
  3153.    const isAdminLogin = false;
  3154.    const redirectToPdf = 0;
  3155.    let loginGoogleUrl = 'https://api.pvgis.com/auth/login/google';
  3156.    // let loginFacebookUrl = 'https://api.pvgis.com/auth/login/facebook';
  3157. </script>
  3158. <script src="https://pvgis.com/assets/min-js/account/login.js?v=080520251110"></script>            </div>
  3159.            <div class="register-content">
  3160.                <div class="log-header">
  3161.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.registration">Registration</span>
  3162.                    <span class="close-button" onclick="hideFormModal('register')">&times;</span>
  3163.                </div>
  3164.                <div class="container-fluid">
  3165.                    <div class="bg-login"></div>
  3166.                    <div class="registration-container">
  3167.    <div class="row">
  3168.        <div class="col-md-8 page-title">
  3169.            <h2 data-ts="pvgis.registration.title">Registration page</h2>
  3170.            <p class="to-login">
  3171.                <span data-ts="pvgis.registration.already_account">
  3172.                    Already an account ?                </span>
  3173.                <a href="/login" id="switch-to-login" data-ts="pvgis.registration.login">
  3174.                    I log in                </a>
  3175.            </p>
  3176.        </div>
  3177.    </div>
  3178.    <div class="row mb-15">
  3179.        <div class="col-md-8 ">
  3180.            <form id="registration-form" action="https://api.pvgis.com/auth/register">
  3181.                <div class="message-container">
  3182.                    <div class="error-message-register">
  3183.                                            </div>
  3184.                </div>
  3185.                <div class="radio-account-type">
  3186.                    <div class="row">
  3187.                        <div class="col-sm-4">
  3188.                            <input type="radio" name="type" id="personnal" class="radio-pvgis">
  3189.                            <label for="personnal" class="font-bold-condensed" data-ts="pvgis.registration.perso">
  3190.                                Particular                            </label><br>
  3191.                            <!-- <label for="personnal"><span class="description-radio" data-ts="pvgis.registration.perso_description">A personal project</span></label> -->
  3192.                        </div>
  3193.                        <div class="col-sm-4">
  3194.                            <input type="radio" name="type" id="professional" class="radio-pvgis">
  3195.                            <label for="professional" class="font-bold-condensed" data-ts="pvgis.registration.pro">
  3196.                                Professional                            </label><br>
  3197.                            <!-- <label for="professional"><span class="description-radio" data-ts="pvgis.registration.pro_description">My clients' projects</span></label> -->
  3198.                        </div>
  3199.                        <div class="col-sm-4">
  3200.                            <input type="radio" name="type" id="school" class="radio-pvgis">
  3201.                            <label for="school" class="font-bold-condensed" data-ts="pvgis.account_info.other">
  3202.                                Other                            </label><br>
  3203.                            <!-- <label for="school"><span class="description-radio" data-ts="pvgis.registration.school_description">School projects</span></label> -->
  3204.                        </div>
  3205.                    </div>
  3206.                    <div class="error-message" style="padding-top: 10px;" data-ts="pvgis.registration.error.required">
  3207.                        This field is required.                    </div>
  3208.                </div>
  3209.                <div class="row">
  3210.                    <div class="col-md-6 user-info-container">
  3211.                        <div class="form-group nickname-container hidden">
  3212.                            <label for="pseudo"><span data-ts="pvgis.registration.pseudo">Nickname</span></label>
  3213.                            <input style="width: 95%;" type="text" class="form-control to-send" id="pseudo" name="pseudo">
  3214.                            <div class="error-message">
  3215.                                <span class="pseudo-required"></span>
  3216.                                <span class="pseudo-already-used" data-ts="pvgis.registration.error.pseudo_already_used">Pseudo is already taken.</span>
  3217.                            </div>
  3218.                        </div>
  3219.                        <div class="form-group school-container">
  3220.                            <label for="school-name"><span data-ts="pvgis.account_info.etablissement">Etablissement</span></label>
  3221.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="school-name" name="school-name">
  3222.                        </div>
  3223.                        <div class="form-group company-container">
  3224.                            <label for="company-name"><span data-ts="pvgis.registration.company">Company</span></label>
  3225.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="company-name" name="company-name">
  3226.                        </div>
  3227.                        <div class="form-group">
  3228.                            <label for="last-name"><span data-ts="pvgis.registration.name">Name</span><span class="required">*</span></label>
  3229.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="last-name" name="last-name">
  3230.                            <div class="error-message">This field is required.</div>
  3231.                        </div>
  3232.                        <div class="form-group">
  3233.                            <label for="first-name"><span data-ts="pvgis.registration.first_name">First Name</span><span class="required">*</span></label>
  3234.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="first-name" name="first-name">
  3235.                            <div class="error-message">This field is required.</div>
  3236.                        </div>
  3237.                        <div class="form-group country-container">
  3238.                            <div class="dropdown-select-container" id="countryDropdownContainer">
  3239.                                <label for="country"><span data-ts="pvgis.registration.country">Country</span><span class="required">*</span></label>
  3240.                                <div class="dropdown-select-button" id="countryDropdownButton">
  3241.                                    <span id="selectedCountry"></span>
  3242.                                </div>
  3243.                                <ol class="dropdown-select-list" id="countryDropdownList">
  3244.                                    <input type="text" class="search-input" id="countrySearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3245.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3246.                                    <div class="item-list-container" id="countryListContainer">
  3247.                                    </div>
  3248.                                </ol>
  3249.                            </div>
  3250.                        </div>
  3251.                        <div class="form-group language-container">
  3252.                            <div class="dropdown-select-container" id="languageDropdownContainer">
  3253.                                <label for="language"><span data-ts="pvgis.registration.language">Language</span><span class="required">*</span></label>
  3254.                                <div class="dropdown-select-button" id="languageDropdownButton">
  3255.                                    <span id="selectedLanguage"></span>
  3256.                                </div>
  3257.                                <ol class="dropdown-select-list" id="languageDropdownList">
  3258.                                    <input type="text" class="search-input" id="languageSearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3259.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3260.                                    <div class="item-list-container" id="languageListContainer">
  3261.                                    </div>
  3262.                                </ol>
  3263.                            </div>
  3264.                        </div>
  3265.                    </div>
  3266.                    <div class="col-md-6">
  3267.                        <div class="form-group">
  3268.                            <label for="email"><span data-ts="pvgis.registration.email">Email</span><span class="required">*</span></label>
  3269.                            <input type="email" class="form-control to-validate" id="email" name="email">
  3270.                            <div class="error-message">
  3271.                            </div>
  3272.                        </div>
  3273.                        <div class="form-group">
  3274.                            <label for="password"><span data-ts="pvgis.registration.password">Password</span><span class="required">*</span></label>
  3275.                            <div class="password-container">
  3276.                                <div class="eye-toogler"><i id="toggle-password" class="bi bi-eye"></i></div>
  3277.                                <input type="text" class="form-control to-validate" id="password" name="password">
  3278.                            </div>
  3279.                            <div class="error-message" data-ts="pvgis.registration.error.password">Password must contain at least 8 caracters with uppercase, lowercase and number.</div>
  3280.                        </div>
  3281.                        <div class="form-group password-container">
  3282.                            <label for="confirm-password"><span data-ts="pvgis.registration.confirm_password">Confirm Password</span><span class="required">*</span></label>
  3283.                            <div class="password-container">
  3284.                                <div class="eye-toogler"><i id="toggle-password-confirm" class="bi bi-eye"></i></div>
  3285.                                <input type="text" class="form-control to-validate" id="confirm-password" name="confirm-password">
  3286.                            </div>
  3287.                            <div class="error-message" data-ts="pvgis.registration.error.password_not_match">Passwords do not match.</div>
  3288.                        </div>
  3289.                    </div>
  3290.                </div>
  3291.  
  3292.                <input type="hidden" id="language" name="language" value="en">
  3293.  
  3294.                <div class="form-group check-container register-accept-terms">
  3295.                    <input type="checkbox" name="accept-cgu" class="checkbox-pvgis" id="accept-cgu">
  3296.                    <label for="accept-cgu">
  3297.                        <span>
  3298.                            <span data-ts="pvgis.i_accept_general">I accept </span>&nbsp;
  3299.                            <a href="#" id="viewTermAndConditionAction" data-ts="pvgis.terms_and_conditions">
  3300.                                 the terms and conditions                             </a>&nbsp;
  3301.                            <span data-ts="pvgis.of_use">
  3302.                                of use                            </span>
  3303.                        </span>
  3304.                    </label>
  3305.                </div>
  3306.  
  3307.                <div class="btn-container">
  3308.                    <a id="cancel-button" class="btn cancel-button"><span data-ts="pvgis.registration.cancel">Cancel</span></a>
  3309.                    <button type="submit" id="submit-button" class="btn btn-submit disabled" disabled><i class="fas fa-spinner"></i> <span data-ts="pvgis.registration.register">Create my account</span></button>
  3310.                </div>
  3311.            </form>
  3312.        </div>
  3313.         <div class="col-md-4 md-pl-10 to-hide">
  3314.            <div class="tiers-registration-container">
  3315.                <h3 data-ts="pvgis.registration.signup">Sign up</h3>
  3316.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">QUICKLY</h3>
  3317.                <p data-ts="pvgis.registration.two_click">with your GOOGLE account, <br> create your account in 2 clicks</p>
  3318.                <button type="button" id="google-registration-button" class="btn g-btn"><img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google"> <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span></button>
  3319.                
  3320.                <div class="divider">
  3321.                    <span data-ts="pvgis.registration.or">ou</span>
  3322.                </div>
  3323.                <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign">S'inscrire avec Facebook</span></button>
  3324.            </div>
  3325.        </div>
  3326.    </div>
  3327.  
  3328. </div>
  3329. <script>
  3330.    $cartReference = null;
  3331.    let registrationGoogleUrl = 'https://api.pvgis.com/auth/google';
  3332. </script>                </div>
  3333.            </div>
  3334.        </div>
  3335.    </div>
  3336.  
  3337.    <div class="modal-extranet confirm-mail-modal mail-sent">
  3338.    <div class="container">
  3339.        <div class="row">
  3340.            <div class="col-xs-12 col-md-8">
  3341.                <div class="popup-container">
  3342.                    <div class="row modal-extranet-content">
  3343.                        <p class="mail-confirm-content">
  3344.                            <span data-ts="pvgis.mail.confirm_text">Un mail de validation vient de vous être envoyé à :</span><br>
  3345.                            <span id="mail-to" class="font-condensed-oblique"></span><br>
  3346.                            <span data-ts="pvgis.mail.thanks">Merci de cliquer sur le lien pour confirmer votre inscription.</span>
  3347.                        </p>
  3348.                    </div>
  3349.                    <div class="btn-container">
  3350.                        <a href="/login" class="save-btn" data-ts="pvgis.mail.ok">OK</a>
  3351.                    </div>
  3352.                </div>
  3353.            </div>
  3354.        </div>
  3355.    </div>
  3356. </div>    <script src="https://pvgis.com/assets/min-js/logPDFModal.js?v=080520251110"></script>
  3357.  
  3358.  
  3359.                        <script src="https://pvgis.com/assets/min-js/extranet/dropdown-select.js?v=080520251110" defer></script>
  3360.            <script  src="https://pvgis.com/assets/min-js/utils/geotz.js?v=080520251110" defer></script>
  3361.            <script src="https://pvgis.com/assets/min-js/account/registration.js?v=080520251110"></script>
  3362.            
  3363.            <script src="https://pvgis.com/assets/min-js/extranet/register_modal_pvgis24.js?v=080520251110" defer></script>
  3364.            
  3365.    <script>
  3366.        const sessionData = [];
  3367.        const token = sessionData?.user_data?.token;
  3368.        let customerId = '';
  3369.        const folder = null;
  3370.        const projects = null;
  3371.        const simulationItem = null;
  3372.        const simulationId = null;
  3373.        const projectId = null;
  3374.        const peakPowerTotal = document.getElementById('peak-power-total');
  3375.        const peakPowerTotalPvgis24 = document.getElementById('peakPowerTotalPvgis24');
  3376.        const isHomePage = true;
  3377.        const isInPvgis24 = true;
  3378.        localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3379.        peakPowerTotal.addEventListener('change', function (){
  3380.            localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3381.            peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3382.        })
  3383.        peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3384.        const isPGVIS24 = true;
  3385.        const currentSubscription = null;
  3386.        const products = null;
  3387.        let hasActiveSubscription = false;
  3388.        let stripePayementInProgress = false;
  3389.        let scriptBasePath = "https://pvgis.com/assets/min-js";
  3390.    </script>
  3391.    <section class="footer-cards-grid">
  3392.    <a class="footer-card" href="/en/global-solar-calculator" data-cms-link c-key="global-solar-calculator">
  3393.        <span class="footer-card-title" data-ts="pvgis.header.pvgis_why">
  3394.            PVGIS.COM        </span>
  3395.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_why_text">
  3396.            Solar panel calculator <br>
  3397. Simulations designed to meet the needs of professionals.        </span>
  3398.    </a>
  3399.    
  3400.    <a class="footer-card" href="/en/solar-calculator-pvgis" data-cms-link c-key="solar-calculator-pvgis">
  3401.        <span class="footer-card-title" data-ts="pvgis.header.pvgis24_why">
  3402.            PVGIS24 ?        </span>
  3403.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis24_why_text">
  3404.            The ultimate free solar simulation tool.        </span>
  3405.    </a>
  3406.    <a class="footer-card" href="/en/blog" data-cms-link c-key="pvgis-blog">
  3407.        <span class="footer-card-title">
  3408.            PVGIS.BLOG
  3409.        </span>
  3410.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_blog_text">
  3411.            At the heart of solar energy information.        </span>
  3412.    </a>
  3413.    <a class="footer-card" href="/en/ecosolar" data-cms-link c-key="pvgis-ecosolar">
  3414.        <span class="footer-card-title">
  3415.            ECO SOLAR FRIENDLY
  3416.        </span>
  3417.        <span class="footer-card-content" data-ts="pvgis.footer.ecosolar_text">
  3418.            A must-have certification for solar installers.        </span>
  3419.    </a>
  3420.    <div class="footer-card footer-highlight">
  3421.        <span class="footer-card-title" data-ts="pvgis.banner.calculate_simulate_optimize">
  3422.            CALCULATE, SIMULATE, OPTIMIZE, AND CONTROL WITH        </span>
  3423.        <a href="/en/solar-calculator" data-cms-link class="calculator-button" data-ts="pvgis.calculator.title">
  3424.            PVGIS CALCULATOR        </a>
  3425.    </div>
  3426. </section>
  3427. <script>var currentLang = "en";</script><div class="testimonials-container" id="testimony">
  3428.    <h2 data-ts="pvgis.testimony.title">Témoignages</h2>
  3429.    <div class="testimonials" id="testimonial-list"></div>
  3430. </div>
  3431. <script src="https://pvgis.com/assets/min-js/testimony/testimony.js?v=080520251110"></script>
  3432.  
  3433. <footer id="footer" class="">
  3434.    <div class="footer-top">
  3435.        <p data-ts="pvgis.footer.pvgis_provider">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world.</p>
  3436.    </div>
  3437.    <div class="footer-content">
  3438.        <div class="footer-section">
  3439.            <ul>
  3440.                <li>
  3441.                    <a href="/en" data-cms-link data-ts="pvgis.footer.home">
  3442.                        Home                    </a>
  3443.                </li>
  3444.                <li>
  3445.                    <a href="/en/pvgis-about" data-cms-link data-ts="pvgis.header.pvgis_24">
  3446.                          PVGIS24                     </a>
  3447.                </li>
  3448.                <li>
  3449.                    <a href="/en/solar-calculator" data-cms-link data-ts="pvgis.footer.pvgis_calculator">
  3450.                        PVGIS calculator                    </a>
  3451.                </li>
  3452.            </ul>
  3453.        </div>
  3454.        <div class="footer-section">
  3455.            <ul>
  3456.                <li>
  3457.                    <a href="/en/subscription" data-cms-link data-ts="pvgis.subscription.label">
  3458.                        Subscription                    </a>
  3459.                </li>
  3460.                <li>
  3461.                    <a href="/en/manual-5-3" data-cms-link data-ts="pvgis.footer.manual">
  3462.                        Manual PVGIS 5.3                    </a>
  3463.                </li>
  3464.                <li>
  3465.                    <a href="/en/solar-calculator-pvgis" data-cms-link data-ts="pvgis.header.pvgis24_why">
  3466.                        PVGIS24 ?                    </a>
  3467.                </li>
  3468.            </ul>
  3469.        </div>
  3470.        <div class="footer-section">
  3471.            <ul>
  3472.                <li>
  3473.                    <a href="/en/global-solar-calculator" data-cms-link data-ts="pvgis.header.pvgis_why">
  3474.                        PVGIS.COM                    </a>
  3475.                </li>
  3476.                <li>
  3477.                    <a href="/en/ecosolar" data-cms-link>
  3478.                        Eco Solar Friendly
  3479.                    </a>
  3480.                </li>
  3481.                <li>
  3482.                    <a href="/en/cities-solar" data-cms-link data-ts="pvgis.header.cities_solar">
  3483.                        Cities solar                    </a>
  3484.                </li>
  3485.            </ul>
  3486.        </div>
  3487.        <div class="footer-section">
  3488.            <ul>
  3489.                <li>
  3490.                    <a href="/en/legal-notice" data-cms-link data-ts="pvgis.header.legal_notice">
  3491.                        Legal notice                    </a>
  3492.                </li>
  3493.                <li>
  3494.                    <a href="#" onclick="displayCookiesPreferences()" data-ts="pvgis.header.cookies">
  3495.                        Cookies                    </a>
  3496.                </li>
  3497.                <li>
  3498.                    <a href="/en/acknowledgement" data-cms-link data-ts="pvgis.header.acknowledgments">
  3499.                        Acknowledgments                    </a>
  3500.                </li>
  3501.            </ul>
  3502.        </div>
  3503.        <div class="footer-section">
  3504.            <ul>
  3505.                <li>
  3506.                    <a href="mailto:support@pvgis.com" data-ts="pvgis.footer.contact">
  3507.                        Contact                    </a>
  3508.                </li>
  3509.            </ul>
  3510.            <div class="user-actif-text" data-ts="pvgis.footer.user_actif">
  3511.                * Active users worldwide <br> Source: Analytics.google.com            </div>
  3512.        </div>
  3513.    </div>
  3514.    <div class="footer-bottom">
  3515.        <p>&copy; COPYRIGHT 2025</p>
  3516.    </div>
  3517. </footer>
  3518.  
  3519. <script src="https://pvgis.com/assets/min-js/footer_cards.js?v=080520251110"></script>
  3520. <script src="https://pvgis.com/assets/min-js/footer.js?v=080520251110"></script>
  3521.    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E&language=en" async defer></script>
  3522.    
  3523.    <script
  3524.        src="https://pvgis.com/assets/min-js/extranet/simulation/information-photovoltaics.js?v=080520251110"
  3525.        defer></script>
  3526.    <script
  3527.        src="https://pvgis.com/assets/min-js/extranet/simulation/simulation-highchart-drawer.js?v=080520251110"
  3528.        ></script>
  3529.    <script
  3530.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/numberFormatter.js?v=080520251110"
  3531.        defer></script>
  3532.    <script
  3533.        src="https://pvgis.com/assets/min-js/country/country-utils.js?v=080520251110">
  3534.    </script>
  3535.    <script
  3536.        src="https://pvgis.com/assets/min-js/utils/google_maps.js?v=080520251110">
  3537.    </script>
  3538.    <script
  3539.        src="https://pvgis.com/assets/min-js/utils/get_angle_with_card.js?v=080520251110"
  3540.        defer>
  3541.    </script>
  3542.    </script>
  3543.    <script
  3544.        src="https://pvgis.com/assets/min-js/utils/maps_zoom.js?v=080520251110">
  3545.    </script>
  3546.    <script
  3547.        src="https://pvgis.com/assets/min-js/graph/chart-drawer.js?v=080520251110">
  3548.    </script>
  3549.    <script
  3550.        src="https://pvgis.com/assets/min-js/horizon-profile/horizon-profile.js?v=080520251110">
  3551.    </script>
  3552.    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highstock/5.0.2/highstock.js"></script> -->
  3553.    <script src="https://cdn.pvgis.com/assets/js/highstock@5.0.2.js"></script>
  3554.    <!-- <script src="https://unpkg.com/highcharts@5.0.2/highcharts-more.js"></script> -->
  3555.    <script src="https://cdn.pvgis.com/assets/js/highcharts@5.0.2.js"></script>
  3556.    <script
  3557.        src="https://pvgis.com/assets/min-js/countries-area-data.js?v=080520251110">
  3558.    </script>
  3559.    <script
  3560.        src="https://pvgis.com/assets/min-js/custom-countries-extent.js?v=080520251110">
  3561.    </script>
  3562.    <script src="https://pvgis.com/assets/min-js/file-input.js?v=080520251110">
  3563.    </script>
  3564.    <script src="https://pvgis.com/assets/min-js/horizon_comp.js?v=080520251110">
  3565.    </script>
  3566.    <script src="https://pvgis.com/assets/min-js/pvgis24.js?v=080520251110">
  3567.    </script>
  3568.    <!-- <script defer>
  3569.        requestAnimationFrame(() => {
  3570.            document.getElementById("map-placeholder").classList.add("d-none");
  3571.            document.getElementById("map").classList.remove("d-none");
  3572.        });
  3573.    </script> -->
  3574.    <script src="https://pvgis.com/assets/min-js/file-download.js?v=080520251110">
  3575.    </script>
  3576.    <script src="https://pvgis.com/assets/min-js/pvgis24-sunshine-hours.js?v=080520251110">
  3577.    </script>
  3578.    <script src="https://cdn.pvgis.com/assets/js/graph/grid-connected-and-tracking-pv-system.js"></script>
  3579.    <script src="https://pvgis.com/assets/min-js/utils.js?v=080520251110"></script>
  3580.    <script src="https://pvgis.com/assets/min-js/modal.js?v=080520251110"></script>
  3581.  
  3582.    <script
  3583.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/inputSelect.js?v=080520251110">
  3584.    </script>
  3585.    <script
  3586.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/checkNumberInput.js?v=080520251110">
  3587.    </script>
  3588.    <script>
  3589.        function updateSelectableElements() {
  3590.            return Array.from(document.querySelectorAll(`input.p-24-number-input`))
  3591.                .filter(input => {
  3592.                    let element = input;
  3593.                    while (element) {
  3594.                        if (window.getComputedStyle(element).display === 'none') {
  3595.                            return false;
  3596.                        }
  3597.                        element = element.parentElement;
  3598.                    }
  3599.                    if (input.getAttribute('disabled') == 'true') {
  3600.                        return false
  3601.                    }
  3602.                    return true;
  3603.                })
  3604.        }
  3605.        checkInput(document.querySelectorAll(`input.p-24-number-input`));
  3606.  
  3607.        document.addEventListener('DOMContentLoaded', () => {
  3608.            setTimeout(() => {
  3609.                setFocusableElementList(updateSelectableElements());
  3610.                document.querySelectorAll('.radio-custom input, input').forEach((e) => {
  3611.                    e.addEventListener('change', (e) => {
  3612.                        focusableElements = []
  3613.                        setFocusableElementList(updateSelectableElements());
  3614.                    })
  3615.                })
  3616.            }, 5000);
  3617.        })
  3618.    </script>
  3619.    <script src="https://pvgis.com/assets/min-js/utils/post_and_redirect.js?v=080520251110"></script>
  3620.    <script
  3621.        src="https://pvgis.com/assets/min-js/socket/pvgis24-socket.js?v=080520251110"
  3622.        ></script>
  3623. </body>
  3624.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda