.grid-container {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 75rem;
  margin: 0 auto; }
  @media print, screen and (min-width: 48.0625em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 100%;
    margin: 0 auto; }
    @media print, screen and (min-width: 48.0625em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto; }

.grid-x {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.cell {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .cell.shrink {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }

@media print, screen and (min-width: 48.0625em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 48.0625em) {
  .grid-x > .medium-auto {
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
  @media print, screen and (min-width: 48.0625em) {
    .grid-margin-x {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  @media print, screen and (min-width: 48.0625em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 2.5rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 2.5rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 2.5rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 2.5rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 2.5rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 2.5rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 2.5rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 2.5rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 2.5rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 2.5rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 2.5rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 2.5rem); }
  @media print, screen and (min-width: 48.0625em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -1.25rem;
  margin-left: -1.25rem; }
  @media print, screen and (min-width: 48.0625em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -1.25rem;
  margin-left: -1.25rem; }

/*************************

Font Family

*/
/* ----- Font weight ------- */
/* ------------------ */
/* Color */
/*************************

Mixins

*/
* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased; }


/************ Transition *************/
/************ Box shadow *************/
/************ Tranform scale *************/
/************ Tranform Translate Y *************/
/************ Tranform Translate X *************/
/************ Breakpoints *************/

  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 1.5rem; } }
  @media (max-width: 479px) {
    h1, .h1 {
      font-size: 1.25rem; } }


  @media (max-width: 767px) {
    h3, .h3 {
      font-size: 1.5rem; } }
  @media (max-width: 479px) {
    h3, .h3 {
      font-size: 1.375rem; } }



@media (max-width: 1140px) {
  header .main-header .main-menu .enumenu_ul li ul li a {
    padding: 13px 14px 18px !important; }
  .enumenu_ul.desk ul li a:before {
    left: 14px;
    right: 14px; } }

body#tinymce {
  height: auto;
  max-width: 75rem;
  padding: 1.25rem !important; }

header {
  position: relative; }
  header .main-header {
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 999;
    box-shadow: -3px -1px 13px 3px rgba(0, 0, 0, 0.5);
    height:106px; }
    @media (max-width: 991px) {
      header .main-header {
        height:70px; } 
		header .main-header .logo a { width:130px !important;}
		}
    header .main-header .logo {
      float: left;
      width: 20%;
      margin: 0 auto;
      text-align: center;
      padding-top: 1.125rem;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      padding-left: 0.4375rem; }
	  header .main-header .logo a {
    display: inline-block;
    width: 190px;
}
      @media (max-width: 991px) {
        header .main-header .logo {
          position: absolute;
          left: 20px;
          width: 142px;
          padding-top: 10px; } }
      @media (max-width: 991px) {
        header .main-header .logo img {
          width: 100%; } }
    header .main-header .main-menu {
      float: left;
      width: 80%; }
      @media (max-width: 991px) {
        header .main-header .main-menu {
          width: 100%; } }
      header .main-header .main-menu .enumenu_ul {
        float: right; }
        @media (max-width: 1300px) {
          header .main-header .main-menu .enumenu_ul li a {
            padding: 46px 10px 30px; } }
        @media (max-width: 1140px) {
          header .main-header .main-menu .enumenu_ul li a {
            padding: 46px 7px 30px;
            font-size: 0.875rem; } }
        @media (max-width: 991px) {
          header .main-header .main-menu .enumenu_ul li a {
            padding: 15px 19px 15px !important; } }
  header .fixed-nav {
    top: 0;
    position: fixed;
    -webkit-animation: slide-down 0.7s;
    animation: slide-down 0.7s;
    opacity: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    z-index: 9999;
    height:84px; }
    @media (max-width: 991px) {
      header .fixed-nav {
        height: 62px !important; } }

.fixed-nav .enumenu_ul li a {
  padding: 2.0625rem 1.1875rem 1.4375rem; }
  @media (max-width: 1300px) {
    .fixed-nav .enumenu_ul li a {
      padding: 1.875rem 0.625rem 1.4375rem !important; } }

.fixed-nav .logo {
  padding-top: 0.3125rem !important; }

.enumenu_ul > li:last-child {
  background: #ee7622;
  margin-left: 1.4375rem; }
  .enumenu_ul > li:last-child:hover a {
    color: #fff;
    background: #65656a; }
  @media (max-width: 991px) {
    .enumenu_ul > li:last-child {
      margin-left: 0; } }
  .enumenu_ul > li:last-child a {
    color: #fff !important;
    padding-left: 43px;
    padding-right: 41px; }

.main-banner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative; }

.home-banner {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .home-banner .heroBannerImage {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover !important;
    overflow: hidden; }
  @media (max-width: 991px) {
    .home-banner {
      height: 550px; } }
  @media (max-width: 768px) {
    .home-banner {
      height: 400px;
      text-align: center; } }
  .home-banner .grid-container {
    position: relative;
    height: 100%; }
  .home-banner .entry-title {
    margin-top: 7.0625rem; }
    .home-banner .entry-title p {
      font-weight: 900;
      font-size: 3.375rem;
      line-height: 3.75rem;
      color: #333333;
      letter-spacing: 0.025em;
      margin-bottom: 0.375rem; }
      @media (max-width: 768px) {
        .home-banner .entry-title p {
          font-size: 1.625rem;
          line-height: 1.875rem; } }
      @media (max-width: 640px) {
        .home-banner .entry-title p {
          font-size: 1.25rem; } }
    .home-banner .entry-title p.go {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
      opacity: 1;
      -webkit-animation-duration: 6s;
      animation-duration: 6s; }
    @media (max-width: 640px) {
      .home-banner .entry-title h1 br {
        display: none; } }
    @media (max-width: 640px) {
      .home-banner .entry-title h1 {
        font-size: 1.125rem;
        margin-top: 0.8125rem; } }

.bannerPart {
  min-height: 15.625rem;
  position: relative;
  background-size: cover;
  background-position: center center; }
  .bannerPart:after {
    content: '';
    background: rgba(13, 34, 64, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0; }
  @media (max-width: 1140px) {
    .bannerPart {
      min-height: 11.875rem; } }
  @media (max-width: 479px) {
    .bannerPart {
      min-height: 7.5rem; } }
  .bannerPart h2 {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    text-transform: uppercase;
    z-index: 1; }

/*.project-box{

margin-bottom: rem-calc(106);



&.hidden{

display: none;

}

@include breakpoints(large) {

margin-bottom: rem-calc(50);

}    

.imagepart{

min-height: rem-calc(335);

background-size: cover;

background-position: center center;

margin-bottom: rem-calc(15);







@include breakpoints(tablet-portrait) {

padding-bottom: 73%;

min-height:rem-calc(300);

}

}

.textpart{

h3{

font-size: rem-calc(48);

font-weight: 900;

letter-spacing: 0.01em;

color: $vivid-orange;

margin-top:rem-calc(3);

line-height: 1;

}

ul{

margin:rem-calc(-3 0 0 0);

padding: 0;

list-style: none;



li{

font-size: rem-calc(25);

margin-bottom: rem-calc(2);

strong{



}

span{

display: inline-block;

margin-right: rem-calc(20);





}

}

}



@include breakpoints(large) {

h3{ font-size: rem-calc(40);}

ul{

margin: 0;

li{

font-size: rem-calc(20);

}

}

}  

@include breakpoints(tablet-portrait) {

h3{ font-size: rem-calc(35);}

ul{

margin: 0;

li{

font-size: rem-calc(20);



}

}

}

@include breakpoints(extra-small) {

h3{ font-size: rem-calc(30);}

ul{

margin: 0;

li{

font-size: rem-calc(18);

line-height: initial;

margin-bottom: rem-calc(10);

strong{

display: block;

}

}

}

}

}

}

*/
.selectbox {
  padding: 3.9375rem 0 5.5625rem 0; }
  @media (max-width: 1200px) {
    .selectbox {
      padding: 2.5rem 0 2.5rem 0; } }
  @media (max-width: 479px) {
    .selectbox {
      padding: 1.875rem 0 1.875rem 0; } }
  .selectbox #select-box {
    background: #ee7622;
    border: 0;
    padding: 0.6875rem 1.0625rem;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    height: inherit;
    width: inherit;
    color: #fff;
    text-transform: uppercase;
    min-width: 13.75rem;
    background: #ee7622 url(../images/arrow.svg);
    background-position: right 20px center;
    background-repeat: no-repeat; }

.testimonials {
  background: #ebeaeb;
  padding: 8.8125rem 0 9.4375rem 0; }
  .testimonials .orbit-previous {
    background: url(../images/prev.svg);
    font-size: 0;
    width: 25px;
    height: 41px;
    background-repeat: no-repeat;
    cursor: pointer; }
    @media (max-width: 768px) {
      .testimonials .orbit-previous {
        width: 18px;
        height: 30px;
        background-size: 16px; } }
    .testimonials .orbit-previous span {
      display: none; }
  .testimonials .orbit-next {
    cursor: pointer;
    background: url(../images/next.svg);
    font-size: 0;
    width: 25px;
    height: 41px;
    background-repeat: no-repeat;
    background-position: right; }
    @media (max-width: 768px) {
      .testimonials .orbit-next {
        width: 18px;
        height: 30px;
        background-size: 16px; } }
    .testimonials .orbit-next span {
      display: none; }
  @media (max-width: 1200px) {
    .testimonials {
      padding: 4.375rem 0 4.375rem 0; } }
  .testimonials .testimonials-cover .docs-example-orbit-slide {
    text-align: center;
    max-width: 60.75rem;
    margin: auto;
    padding: 0 1.875rem;
    margin: auto; }
    .testimonials .testimonials-cover .docs-example-orbit-slide p {
      font-size: 1.875rem;
      font-weight: 500;
      line-height: 1.35;
      margin-bottom: 0.75rem;
      color: #39434A; }
    .testimonials .testimonials-cover .docs-example-orbit-slide span {
      display: inline-block; }
  @media (max-width: 991px) {
    .testimonials .testimonials-cover .docs-example-orbit-slide {
      max-width: 57rem; }
      .testimonials .testimonials-cover .docs-example-orbit-slide p {
        font-size: 1.5rem; }
      .testimonials .testimonials-cover .docs-example-orbit-slide span {
        display: inline-block; } }
  @media (max-width: 768px) {
    .testimonials {
      padding: 2.5rem 0 2.5rem 0; }
      .testimonials .testimonials-cover .docs-example-orbit-slide {
        max-width: 57rem; }
        .testimonials .testimonials-cover .docs-example-orbit-slide p {
          font-size: 1.375rem; }
        .testimonials .testimonials-cover .docs-example-orbit-slide span {
          font-size: 1.125rem; } }

.why-solar {
  height: 46.1875rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100%;
  background-position: center center !important;
  padding-top: 6.5rem;
  position: relative; }
  .why-solar:before {
    content: "";
    background: rgba(254, 255, 255, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: none; }
    @media (max-width: 768px) {
      .why-solar:before {
        display: block; } }
  @media (max-width: 767px) {
    .why-solar {
      padding-top: 1.875rem; } }
  .why-solar .left-solar {
    position: relative; }
    @media (max-width: 767px) {
      .why-solar .left-solar {
        margin-bottom: 1.875rem; } }
    .why-solar .left-solar h2 {
      margin-bottom: 0.5rem; }
    .why-solar .left-solar p {
      font-size: 1.5625rem;
      line-height: 2.1875rem; }
      @media (max-width: 767px) {
        .why-solar .left-solar p {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
      @media (max-width: 479px) {
        .why-solar .left-solar p {
          font-size: 1rem;
          line-height: 1.5rem; } }
  .why-solar .right-solar ul {
    width: 100%;
    padding: 0;
    margin: 0; }
    .why-solar .right-solar ul li {
      list-style: none;
      font-weight: bold;
      font-size: 1.5rem;
      margin-bottom: 0.75rem;
      padding-left: 2.0625rem;
      position: relative;
      line-height: 1.875rem; }
      @media (max-width: 768px) {
        .why-solar .right-solar ul li {
          font-size: 1.25rem; } }
      @media (max-width: 479px) {
        .why-solar .right-solar ul li {
          font-size: 1.125rem;
          margin-bottom: 0; } }
      .why-solar .right-solar ul li:before {
        content: "ü";
        position: absolute;
        left: 0;
        color: #ee7622;
        font-size: 1.5rem;
        font-family: "Wingdings";
        top: 1px;
        font-weight: 300; }

.why-now {
  padding: 92px 0 30px;
  text-align: center;
  overflow: hidden; }
  .why-now .why-title {
    max-width: 1037px;
    margin: 0 auto 43px;
    width: 100%; }
    @media (max-width: 479px) {
      .why-now .why-title {
        margin: 0 auto 30px; } }
    .why-now .why-title h2 {
      margin-bottom: 0.625rem; }
    .why-now .why-title p {
      font-size: 1.5625rem;
      line-height: 2.1875rem; }
      @media (max-width: 768px) {
        .why-now .why-title p {
          font-size: 1.125rem;
          line-height: 1.625rem; } }
      @media (max-width: 479px) {
        .why-now .why-title p {
          font-size: 1rem;
          line-height: 1.4375rem; } }
  .why-now .round-pre.go {
    webkit-animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp;
    opacity: 1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .why-now .round-pre {
    width: 100%;
    height: 370px;
    padding: 0 1.5625rem;
    margin-bottom: 1.875rem;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: radial-gradient(ellipse at center, #8a9499 0%, #8a9499 11%, #6b7479 50%, #5a6268 72%, #5a6268 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9499', endColorstr='#5a6268',GradientType=1 );
    /* ie6-9 */
    border-radius: 50%;
    display: table; }
    @media (max-width: 1140px) {
      .why-now .round-pre {
        height: 18.3125rem;
        width: 18.3125rem;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      .why-now .round-pre {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 1.875rem; } }
    @media (max-width: 479px) {
      .why-now .round-pre {
        height: 16.25rem;
        width: 16.25rem; } }
    .why-now .round-pre .round-inner-text {
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
      .why-now .round-pre .round-inner-text h5 {
        font-size: 5.625rem;
        font-weight: 300;
        color: #fff;
        line-height: 4.9375rem;
        margin-bottom: 1.375rem; }
        @media (max-width: 1200px) {
          .why-now .round-pre .round-inner-text h5 {
            font-size: 2.8125rem;
            line-height: 2.625rem;
            margin-bottom: 0.625rem; } }
      .why-now .round-pre .round-inner-text p {
        color: #fff;
        margin-bottom: 0;
        line-height: 30px; }
        @media (max-width: 1200px) {
          .why-now .round-pre .round-inner-text p {
            line-height: 1.5625rem; } }
        @media (max-width: 991px) {
          .why-now .round-pre .round-inner-text p {
            margin: 0 auto;
            text-align: center;
            max-width: 14.8125rem;
            width: 100%; } }
        @media (max-width: 1200px) {
          .why-now .round-pre .round-inner-text p br {
            display: none; } }

.solar-ans {
  text-align: center;
  padding: 1.5625rem 0 4.6875rem 0;
  overflow: hidden; }
  .solar-ans h2 {
    margin-bottom: 4.0625rem; }
    @media (max-width: 768px) {
      .solar-ans h2 {
        margin-bottom: 1.875rem; } }
  .solar-ans .solar-img img {
    width: 100%;
    display: block; }

.solar-img.go {
  webkit-animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  opacity: 1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.solar-solution {
  padding: 90px 0 74px;
  overflow: hidden;
  /* IE10+ */
  /* Mozilla Firefox */
  /* Opera */
  /* Webkit (Safari/Chrome 10) */
  /* Webkit (Chrome 11+) */
  /* W3C Markup */
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #e5e5e6 100%); }
  .solar-solution .soluction-title {
    margin-top: 5rem; }
    @media (max-width: 767px) {
      .solar-solution .soluction-title {
        margin-top: 0.625rem;
        text-align: center; } }
  .solar-solution .soluction-img {
    text-align: right; }
    @media (max-width: 768px) {
      .solar-solution .soluction-img {
        max-width: 355px;
        margin: 6px auto 0;
        width: 100%;
        text-align: center; } }
  .solar-solution .go {
    webkit-animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
    opacity: 1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .solar-solution .solu-all-mem {
    padding-top: 4.375rem;
    overflow: hidden; }
    .solar-solution .solu-all-mem .soluction-member {
      margin-bottom: 1.875rem;
      position: relative;
      height: 100%;
      padding: 0 0 3.75rem 0; }
      .solar-solution .solu-all-mem .soluction-member p {
        margin: 0; }
      @media (max-width: 768px) {
        .solar-solution .solu-all-mem .soluction-member {
          text-align: center; } }
      .solar-solution .solu-all-mem .soluction-member h3 {
        margin-bottom: 0.8125rem; 
		    color: #333333;
	}
      .solar-solution .solu-all-mem .soluction-member .button {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #000;
        font-family: "Barlow";
        font-weight: bold;
        color: #fff;
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 0.75rem 2.125rem;
        margin: 0; }
        .solar-solution .solu-all-mem .soluction-member .button:hover {
          background-color: #ee7622; }
    @media (max-width: 767px) {
      .solar-solution .solu-all-mem .soluction-member {
        padding-bottom: 0; }
        .solar-solution .solu-all-mem .soluction-member .button {
          position: relative;
          margin: 1.25rem 0 0 0;
          font-size: 1.125rem;
          line-height: 1.375rem;
          padding: 0.5625rem 1.5625rem; } }

.w-sun-capture {
  padding: 9.5625rem 0 7.5rem 0;
  overflow: hidden; }
  .w-sun-capture h2 {
    text-align: center;
    margin-bottom: 2.625rem; }
  .w-sun-capture .w-capture-img figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5.3125rem; }
    @media (max-width: 768px) {
      .w-sun-capture .w-capture-img figure {
        margin-bottom: 3.125rem; } }
    .w-sun-capture .w-capture-img figure:hover img:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
    .w-sun-capture .w-capture-img figure:hover:before {
      background: rgba(252, 102, 0, 0.5); }
    .w-sun-capture .w-capture-img figure:before {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      content: "";
      background: rgba(0, 0, 0, 0.3);
      height: 6.6875rem;
      bottom: 0;
      z-index: 1;
      transition: all 0.5s ease; }
    .w-sun-capture .w-capture-img figure img {
      width: 100%;
      display: block;
      transition: all 0.5s ease; }
    .w-sun-capture .w-capture-img figure figcaption {
      position: absolute;
      bottom: 24px;
      font-size: 35px;
      color: #fff;
      left: 34px;
      z-index: 2; }
  .w-sun-capture .round-radius {
    width: 100%;
    display: inline-block; }
    .w-sun-capture .round-radius:before {
      position: absolute;
      left: 0;
      width: 100%;
      height: 0.23%;
      content: "";
      background: #ee7622;
      display: none; }
      @media (max-width: 767px) {
        .w-sun-capture .round-radius:before {
          display: block !important; } }




/*# sourceMappingURL=data:application/json;charset=utf8;base64,