@charset "utf-8";

@font-face {
    font-family: 'MosesDisplay Light';
    src: url('../fonts/MosesDisplay_10-Light.eot');
    src: url('../fonts/MosesDisplay_10-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MosesDisplay_10-Light.woff2') format('woff2'),
        url('../fonts/MosesDisplay_10-Light.woff') format('woff'),
        url('../fonts/MosesDisplay_10-Light.ttf') format('truetype'),
        url('../fonts/MosesDisplay_10-Light.svg#MosesDisplay_1.0-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MosesDisplay Medium';
    src: url('../fonts/MosesDisplay_10-Medium.eot');
    src: url('../fonts/MosesDisplay_10-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MosesDisplay_10-Medium.woff2') format('woff2'),
        url('../fonts/MosesDisplay_10-Medium.woff') format('woff'),
        url('../fonts/MosesDisplay_10-Medium.ttf') format('truetype'),
        url('../fonts/MosesDisplay_10-Medium.svg#MosesDisplay_1.0-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MosesDisplay Bold';
    src: url('../fonts/MosesDisplay_10-Bold.eot');
    src: url('../fonts/MosesDisplay_10-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MosesDisplay_10-Bold.woff2') format('woff2'),
        url('../fonts/MosesDisplay_10-Bold.woff') format('woff'),
        url('../fonts/MosesDisplay_10-Bold.ttf') format('truetype'),
        url('../fonts/MosesDisplay_10-Bold.svg#MosesDisplay_1.0-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MosesDisplay Regular';
    src: url('../fonts/MosesDisplay_10-Regular.eot');
    src: url('../fonts/MosesDisplay_10-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MosesDisplay_10-Regular.woff2') format('woff2'),
        url('../fonts/MosesDisplay_10-Regular.woff') format('woff'),
        url('../fonts/MosesDisplay_10-Regular.ttf') format('truetype'),
        url('../fonts/MosesDisplay_10-Regular.svg#MosesDisplay_1.0-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MosesDisplay Thin';
    src: url('../fonts/MosesDisplay_10-Thin.eot');
    src: url('../fonts/MosesDisplay_10-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MosesDisplay_10-Thin.woff2') format('woff2'),
        url('../fonts/MosesDisplay_10-Thin.woff') format('woff'),
        url('../fonts/MosesDisplay_10-Thin.ttf') format('truetype'),
        url('../fonts/MosesDisplay_10-Thin.svg#MosesDisplay_1.0-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {   font-family: 'MosesDisplay Regular'; font-size: 14px;line-height: 25px; color:#000; font-weight: normal; direction: rtl; }
h1, h2, h3, h4 {  font-family: 'MosesDisplay Bold';margin-bottom: 20px; font-weight: bold; color: #1D1D1B;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 11px; padding-right: 11px;}
.row { margin-left: -11px; margin-right: -11px;}
.row  [class*="col-"] { position:relative; padding-left: 11px; padding-right: 11px;}
.container-fluid.hpadding { padding: 0; overflow: hidden ; min-height:calc(100vh - 0px) !important; display: block;   background-size:  cover;}
.zerocol { padding: 0; margin: 0; position:relative; z-index: 1;}
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: none; width: 36px; height: 36px; border-radius: 0; position:absolute; right: 20px; top: 55px; z-index: 90; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; font-size: 0px; color: rgba(255,255,255,0); padding:  0; background: none;}
.navbar-toggler i{ width: 20px; height: 2px; background: #BAF743; border-radius: 0px; position:absolute; z-index: 5; left: 8px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1;}
.navbar-toggler i:nth-child(1){ top: 10px;}
.navbar-toggler i:nth-child(2){top: 17px;}
.navbar-toggler i:nth-child(3){top: 24px;}
.navbar-toggler.active i:nth-child(2) { opacity: 0;}
.navbar-toggler.active i:nth-child(1) { transform: rotate(-45deg); top: 10px;}
.navbar-toggler.active i:nth-child(3) { transform: rotate(45deg); top: 10px}

.header_block { position: relative; padding: 0 0 87px 0; text-align: center; z-index: 998;}
.header_banner { max-width: 1170px; margin:  0 auto; padding: 23px 0 15px 0;}
.header_banner img { width: 100%;}
.header_block .container{ max-width: 1192px; height: 87px; position: relative; }
.header { height: 87px; position: absolute; z-index:  99; left: 0; right: 0; bottom: 0; background: #414141; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.fixed-nav .header { position: fixed;left: 0; right: 0; top: 0; bottom: auto;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.logo{ position: absolute; z-index:  5; left: 0px; top: 50%; transform: translateY(-50%);}
.logo a { display: inline-block;}
.logo img { max-width: 100%;}
.search { transform: scale(1);  font-size: 0px; color:rgba(0,0,0,0); position: absolute; z-index: 5; right: 0; top: 24px; width: 40px; height: 40px; cursor: pointer; border: 0;background:url(../images/search.svg) no-repeat center center;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.light { transform: scale(1); font-size: 0px; color:rgba(0,0,0,0); position: absolute;  z-index: 5; right: 44px; top: 24px; width: 40px; height: 40px; cursor: pointer; border: 0;background:url(../images/light.svg) no-repeat center center;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.search:hover , .light:hover { transform: scale(1.3);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.search_popup { max-height: 0; transition: all 0.5s ease; overflow: hidden;  position: absolute; z-index: 19; top: 87px; left: 0; right: 0; background: #414141; border-radius: 0 0 25px 25px;}
.search_popup.active { max-height: 600px; transition: all 0.5s ease;}
.search_popup_block {padding: 55px 28px 75px 28px;}
.search_close { font-size: 0px; color: rgba(0,0,0,0); border: 0; position: absolute; z-index: 2; width: 37px; height: 37px; left: 28px; top: 55px; cursor: pointer; background: url("../images/close.svg") no-repeat center center;}
.search_title { font-size: 24px; line-height: 24px; text-align: center; padding-bottom: 60px; position: relative; z-index: 1; color: #fff;}
.search_popup .form_group { position: relative; border-bottom: solid 1px #BAF743; padding:0 0 0 36px; }
.search_popup .form-control { padding: 0; display: block; border: 0; color: #fff; line-height: 30px; border-radius: 0; background: rgba(0,0,0,0);}
.search_popup .form-control::-webkit-input-placeholder{ color: #fff; opacity: 1;}
.search_popup .form-control::-moz-placeholder { color: #fff; opacity: 1; }
.search_popup .form-control:-ms-input-placeholder { color: #fff; opacity: 1; }
.search_popup .form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }

.search_popup .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.search_popup .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.search_popup .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.search_popup .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.search_popup input[type=submit] {font-size: 0px; color: rgba(0,0,0,0); width: 30px; height: 30px; position: absolute; left: 0; top: 0; border: 0; cursor: pointer;background: url("../images/search.svg") no-repeat center center;}

.scroll_icons { padding: 0;}
.scroll_icons ul {display: flex;padding: 0;justify-content: center !important; margin: 0; list-style: none; text-align: center;overflow-x: auto; overflow-y: hidden;    white-space:nowrap ;   -ms-overflow-style: none;  scrollbar-width: none;  }
.scroll_icons ul li { display: inline-block; padding:30px 0 30px 46px; margin: 0;font-family: 'MosesDisplay Medium'; font-weight: 500; font-size: 14px; color: #000;}
.scroll_icons ul li:nth-last-child(1) { padding-left: 0px;}
.scroll_icons ul li a { display: block; padding-right: 34px; position: relative; color: #000;}
.scroll_icons ul li:nth-child(2) a { padding-right: 60px;}
.scroll_icons ul li:nth-child(3) a { padding-right: 50px;}
.scroll_icons ul li:nth-child(4) a { padding-right: 70px;}
.scroll_icons ul li a:hover { font-weight:  bold;}
.scroll_icons ul li a img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s ease;}
.scroll_icons ul li a img:nth-child(2), .scroll_icons ul li a img:nth-child(3) {opacity: 0;}
.scroll_icons ul li a:hover img:nth-child(1), .darkmode .scroll_icons ul li a:hover img:nth-child(2) { opacity: 0;}
.scroll_icons ul li a:hover img:nth-child(2) { opacity: 1;}
.darkmode .scroll_icons ul li a:hover img:nth-child(3) { opacity: 1;}


.scroll_icons::-webkit-scrollbar {display: none;}

.wind_turbine { padding-bottom: 50px; font-size: 16px; line-height: 25px; font-family: 'MosesDisplay Regular'; font-weight: normal; color: #000;}
.wind_turbine img, .common_block img, .wind_turbine_large img {width: 100%; border-radius: 15px;}
.wind_turbine h1 { font-size: 43px; line-height: 43px; padding-left: 11%; transition: all 0.5s ease;}
.wind_turbine h1 + p {padding-left: 11%;}
.wind_turbine a:hover h1 {color:#BAF743!important}
.wind_turbine *:hover  p {color:black!important} 
.wind_turbine a:hover  i {color:black!important} 
.wind_turbine i {font-family: 'MosesDisplay Medium'; font-weight: 500; color:#1D1D1B; position: absolute; right: 15px; bottom: 0; font-style: normal; transition: all 0.5s ease;}
.wind_turbine a { color: #000;}

@media (max-width:768px) {
  .wind_turbine a:hover h1 {
    color:black!important;
  }
}

.common_wrap { padding-bottom: 50px;}
.common_wrap .row, .article_main .row, .comments_article row { margin-left: -10px; margin-right: -10px;}
.common_wrap .row  [class*="col-"], .article_main .row [class*="col-"], .comments_article row [class*="col-"] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px;}
.common_block { display: block;  position: relative; height: 100%;}
.common_block h2, .wind_turbine_large h3 { font-size: 20px; line-height: 20px; transition: all 0.5s ease; }
.common_block i { transition: all 0.5s ease; font-family: 'MosesDisplay Medium'; font-weight: 500; color:#1D1D1B; position: absolute; right: 0px; bottom: 0; font-style: normal;}
.common_block a { display: block; color: #000; position: relative;padding-bottom: 25px; height: 100%;}
.common_block a i { color:#1D1D1B; transition: all 0.5s ease;}
.common_items { display: flex;flex-wrap: wrap;}
.common_items div:nth-child(1) {max-width: 100%; width: 100%; padding-bottom: 15px;}
.common_items div:nth-child(2) {max-width: 100%; width: 100%;}

.green_block { font-family: 'MosesDisplay Bold'; font-weight: bold; background: #BAF743; min-height: 40px; padding: 8px 10px 8px 175px; font-size: 16px; line-height: 24px; color: #1D1D1B; position: relative; margin-bottom: 20px;}
.green_block i {width: 41px; top: 0; bottom: 0;  position: absolute; left: 0; z-index: 3; background: #414141; text-align: center; }
.green_block i img { width: auto; border-radius: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.green_block  a {font-family: 'MosesDisplay Regular'; font-weight: normal; color: #414141; position: absolute; left: 42px; top: 0; line-height: 40px; padding-left: 42px;  background: url("../images/arrow.svg") no-repeat 10px center; }

.wind_turbine_large {width: 100%;}
.wind_turbine_large h2 { font-size: 30px; line-height: 30px; padding: 20px 0 0 0; padding-left: 20%; transition: all 0.5s ease;}

.environmental_wrap {display: flex;flex-wrap: wrap;margin-bottom: 23px; }
.environmental_wrap a {display: flex;flex-wrap: wrap; align-items: center !important; margin-left: -12px; margin-right: -12px; }
.environmental_image { padding-left: 12px; padding-right: 12px;flex: 0 0 auto; max-width: 100%;  width: 43%;}
.environmental_text {padding-left: 12px; padding-right: 12px;flex: 0 0 auto; max-width: 100%;  width: 56%;}
.environmental_wrap h3, .contact_form  h3 { font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.environmental_wrap i {font-family: 'MosesDisplay Medium'; font-weight: 500; color:#1D1D1B; font-style: normal;}
.environmental_image img {width: 100%; border-radius: 10px;}
.iframe { padding-top: 20px; padding-bottom: 40px;}
.iframe img {width: 100%; border-radius: 0; }

.stations .green_block { margin-bottom: 0;}
.common_wrap.small_margin { padding-bottom: 0px;}
.map_title { font-family: 'MosesDisplay Bold'; font-weight: bold; background: #414141; min-height: 40px; padding: 8px 10px 8px 0; font-size: 16px; line-height: 24px; color: #BAF743; position: relative;}
.map_image { padding-top: 20px;}
.map_image #map {  height: 620px; width: 100%; float:  right;}

.question_answer { padding-bottom: 80px;}
.question_answer h2 { font-size: 30px; line-height: 30px;}
.question_answer .accordion { border: 0; border-radius: 0;}
.question_answer .accordion-item { border: 0; border-radius: 0; border-bottom: solid 1px #000; box-shadow: none;}
.question_answer .accordion-button { box-shadow: none; display: block; padding: 10px 0; margin: 0; font-size: 18px; line-height: 24px; text-align: right; color: #1D1D1B; border: 0; cursor: pointer; position: relative; text-align: right; }
.question_answer .accordion-button[aria-expanded="true"] { background: none; color: #1D1D1B;border:  0;}
.question_answer .accordion-button:after { content: ""; z-index: 1; width: 26px; height: 26px; position:absolute; left: 0; top: 50%; margin-top: -13px; background: url(../images/darrow.svg) no-repeat center center;  transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.question_answer .accordion-button[aria-expanded="true"]:after { transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.question_answer  .accordion-body { padding: 0 0 20px 0; border: 0; box-shadow: none;}
.green_block.mike { height: 76px; line-height: 76px; padding: 0 10px 0 100px; margin-bottom: 75px;}
.green_block.mike a {left: 0; right: 0; top: 0;line-height: 76px;padding-left: 110px; background-image: none; text-align: left;}
.green_block.mike:after { content: ""; width: 58px; height: 102px; background: url("../images/mike.svg") no-repeat center center;position: absolute; left: 22px; top: -10px;}
.green_block.mike.home {margin-bottom: 30px;}

.contact_form {  position: relative;width: 100%; float:  right; padding: 7px 4px 0 4px; border: solid 2px #BAF743; margin-bottom: 50px;}
.contact_form  h3 { background: #BAF743!important; line-height: 54px; padding: 0 10px; margin: 0 0 10px 0;}
.form_wrap { width: 100%; float:  right; padding-left: 177px; position: relative;}
.contact_form .form_group { display: block; position: relative; width: 50%; float:  right; padding:  0 0 6px 23px;}
.contact_form .form-control { border: solid 1px #BAF743; border-radius: 0px; background: #fff; width: 100%; padding:  0 10px; height: 42px; line-height: 38px; font-size: 16px;  color: #1D1D1B; font-weight: 700;font-family: 'MosesDisplay Bold'; text-align: right;}
.contact_form .form-control:focus {border:  solid 1px #62E9DF; border-radius: 0px;}


.contact_form .form_group label { position: absolute; right: 10px; top: 0; height: 42px; line-height: 38px; font-size: 16px;  color: #1D1D1B; opacity: 0; pointer-events: none;}
.contact_form .form-control::-webkit-input-placeholder{ color: #1D1D1B; opacity: 1;font-weight: 700;}
.contact_form .form-control::-moz-placeholder { color: #1D1D1B; opacity: 1;font-weight: 700; }
.contact_form .form-control:-ms-input-placeholder { color: #1D1D1B;font-weight: 700; opacity: 1; }
.contact_form .form-control::-webkit-input-placeholder { color: #1D1D1B;font-weight: 700; opacity: 1; }

.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.contact_form .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.contact_form .form-control:focus:required:valid {
  border: solid 2px #62E9DF;border-radius: 0px;
}
.contact_form .form-control:focus:required:invalid {
  border: solid 2px #FF3636;border-radius: 0px;
}
.checkbox_wrap { display: block; position: relative; padding: 10px 0; float: right; width: 100%;}
.contact_form .checkbox_wrap label {opacity: 1;  pointer-events: inherit; display: block; position: relative; height: auto; padding: 2px 40px 2px 0; width: 100%; text-align: right; font-size: 13px; color: #1D1D1B; font-weight: bold;font-family: 'MosesDisplay Bold'; line-height: 38px; z-index: 1; right: auto;}
.checkboxselect { margin: 0;white-space: nowrap;width: 14px;border-radius: 0px; position: absolute; right:  10px; top: 50%; margin-top: -7px; height: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  border: 1px solid #D9D9D9;  background: #D9D9D9;  padding: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;
  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.checkboxselect:checked{ border:solid 1px #D9D9D9;}
.checkboxselect:focus{border:solid 1px #D9D9D9; outline: solid 1px #FF3636;}
.checkboxselect:after { content: ""; width: 16px; height: 16px; display: block; position: absolute; -webkit-transform: scale(0);  transform: scale(0); right:  -1px; top:  -1px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; border-radius: 0px; background: url("../images/check.svg") no-repeat center center; }
.checkboxselect:checked:after { -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
.contact_form .form_group.formsubmit { position: absolute; left: 0; top: 0; width: 177px; padding: 0;}
.contact_form input[type=submit] { background: #414141; border: solid 1px #414141;color: #BAF743; border-radius: 0px; cursor: pointer; display: block; height: 42px; padding: 0 10px 0 0; text-align: right; line-height: 42px; width: 100%;  font-weight: bold;font-family: 'MosesDisplay Bold';}

.footer { background: #414141; padding-top: 30px;}
.footer_logo { left: 50px; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%);}
.fmenu { width: 180px; float: right; padding-right: 30px;}
.fmenu ul { display: block;padding: 0 0 20px 0; margin: 0; list-style:none;  z-index: 5; width: 100%;}
.fmenu ul  li { margin: 0 0 1px 0; padding: 0; list-style:none; display:block;}
.fmenu ul  li a { font-size: 14px; line-height: 24px; display: inline-block; color: #fff}
.fmenu ul  li a:hover { color: #BAF743;}

.social_menu { width: 180px; position: absolute; right: 220px; bottom: 25px;}
.social_menu ul { display: block;padding: 0; margin: 0; list-style:none;  z-index: 5; width: 100%;}
.social_menu ul  li { margin: 0 0 0 5px; padding: 0; list-style:none; display:inline-block;}
.social_menu ul  li a { font-size: 18px; line-height: 24px; text-align: center; display: inline-block; width: 24px; height: 24px; background: #BAF743; border-radius: 50%; color: #414141}
.social_menu ul  li a:hover { color: #BAF743; background: rgba(0,0,0,0.5);}

.form_group { padding: 10px 30px;}
.form_group a { color:#1D1D1B; line-heght: 20px;}
.mobile_banner { display: none; text-align: center;padding: 25px 0 7px 0;}
.mobile_banner img { max-width: 100%; }
.mobile_banner2 { display: none; text-align: center;}
.mobile_banner2 img {max-width: 100%;}
.mobile_menu_top, .social_menu_mobile, .mobile_menu_bottom, .for_mobile, .mobile_banner3 { display: none;}
.large { font-size: 16px; line-height: 25px; font-weight: bold;}
.large .green_block { height: 57px;  padding-left: 55px;}
.large .green_block h1 { font-size: 30px; line-height: 40px;}
.large .green_block span { position: absolute;  height: 40px; left: 15px; top: 50%; transform: translateY(-50%);}
.large .green_block span img { width: auto; height: 40px;}

.article_main, .comments_article { max-width: 706px;}
.article_main .row  [class*="col-"] { padding-bottom: 20px;}
.article_main img { width: 100%; border-radius: 10px;height:auto}
.article_main h1 { font-size: 40px; line-height: 42px; color: #1D1D1B;}
.article_main h2 { font-size: 16px; line-height: 25px; margin-bottom: 0px; font-family: 'MosesDisplay Regular'; font-weight: normal;}
.article_main h3 { font-size: 24px; line-height: 30px; color: #1D1D1B;}
.article_top { position: relative; padding-top: 60px;}
.article_feature { position: relative; margin-bottom: 15px;}
.article_iframe { width: 280px; position: absolute; left: -300px; top: 0px; bottom: 0; background: url("../images/circles.png") no-repeat center center #414141; text-align: center; display: flex; align-items: center; justify-content: center; background-size: 230px auto;}
.article_iframe h2 {color: #fff; text-shadow: 0px 0px 15px rgba(0,0,0,0.96); font-size: 35px;line-height: 37px; font-family: 'MosesDisplay Bold';
font-weight: bold; padding: 0; margin: 0 auto; max-width: 150px;}
.article_social { position: absolute; display: block; left: 0; right: 0; top: 0;}
.article_social .social_menu { width: 180px; position: absolute; left: 0px; right: auto;bottom: auto; top: 3px; text-align: left;}
.comments_article { color: #1D1D1B; font-size: 13px; line-height: 24px; padding-bottom: 40px;}
.comments_article ul { padding: 0 0 10px 0; margin: 0; display: block; list-style: none;}
.comments_article ul li { padding: 5px 0; display: block; border-bottom:  solid 1px #000; font-size: 14px; line-height: 24px;}
.comments_article .green_block { margin-bottom: 6px; padding-left: 10px; }
.comments_article ul li a { font-size: 16px; text-decoration: underline; color: #000;}
.comments_article ol { padding: 0 0 5px 0; margin: 0; display: flex; flex-wrap: wrap; list-style: none; margin-left: -6px; margin-right: -6px;}
.comments_article ol li { padding: 0 6px; width: 50%; max-width: 100%;}
.comments_article ol li button {font-family: 'MosesDisplay Bold'; font-weight: bold; width: 100%; padding: 0 10px 0 0; text-align: right; border: 0; cursor: pointer; height: 40px; color: #fff; background: #414141; font-size: 16px; line-height: 40px;}
.comments_article ol li:nth-child(2) button { background: #BAF743; color: #1D1D1B;}
.mobile_banner3 img, .article_iframe img { max-width: 100%; width: auto; border-radius: 0px; }  

body.darkmode { background: #000; color: #fff;}
.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode .wind_turbine i, .darkmode .scroll_icons ul li a, .darkmode .common_block a i, 
.darkmode .contact_form .checkbox_wrap label, .darkmode  .form_group a, .darkmode .comments_article,.darkmode .comments_article ul li a, .darkmode .wind_turbine p
{ color: #fff;}
.darkmode .common_block a:hover i {color: #BAF743;}
.darkmode .comments_article ul li {border-bottom: solid 1px #fff;}

.calculator_back { display: flex;flex-wrap: wrap; height: 55vh; padding:0; margin: 0 0 50px 0; align-items: center !important;justify-content: center !important; position: relative; background: url("../images/background.png") no-repeat center center; background-size: cover; overflow: hidden;  }
.darkback  .calculator_back { background: #fff; background-image: none;}
.calculator_back:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #414141; mix-blend-mode: multiply;}
.step1_block {opacity: 0; position: absolute; z-index: -5; flex: 0 0 auto;  max-width: 100%; width: 100vw; overflow: hidden;
  left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%); 
 transform: translate(-50%, -50%);  }
.step1_block .step1 {width: 270px; padding: 30px 0; margin: 0 auto;  text-align: center; background: url("../images/circles.png") no-repeat center 30px; background-size: 250px auto;}
.step1 h1, .banner_back h2 {color: #fff;text-shadow: 0px 0px 15px rgba(0,0,0,0.96); font-size: 56px; line-height: 47px; font-family: 'MosesDisplay Bold'; font-weight: bold; padding: 55px 0; margin:  0 auto;}
.start_button, .accountant, .upload_file, .recommendation, .details_join , .result_calculation, .iframe_button, .continuation, .continuation2, .continuation3,
.continuation4, .continuation5, .leave_join, .download_result
{ border: solid 1px #BAF743; background: #BAF743; border-radius: 0; width: 255px; height: 52px; font-size: 24px; line-height: 50px; color: #1D1D1B; font-family: 'MosesDisplay Medium'; font-weight: 500;}
.download_result {background: rgba(186, 247, 67, 0); color: #fff;}
.iframe_button{ width: auto; position: absolute; z-index: 2; left: 0; right: 0; bottom: -52px; }
.step1_block .step2 {width: 540px; margin: 0 auto; padding: 30px 0; }
.step1_block .new_step, .step1_block .new_step2, .step1_block .new_step3, .step1_block .new_step4, .step1_block .new_step4a, .step1_block .new_step5, .step1_block .new_step6,  .step1_block .new_step7 
{width: 540px; margin: 0 auto; padding: 30px 0; text-align: center; }
.step1_block .new_step2 {width: 700px; }
.step1_block .new_step5 {width: 400px; }
.step1_block .new_step7 {width: 450px; }
.step2 h2, .step3 h2, .step4 h2, .step5 h2, .step6 h2, .new_step h2, .new_step2 h2, .new_step3 h2 , .new_step4 h2, .new_step4a h2, .new_step5 h2 , .new_step6 h2, .new_step7 h2  
{color: #BAF743; font-size: 24px; line-height: 31px; font-family: 'MosesDisplay Medium'; font-weight: 500; padding: 0; margin:  0  0 40px 0;}
.new_step2 h2, .new_step4a h2 { margin-bottom: 0px;}
.text_top { padding-bottom: 50px; color: #fff; font-size: 20px; line-height: 24px; font-family: 'MosesDisplay Medium'; font-weight: 500;}
.accountant , .upload_file, .recommendation, .details_join , .result_calculation, .continuation, .continuation2, .continuation3, .continuation4, .continuation5 { width: 100%; height: 34px; line-height: 30px;}
.continuation2, .continuation3, .continuation4, .continuation5 , .leave_join, .download_result{ max-width: 292px;}
.leave_join, .download_result { max-width: 100%; width: 100%; margin: 4px 0;}
.steps { display: block; }
.steps ul {display: flex;flex-wrap: wrap; justify-content: center !important; list-style: none; padding: 0; margin: 0 0 30px 0; background: url("../images/line.svg") no-repeat center center;}
.steps ul li { padding:  0 40px; margin: 0;}
.steps ul li i { display: inline-block; width:30px; height: 30px; text-align: center; font-style: normal; font-size: 22px; line-height: 28px; color: #fff; border-radius: 50%; border: solid 1px #BAF743; background: rgba(186, 247, 67, 0);}
.steps ul li.active i { background: rgba(186, 247, 67, 1); color: #1D1D1B; }

.stepnumber { font-size: 10px; line-height: 12px; color: #f3f3f3;display: flex;  flex-wrap: wrap; padding: 2px 0 10px 0; direction: ltr;}
.stepnumber i {flex: 0 0 auto; width: 10%; max-width: 100%; font-style: normal;text-align: left;}
.stepnumber i:nth-child(n+6) { text-align: right;}

.range_slider_top { display: block; padding-bottom: 4px; padding-left: 35px; width: 100%; float: right;position: relative;}
.step2 h3 {color: #F3F3F3; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; display: inline-block; float: right;font-family: 'MosesDisplay Regular'; font-weight: normal;}
.data_upload, .data_upload:focus {position: relative; z-index: 1; float: left; padding: 0;color: #F3F3F3; font-size: 8px; line-height: 18px; border: 0; border-bottom:  solid 1px #BAF743; background: none; font-family: 'MosesDisplay Regular'; font-weight: normal; }
.toottip_text { position: absolute; z-index: 3; left: 0; bottom: 4px;}
.tooltip_button, .tooltip_button:focus { font-size: 0; color: rgba(0,0,0,0); cursor: pointer; padding: 0; margin: 0; width: 25px; height: 25px; border-radius: 50%; background: url("../images/question.svg") no-repeat center center #BAF743; border: solid 1px #BAF743;}
.tootltip_content { position: absolute; width: 138px; bottom: 40px; left: 50%; margin-left: -69px; padding: 5px; background: #d9d9d9; border-radius: 6px; font-size: 8px; line-height: 12px; visibility: hidden; z-index: -1; opacity: 0;  transition: all 0.5s ease;  }
.tootltip_content ul { padding: 0; margin: 0; display: block; list-style-type: decimal;}
.tootltip_content ul li { display: block; padding: 0; margin: 0;list-style-type: decimal;}
.tootltip_content:after { content: ""; position: absolute; left: 50%; margin-left: -3px; bottom: -10px; width: 0; height: 0;  border-left: 5px solid transparent;
border-right: 5px solid transparent;  border-top: 10px solid #d9d9d9; }
.toottip_text:hover .tootltip_content{visibility: visible; z-index: 1; opacity: 1;  transition: all 0.5s ease;}

.new_step2 .checkbox_wrap label  { color: #f3f3f3; text-align: right; display: block; padding-right: 30px; }
.new_step2 .checkboxselect { right: 0;}
.three_blocks { display: block; overflow: hidden; width: 100%; padding-top: 10px;}
.fblock1 { width: 30%;  float: right; text-align: right; font-size: 18px; line-height: 21px; color: #f3f3f3;font-family: 'MosesDisplay Medium'; font-weight: 500;}
.fblock2 { width: 25%; float: right; padding-left: 10px;}
.fblock3 { width: 45%; float: right;padding-right: 10px;}

.range_slider {padding: 0 0 5px 0; position: relative;}
.new_step2 .range_slider { direction: ltr;}
.new_step2 .range_slider:before { content: ""; position: absolute; left: -10px; top: 3px; width: 0; height: 0;  border-top: 8px solid transparent;  border-right: 16px solid #BAF743; border-bottom: 8px solid transparent; }
.new_step2 .range_slider:after { content: ""; position: absolute; right: -10px; top: 3px; width: 0; height: 0;  border-top: 8px solid transparent;  border-left: 16px solid #BAF743; border-bottom: 8px solid transparent; }

.range_slider input,
.range_slider output {
  display: inline-block;
  vertical-align: middle;
}

.range_slider input[type="text"], .fblock2 input[type="text"] {
  width: 100%; display: block;
  padding: 2px 15px; margin-bottom: 20px;
  border: 1px solid #BAF743; background: #D9D9D9;
  border-radius: 0px; font-size: 22px;
}
.fblock2 input[type="text"], .fblock2 input[type="text"]:focus { height: 34px; width: 100%; margin-bottom: 0px; border: 1px solid #fff; background: #fff;}
.range_slider input[type="range"]:focus,
.range_slider input[type="text"]:focus {
  box-shadow: none;
  outline: none;
} 

.range_slider input[type="range"] {
  -webkit-appearance: none;
  margin: 0 0 5px 0;
  width: 100%;
  height: 3px;
  background:#EDEDED;
  border-radius: 0px;
  direction: ltr;
}
.new_step2 .range_slider input[type="range"]{background:#BAF743;}

/* Input Thumb */
.range_slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #414141; border: solid 5px #BAF743;
  cursor: pointer;
  box-shadow: none;
}
.new_step2 .range_slider input[type="range"]::-webkit-slider-thumb {  height: 20px; width: 20px;}
.range_slider input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #414141; border: solid 5px #BAF743;
  cursor: pointer;
  box-shadow: none;
}
.new_step2 .range_slider input[type="range"]::-moz-range-thumb { height: 20px; width: 20px;}
.range_slider input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #414141; border: solid 5px #BAF743;
  cursor: pointer;
  box-shadow: none;
}
.new_step2 .range_slider input[type="range"]::-ms-thumb { height: 20px; width: 20px;}

.range_slider input[type="range"]::-webkit-slider-thumb:hover {
  background: #BAF743;
}

.range_slider input[type="range"]::-moz-range-thumb:hover {
  background: #BAF743;
}

.range_slider input[type="range"]::-ms-thumb:hover {
  background: #BAF743;
}

/* Input Track */
.range_slider input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.range_slider input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.range_slider input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.electricity_supplier { display: block; width: 100%; float: right; }
.electricity_supplier ul {display: flex;flex-wrap: wrap; padding:0 0 30px 0; list-style: none; margin: 0 -3px;}
.electricity_supplier ul li {flex: 0 0 auto; width: 10%; max-width: 100%; padding: 0 3px;}
.electricity_supplier ul li:nth-child(2) {width: 19%}
.electricity_supplier ul li:nth-child(3), .electricity_supplier ul li:nth-child(4), .electricity_supplier ul li:nth-child(7) {width: 17%}
.electricity_supplier ul li a { color:#F3F3F3; display: block; border: solid 1px #BAF743; text-align: center; font-size: 14px; line-height: 30px;  background: rgba(186, 247, 67, 0); font-family: 'MosesDisplay Regular'; font-weight: normal; }
.electricity_supplier ul li a:hover, .electricity_supplier ul li a.active, .electricity_supplier ul li.active a { background: #BAF743;color: #1D1D1B;}

.new_step3 .electricity_supplier ul, .new_step4 .electricity_supplier ul {margin: 0 -9px; min-height: 100px;}
.new_step3 .electricity_supplier ul li, .new_step4 .electricity_supplier ul li { width: 25%; padding: 0 9px 10px 9px;}
.new_step3 .electricity_supplier ul li:nth-child(n+5) { width: 18%;}
.new_step3 .electricity_supplier ul li:nth-child(8) { width:28%;}

.radio_wrap { display: block; position: relative;}
.radio_wrap label {color:#F3F3F3; display: block; text-align: center; font-size: 14px; line-height: 30px;  background: rgba(186, 247, 67, 0); font-family: 'MosesDisplay Regular'; font-weight: normal; position: relative; z-index: 2; }
.radio_wrap .radioselect { margin: 0;white-space: nowrap; border-radius: 0px;border: solid 1px #BAF743; position: absolute;left: 0;  right:  0px; top: 0;bottom: 0; z-index: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; background: rgba(186, 247, 67, 0);  padding: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;
  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.radioselect:checked{ border: solid 1px #BAF743;}
.radioselect:checked + label {color: #1D1D1B; background: rgba(186, 247, 67, 1); }

.step1_block .step3 {width: 540px; text-align: center; margin: 0 auto;  padding: 30px 0;}

#uploadButton { width: 160px; height: 160px; border: solid 5px #BAF743; border-radius: 50%; display: inline-block; background: url("../images/upload.svg") no-repeat center center; font-size: 0; color: rgba(0,0,0,0);}
#fileInfo { font-size: 14px; line-height: 18px; color: #fff; display: block; padding: 20px 0;}
.upload_file { max-width: 256px;}

.step1_block .step4 {width: 540px; text-align: center; margin: 0 auto;  padding: 30px 0;}
.electricity_data { padding-bottom: 20px;  display: flex; flex-wrap: wrap;font-family: 'MosesDisplay Light'; font-weight: 300; font-size: 14px; line-height: 18px; color: #fff;}
.date_left {flex: 0 0 auto; width: 342px; max-width: 100%; padding-top: 50px;}
.date_left div { width: 50%; float: right; padding:  0 20px;}
.date_right {flex: 0 0 auto; width: 198px; max-width: 100%;}
.date_right div {width: 198px; height: 198px; padding: 35px 40px 0 40px; background: url("../images/circle1.svg") no-repeat center center; background-size:  100% auto;}
.electricity_data i { display: block; padding: 3px 0; font-style: normal; font-size: 24px; line-height: 31px; font-family: 'MosesDisplay Medium'; font-weight: 500;}
.date_right strong { display: inline-block; color:#414141; width: 42px; height: 42px; border-radius:50%; background: #BAF743; font-size: 24px; line-height: 42px; font-family: 'MosesDisplay Medium'; font-weight: 500;}

.step1_block .step5 {width: 540px; margin: 0 auto; padding: 30px 0;  text-align: center; position: relative; color: #F3F3F3; font-size: 14px; line-height: 18px; font-family: 'MosesDisplay Regular'; font-weight: normal; }
.step1_block .step5:before {content:""; position: absolute; z-index: -1; left: -150px; top: -97px; width: 190px; height: 190px; background: url("../images/circle1.svg") no-repeat center bottom; background-size: 100% auto;}
.step1_block .step5:after {content:""; position: absolute; z-index: -1; right: -280px; bottom: -90px; width: 270px; height: 270px; background: url("../images/circle1.svg") no-repeat center bottom; background-size: 100% auto; transform: rotate(90deg);}
.step5 h2 { margin: 0 0 20px 0;}
.step5 ul { display: flex; flex-wrap: wrap; list-style: none; padding: 30px 0; margin: 0; align-items: center; justify-content: center;}
.step5 ul li{flex: 0 0 auto; width: 110px; max-width: 100%;}
.step5 ul li p { margin-bottom: 0px;}
.step5 ul li strong , .step5 ul li b, .step5 ul li i { font-size: 36px; line-height: 31px; color:#BAF743;font-family: 'MosesDisplay Medium'; font-weight: 500;}
.step5 ul li i {font-size: 16px; font-style: normal;}
.result_calculation {font-size: 14px; font-family: 'MosesDisplay Regular'; font-weight: normal;color: #F3F3F3; background: rgba(186, 247, 67, 0); margin-top: 10px; }

.step1_block .step6 {width: 540px; text-align: center; margin: 0 auto;  padding: 30px 0;}
.step1_block .step6:before {content:""; position: absolute; z-index: -1; right: -410px; bottom: 0px; width: 391px; height: 360px; background: url("../images/circles2.png") no-repeat left bottom;}

.step6 .contact_form { float: none; padding: 0px; border: 0; margin-bottom: 0px; overflow: hidden;}
.step6 .form_wrap { padding-left: 0px;}
.step6 .contact_form .form-control {background: #d9d9d9; text-align: right;}
.step6 .contact_form .form_group.name { padding: 0 0 6px 6px;}
.step6 .contact_form .form_group.phone { padding: 0 6px 6px 0px;}
.step6 .contact_form .form_group.email { padding: 0 0 6px 0; width: 100%;}
.step6 .contact_form .form_group label { position: relative; right: auto; top: auto; height: auto; line-height: 18px; font-size: 14px;
  color: #fff; opacity: 1; pointer-events: inherit; text-align: right; width: 100%; }
.step6 .contact_form .checkbox_wrap label  {padding: 2px 22px 2px 0;}
.step6 .checkboxselect { right: 0; }
.step6 .contact_form .form_group.formsubmit { position: relative; left: auto; top: auto; width: 100%; padding: 0;}
.step6  .contact_form input[type="submit"] {background: #BAF743; border: solid 1px #BAF743;color: #1D1D1B;  height: 34px; padding: 0; text-align: center;line-height: 32px; font-size: 24px;font-family: 'MosesDisplay Medium'; font-weight: 500;}

.step6 .contact_form .form-control::-webkit-input-placeholder{ opacity: 0;}
.step6 .contact_form .form-control::-moz-placeholder { opacity: 0; }
.step6 .contact_form .form-control:-ms-input-placeholder { opacity: 0;}
.step6 .contact_form .form-control::-webkit-input-placeholder {opacity: 0;}

.process_step1 .step1, .process_step2 .step2, .process_step3 .step3, .process_step4 .step4, .process_step5 .step5, 
.process_step6 .step6, .new_step, .new_step2, .new_step3, .new_step4, .new_step4a, .new_step5, .new_step6, .new_step7 
{opacity: 0; transform: scale(0); z-index: -5;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.process_step1.active .step1, .process_step2.active .step2, .process_step3.active .step3, .process_step4.active .step4, .process_step5.active .step5, .process_step6.active .step6, 
.process_new_step.active .new_step , .process_new_step2.active .new_step2 , .process_new_step3.active .new_step3, .process_new_step4.active .new_step4, .process_new_step5.active .new_step5,
.process_new_step6.active .new_step6, .process_new_step7.active .new_step7, .process_new_step4a.active .new_step4a
{opacity: 1; transform: scale(1); z-index: 5;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.process_step1.active , .process_step2.active, .process_step3.active , .process_step4.active, .process_step5.active , 
.process_step6.active , .process_new_step.active , .process_new_step2.active , .process_new_step3.active, .process_new_step4.active , 
.process_new_step5.active ,.process_new_step6.active ,.process_new_step7.active , .process_new_step4a.active
{ z-index: 7; opacity: 1;}

.banner_back { display: block; width: 100%; padding:30px 0; margin: 0 0 60px 0; text-align: center; position: relative; background: url("../images/background.png") no-repeat center center; background-size: cover; }
.common_wrap .row [class*="col-"].nomargin { margin-bottom: 0; padding-bottom: 0;}
.nomargin .banner_back {margin-bottom: 0; }
.banner_back div {position: relative; z-index: 5; width: 270px; margin:  0 auto;}
.banner_back:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #414141; mix-blend-mode: multiply;}
.banner_back:before {content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0;  background: url("../images/circles.png") no-repeat center 30px; background-size: 250px auto;}

.energy_excavation { padding-bottom: 25px; font-size: 13px; line-height: 20px;}
.energy_excavation .row  [class*="col-"] { padding-bottom: 20px;}
.energy_excavation a { display: block; color: #1D1D1B; width: 100%;}
.energy_excavation .excavation_wrap {display: flex; flex-wrap: wrap;margin-left: -7px; margin-right: -7px; align-items: center;}
.energy_excavation .content_block, .energy_excavation .image_block {padding-left: 7px; padding-right: 7px;flex: 0 0 auto;width: 53%; max-width: 100%;}
.energy_excavation .image_block { width: 47%;}
.energy_excavation .image_block img { width: 100%; border-radius: 20px;}
.energy_excavation .content_block p { margin-bottom: 0px;}
.energy_excavation .content_block h3 {font-size: 13px; line-height: 20px;color: #1D1D1B; margin-bottom: 5px;}

.inner_content { padding-top: 20px; padding-bottom: 30px;}
.inner_content h1 { color: #1D1D1B; background: #BAF743; font-size: 16px; line-height: 30px; padding: 20px 10px;font-family: 'MosesDisplay Bold'; font-weight: Bold; margin-bottom: 30px;}
.inner_content .contact_form { padding:30px 0 50px 0; border: 0; margin-bottom: 0px;}
.inner_content .form_wrap {padding: 0;}
.inner_content .form_wrap form {display: flex; flex-wrap: wrap;margin-left: -11px;  margin-right: -11px; }
.inner_content .contact_form .form_group {  padding: 0 11px 25px 11px;flex: 0 0 auto; max-width: 100%;}
.inner_content .contact_form .form_group.wider { width: 70%;}
.inner_content .contact_form .form_group.smaller { width: 30%;}

.popupmodal {max-width: 1050px; padding:  0;  border-radius: 15px; background: none;box-shadow: none;}
.popupmodal .modal-content { padding:  0; margin:  0; border: 0; border-radius: 15px;  background: rgba(255,255,255,0); box-shadow: none;}
.popupmodal .modal-body {padding: 0px; background:none; padding:0;box-shadow: none;}
.popupmodal h3 { text-align: center; display: block; font-size: 24px; line-height:  31px; font-weight:500;font-family: 'MosesDisplay Medium'; color: #1D1D1B; margin: 0; padding: 15px;border-radius: 15px 15px 0 0; background: #BAF743; }
.popup_form_wrap { padding: 70px 56px; background: #fff; border-radius: 0 0 15px 15px; width: 100%; }
.popup_form { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px;}
.popup_form .form_group {flex: 0 0 auto;  width: 50%; max-width: 100%; padding-left: 6px; padding-right: 6px; padding-top: 0px; padding-bottom: 20px;}
.popup_form .form_group.wider { width: 100%;}
.popup_form .form-control { border: solid 1px #BAF743; border-radius: 0px; background: #D9D9D9; width: 100%; padding:  0 10px; height: 36px; line-height: 34px; font-size: 14px;  color: #1D1D1B; font-weight: normal;font-family: 'MosesDisplay Regular'; text-align: right;}
.popup_form .form-control.textarea { height: 290px; line-height: 24px; padding: 10px;}
.popup_form .form-control:focus {border:  solid 1px #62E9DF; border-radius: 0px;}
.popup_form .form_group label {width: 100%; line-height: 18px; font-size: 14px;  color: #414141;font-weight: normal;font-family: 'MosesDisplay Regular';}
.popup_form .form-control::-webkit-input-placeholder{ color: #1D1D1B; opacity: 0;font-weight: 700;}
.popup_form .form-control::-moz-placeholder { color: #1D1D1B; opacity: 0;font-weight: 700; }
.popup_form .form-control:-ms-input-placeholder { color: #1D1D1B;font-weight: 700; opacity: 0; }
.popup_form .form-control::-webkit-input-placeholder { color: #1D1D1B;font-weight: 700; opacity: 0; }

.popup_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.popup_form .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.popup_form .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.popup_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.popup_form .form-control:focus:required:valid {
  border: solid 1px #62E9DF;border-radius: 0px;
}
.popup_form .form-control:focus:required:invalid {
  border: solid 1px #FF3636;border-radius: 0px;
}
.popup_form .form_group.formsubmit { width: 100%; padding: 0;}
.popup_form input[type=submit], .cancel, .popup_form input[type=submit]:focus, .cancel:focus { background: #414141; border: solid 1px #414141;color: #fff; border-radius: 0px; cursor: pointer; display: block; height: 42px; padding: 0 10px 0 0; text-align: right; line-height: 42px; width: 100%;  font-weight: bold;font-family: 'MosesDisplay Bold'; text-align: center;}
.cancel, .cancel:focus { background: #BAF743; color: #1D1D1B; border: solid 1px #BAF743;}


.new_step ul {display: flex;flex-wrap: wrap;margin-left: -20px; margin-right: -20px; list-style: none; padding: 0;}
.new_step ul li {flex: 0 0 auto; width: 33.33%; max-width: 100%;}
.new_step ul li a { font-size: 14px; line-height: 18px; color: #F3F3F3; display: inline-block; width: 162px; height: 166px;  padding-top: 120px; position: relative; border-radius: 10px; background: rgba(217,217,217,0); border: solid 1px rgba(186,247,67,0);}
.new_step ul li a:hover { color: #000; background: rgba(217,217,217,1); border: solid 1px rgba(186,247,67,1);}
.new_step ul li a div { position: absolute; top:15px; left:0; right: 0; height: 100px;}
.new_step ul li a div img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.new_step ul li a div img:nth-child(2) { display: none;}
.new_step ul li a:hover div img:nth-child(1) { display: none;}
.new_step ul li a:hover div img:nth-child(2) { display: inline-block;}

.process_new_step3:before {content:""; position: absolute; z-index: -1; left: 0px; top: 0px; width: 219px; height: 213px; background: url("../images/circle2a.svg") no-repeat left bottom; background-size: 100% auto;}
.process_new_step3:after {content:""; position: absolute; z-index: -1; right: 0px; bottom: 0px; width: 234px; height: 213px; background: url("../images/circle2.svg") no-repeat right bottom; background-size: 100% auto;}
.process_new_step3.active { min-height: 100%; display: flex;flex-wrap: wrap; align-items: center; }

.process_new_step4:before {content:""; position: absolute; z-index: -1; left: 0px; top: 0px;bottom: 0px; width: 339px;  background: url("../images/circle3a.svg") no-repeat left top; background-size: 100% auto;}
.process_new_step4:after {content:""; position: absolute; z-index: -1; right: 0px;top: 0; bottom: 0px; width: 416px;  background: url("../images/circle3.svg") no-repeat right bottom; background-size: 100% auto;}
.process_new_step4.active, .process_new_step4a.active { min-height: 100%; display: flex;flex-wrap: wrap; align-items: center; }

.new_step5 { font-size: 14px; line-height: 18px; color: #f3f3f3;}
.new_step5 h3 { font-size: 40px; line-height: 36px; margin-bottom: 40px;font-family: 'MosesDisplay Bold';  font-weight: bold; color: #f3f3f3;}
.new_step5 h3 + p { margin-bottom: 40px;}
.process_new_step5:before {content:""; position: absolute; z-index: -1; left: 0px; top: 0px;bottom: 0px; width: 363px;  background: url("../images/circle4a.svg") no-repeat left bottom; background-size: 100% auto;}
.process_new_step5:after {content:""; position: absolute; z-index: -1; right: 0px;top: 0; bottom: 0px; width: 234px;  background: url("../images/circle4.svg") no-repeat right top; background-size: 100% auto;}
.process_new_step5.active { min-height: 100%; display: flex;flex-wrap: wrap; align-items: center; }

.process_new_step6.active { min-height: 100%; display: flex;flex-wrap: wrap; align-items: center; }
.process_new_step6:after {content:""; position: absolute; z-index: -1; right: 0px; top: 0px;bottom: 0px; width: 363px;  background: url("../images/circle5.svg") no-repeat right bottom; background-size: 100% auto;}
.process_new_step6 .step6 .contact_form .form_group.formsubmit { padding-top: 24px;}

.process_new_step7.active { min-height: 100%; display: flex;flex-wrap: wrap; align-items: center; }
.process_new_step7:after {content:""; position: absolute; z-index: -1; right: 0px; left: 0; top: 0px;bottom: 0px;  background: url("../images/circle6.svg") no-repeat center center; }


.step1_block.process_new_step4a:before {content:""; position: absolute; z-index: -1; right: 0; top: 0; width: 52px; height: 105px; background: url("../images/circle_new.svg") no-repeat left top; background-size:  auto;}
.step1_block.process_new_step4a:after {content:""; position: absolute; z-index: -1; left:-52px; bottom: 80px; width: 105px; height: 105px; background: url("../images/circle_new.svg") no-repeat right top; background-size:  auto; transform: rotate(-90deg);}
.new_step4a .text_top { padding-bottom: 10px;}
.step4s_middle { display: block; padding: 0 0 10px 0; margin: 0;}
.step4s_middle ul {display: flex; flex-wrap: wrap; padding: 0; list-style: none; margin: 0 -11px;}
.step4s_middle ul li {flex: 0 0 auto;  width: 25%; max-width: 100%; padding: 0 11px 11px 11px; }
.step4s_middle ul li a { position: relative; font-size: 18px; line-height: 18px; color: #000;background: rgba(186, 247, 67, 0); display: inline-block; width: 116px; height: 116px; border: solid 1px #000; border-radius: 50%; font-family: 'MosesDisplay Bold'; font-weight: bold; }
.step4s_middle ul li a:hover,.step4s_middle ul li a:focus, .step4s_middle ul li.active a {background: rgba(186, 247, 67, 1);}
.step4s_middle ul li a b, .step4s_middle ul li a strong { position: absolute; max-width: 70px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* #Media Queries ================================================== */

 @media (min-width: 768px) {
	 .nav {  padding: 0 90px 0 180px;  position: absolute; left: 0; right: 0; top: 31px; z-index:  3;} 
	 .nav nav {width: 100%;}
	 .nav nav ul { display: block;padding: 0; margin: 0; list-style:none;  z-index: 5; width: 100%;text-align: center;  }
	 .nav nav ul  li { margin: 0 4px; padding: 0; list-style:none; display:inline-block; position: relative; }
	 .nav nav ul  li a { background:rgba(186, 247, 67, 0); position: relative; border-radius: 25px;  padding:0 10px;font-size: 14px; line-height: 34px; color: #EDEDED;  display: inline-block; border: 0;}	 
	 .nav nav ul  li a:hover, .nav ul  li a:focus-within, .nav ul  li a.active, .nav ul  li.active a { background:rgba(186, 247, 67, 1); color:#1D1D1B;}


}
/* END__ */
 @media (min-width: 1200px) and (max-width: 1299px) {
    .article_iframe { width: 240px; left: -260px;}

 }
/* END__ */
 @media (min-width: 992px) and (max-width: 1199px) {
    .header_banner {padding: 15px;}
    .logo { width: 130px; left: 15px;}
    .nav { padding: 0 80px 0 150px; }
    .nav nav ul li { margin: 0 1px;}
    .nav nav ul li a { padding: 0 8px; font-size: 11px;  }
    .wind_turbine h1 { font-size: 36px; line-height: 36px; padding-left: 0%;}
    .wind_turbine h1 + p {padding-left: 0%;}
    .common_block h2, .wind_turbine_large h3 {font-size: 18px;line-height: 18px;}
    .article_iframe {display:none;}
    .mobile_banner3 { display: block; text-align: center; padding-bottom: 20px;} 
    .map_image #map {  height: 520px; }  
    .popupmodal {max-width: 950px;}
    .popup_form_wrap { padding:40px 50px 30px 50px; }
}
/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {	
    .header_banner {padding: 15px;}
    .logo { width: 130px; top: 9px; transform: translateY(0); left: 50%; margin-left: -65px;}
    .search {top: 10px; right: 15px;}
    .light {top: 10px; right: 60px;}
    .nav { padding: 0 10px 0 10px; top: 50px; }
    .nav nav ul li {  margin: 0;}
    .nav nav ul li a { padding: 0 8px; font-size: 12px;  } 	
    .wind_turbine h1 { font-size: 30px; line-height: 30px; padding-left: 0%;}
    .wind_turbine h1 + p {padding-left: 0%;}
    .common_block h2, .wind_turbine_large h3 {font-size: 16px;line-height: 16px;}    
    .wind_turbine_large h2 {font-size: 26px;line-height: 26px;	} 
    .mobile_banner3 { display: block; text-align: center; padding-bottom: 20px;}
    .article_iframe { display: none;}
    .map_image #map {  height: 435px; } 
    .popupmodal {max-width: 700px;}
    .popup_form_wrap { padding:40px 30px 30px 30px; }    
 
}
/* END__ */
 @media only screen and (max-width: 991px) {
	 

}
@media only screen and (max-width: 767px) {
    body { font-size: 16px; line-height: 25px;}
    .row { margin-left: -5px; margin-right: -5px;}
    .row  [class*="col-"] { position:relative; padding-left: 5px; padding-right: 5px;}
    .header_banner { display: none;}
    .header_block {padding: 0; position: fixed; height: 70px;}
    .header { height: 70px;}
    .logo { width: 110px; top: 20px; transform: translateY(0); left: 50%; margin-left: -55px;}
    .search {top: 15px; right: auto; left: 60px;}
    .light {top: 15px; left: 15px; right: auto;}
    .nav { padding: 0 10px 0 10px; top: 0; }
    .nav ul li {  margin: 0;}
    .nav ul li a { padding: 0 8px; font-size: 11px;  } 	
    .navbar-toggler {top:20px!important}
    .header_block .container {height:70px!important}
    .mobile_banner {padding: 15px 0 7px 0!important;}

    .social_menu_mobile ul  li a {  background: #BAF743; border-radius: 50%; color: #414141}
    .social_menu_mobile ul  li a:hover { color: #BAF743; background: rgba(0,0,0,0.5);}

	.navbar-toggler { display: block;}
	.virtual_tour { width: 113px; height:  38px; padding:  0 40px 0 35px; left: 15px; font-size: 0px; line-height: 38px; color: rgba(255,255,255,0); background-size: 100% auto;  }
	.nav { overflow-y: auto; height: 100vh; border-radius: 25px; padding: 0; width: 319px; background:#414141 ; position: fixed;  top: 0px; bottom: 0; z-index:  99;transition: all 0.5s ease; right: -319px; display: block;} 
	.nav.active { right: 0; transition: all 0.5s ease;}
	.nav nav {width: 100%; padding: 20px 25px 20px 20px; height: auto; float: right; display: block;}
	.nav ul { display: block;padding: 0; margin: 0; list-style:none; width: 100%;  }
	.nav nav ul  li { margin: 0 0 1px 0; padding: 0; list-style:none; display:block; position: relative;  }
	.nav nav ul  li a { background:rgba(186, 247, 67, 0); border-radius: 25px; padding: 0 12px; font-size: 12px; line-height: 34px; color: #fff;  display: block;  text-transform: capitalize; text-align: right;}
	.nav nav ul  li a:hover, .nav nav ul  li a.active, .nav nav ul  li.active a, .nav nav ul  li a.active {background:rgba(186, 247, 67, 1);  color:#1D1D1B;}
    .scroll_icons { padding: 94px 20px 20px 20px;}
    .mobile_banner { display: block;}
    .scroll_icons ul { padding-top: 30px; }
    .scroll_icons ul li { position: relative;padding:0 12px;}
    .scroll_icons ul li a { padding-right: 0px;padding-top: 52px;}
    .scroll_icons ul li:nth-child(2) a { padding-right: 0px;}
.scroll_icons ul li:nth-child(3) a { padding-right: 0px;}
.scroll_icons ul li:nth-child(4) a { padding-right: 0px;}
    .scroll_icons ul li a img { top: 0; right: auto; left: 50%; transform: translate(-50%, 0%);}    
    .wind_turbine { padding: 0 20px 15px 20px;}
    .wind_turbine .row  [class*="col-"]:nth-child(1) { order: 2!important;}
    .wind_turbine .row  [class*="col-"]:nth-child(2) { order: 1!important;}
    .wind_turbine h1 { font-size: 30px; line-height: 30px; padding: 20px 0 0 0;}
    .common_block h2, .wind_turbine_large h3 {font-size: 16px;line-height: 16px; margin-bottom: 10px;}    
    .wind_turbine_large h2 {font-size: 26px;line-height: 26px;padding-left: 0%; margin-bottom: 0;;	}  
    .wind_turbine i {position: relative;right: auto; bottom: auto;}  
    .common_items { align-items: center !important;}
    .common_items div:nth-child(1) {width: 40%; padding-bottom: 0px; padding-left: 5px;}
    .common_items div:nth-child(2) { width: 60%; padding-right: 5px; } 
    .common_block i {position: relative;right: auto; bottom: auto;} 
    .common_block a { padding-bottom: 0px;} 
    .wind_turbine img, .common_block img, .wind_turbine_large img {border-radius: 10px;}
    .environmental_wrap {margin-left: -5px; margin-right: -5px;}
    .environmental_image { padding-left: 5px; padding-right: 5px; width: 40%;}
    .environmental_text {padding-left: 5px; padding-right: 5px; width: 60%;}
    .question_answer .accordion-button:after { background: url(../images/darrow2.svg) no-repeat center center;}
    .common_wrap, .article_main { padding-bottom: 17px; padding-left: 20px; padding-right: 20px;}
    .wind_turbine_large, .question_answer, .equalpadding {padding-left: 20px; padding-right: 20px;}
    .container.nullpadding { padding-left: 0px; padding-right: 0px;}
    .container.nullpadding .row { margin-left: 0px; margin-right: 0px;}
    .container.nullpadding .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
    .green_block { padding: 8px 10px 8px 40px; margin-bottom: 0px;}
    .green_block a { display: none;}
    .iframe {padding-top: 0px; padding-bottom: 26px;}
    .common_wrap .row [class*="col-"].stations { padding-bottom: 0px;}
    .question_answer h2, .question_answer .accordion-button {font-size: 14px;line-height: 20px;}
    .question_answer {padding-bottom: 44px;}
    .green_block.mike {line-height: 76px; padding: 0 10px 0 50px;margin-bottom: 59px;}
    .footer {padding-top: 30px; padding-bottom: 18px;}
    .footer_logo { left: 50%; width: 186px; top: 0px; transform: translateY(0%); margin-left: -93px; z-index: 3;}
    .footer_logo img { width: 100%;}
    .fmenu { width: 50%;  padding-right: 40px; padding-top: 80px; position: relative; z-index: 1;}
    .social_menu { width: 100%; float: right;  position: relative; right: auto; bottom: auto; text-align: center;}
    .mobile_menu_top { display: block; padding: 0; position: relative; height: 120px; width: 100%; float: right;}
    .mobile_menu_top a { width: 110px; position: absolute; left: 30px; top: 50px;}
    .mobile_menu_top a img { width: 100%;}
    .menu_close { font-size: 0px; color: rgba(0,0,0,0); border: 0; position: absolute; z-index: 2; width: 37px; height: 37px; right: 30px; top: 50px; cursor: pointer; background: url("../images/close.svg") no-repeat center center;}
    .social_menu_mobile { width: 100%; float: right; padding: 40px 30px 20px 30px; display: block;}
    .social_menu_mobile ul { display: block;padding: 0; margin: 0; list-style:none;  z-index: 5; width: 100%; text-align: right;}
    .social_menu_mobile ul  li { margin: 0 0 0 2px; padding: 0; list-style:none; display:inline-block;}
    .social_menu_mobile ul  li a { 
font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #BAF743;
    border-radius: 50%;
    color: #414141;
    padding:0;

    }
    .social_menu_mobile ul  li a:hover { color: #BAF743;}
    .mobile_menu_bottom { width: 100%; float: right; padding: 0px 30px 20px 30px; display: flex; text-align: right;;}
    .mobile_menu_bottom .light {position: relative; right: auto; top: auto; width: 30px; height: 30px; background-size:  20px auto; left: auto; margin-left: 10px;}
    .text_large, .text_small {color: #BAF743; border: 0; background: none; display: inline-block; width: 15px; text-align: center; margin-left: 1px;}
    .text_large { font-size: 18px;}
    .text_small { font-size: 10px;}
    .for_mobile { display: block;}
    .for_mobile  a {font-family: 'MosesDisplay Regular'; font-weight: normal; color: #414141; line-height: 40px; padding-left: 42px;  background: url("../images/arrow2.svg") no-repeat 10px center; display: block; margin-bottom: 0px; }
    .mobile_banner2 { display: block;}
    .topalign { padding-top: 25px;}
    .iframe img { border-radius: 0;}
    .green_block.mike { line-height: 55px;  }
    .green_block.mike a { padding:36px 10px 0 0; z-index: 3; display: block;  left: 0; right: 0;   top: 0;line-height: 40px; height: 76px; background: url("../images/arrow.svg") no-repeat 40% 40px; text-align: right;}
    .large .green_block + p { display: none;}
    .common_wrap .row [class*="col-"].nomargin { margin-bottom: 15px;}
    .mobile_banner2, .iframe { padding-top: 15px;}


    .article_main h1 { font-size: 30px; line-height: 30px;}
    .article_main h2 { font-size: 24px; line-height: 30px;}
    .article_top {padding-top: 0px; padding-bottom: 40px;}
    .article_social { top: auto; bottom: 0;}
    .mobile_banner3 { display: block; text-align: center; padding-bottom: 20px;}
    .article_iframe { display: none;}

    .contact_form {padding: 7px 4px; margin-bottom: 50px;}
    .form_wrap { padding-left: 0px;}
    .contact_form .form_group {  width: 100%; padding:  0 0 6px 0;}
    .contact_form .form_group.formsubmit {position: inherit; left: auto; top: auto; width: 100%; padding: 0;}
    .contact_form input[type="submit"] {padding: 0 10px; text-align: center;}
    .checkbox_wrap {padding: 2px 0;}
    .map_image #map {  height: 420px; } 

    .calculator_back { background-image: none; margin-bottom: 0; padding-top: 87px; height: auto;}
    .step1_block { width: 100vw;  overflow: hidden; position: relative; left: 0%; top: 0%; -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); display: none;}
  .process_step1.active, .process_step2.active, .process_step3.active, .process_step4.active, .process_step5.active, .process_step6.active, .process_new_step.active, .process_new_step2.active, .process_new_step3.active, .process_new_step4.active, .process_new_step5.active, .process_new_step6.active, .process_new_step7.active, .process_new_step4a.active { display: block;}
    .step1 h1, .banner_back h2 {font-size: 42px;line-height: 36px; padding: 55px 0 100px 0;}
    .step1_block .step2, .step1_block .step3 , .step1_block .step4, .step1_block .step5, .step1_block .step6,
    .step1_block .new_step, .step1_block .new_step1, .step1_block .new_step2, .step1_block .new_step3, .step1_block .new_step4, .step1_block .new_step4a, .step1_block .new_step5, .step1_block .new_step7 
    { width: 100%; padding: 30px 25px;}
    .step2 h2, .step3 h2, .step4 h2, .step5 h2, .step6 h2 { text-align: center;}
    .accountant, .upload_file, .recommendation, .details_join, .result_calculation {width: 100%; height: 52px;line-height: 50px;}
    .electricity_supplier ul {margin: 0 -5px;}
    .electricity_supplier ul li { padding: 0 5px;  margin-bottom: 10px;}
    .electricity_supplier ul li, .electricity_supplier ul li:nth-child(3) {width: 30%;}
    .electricity_supplier ul li:nth-child(2) {width: 40%}
    .electricity_supplier ul li:nth-child(4), .electricity_supplier ul li:nth-child(7) {width: 30%}
    .electricity_supplier ul li:nth-child(5), .electricity_supplier ul li:nth-child(6) {width: 20%}
    .electricity_data { margin: 0 -25px; justify-content: center;}
    .date_left { width: 120px; padding-top: 0px;}
    .date_left div {width: 100%;padding: 0;}
    .step5 ul { padding:10px 0 20px 0;}
    .step5 ul li {width: 100%; padding-top: 5px;}
    .step1_block .step5::before { position: fixed; left: 0px;top: 10px; width:85px; height: 145px; background: url("../images/half_circle1.png") no-repeat left  top; background-size: 100% auto;}
    .step1_block .step5::after { position: fixed;  right: 0; bottom: 0px; width: 173px; height: 219px; background: url("../images/half_circle2.png") no-repeat right bottom;  background-size: 100% auto; transform: rotate(0deg);}
    .process_step5.active .step5 { min-height: 100vh;}
    .step6 .contact_form .form_group.name, .step6 .contact_form .form_group.phone {padding: 0 0 6px 0;}
    .contact_form .form-control, .contact_form .form-control:focus { height: 36px; line-height: 34px; font-size: 16px; font-weight: 500;font-family: 'MosesDisplay Medium';}
    .step6 .contact_form input[type="submit"] { height: 52px; line-height: 50px;}

    .inner_content .contact_form { padding:30px 0;}
    .inner_content .contact_form .form_group.wider { width: 100%;}
    .inner_content .contact_form .form_group.smaller { width: 100%;}

    .popupmodal {max-width: 90%; margin: 0 auto;}
    .popup_form_wrap { padding:20px; } 
    .popup_form .form-control.textarea { height: 200px;}
    .popup_form .form_group {width: 100%;padding-bottom: 10px;}

    .new_step ul li a {width: 94%; height: 130px;padding-top: 85px;}
    .new_step ul li a div {top: 5px;height: 80px;}
    .new_step ul li a div img { width: auto; max-height: 70px; max-width: 55px;}
    .new_step ul li:nth-child(3) a div img { max-width: 36px;}
    .tootltip_content {margin-left: -29px;}
    .tootltip_content::after { margin-left: -46px;}

    .fblock1 { width: 100%;   text-align: center; padding-bottom: 15px;}
    .fblock2 { width: 100%; float: right; padding-left: 0px;padding-bottom: 15px;}
    .fblock3 { width: 100%; float: right;padding-right: 0px;}
    .new_step3 .electricity_supplier ul, .new_step4 .electricity_supplier ul { margin: 0 -5px; min-height: 100px;}
    .new_step3 .electricity_supplier ul li, .new_step4 .electricity_supplier ul li {width: 33.33% !important; padding: 0 5px 10px 5px; margin-bottom: 0;}
    .new_step4 .electricity_supplier ul li {width: 50% !important;}
    .process_new_step3:before { left: auto;  right: 0px; top: 0px; width: 141px; height: 100px; background: url("../images/mobile_circle1.svg") no-repeat right top; background-size: 100% auto;}
    .process_new_step3:after { display: none;}
    .step1_block .new_step3, .step1_block .new_step4, .step1_block .new_step5 { padding-top: 80px;}
    .process_new_step4:before { left: auto;  right: 0px; top: 0px; width: 120px; height: 100px; background: url("../images/mobile_circle2.svg") no-repeat right top; background-size: 100% auto;}
    .process_new_step4:after {  left: 0;  right: auto; top: auto; bottom: 30px; width: 83px; height: 170px; background: url("../images/mobile_circle2a.svg") no-repeat right top; background-size: 100% auto;}
    .new_step4 .electricity_supplier ul { padding-bottom: 80px;}

    .process_new_step5:before { left: auto;  right: 0px; top: 0px; width: 93px; height: 260px; background: url("../images/mobile_circle3.svg") no-repeat right top; background-size: 100% auto;}
    .process_new_step5:after {  left: 0;  right: auto; top: auto; bottom: 30px; width: 52px; height: 104px; background: url("../images/mobile_circle3a.svg") no-repeat right top; background-size: 100% auto;}

    .process_new_step6:after {left: 0;  right: auto; top: auto; bottom: 0px; width: 257px; height: 364px; background: url("../images/mobile_circle4.svg") no-repeat right top; background-size: 100% auto;}
    .process_new_step6.step1_block .step6:before { display: none;}

    .step1_block .new_step7 { padding-bottom: 100px; padding-top: 100px;}
    .process_new_step7:after { right: -30px;   left: -30px; top: 0px; bottom: 0px; background: url("../images/mobile_circle5.svg") no-repeat center center;background-size: 100% auto;}
    .continuation5 { width: 100%; max-width: 226px; height: 47px; line-height: 45px;}

    .step4s_middle { text-align: center;}
    .step4s_middle { max-width: 250px; margin:  0 auto;}
    .step4s_middle ul li { width: 50%;}
     


}
/* END__ */
 @media only screen and (max-width: 575px) {

}
/* END__ */
 @media only screen and (max-width: 400px) {
  .leave_join, .download_result { font-size: 20px;}

}
/* END__ */

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
 .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}	

#mapelec {
  width:100%!important;
}

@media (max-width:768px) {
  #mobile_box_article {
    width: 320px;
    margin: auto;
  }
}

#div-gpt-ad-1752147731951-0 {
    position: fixed;
    top: 570px;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1000;
}

/* התאמה למסכים קטנים */
@media (max-width: 1400px) {
    #div-gpt-ad-1752147731951-0 {
        right: 5px;
    }
}

/* הסתרה במסכים מאוד קטנים */
@media (max-width: 1200px) {
    #div-gpt-ad-1752147731951-0 {
        display: none;
    }
}
.wind_turbine_large i {
  color:black;
  font-style: normal;
} 
  
@media (min-width:768px) {
  .wind_turbine .topalign i {
      margin-top:-25px;
      display: block;
  }
}