﻿/*Footer section*/

footer {
    width: 100%;
    height: 330px;
    background: #08395b url(/imgs/footer-bg.jpg) center top no-repeat;
}

.footer-container > hr {
    clear: both;
    margin-top: 50px;
    border-color: #808080;
}

.footer-container {
    width: 1200px;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    overflow: hidden;
}

    .footer-container > p {
        display: inline-block;
        padding: 0;
        font-size: 13px;
        font-weight: 400;
        color: #a2b0bb;
        cursor: default;
        float: left;
        margin-left: 40px;
    }

    .footer-container > div {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px;
        text-align: left;
    }

        .footer-container > div > h5 {
            display: block;
            padding: 30px 0;
            font-size: 24px;
            color: #fff;
            font-weight: 400;
            margin: 0;
            cursor: default;
            text-align: center;
        }

.ftr-1 {
    width: 43%;
    margin: 0 auto;
}

    .ftr-1:nth-child(2) p {
        margin-top: 20px;
    }

.ftr-2 {
    width: 50%;
    position: relative;
    margin: 0 auto;
}

    .ftr-2 > .carousel {
        display: inline-block;
        width: 100%;
    }

    .ftr-2 .carousel-control.left {
        background: none;
    }

    .ftr-2 .carousel-control.right {
        background: none;
    }

    .ftr-2 .carousel-control > img {
        padding-top: 95%;
        width: 15px;
    }

    .ftr-2 .carousel-inner > .item > img,
    .ftr-2 .carousel-inner > .item > a > img {
        line-height: 1;
        vertical-align: middle;
    }

    .ftr-2 .carousel-control {
        opacity: .1;
        background: none;
        width: 8%;
    }

        .ftr-2 .carousel-control:hover {
            text-decoration: none;
            outline: 0;
            opacity: 1;
        }

    .ftr-2 > div > div > div > img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

.ftr-1 > ul {
    display: block;
    padding: 0;
    margin: 0;
}

    .ftr-1 > ul > li {
        display: block;
        padding: 0;
        margin: 0;
        height: 34px;
        line-height: 34px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABmCAYAAAAK5PtrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjIyQzcwQTBENzM0MTFFMjhBN0E4QzBENTlEMkE5QjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjIyQzcwQTFENzM0MTFFMjhBN0E4QzBENTlEMkE5QjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjJDNzA5RUQ3MzQxMUUyOEE3QThDMEQ1OUQyQTlCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjJDNzA5RkQ3MzQxMUUyOEE3QThDMEQ1OUQyQTlCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlA+ragAAACQSURBVHjaYuhZuMmVIXf9DQYmBiAglmBgEFJgxEswwQlmOMECJ1hBBBuIYAcRHCCCE0RwgQhuEMEDInjhBD+DdVLdf5ZHb7+Q5lJk4v9/7BL/kbggJf9RubgM+I+kGFkCqOw/NoIJQrx49ZqR4f7Dx4wM+48cZ2R68OgJA5hg5hKSpF1IIoKTDxKcQEIAIMAAajE+VurohOMAAAAASUVORK5CYII=') /*/imgs/service-bg-small.png*/;
        border-bottom: 1px solid #041e37;
    }

        .ftr-1 > ul > li:first-child {
            background-position: 0 -68px;
        }

        .ftr-1 > ul > li > a {
            display: block;
            cursor: pointer;
            padding-left: 12px;
            border-left: 6px solid;
            text-decoration: none;
            font-size: 12px;
            color: #fff;
        }

        .ftr-1 > ul > li:hover {
            background-position: 0 -34px;
        }

.ftr-1 > p {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    color: #a2b0bb;
    cursor: default;
    float: left;
    margin-right: 20px;
}

    .ftr-1 > p > a {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

        .ftr-1 > p > a:hover {
            text-decoration: underline;
        }

.ftr-3 {
    float: right;
    width: 13%;
}

    .ftr-3 > div {
        text-align: left;
        font-size: 0;
        vertical-align: top;
        display: inline-block;
        width: 100%;
    }

        .ftr-3 > div > a {
            display: inline-block;
            width: 30px;
            height: 30px;
            font-size: 20px;
            margin-right: 5%;
            padding: 0;
            text-decoration: none;
            color: #fff;
            cursor: pointer;
            opacity: 0.7;
        }

            .ftr-3 > div > a:hover {
                opacity: 1;
            }
