/*-------------------------------------------------------------------------------
Scroll Indicator
-------------------------------------------------------------------------------*/

.scroll-indicator-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background: #202020;
    background: #719EC7;
    background: #4A77A0;
    border-radius: 50%;


    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.scroll-indicator-wrapper.bottom-position {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.scroll-indicator-wrapper.scroll-indicator-wrapper-position-secondary {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.scroll-indicator {
    position: absolute;
    height: 54px;
    width: 54px;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    cursor: pointer;
    z-index: 500;
    opacity: .75;
}

.scroll-indicator  {
    display: block;
}


@media only screen and (max-width: 880px) {
    .scroll-indicator {
        height: 50px;
        width: 50px;
        bottom: 95px;
    }
}

.arrow {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s ease;
    -moz-transition: -moz-transform 0.6s ease;
    transition: transform 0.6s ease;
    -webkit-animation: scroll-indicator 1s infinite;
    -moz-animation: scroll-indicator 1s infinite;
    -o-animation: scroll-indicator 1s infinite;
    animation: scroll-indicator 1s infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    cursor: pointer;
}

.arrow-move-down {
    position: relative;
    top: 10px;
}

@media only screen and (max-width: 880px) {
    .arrow-move-down {
        top: 5px;
    }
}

@-webkit-keyframes scroll-indicator {
    0% {
        bottom: -13px;
    }
    50% {
        bottom: -8px;
    }
    100% {
        bottom: -13px;
    }
}

@-moz-keyframes scroll-indicator {
    0% {
        bottom: -13px;
    }
    50% {
        bottom: -8px;
    }
    100% {
        bottom: -13px;
    }
}

@keyframes scroll-indicator {
    0% {
        bottom: -13px;
    }
    50% {
        bottom: -8px;
    }
    100% {
        bottom: -13px;
    }
}


/* to top arrow */
.to-top-arrow {
    position: fixed;
    right: 60px;
    bottom: -10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #719EC7;
    background: #235079;
    background: #4A77A0;

    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    z-index: 105;
}

@media only screen and (max-width: 640px) {
    .to-top-arrow {
        right: 20px;
    } 
}

@media only screen and (max-width: 880px) {
    .to-top-arrow {
        height: 36px;
        width: 36px;
        line-height: 36px;    
    }
}

.to-top-arrow.show.bottom {
    bottom: 55px;
}

.to-top-arrow.show {
    bottom: 15px;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: .75;
    -moz-opacity: .75;
    -webkit-opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.to-top-arrow-bottom {
    bottom: 55px;
}


@media only screen and (max-width: 640px) {
    .to-top-arrow.show {
        bottom: 0;
    }
}

.to-top-arrow:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


@media (max-width: 1600px) {
    .to-top-arrow {
        right: 10px;
    }    
}    
@media (min-width: 1280px) and (max-width: 1280px) { 
    .to-top-arrow {
        right: 42px;
    }    
}


/*-------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------*/

@media (min-width: 768px) {
    .fixed-footer .wrapper {
        position: relative;
        z-index: 200;
        margin-bottom: 51.875rem;
        background: #ffffff;
    }

    .fixed-footer-lg .wrapper {
        margin-bottom: 59.375rem;
    }

    .fixed-footer .footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }

    .look-body .wrapper {
        position: relative;
        z-index: 200;
        margin-bottom: 51.875rem;
        background: #ffffff;
    }

    .look-body .wrapper {
        margin-bottom: 59.375rem;
    }

    .look-body .footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }

}



/*-------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------*/

.footer-div a{
    color:#35bdf6;
    color:#75A2CB;
    background:transparent;
    outline:none;
    text-decoration:none;
    -webkit-transition:.4s cubic-bezier(0.25,.46,.45,.94);
    transition:.4s cubic-bezier(0.25,.46,.45,.94);
    -webkit-transition-property:background-color,color;
    transition-property:background-color,color;
}

.footer-div {
    position:relative;
    z-index: 100;
}

.footer-blue {
    background-color: #031e32;
    background-image: linear-gradient(to bottom right, #123458, #071626);
}

.footer-intro {

}
.footer-about {
    position:absolute; 
    bottom: 0;

}

.footer-about {
    font-size: 2.4rem;
    line-height: 1.5;
    color:#fff;
}


.footer-content {
    height: 100vh;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 0rem;
    line-height: 1.625;
    color: #666666;
}

.footer-content h5 {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    letter-spacing: .1em;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-content .contact-info {
    padding-top: 36px;
    
}

.footer-content .contact-item,
.footer-content .footer-nav {
    color: #E6E6E6;
    font-size: 1.2rem;
    line-height: 1.44444444;
}

.footer-content .contact-item a:hover,
.footer-content .footer-nav a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-content .talk-tag {
    color: #ffffff;
    font-size: 6rem;
    font-weight: 700;
    padding: 0;
    margin: 0;
    line-height: 1;
    margin-left: -5px;
}

.footer-content .talk-link {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 1.44444444;    
}

.footer-content .talk-link a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-menu {
    position:absolute;
    bottom: 20%;
}


.footer-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav li {
    margin-bottom: .25rem;
}

.sub-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;

    color:#ffffff;    
    background: rgba(117, 162, 203, .5);;
    padding:1rem 0rem;
}

.sub-footer a {
    color:#ffffff;    
}

.site-legal {
    font-size: .70rem;
    letter-spacing: .1em;
}
.site-legal ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.site-legal li {
    display:inline-block;
    padding-right:20px;

}

.sub-footer li a:hover, .footer-link a:hover {
    text-decoration: none;
    color:#ffffff;
}

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    .footer-div, .sub-footer, .footer-intro, .footer-about {
        position: relative !important;
        bottom: inherit;
    }

    .footer-content .social-rounded {
        margin-right: -.625rem;
        text-align: right;
    }

    .footer-intro {
        padding-top: 12rem;
    }

    .footer-about {
        padding: 1rem 0 2rem 0;
    }


}

@media (max-width: 1000px) {
    .site-legal .text-left, .site-legal .text-right{
        text-align: center !important;
    }


}

@media (min-width: 1600px) {
    .social-fixed {
        left: 3.75rem;
    }

    .social-rounded-fixed {
        right: 3.75rem;
    }


}

.footer-80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.footer-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.footer-div, .sub-footer, .footer-intro, .footer-about {

}