@font-face {
    font-family: 'HelveticaNeue-CondensedBlack';
    src: url('../fonts/HelveticaNeue-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-CondensedBlack.woff') format('woff'), url('../fonts/HelveticaNeue-CondensedBlack.ttf') format('truetype'), url('../fonts/HelveticaNeue-CondensedBlack.svg#HelveticaNeue-CondensedBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    color: #079aee;
}

body {
    min-width: 320px;
    overflow-x: scroll;
    background-color: #f3f8fa;
}
/* HEADER */
a:hover {
    text-decoration: none;
}

header {
    background: #fff;
}

    header .wrap-top-left-caption {
        text-align: center;
    }

    header .wrap-logo {
        padding-left: 0px;
    }

    header .header-top {
        border-bottom: 2px solid #f1f1f1;
    }

    header .wrap-top-left-caption {
        border-right: 2px solid #f1f1f1;
        min-height: 70px;
    }

    header h1.title {
        font-size: 20px;
        color: #079aee;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        margin-top: 13px;
    }

        header h1.title .fa {
            padding-right: 5px;
        }

    header .address {
        font-family: "HelveticaNeue-CondensedBlack", Helvetica, Arial, sans-serif;
        color: #4e4b4b;
        font-size: 12.2px;
    }

    header .top-middle {
        padding-left: 20px;
        border-right: 2px solid #f1f1f1;
    }

        header .top-middle > div {
            height: 40px;
            padding-left: 10px;
        }

        header .top-middle .label {
            color: #9aa7ae;
            font-weight: lighter;
            font-size: 11px;
        }

        header .top-middle .wr-phone {
            padding-top: 20px;
        }

        header .top-middle .bold {
            font-weight: 900;
            color: #4e4b4b;
        }

    header .top-right {
        text-align: center;
        display: inline-block;
        padding-top: 30px;
    }

        header .top-right .login {
            font-weight: lighter;
            font-size: 15px;
        }

        header .top-right .login-link, header .top-right .admin-panel a {
            color: #4e4b4b;
            font-weight: 500;
        }

            header .top-right .login-link:hover, header .top-right .nav > li a:hover, header .top-right .nav > li a:focus {
                text-decoration: none;
                color: #079aee;
            }

.nav.admin-panel > li a, .nav.admin-panel > li a:hover, .nav.admin-panel > li a:focus {
    background: none;
    font-weight: lighter;
    font-size: 15px;
}

header .navbar-brand {
    font-family: "open sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}

header #mobile-menu-collapse {
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
}

header .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

    header .container-fluid .blue-text {
        color: #079aee;
    }

header .wrap_nav {
    padding-top: 25px;
    padding-bottom: 7px;
}

    header .wrap_nav .nav a {
        font-weight: bold;
        font-size: 13px;
        color: #1d4156;
    }

        header .wrap_nav .nav .active a,
        header .wrap_nav .nav a:hover {
            color: #079aee;
        }

    header .wrap_nav .nav .navbar-default .navbar-nav > .open > a {
        background-color: white;
    }

    header .wrap_nav .nav .navbar-default .navbar-collapse {
        padding-right: 0px;
    }

    header .wrap_nav .nav .dropdown-menu {
        padding: 20px 12px;
    }

        header .wrap_nav .nav .dropdown-menu li a {
            font-size: 12px;
            padding: 6px 20px;
        }

            header .wrap_nav .nav .dropdown-menu li a .glyphicon,
            header .wrap_nav .nav .dropdown-menu li a .glyphicon:hover {
                color: #079aee;
                padding-right: 5px;
            }

            header .wrap_nav .nav .dropdown-menu li a:hover {
                background-color: white;
            }

    header .wrap_nav .nav > li > a:hover,
    header .wrap_nav .nav > li > a:focus {
        background: none;
    }

header {
    border-bottom: 5px solid #079aee;
}
/* END HEADER */
/* BANNER */

.banner .slide {
    position: relative;
    max-height: 500px;
}

    .banner .slide img {
        min-width: 100%;
        max-width: 100%;
    }

    .banner .slide .desc {
        position: absolute;
        top: 10%;
        left: 10%;
    }

        .banner .slide .desc .slider-title {
            min-width: 300px;
            font-size: 30px;
            background: rgba(0, 0, 0, 0.6);
            padding: 15px;
            color: white;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        .banner .slide .desc .desc-content {
            max-width: 562px;
            min-width: 320px;
            background: rgba(0, 0, 0, 0.6);
            margin-top: -10px;
            padding: 15px;
            color: white;
            font-size: 14px;
        }

.banner .owl-carousel {
    position: relative;
    overflow: hidden;
}

    .banner .owl-carousel .fa {
        color: #acadad;
    }

    .banner .owl-carousel .owl-controls {
        margin-top: -30px;
    }

    .banner .owl-carousel .owl-prev {
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 25px;
        background: #000;
        padding: 5px 20px;
        border-radius: 0 9px 9px 0;
        margin-left: -10px !important;
    }

    .banner .owl-carousel .owl-next {
        border-radius: 9px 0 0 9px;
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 25px;
        background: #000;
        padding: 5px 20px;
        margin-right: -10px !important;
    }

    .banner .owl-carousel .owl-pagination .owl-page span {
        background: #232324;
        padding: 6px;
        border: 2px solid #808183;
    }

    .banner .owl-carousel .owl-pagination .owl-page.active span {
        background: white;
        border: 3px solid #7098bc;
        padding: 5px;
    }

    .banner .owl-carousel .owl-wrapper-outer {
        z-index: -1;
    }
/* END BANNER */
/* OUR PROJECTS */
.our_projects {
    padding: 0;
    padding-bottom: 45px;
}

    .our_projects .wr-title {
        text-align: center;
    }

        .our_projects .wr-title h3.title {
            color: #203c4d;
            text-transform: uppercase;
            font-size: 32px;
            font-weight: bold;
            margin-top: 45px;
            margin-bottom: 45px;
        }

    .our_projects .owl-item {
        padding: 15px;
        padding-right: 7px;
    }

    .our_projects .project {
        background-color: white;
        min-height: 526px;
    }

        .our_projects .project .wrap_project_image {
            position: relative;
            overflow: hidden;
        }

            .our_projects .project .wrap_project_image img {
                width: 100%;
                max-height: 168px;
            }

            .our_projects .project .wrap_project_image .status {
                position: absolute;
                top: 20px;
                color: white;
                background: #079aee;
                padding: 5px 16px;
                font-size: 14px;
                font-weight: 900;
            }

        .our_projects .project .project-detail {
            padding: 10px 15px;
        }

            .our_projects .project .project-detail .year,
            .our_projects .project .project-detail .label {
                color: #80949f;
                font-size: 13.5px;
                font-weight: 600;
                padding-top: 15px;
            }

            .our_projects .project .project-detail .project_title {
                color: #203c4d;
                font-size: 13px;
                font-weight: 900;
                text-transform: uppercase;
                line-height: 20px;
                min-height: 77px;
                display: block;
            }

            .our_projects .project .project-detail .desc {
                margin-top: 10px;
                color: #80949f;
                line-height: 20px;
                padding-bottom: 56px;
            }

            .our_projects .project .project-detail .wrap_info {
                position: absolute;
                bottom: 0;
            }

            .our_projects .project .project-detail .investor,
            .our_projects .project .project-detail .website {
                color: #203c4d;
                font-size: 12.75px;
                font-weight: 900;
                line-height: 20px;
            }

            .our_projects .project .project-detail .label {
                padding-left: 0px;
            }

        .our_projects .project .bottom {
            background: #1d4156;
            padding: 10px 15px;
            color: white;
            text-align: right;
        }

            .our_projects .project .bottom span.readmore {
                color: #829eaf;
                font-size: 14.3px;
            }

                .our_projects .project .bottom span.readmore i.fa {
                    font-size: 18px;
                    color: white;
                    padding-right: 10px;
                }

    .our_projects .owl-carousel {
        position: relative;
        overflow: hidden;
    }

        .our_projects .owl-carousel .fa {
            color: #acadad;
        }

        .our_projects .owl-carousel .owl-controls {
            height: 36px;
            margin-top: 30px;
        }

        .our_projects .owl-carousel .owl-prev {
            position: absolute;
            bottom: 0;
            left: 10px;
            font-size: 25px;
            background: #079AEE;
            padding: 4px 20px 4px 18px;
            opacity: 1 !important;
        }

            .our_projects .owl-carousel .owl-prev i.fa {
                color: white;
                font-size: 20px;
            }

        .our_projects .owl-carousel .owl-next {
            position: absolute;
            bottom: 0px;
            right: 0px;
            font-size: 25px;
            background: #079AEE;
            padding: 4px 20px 4px 18px;
            opacity: 1 !important;
            color: white !important;
        }

            .our_projects .owl-carousel .owl-next i.fa {
                color: white;
                font-size: 20px;
            }

        .our_projects .owl-carousel .owl-pagination .owl-page span {
            background: #cbd4d9;
            padding: 6px;
        }

        .our_projects .owl-carousel .owl-pagination .owl-page.active span {
            background: #079aee;
            padding: 5px;
        }

.project {
    margin-bottom: 42px;
    position: relative;
}

.col-xs-12.bottom {
    position: absolute;
    bottom: -42px;
}
/* END OUR PROJECTS */
/* OUR SERVICES */
.services {
    background-image: url('../images/project_bg.jpg');
    background-repeat: no-repeat;
    background-color: rgba(7, 154, 238, 0.17);
    background-color: #5a5a5a;
    padding-top: 56px;
    padding-bottom: 50px;
}

    .services .wrap_project_image .wr-image {
        height: 163px;
    }

    .services .wrap_project_image img {
        width: 100%;
        height: 100%;
    }

    .services .whoweare {
        color: white;
    }

        .services .whoweare span.whoweare,
        .services .whoweare .title {
            text-transform: uppercase;
            font-weight: bold;
        }

        .services .whoweare span.whoweare {
            font-size: 12px;
        }

        .services .whoweare .title {
            font-size: 29px;
        }

            .services .whoweare .title .new-line {
                display: inline-block;
                line-height: 41px;
            }

        .services .whoweare a.btn {
            border-radius: unset;
            background-color: #079aee;
            border: none;
            color: white;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 900;
            padding: 10px;
        }

            .services .whoweare a.btn i {
                color: white;
                font-size: 16px;
                padding-right: 10px;
            }

        .services .whoweare .desc {
            margin-bottom: 30px;
            margin-top: 30px;
        }

    .services .desc {
        font-weight: lighter;
        line-height: 24px;
        font-size: 14px;
    }

    .services .service .bg-color {
        background-color: white;
        min-height: 472px;
        border-bottom: 6px solid #d3cccc;
        position: relative;
        text-align: center;
    }

        .services .service .bg-color .project_title {
            padding-top: 30px;
            padding-bottom: 30px;
            display: block;
            text-align: center;
            font-size: 22px;
            text-transform: uppercase;
            font-weight: 600;
        }

.project_title:hover {
    color: #079aee;
}

.services .service .bg-color::after {
    content: "";
    border-bottom: 5px solid #d3cccc;
    position: absolute;
    top: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 0px;
}

.services .service .desc {
    padding: 0 15px 35px 15px;
}
/* END OUR SERVICES */
/* OUR TEAM  */
.our_teams {
    margin-bottom: 30px;
}

    .our_teams .wr-title {
        text-align: center;
    }

        .our_teams .wr-title h3.title {
            color: #203c4d;
            text-transform: uppercase;
            font-size: 32px;
            font-weight: bold;
            margin-top: 45px;
            margin-bottom: 45px;
        }

    .our_teams .menber {
        border: 5px solid #76c5f2;
        border-radius: 50%;
    }

    .our_teams .bg-color {
        text-align: center;
    }

    .our_teams .wrap_project_image {
        margin-bottom: 20px;
    }

    .our_teams .infomation .text {
        font-size: 14px;
        font-weight: 900;
        color: #231810;
    }

        .our_teams .infomation .text.position {
            font-weight: lighter;
        }

    .our_teams .infomation .contact {
        font-size: 13px;
        font-weight: 900;
        color: #4e4b4b;
    }

        .our_teams .infomation .contact i {
            color: #079aee !important;
            font-size: 15px;
            padding-right: 10px;
        }

    .our_teams .infomation a.btn, a.btn.readmore {
        border-radius: unset;
        margin-top: 18px;
        background-color: #079aee;
        border: none;
        color: white;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 900;
        padding: 10px;
    }

        .our_teams .infomation a.btn i, a.btn.readmore i {
            color: white;
            font-size: 16px;
            padding-right: 10px;
        }

    .our_teams .owl-carousel {
        position: relative;
        overflow: hidden;
    }

        .our_teams .owl-carousel .fa {
            color: #acadad;
        }

        .our_teams .owl-carousel .owl-controls {
            height: 36px;
            margin-top: 30px;
        }

        .our_teams .owl-carousel .owl-prev {
            position: absolute;
            bottom: 0;
            left: 10px;
            font-size: 25px;
            background: #079AEE;
            padding: 4px 20px 4px 18px;
            opacity: 1 !important;
        }

            .our_teams .owl-carousel .owl-prev i.fa {
                color: white;
                font-size: 20px;
            }

        .our_teams .owl-carousel .owl-next {
            position: absolute;
            bottom: 0px;
            right: 0px;
            font-size: 25px;
            background: #079AEE;
            padding: 4px 20px 4px 18px;
            opacity: 1 !important;
            color: white !important;
        }

            .our_teams .owl-carousel .owl-next i.fa {
                color: white;
                font-size: 20px;
            }

        .our_teams .owl-carousel .owl-pagination .owl-page span {
            background: #cbd4d9;
            padding: 6px;
        }

        .our_teams .owl-carousel .owl-pagination .owl-page.active span {
            background: #079aee;
            padding: 5px;
        }
/* END OUR TEAM */
/* FOOTER */
footer {
    border-top: 5px solid #079AEE;
    color: #829eaf;
    background-color: #1d4156;
    font-size: 14px;
}

    footer h3.module-title span {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    footer ul.nav li a {
        color: #829eaf;
        font-size: 14px;
        padding: 7px 15px;
    }

        footer ul.nav li a span.glyphicon {
            margin-left: -17px;
            color: white;
            font-size: 7px;
            margin-top: -7px;
            position: absolute;
            top: 21px;
        }

        footer ul.nav li a:hover {
            color: #ffffff;
            background: none;
            border-radius: none;
        }

    footer ul.address {
        list-style: none;
        font-size: 13px;
        color: #fff;
        padding: 0px;
        font-weight: 600;
        text-transform: uppercase;
    }

        footer ul.address .fa {
            color: #079aee;
            font-size: 20px;
            padding-right: 9px;
        }

        footer ul.address li {
            padding: 5px;
        }

    footer .fanpage {
        padding-top: 30px;
    }

    footer .copyright {
        background-color: #183545;
        height: 56px;
    }

        footer .copyright p {
            text-align: center;
            line-height: 20px;
            color: #b5e4ff;
            font-weight: 900;
            text-transform: uppercase;
            font-size: 11px;
            padding-top: 20px;
        }
/* END FOOTER */
/* Response */
/* Mobile */

@media (max-width: 767px) {
    .banner .owl-carousel .owl-controls {
        margin-top: -53px;
    }

    .col-xs-hidden {
        display: none !important;
    }

    header .navbar-brand {
        padding-right: 0px;
    }

    header .row {
        margin-left: 0;
        margin-right: 0;
    }

    header .top-middle {
        /*margin-left: 30px;*/
        padding-left: 0;
        padding-right: 0;
        /*width: calc(75% - 30px);*/
    }

        header .top-middle .fa {
            font-size: 15px;
            padding-right: 10px;
        }

    header .top-middle {
        border-left: 2px solid #f1f1f1;
        border-right: 2px solid #f1f1f1;
        /*border-right: none;*/
    }

        header .top-middle span {
            font-size: 12px;
        }

    header #mobile-menu-collapse {
        margin-left: 0;
        margin-right: 0;
    }

        header #mobile-menu-collapse ul {
            max-width: 100%;
        }
    /* BANNER */
    .banner .bx-viewport {
        min-height: 290px;
    }

    .banner .slide {
        max-height: 320px;
    }

        .banner .slide img {
            min-height: 290px;
        }

        .banner .slide .desc {
            left: 10%;
            top: 20px;
            background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
            width: 81vw;
            min-width: 268px;
        }

            .banner .slide .desc .slider-title {
                min-width: 268px;
                background: none;
                padding-top: 10px;
                font-size: 20px;
                margin-bottom: 0;
            }

            .banner .slide .desc .desc-content {
                min-width: 260px;
                background: none;
            }

    .banner .bx-wrapper .bx-prev {
        opacity: 0.8;
        background: url(../images/arowslider.png) no-repeat -40px 0px;
        left: 0;
    }

        .banner .bx-wrapper .bx-prev:hover {
            background: url(../images/arowslider.png) no-repeat -40px 0px;
        }

    .banner .bx-wrapper .bx-next {
        opacity: 0.8;
        right: 0;
        background: url(../images/arowslider.png) no-repeat 0px 0px;
    }

        .banner .bx-wrapper .bx-next:hover {
            background: url(../images/arowslider.png) no-repeat 0px 0px;
        }

        .banner .bx-wrapper .bx-prev:hover,
        .banner .bx-wrapper .bx-next:hover {
            opacity: 1;
        }

    .banner .bx-wrapper .bx-pager {
        bottom: 0;
    }
    /* END BANNER */
    /* OUR PROJECTS */
    .our_projects .owl-item {
        padding: 0;
        padding-right: 0;
    }

    .our_projects .owl-prev {
        left: 0 !important;
    }
    /* END OUR PROJECTS */
    /* SERVICE */
    .services {
        background-repeat: repeat-y;
    }

    .whoweare,
    .service {
        margin-top: 20px;
    }
    /* END SERVICE */
    footer .copyright {
        height: auto;
        background-color: #183545;
    }

        footer .copyright p {
            text-align: center;
        }
}
/* Table */
@media (min-width: 768px) and (max-width: 991px) {
    /* HEADER */
    header .top-middle {
        border-right: medium none;
    }

    header .navbar-header {
        text-align: center;
        width: 100%;
    }

        header .navbar-header .navbar-brand {
            float: none;
            margin-left: 0 !important;
        }
    /* END HEADER */
    /* SERVICE */
    .services {
        background-repeat: repeat-y;
    }
    /* END SERVICE */
    .col-sm-hidden {
        display: none !important;
    }

    .container {
        width: 100%;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .phone .label,
    .email .label {
        display: none;
    }

    .top-middle {
        padding-left: 0;
        padding-right: 0;
    }

        .top-middle .fa {
            padding-right: 10px;
            padding-left: 0;
        }

    .nav > li > a {
        padding: 10px 14px;
    }
}
/* desktop 11 inch */
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-hidden {
        display: none !important;
    }

    .container {
        width: 100%;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .phone .label,
    .email .label {
        display: none;
    }

    .top-middle {
        padding-left: 0;
        padding-right: 0;
    }

        .top-middle .fa {
            padding-right: 10px;
            padding-left: 0;
        }
}
/* Desktop > 13 inch */
@media (min-width: 1200px) {
    .col-lg-hidden {
        display: none !important;
    }

    .banner .slide {
        position: relative;
        max-height: 500px;
    }

        .banner .slide img {
            min-width: 100%;
        }
}

/* ABOUT PAGE*/
.article > h3 {
    color: #203c4d;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 45px;
    margin-top: 45px;
    text-transform: uppercase;
}

.article > h3 {
    text-align: center;
}

.none-padding-left {
    padding-left: 0;
}

.none-padding-right {
    padding-right: 0;
}

.container .jumbotron,
.container-fluid .jumbotron {
    text-align: center;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
/* ARTICLE */
.article img {
    max-width: 100%;
    height: auto;
    /*width: 100%;*/
}

.article .full-content-article .vcenter {
    padding: 7.5px;
}

.article .full-content-article .left-col p {
    color: #203c4d;
    font-weight: bold;
}

.center-block {
    text-align: center;
}

.article .left-col.col-md-4 {
    font-color: #333333;
    text-transform: uppercase;
}
/* Response */
/* Mobile */
@media (max-width: 767px) {
    h3.title {
        font-size: 29px;
    }

    .vcenter .left-col p {
        margin-bottom: 4px;
    }
}
/* Table */
/* desktop 11 inch */
@media (min-width: 992px) and (max-width: 1199px) {
    .vcenter {
        display: flex;
        align-items: center;
    }
}
/* Desktop > 13 inch */
@media (min-width: 1200px) {
    .vcenter {
        display: flex;
        align-items: center;
    }
}
/*List Item*/
.jumbotron {
    position: relative;
    background-image: url('/Uploads/images/About-Us.jpg');
}

    .jumbotron > h2, .jumbotron p {
        z-index: 2 !important;
        color: white;
        position: relative;
    }

    .jumbotron > h2 {
        text-transform: uppercase;
        font-weight: 600;
    }

    .jumbotron::after {
        display: block;
        background: rgba(0, 0, 0, 0.6);
        content: "";
        left: 0;
        right: 0;
        top: 0;
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 1;
    }

.wrap-items {
    margin-bottom: 15px;
}

.item .preview {
    min-width: 100%;
    max-height: 183px;
    height: auto;
}

.item-desc, .item-url, .item-url {
    padding: 15px;
}

.item-header {
    height: 200px;
}

.item-desc {
    height: 400px;
}

.item-register {
    padding-bottom: 20px;
}

.item {
    position: relative;
    padding-top: 30px;
}

    .item h3.featured-title {
        font-size: 23px;
    }

    .item .item-url {
        background-color: #1D4156;
    }

    .item .featured-title {
        color: #079aee;
        /*text-transform: uppercase;*/
        font-size: 20px;
        line-height: 28px;
    }

    .item .fa {
        font-size: 16px;
        padding-right: 5px;
    }

    .item .item-url {
        text-align: right;
    }

        .item .item-url a, .item .item-url .fa {
            color: white;
        }

.partners .item .featured-title {
    color: #1f3c4d;
}

.item a:hover {
    color: #079aee;
}

.pagination:not(ul) {
    margin-top: 17px;
    padding-left: 15px;
}

.pagination .pagination-container li > a {
    padding: 9px 18px;
    border-radius: 0;
}
/* Contact Page*/
.contact-page {
    margin-top: 15px;
    padding-top: 15px;
}

    .contact-page > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .contact-page:not(.success) .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

.contact-detail {
    padding-bottom: 10px;
}

.field-label {
    font-weight: 900;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
}

.map {
    margin-top: 30px;
}

.contact-header .jumbotron {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .login-page .field-label {
        text-align: right;
    }

    .captcha .field-label {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .map {
        margin-left: -15px;
        margin-right: -15px;
    }

    .contact-detail form {
        margin-top: 30px;
    }

    .container.contact-page {
        padding-left: 4px;
        padding-right: 4px;
    }

    .panel.panel-custom {
        margin: 4px;
    }

    .article-detail .panel-body {
        padding-right: 0;
        padding-left: 0;
    }
}

/*Fix Users Member*/
img.menber {
    width: 279px;
    height: 279px;
}

.top1, .top3 {
    background: #4f9db6;
    padding: 5px;
    margin-top: 40px;
}

.top2, .top4 {
    background: #3b6876;
    padding: 5px;
}

.top .p1 h3 {
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    padding-top: 5px;
    font-size: 20px;
}

.top .p2 {
    color: white;
    font-weight: 900;
    font-size: 20px;
    text-align: center;
}

    .top .p2 span {
        font-size: 10px;
    }

.top .p3 {
    color: white;
    font-size: 15px;
    text-align: center;
}

.center {
    border: 1px solid #acadad;
    margin-bottom: 40px;
}

    .center ul {
        list-style: none;
        padding: 0;
        text-align: center;
        color: #4e4e4e;
    }

        .center ul li.odd {
            background: #cbcbcb;
        }

        .center ul li {
            height: 50px;
            padding-top: 10px;
            padding-left: 2px;
            padding-right: 2px;
        }
/*Skype*/
.lwc-chat-button {
    position: unset !important;
}

.site-btn-tool {
    position: fixed;
    bottom:10px;
    right: 22px;
}

.sitebtntool {
    position: relative;
}

    .sitebtntool.haveitem1 {
        margin-top: -24px;
    }

    .sitebtntool.haveitem2 {
        margin-top: -48px;
    }

    .sitebtntool.haveitem3 {
        margin-top: -72px;
    }

    .sitebtntool.haveitem4 {
        margin-top: -96px;
    }

    .sitebtntool.haveitem5 {
        margin-top: -120px;
    }

    .sitebtntool.haveitem6 {
        margin-top: -144px;
    }

    .sitebtntool ul.maintoolbtns {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .sitebtntool ul.maintoolbtns li {
            display: block;
            margin: 10px 0;
            padding: 10px;
        }

        .sitebtntool ul.maintoolbtns li a {
            display: block;
            text-align: center;
            overflow: hidden;
            width: 43px;
            height: 43px;
            line-height: 20px;
            font-size: 28px;
            color: #fff;
        }

        .sitebtntool ul.maintoolbtns li a.facebook {
            background-color: #3664a2;
        }

        .sitebtntool ul.maintoolbtns li a.google {
            background-color: #d23337;
            font-size: 22px;
        }

        .sitebtntool ul.maintoolbtns li a.feeds {
            background-color: #fbb22f;
        }

        .sitebtntool ul.maintoolbtns li a.twitter {
            background-color: #5da9dd;
        }

        .sitebtntool ul.maintoolbtns li a.fontsize {
            position: relative;
        }

            .sitebtntool ul.maintoolbtns li a.fontsize > .fa {
                position: absolute;
                bottom: 7px;
                left: 5px;
            }

            .sitebtntool ul.maintoolbtns li a.fontsize > span {
                position: absolute;
                font-size: 16px;
                top: -5px;
                left: 25px;
            }

        .sitebtntool ul.maintoolbtns li a img { 
            width: 100%;
        }

@media (max-width: 767px) {
    .site-btn-tool {
        display: none;
    }
}