.elementor-page-609 {}



.elementor-page-609 #main {



  background-color: #f4f6f8;



}





.elementor-page-609 #main .elementor-widget-shortcode {



  margin: 30px 0px;



}



.elementor-page-609 #main .rightpr {



  padding: 50px 25px;



  margin-bottom: 20px;



  border-radius: 0;



  background-color: #FFF;



  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12);



  border-right: none !important;



}



.elementor-page-609 #main .rightpr .row {}



.elementor-page-609 #main .rightpr div#Calc {



  margin-top: 7%;



}



.elementor-page-609 #main .blue-head {



  background-color: #002C4F;



  color: #ffffff;



  margin-bottom: 1px;



}



.elementor-page-609 #main .blue-head .text2 {



  font-size: 20px !important;



  margin: 10px 0px;



  font-weight: 600;



  text-transform: uppercase;



}



.elementor-page-609 #main .blue-head-01 {



  background-color: #014074;



  color: #ffffff;



  margin-bottom: 20px;



}



.elementor-page-609 #main .blue-head-01 .uppay {



  font-size: 16px !important;



  margin: 10px 0px;



  font-weight: 600;



  text-transform: uppercase;



}



.elementor-page-609 #main #Calc input[type="radio"] {



  margin: 0px 10px;



}



.elementor-page-609 #main .bg-strip {



  background: #f4f6f8;



  padding-top: 10px;



  padding-bottom: 10px;



  margin-bottom: 5px;



}



.elementor-page-609 #main .slectyear {



  margin: 35px 0px;



}



.leftimg {



  background-image: url("https://mysolar.cleverdigital.ie/wp-content/uploads/2022/08/left-1-240x300.jpg");



  background-repeat: no-repeat;



}



.leftimg #products {



  margin: 0px auto;



  width: 100%;



}


.l-whitebox.mb-10 {
    background: white;
    text-align: left;
    border: 1px solid darkgrey;
}

.gray-header {
    text-align: left;
}
.green-bg {
    text-align: left;
}
.leftimg .green-bg-01 .form-check .form-check-label {

text-transform: capitalize;
font-size: 20px;
font-weight: bold;
color: white;
width: 140px;
text-align: left;
vertical-align: top;
line-height: 24px;


}
.leftimg .green-bg-02 .form-check .form-check-label {

text-transform: capitalize;
font-size: 20px;
font-weight: bold;
color: white;
width: 140px;
text-align: left;
vertical-align: top;
line-height: 24px;


}
.leftimg .gray-body .form-check{text-align: left;}

.leftimg .gray-body .form-check .form-check-label {

text-transform: capitalize;
font-size: 18px;
text-align: left;
vertical-align: top;
line-height: 24px;

}

.rightimg {

background-image: url("https://mysolar.ie/wp-content/uploads/2022/10/Screenshot_6-1.png") !important;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;


}



.green-bg {



  background-color: #ffc844;



  color: #01305e;



  padding: 15px 30px;



  font-family: "Bebas Neue", sans-serif;



  font-size: 48px;

line-height: 48px;

  border-bottom: solid 1px #fff;



  /*font-weight: bold;*/



}



.green-bg-01 {



  /*background-color: #fdc751;*/



  color: #fff;



	min-height: 70px;



	padding: 10px;



}



.green-bg-02 {



  /*background-color: #50c3e0;*/



  color: #fff;



	min-height: 70px;



	padding: 10px;



}







.green-bg-01 .form-check, .green-bg-02 .form-check {



 /* padding-left: 1.75rem;
*/
	padding-left: 0px;


}



.gray-bg {



  background-color: #f0f0f0;



  color: #202020;



  border: solid 1px #c5c5c5;



}



.gray-header {



  background: transparent;



  /*font-family: 'Roboto Slab', serif;*/



  font-size: 18px;



  padding: 10px 15px;



  border-bottom: solid 1px transparent;



}



.gray-body {



  padding:15px;
	background: #036;
  color: #fff;



}



.country-drop {}



.country-drop .form-select {



  border: solid 1px #c5c5c5;



  color: #202020;



  border-radius: 0px;



  padding: 10px;



}



.r-whitebox {



  background: #fff;

color: #036;

 /* border-radius: 0px 30px 30px 0px;*/



  padding: 20px;



  /*position: absolute;



  left: 0px;



  bottom: 30%;



  color: #005baa;



  font-family: 'Roboto Slab', serif;*/



}



.l-whitebox {



  border: solid 1px transparent;



  background: transparent;



  padding: 15px;



}



.l-whitebox .subheading {



  font-family: 'Roboto Slab', serif;



  font-size: 18px;



}



.r-whitebox .p-number {



  font-size: 22px;



  margin-bottom: 15px;



  line-height: 30px;



}



.r-whitebox .p-number span {



  color: #0185c5;
font-weight: bold;


  font-size: 30px;



}



.r-whitebox .generates {



  font-size: 22px;



  margin-bottom: 15px;



  line-height: 30px;



}



.r-whitebox .generates span {



  color: #39b54a;



  font-size: 30px;



}



.r-whitebox .upcoast {



  font-size: 22px;



  margin-bottom: 10px;



  line-height: 30px;



}



.r-whitebox .upcoast span {



  color: #0185c5;



  font-size: 30px;



}



.r-whitebox .upcoast span.star {



  font-size: 24px;



  color: #909090;



	vertical-align: top;



}



.r-whitebox .upcoast span p {



  font-size: 30px;

color: #0185c5; font-weight: bold;

}



.r-whitebox .moncoast {



  font-size: 26px;



  margin-bottom: 10px;



  line-height: 30px;



}



.r-whitebox .moncoast span {



  color: #39b54a;



  font-size: 30px;



}



.r-whitebox .moncoast span.smalltxt {



  font-size: 14px;



  color: #909090;



}



.r-whitebox .moncoast span.star {



  font-size: 24px;



  color: #909090;



	vertical-align: top;



}



.r-whitebox .moncoast span p {



  font-size: 36px;



}



.r-whitebox .descrip {



  margin-top: 20px;



}



.r-whitebox .descrip ul {



  margin: 0px;



  padding: 0px 0px 0px 15px;



}



.r-whitebox .descrip ul li {



  list-style: square;



  margin-bottom: 10px;



}



.finato p#cod, .finato #nett{ margin: 0px;}



.mb-10 {



  margin-bottom: 5px;



}



.mrgt-1 {



  margin-top: -1px;



}



.mrgt-10 {



  margin-top: -10px;



}



.left-txtbox {



  float: left;



}



.right-txtbox {



  float: right;



}



.txt-right {



  text-align: right;



}



.box-border .row .col-sm-8 {



  border-bottom: solid 1px #cacaca;



  padding-bottom: 10px;



}



.box-border .row .col-sm-4 {



  border-bottom: solid 1px #cacaca;



  padding-bottom: 10px;



}



.iconimg {



  width: 60px;



  float: right;



  margin-right: 0px;



	margin-top: 10px;



}



.form-check-input:checked[type="radio"] {

padding: 10px;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;



}



.form-check-input:checked {



  background-color: #50c3e0 !important;



  border-color: #50c3e0 !important;



  border-radius: 0 !important;

padding: 10px;

}



.form-check-input[type="radio"] {

background: #01305e;

  border-radius: 5 !important;
	margin-right: 5px;



}
.gray-body label.form-check-label {
    color: #ffffff;
}


select#country {



  /*width: 100% !important;*/



	

font-family: 'Roboto Slab', serif;

	font-size: 20px;



}



#exp {



  margin: 0px;



}



p#right_energy {



    display: inline-block;



	font-size :22px;



	margin-left: 0px;



}



@media screen and (max-width: 480px) {



  .leftimg #products {



    margin: 0px;



  }



	.r-whitebox{position: initial; margin-top: 50px;



margin-bottom: 50px;



	}



}









* {

    margin: 0;

    padding: 0;

}



html {

    height: 100%;

}



/*Background color*/

#grad1 {

    /*background-color: #50c3e0;*/

    

}



/*form styles*/

#products {

    /*text-align: center;*/

    position: relative;

    margin-top: 0px;

}



#products fieldset .form-card {

    /*background: #50c3e0;*/

    border: 0 none;

    border-radius: 0px;

    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

    padding: 20px 40px 30px 40px;

    box-sizing: border-box;

    width: 94%;

    margin: 0 3% 20px 3%;



    /*stacking fieldsets above each other*/

    position: relative;

}



#products fieldset {

    /*background: #50c3e0;*/

    border: 0 none;

    border-radius: 0.5rem;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    /*padding-bottom: 20px;*/



    /*stacking fieldsets above each other*/

    position: relative;

}



/*Hide all except first fieldset*/

#products fieldset:not(:first-of-type) {

    display: none;

}



#products fieldset .form-card {

    text-align: left;

    color: #9E9E9E;

}







#products input:focus, #products textarea:focus {

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: none;

    font-weight: bold;

    border-bottom: 2px solid skyblue;

    outline-width: 0;

}



/*Blue Buttons*/

#products .action-button {

    width: 100px;

    background: #014074;

    font-weight: bold;

    color: #ffffff;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px;

	text-transform: uppercase;

}



#products .action-button:hover, #products .action-button:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;

}



/*Previous Buttons*/

#products .action-button-previous {

    width: 100px;

    background: #002C4F;

    font-weight: bold;

    color: white;

    border: 0 none;

    border-radius: 0px;

    cursor: pointer;

    padding: 10px 5px;

    margin: 10px 5px;

	text-transform: uppercase;

}



#products .action-button-previous:hover, #products .action-button-previous:focus {

    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;

}



/*Dropdown List Exp Date*/

select.list-dt {

    border: none;

    outline: 0;

    border-bottom: 1px solid #ccc;

    padding: 2px 5px 3px 5px;

    margin: 2px;

}



select.list-dt:focus {

    border-bottom: 2px solid skyblue;

}



/*The background card*/

.card {

    z-index: 0;

    border: none;

    border-radius: 0.5rem;

    position: relative;

}



/*FieldSet headings*/

.fs-title {

    font-size: 25px;

    color: #2C3E50;

    margin-bottom: 10px;

    font-weight: bold;

    text-align: left;

}



/*progressbar*/

#progressbar {

    display: flex;

    margin-bottom: 0px;

    overflow: hidden;

    color: lightgrey;

    justify-content: center;

}



#progressbar .active {

    color: #000000;

}



#progressbar li {

    list-style-type: none;

    font-size: 12px;

    width: auto;

    padding: 10px 11px;

    float: left;

    position: relative;

}

.imagehead {

    width: 100%;

    text-align: center;

}
.l-whitebox.mrgt-10 {
    background: white;
    border: 1px solid darkgray;
    text-align: left;
}
label.form-label.subheading {

       color: black;
    font-size: 20px;
    font-weight: inherit;
    text-transform: capitalize;
    margin-bottom: 20px

}

.col-12.pymt {

 color: #014074;

font-size: 24px;

font-weight: bold;

text-transform: uppercase;

margin-bottom: 0px;

}

.gray-body.month {

    color: #014074;

}

/*Icons in the ProgressBar*/

/*#progressbar #account:before {

    font-family: FontAwesome;

    content: "\f023";

}

*/

/*#progressbar #personal:before {

    font-family: FontAwesome;

    content: "\f007";

}*/



/*#progressbar #payment:before {

    font-family: FontAwesome;

    content: "\f09d";

}*/



/*#progressbar #confirm:before {

    font-family: FontAwesome;

    content: "\f00c";

}*/



/*ProgressBar before any progress*/

#progressbar li:before {

    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 18px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px;

}



/*ProgressBar connectors*/

/*#progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: lightgray;

    position: absolute;

    left: 0;

    top: 25px;

    z-index: -1;

}*/



/*Color number of the step and the connector before it*/

#progressbar li.active:before, #progressbar li.active:after {

    background: skyblue;

}



/*Imaged Radio Buttons*/

.radio-group {

    position: relative;

    margin-bottom: 25px;

}



.radio {

    display:inline-block;

    width: 204;

    height: 104;

    border-radius: 0;

    background: lightblue;

    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

    box-sizing: border-box;

    cursor:pointer;

    margin: 8px 2px; 

}



.radio:hover {

    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);

}



.radio.selected {

    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);

}



/*Fit image in bootstrap div*/

.fit-image{

    width: 100%;

    object-fit: cover;

}



#products fieldset .form-card {

    /*background: #50c3e0;*/

    border: 0 none;

    border-radius: 0px;

    box-shadow: none;

    padding: 20px 40px 30px 40px;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    position: relative;

}



.headtext p {

  margin-bottom: 23px;

    font-size: 28px;

    text-transform: uppercase;

    color: darkblue;

    font-weight: 500;

}

.headtext {

    text-align: center;

}

/*input#energy-hot-water {

    width: auto;

}

input#just-energy {

    width: auto;

}*/

.headlab {

    text-align: center;

    margin-bottom: 44px;

}

.leftside {

    text-align: left;

    padding: 10px;

}

.cet {

padding: 10px;

}

.col-sm-6.friststep {

    border: 1px dashed #fff;

    padding: 15px;

}



@media (min-width: 320px) and (max-width:  1205px){

  #progressbar li {

    list-style-type: none;

    font-size: 12px;

    width: auto;

    padding: 9px;

    float: left;

    position: relative;

}

  .active strong {

    font-weight: 400;

    background: #fdc751;

    padding: 6px;

    color: white;

    font-size: 14px;

}

li strong {

    font-weight: 400;

    background: darkblue;

    padding: 6px;

    font-size: 14px;

    color: white;

}



}



input.previous.action-button-previous {

  width: auto !important;

    padding: 10px 52px !important;

}

input#showfrom {

  width: auto !important;

    padding: 10px 16px !important;

}

input.next.action-button {

  width: auto !important;

    padding: 10px 52px !important;

}

/*.col-md-6.col-lg-6.rightimg {

    display: none;

}
*/
/*.col-md-6.col-lg-6.leftimg {

    display: none;

}*/

.row.customec {

    float: left !important;

    width: 50%;

}
.col-md-6.col-lg-6.leftimg {
    background-image: url(https://mysolar.ie/wp-content/uploads/2022/10/left-240x300-1.jpg) !important;
    background-size: cover;
}

.row.customec2 {

    width: 50%;

    float: right !important;

    background-image: url(https://mysolar.cleverdigital.ie/wp-content/uploads/2022/08/Screenshot_6.png);

    margin-left: 11px;

}

/*.r-whitebox {

    background: #fff;

    border-radius: 0px 30px 30px 0px;

    padding: 20px;

    position: inherit !important;

    left: -15px;
    top: 27%;
    bottom: 0%;

    color: #005baa;

    font-family: 'Roboto Slab', serif;
	width: 86%

}*/

@media (min-width:  320px) and (max-width:  767px){

  .row.customec {

    float: left !important;

    width: 100%;

}

.row.customec2 {

    width: 100%;

    /*float: right !important;*/

}

#products fieldset .form-card {

    background: #50c3e0;

    border: 0 none;

    border-radius: 0px;

    box-shadow: none;

    padding: 0 !important;

    box-sizing: border-box;

    width: 100%;

    margin: 0 3% 20px 3%;

    position: relative;

}

}

.none {

    display: none;

}

.loadforothere .col-md-12.col-lg-6.leftimg #tickmarks p {

    color: black !important;

    font-size: 15px !important;

    position: relative;

    display: flex;

    justify-content: center;

    text-align: center !important;

    width: 1px;

    background: #D3D3D3;

    height: 0;

    line-height: 2.5;

    margin: 0 0 20px 0;

    padding-top: 9px;

}

.loadforothere .col-md-12.col-lg-6.leftimg .gray-body .col-sm-9.fina {

    font-size: 20px;

    font-weight: bold;

}

.loadforothere .col-md-12.col-lg-6.leftimg p#Monthlyent {

    font-size: 19px;

    font-weight: bold;

}



.loadforothere p.result {

    font-size: 25px;

    font-weight: bold;

}



p#seli{margin-top: -30px;}

.logoforrightside {

  position: inherit;

  top: 25%;

}

.loadforothere .gray-header{background: #e0e0e0;}



.loadforothere .col-sm-7.finato {

    text-align: left;

}

.loadforothere .col-sm-7.txt-right.finato {

    text-align: right;

}



.loadforothere div#grant {

    font-weight: bold;

	font-size: 17px;

}

.loadforothere p#mygrant{

    font-weight: bold;

	font-size: 17px;

}



.loadforothere p#nett {

	font-weight: bold;

	font-size: 17px;

}



.loadforothere p#lessgrant {

    font-weight: bold;

	font-size: 17px;

}

/*.page-id-1276 .container-fluid {*/
/*    max-width: 1189px !important;*/
/*}*/
@media (min-width: 1200px){
    .page-id-1276 .container-fluid {
    max-width: 1189px !important;
}
}

 @media (min-width: 320px) and (max-width: 767px) {
    .loadforothere .col-md-12.col-lg-6.rightimg {
      margin-bottom: 150px;
    }
  }
  @media(min-width: 768px) and (max-width: 991px) {
    .loadforothere .col-md-12.col-lg-6.rightimg {
      margin-top: 12px;
      height: 826px;
      margin-bottom: 0;
    }
  }
  .loadforothere .range-wrap {
    margin-right: 23px;
    margin-top: 24px;
    width: auto !important;
    position: relative;
  }
  @media (min-width: 1098px) and (max-width: 1200px) {
    .container {
      max-width: 100%;
    }
  }
  @media (min-width: 992px) and (max-width: 1097px) {
    .col-md-12.col-lg-6.leftimg {
      display: contents;
    }
    .col-md-12.col-lg-6.rightimg {
      height: 826px;
      display: block;
      max-width: 100% !important;
      flex: 0 0 100%;
    }
    .loadforothere {
      padding: 5px 77px;
    }
  }
  @media (min-width: 901px) and (max-width: 920px) {
    .r-whitebox {
      background: #fff;
      border-radius: 0px 30px 30px 0px;
      padding: 20px;
      position: inherit !important;
      left: 0px;
      top: 28%;
      bottom: 0%;
      color: #005baa;
      font-family: 'Roboto Slab', serif;
    }
  }
  img.loader {
    left: 50%;
    position: absolute;
    top: 80%;
  }

/* --- Wizard Container Styles --- */
.wizard-container {
  /*margin: 0 auto;
  border: 4px solid #4FC3F7;
  border-radius: 8px;
  overflow: hidden;
  font-family: sans-serif;*/
}
.wizard-header {
  /*background: #003366;*/
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
}
.steps-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.steps-nav button {
  padding: 15px 30px;
  background: #003366;
  border: none;
  cursor: pointer;
  font-size: 36px;
  /*font-weight: bold;*/
  color: #ffffff;
  transition: background .3s;
	font-family: "Bebas Neue", sans-serif;
	text-align: left;
	border-radius: 15px 15px 0px 0px;
	line-height: 36px;
}
.steps-nav button.active {
  background: #ffc844;
  color: #fff;
}
.step-content {
  padding: 0px 0px 40px 0px;
  background: #fff;
}
.wizard-footer {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  /*background: #fff;*/
}
.wizard-footer .btn {
  background: #003366;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}
.wizard-footer .btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.steps-main{ border: solid 8px #58c6e2; border-radius: 10px; background: #58c6e2;}
.cal-icon{margin: 15px;}
.country-drop{padding: 30px;}
.invalid-feedback{margin-top: 30px;}
.panelnone{text-align: right;}
.sd-price{font-size: 24px; text-align: right;}
.text-center{text-align: center;}
#nett{font-size: 24px; font-weight: bold;}
.finato {margin-bottom: 10px;}
h3.result{color:#002244; font-size: 36px; border-bottom: solid 2px #ccc; margin-bottom: 20px; padding-bottom: 10px;}
.quote-btn a:hover{color: #ffffff;}
.quote-btn a{background-color:#0185c5; color:#ffffff; font-size: 20px; padding: 15px 30px;}
#fromofcal .form-group{margin-bottom: 15px;}
#fromofcal .form-group select{font-size: 16px;}