/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 28 2020 | 17:21:04 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
    width: 100%;
}

#main #content-wrap {
    padding-bottom: 0 !important;
}

::selection {
    color: unset;
    background: unset;
    text-shadow: none;
    text-shadow: unset;
}

/*Footer backgrounds*/

#footer-bottom-inner {
    max-width: 100%;
  margin-left: 9.6%;
}

#footer-bottom {
    background: url(/wp-content/uploads/2019/11/footer-bg2.svg) no-repeat;
    background-color: transparent;
    /*background-size: contain;*/
    background-position: bottom;
    margin-top: -46px;
    height: 65px;
    padding: 10px 0;
}

#footer-widgets {
    background: url(/wp-content/uploads/2019/11/footer-bg1.svg) no-repeat;
    background-color: transparent;
    height: 76.39px;
}

/*Footer items*/

#footer-bottom #footer-bottom-menu ul {
    display: block;
}

#footer-bottom #footer-bottom-menu li {
    font-size: var(--footerText);
    line-height: var(--footerLineHeight);
    text-transform: uppercase;
    cursor:pointer;
}

#footer-bottom #footer-bottom-menu li:after {
    content: '';
  	margin:0;
}


/*Footer hover*/

#footer-bottom #footer-bottom-menu ul {
    display: grid;
    grid-template-columns: 1fr 0.9fr 1.1fr 1fr 1fr 1fr 1.1fr;
    text-align: left;
    float: left;
    width: 60%;
}

#footer-bottom #footer-bottom-menu li:hover a {
  	font-weight: bold;
    font-size: var(--footerText);
    line-height: var(--footerLineHeight);
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-shadow: 0px 0px 15px #0B132B, 0px 0px 20px #0B132B, 0px 3px 9px rgba(155, 93, 222, 0.9), 0px 0px 7px rgba(97, 243, 245, 0.8);
    pointer-events:none;
}




/*Footer scroll button*/

#scroll-top {
    position: absolute !important;
    height: auto;
    width: 1280px;
    background-color: transparent !important;
    bottom: 2.04% !important;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    z-index: 5 !important;
    pointer-events: none;
}

#scroll-top>span:before {
  content:'';
}

#scroll-top span{
  width: 80px;
    height: 40px;
    line-height: 80px;
    background-color: #094074 !important;
    z-index: 1;
    background: url(/wp-content/uploads/2019/11/scroll-arrow.svg) no-repeat;
    background-position: center 19px;
    right: 0;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    margin-right: 5%;
  pointer-events: all;
}


#scroll-top span:hover {
  background-color:#111D4A !important;
}

#scroll-top span:active {
    background: url(/wp-content/uploads/2019/11/scroll-arrow.svg),linear-gradient(48.94deg, #9B5DDE -1.9%, #61F3F5 100%);
    background-position: center 19px,0 0;
    background-repeat: no-repeat, no-repeat !important;
}

/*Footer copyright text*/

#footer-bottom #copyright{
  font-family: 'Titillium Web', sans-serif !important;
  font-size: var(--footerText);
  line-height: var(--gridLineHeight);
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  bottom: 4px;
}

.site-footer {
    z-index: 4;
    width: 1280px;
    margin: auto;
    background:transparent;
}


.icon-fb, .icon-tw{
    position: absolute;
    cursor:pointer;
    transition: none !important;

}

.icon-fb {
    width: 29.15px;
    height: 28.15px;
    background: url(/wp-content/uploads/2019/11/fb-icon.svg) no-repeat;
    background-size: contain;
    right: 15%;
    bottom: 11px;
}


.icon-fb:hover {
    background: url(/wp-content/uploads/2019/11/fb-icon-hover.png) no-repeat;
    background-size: contain;
    width: 46.15px;
    height: 45.15px;
    bottom: 0px;
    right: 14.3%;
}

.icon-tw {
    width: 29.15px;
    height: 29.15px;
    background: url(/wp-content/uploads/2019/11/tw-icon.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 11%;
    bottom: 11px;
    cursor:pointer;
}

.icon-tw:hover {
    background: url(/wp-content/uploads/2019/11/tw-icon-hover.png) no-repeat;
    background-size: contain;
    width: 46.15px;
    height: 46.15px;
    bottom: 0px;
    right: 10.3%;
}