/* ========== ADJUSTMENTS OF QNAP HEADER AND FOOTER ========== */
#Main_Menu_wrap_false {
    display: none !important;
}
@media (min-width: 1000px) {
.mainHeader {
    position: absolute !important;
}
.ftrBlock {
    padding-top: 50px;
}
}
.addthis_sharing_toolbox {
    width: 338px;
    margin: 0px auto 60px;
    filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; 
}
.addthis_sharing_toolbox a .at-icon-wrapper {
    border-radius:4px;
    }
@media screen and (min-width: 1000px) {
    .addthis_sharing_toolbox {
    filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; 
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: 160px;
    }
}

/* =========================================================== */
.sqfk-article .sqfk-keyvision {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/sqfk-r2-header-bkd.jpg');
    height: 450px;
    background-position: left;
    -webkit-animation: slide 30s ease;
    animation: slide 30s ease;
}

.sqfk-article .sqfk-keyvision__content {
  z-index: 101;
  position: relative;
}

@-webkit-keyframes slide {
  0%   { 
    background-position: left; 
}
  50%   { 
    background-position: right; 
}
  100% { 
    background-position: left; 
    }
}
@keyframes slide {
      0%   { 
    background-position: left; 
}
  50%   { 
    background-position: right; 
}
  100% { 
    background-position: left; 
    }
}


.sqfk-keyvision .sqfk-container {
    background: rgba(255, 255, 255, 0.82);
    background-size: cover;
    padding: 50px 0px 20px 0px;
    box-sizing:border-box;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #083634;
}

@media (min-width: 1000px) {
.sqfk-keyvision .sqfk-container {
    padding:35px 0px 10px; 
    width: 500px;
}
}



#sqss .sqss-regular .sqss-slide-block {
    width: 260px;
    height: 155px;
    margin-left: -130px;
}
@media (min-width: 360px) {
    #sqss .sqss-regular .sqss-slide-block {
        width: 300px;
        height: 150px;
        margin-left: -150px;
    }
}
@media (min-width: 720px) {
    #sqss .sqss-regular .sqss-slide-block {
        width: 640px;
        height: 320px;
        margin-left: -320px;
    }
}
@media (min-width: 1000px) {
    #sqss .sqss-regular .sqss-slide-block {
        width: 720px;
        height: 360px;
        margin-left: -360px;
    }
}
@media (min-width: 1000px) {
#sqss .sqss-regular .sqss-slide-caption {
    height: 72px;
}
}

/*#levelsync ul li:nth-child(1) {
    padding-top: 20px;
    background-color: #A51200;
}
#levelsync ul li:nth-child(1) h4 .label, #levelsync ul li:nth-child(1) p {
    color: #FFFFFF;
}*/


/* GO TOP */
#back-top {
    position: fixed;
    bottom: 30px;
    right:20px;
}

#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background: url('../images/back_top.png') rgba(100,100,100,0.3) no-repeat center center;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: rgba(100,100,100,0.5) ;
}

/* 1f bg */
#vt-1f {
    background-color: #106b6d;
    text-align: center;
}


.sqfk-article #vt-1f.sqfk-section p { color:#ffffff; padding-top:20px; font-size: 20px; }

#vt-1f .mean { margin:5em 0px 1em;}
#vt-1f .mean:after { content: " ";  display: block;  clear: both; }
#vt-1f .point { float:left; width:29%; margin:2%; text-align:center; } 
#vt-1f .point p { margin-bottom:20px; }
@media (min-width: 320px) {
    #vt-1f .point { float:none; width:100%; text-align:center; margin:0 0 50px; text-align:center; }
}
@media (min-width: 640px) {
    #vt-1f .point { float:left; width:29%; margin:2%; text-align:center; margin-bottom:0px; }
}
@media (max-width: 639px) {
    #vt-1f .mean br { display:none; }
}

/* 3f bg */
#vt-3f {
    background-image:url('../images/vt-3f-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
}


/* 4f bg */
#vt-4f {
    background-image:url('../images/vt-4f-bg.png');
    background-position: bottom;
    animation: 6s linear 0s infinite bp;
    display: flex;
    align-items: center;
    justify-content: center;
}


@keyframes bp {
  from {
    background-position:  198px 0;
  }
  
  to {
    background-position:  0 198px;
  }
}

/* 5f bg */
#vt-5f {
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}
.sqfk-article #vt-5f.sqfk-section h3{
    color: #ffffff;
}