@font-face {
  font-family: "iconfont"; /* Project id 3230568 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASgAAsAAAAACcwAAARSAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDbgqFWIR2ATYCJAMkCxQABCAFhGcHdhuSCMiemjztl6aHDIs2wwKAaQEI4mntdd7bvT0McQFINlGRJVCtBBlXoL0CXVICW9U6YmGIXdUHoao+Tay5iXhSD0U0JFNL2nari45YW6fSaMSn07ldruU+gi2nrB7lTx0QZ+728nA0uZTAkSbwYDu+QlYpJB54bvabFEhEgSyRyb0wzrOUewd2p7eB1h/3qmaMBfIoHwAyx7RcMBTdFKC0m8baVMJevVox7mKdTSeVOPE1fwQBiVXogZQtXUMQnqnQoRgYMirwrTLnGAXvwc7WsEVkcm0vjJGdBLrpJ+CK/n55s0a8oIII8qgt+5pluKvIvWV8y8NcyMfrgYMVBMCAZStzylrvP4TD5pcBlZR9xmkDQCai7E2AFDgGTFbq9xYiXKEmQZFRXzt6/M/jREIGkoL1GeAnChEqwhEoKikCi8oxBA6VQt7WMAlWQjDUQQyjfXwQh0D71KN67tj4gm5AdIBfIDmENo7eUJ6SqnwIF8o6mUR19hpH19G9Hb9+gcjv/P1bVOz++1eU7/rzZ+c9y/4R+9aD5RlsduzLXafM0aOCPnzgj/72KHPBdhQP9+n+LU+rwbikPTSHcJ9VoWt1C8TfxHReug2W/I7/drX+1FTvBD0djOWrEXsj1TNphGrzTraOYpSR7lHh6X3h15duIF6cf79SWDc9Ttq9H1dlxWBH+W5JkxVxs+2EjgcF17F1YG+9v24zJZ6sD90ziZI4STg5VP9V8prRVGjn8eseP3uIh7989LzgVHIWlfK94Z1q5d5BMvtDXcMUvNyxe5gMMqzubA/t1GrCA+zzaq9DRX+vtfr5oSi7jTqB/b12i97G3ZwVvYtR3fMkaxqfdEzswkOhJc+hu9B24dsHaXF3sD6Dm1Cs/mB9vn39eUaJGKSYcR5tjDw7Z4KohzNVIvkyY9u4Pq1jf/5o7ThpH7+6fzxY23eW22dqXzjpAa2TTpuxcfPXE5u//OhBANCz+gFaublkTgKAuWodBU+a+LP9Dl+KFV+zkYb/3tQC8O/sun9Qj1+IKFrL/1rbay1Aq2XlsFYQxwA/EAGxMaD4pqwkdAj+UeFufsY193wjXhFFij2o0AgYkTloi18CgdQacCKjkFiK7fJUDxUcJI6BBcwRiE5OoNq9BqOTT7TFf0Ogn19wOvmHxC4J3Sy1QKRGjlSgTGLLJCsZusJMQi87gGxepbwoM4LcykGK6NTatNSKOvIhTqkvsHRDKCTFDY3Yd49DVTVIhRt5lEQ8I4SZ0WhSZV8SjxsaNMJBKAJEhhBjGUIWCQMdRQ4W8c8bAGHMo0LhLdEjXo61keHlCTrUaFugW/V6q74r2b3OAow0DQTK5rAUHAMNgv3mRVSaNyBUyvfLg0gI4mR6ZE0yaPCgVFt9fH6j9kIvAAly4zhQMWIlECehRBJLgluMGNvRdPMcy4oUXEVFZmGmOm+J6+hyQPAc1ZmKsaYZ8l0JY1F3W6g+CRsAAAA=') format('woff2'),
       url('https://cmsdata.solisinverters.com/static_resources/static/font/iconfont-1646818616110.woff') format('woff'),
       url('https://cmsdata.solisinverters.com/static_resources/static/font/iconfont-1646818616110.ttf') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.icon-to-top:before {
  content: "\e6a4e";
}

.icon-right1:before {
  content: "\e601";
}

.icon-left1:before {
  content: "\e6fc";
}

.icon-plus:before {
  content: "\e60b";
}

.icon-play:before {
  content: "\e60ee";
}

.icon-triangle-up:before {
  content: "\e67c";
}

.icon-triangle-down:before {
  content: "\e68c";
}

.icon-select:before {
  content: "\e68b";
}


@keyframes circle-anim {
    0% {
        transform: scale(0.65);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes circle-anim {
    0% {
        transform: scale(0.65);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    /*height: 12px;*/
    /*width: 12px;*/
    /*margin: -6px 0 0 -6px;*/
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    /*margin: -5px 0px 0px -5px;*/
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}




#fp-nav {
    right: 2%;
    z-index: 50;
    top: 50%;
}

#fp-nav ul li a {
    text-align: center;
    line-height: 1;
    font-size: 0;
}

#fp-nav ul li a span {
    background: none;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: static;
    margin: 0;
}
#fp-nav .active span {
    background-color: #fff;
    border-color: #fff;
}