#particles-js:after {

content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 800px;
overflow: hidden;
background-image: linear-gradient(120deg,

#31676b,

#c37062) !important;
opacity: .7 !important;
mix-blend-mode: color !important;
mix-blend-mode: hue !important;
mix-blend-mode: hard-light !important;
position:absolute !important;
z-index: 0;
overflow:hidden;
}

#particles-js::before {
transform: skew(-15deg)
translateX(-50%);
}

#particles-js5:after {

content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 650px;
overflow: hidden;
}

#particles-js::before {
transform: skew(-15deg)
translateX(-50%);
}

img#footer_logo1 {
float: center !important;
}



#particles-js {
overflow: hidden;
}
.imagetop {
color:fff;
font-size:2em;
text-shadow:#000 1px 1px 1px;
overflow:hidden;
}
p.shadow {
text-shadow: #000 1px 1px 1px;
font-size: 40%;
max-width: ;
}

}

#.section-block-parallax:after {

content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 650px;
overflow: hidden;
background-image: linear-gradient(120deg,

#31676b,

#c37062) !important;
opacity: .7 !important;
mix-blend-mode: color !important;
mix-blend-mode: hue !important;
mix-blend-mode: hard-light !important;
position:absolute !important;
z-index: 0;
overflow:hidden;
}

.panel li{-webkit-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease}.loaded .panel li a{-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.panel {
font-family: 'Source Sans Pro';
font-size: 1.3em;
position: absolute;
z-index: 10;
width: 250px;
height: 60px;
background: #eeeeee6b;
top: 800px;
left: 48%;
margin: -110px 0 0 -100px;
padding: 15px;
border-radius: 4px;
box-sizing: border-box;
z-index: 100;
}
.panel.hide{display:none}.panel h1{font-size:1.8em;font-weight:700;text-align:center;color:#222;margin-top:-4px}.panel .r-version{display:block;margin-bottom:7px;text-align:center;font-size:.75em}.panel h2{font-weight:400;font-size:.8em;margin-bottom:16px;text-align:center;line-height:1.3em}.panel li{font-size:1.1em;font-weight:400;text-align:center;height:34px;line-height:34px;background:#05069cab;margin-top:10px;color:#222;border-radius:4px}.panel li a{display:block;width:100%;height:100%;color:#fff;margin-top: -10px; font-size:22px;}.panel li a:visited{color:#fff}.panel li a span:after{font-family:'icomoon';margin-left:10px;vertical-align:top}.panel li .label,.panel li .svg-wrap{vertical-align:top}.panel li .svg-wrap{width:18px;height:34px;margin-left:6px}.panel li .svg-wrap svg{fill:#222;width:100%;height:100%;-webkit-transition:fill 0.2s ease;transition:fill 0.2s ease}.panel li:hover{background:#222;color:#fff}.panel li:hover a{color:#fff}.panel li:hover svg{fill:#fff}.dg li.save-row select{

}
.site-description {
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
text-shadow: #000 1px 1px 1px;
}


.nav-menu {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
font-size: 0;
margin-top: 5px;
}

div#particles2-js {
background-image:url("/sentienship/img.V2/hclogosmallframenew11.apng") !important;
background-repeat: no-repeat;
height: 114px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -60px;
}
div#particles3-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 58px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles4-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 40px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles5-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 100px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
}
div#particles6-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 30px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles7-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 30px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles8-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 30px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles9-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 200px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
div#particles10-js {
background-image:url("") !important;
background-repeat: no-repeat;
height: 200px !important;
-webkit-background-size: inherit;
-moz-background-size: inherit;
-o-background-size: inherit;
background-size: inherit;
position:relative;
z-index:0!important;
margin-left: -20px;
}
.whiteTextOverride {
color: #fff !important;
text-shadow: #000 1px 1px 1px;
/* overflow: hidden; */
margin-top: 200px !important;
margin-top: 120px;
}
.particle-texth3 {
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 350px;
z-index: 999 !important;
/* overflow: hidden; */
font-size: 3em;
!mportant: ;
margin-top: 50px;
}

.figure {
margin: 0;
}

canvas{
width: 100%;
height: 100%;
display:block;
vertical-align:bottom;
}