.sidebar .menu .list li.active > :first-child span {
    color: orange;
}

.color_header {
    background: #00aae7;
    background: -moz-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#3646f5 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,#00aae7),color-stop(30%,#00aae7),color-stop(100%,#3646f5));
    background: -webkit-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#3646f5 100%);
    background: -o-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#3646f5 100%);
    background: -ms-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#3646f5 100%);
    background: linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#3646f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aae7',endColorstr);
}

._header {
    /*background-color: #314c93;*/
    background: #00aae7;
    background: -moz-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#314c93 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,#00aae7),color-stop(30%,#00aae7),color-stop(100%,#314c93));
    background: -webkit-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#314c93 100%);
    background: -o-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#314c93 100%);
    background: -ms-linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#314c93 100%);
    background: linear-gradient(45deg,#00aae7 0%,#00aae7 30%,#314c93 100%);
    height: 110px;
    text-align: center;
}

._headerleft {
    height: 110px;
    text-align: center;
    padding-top: 18px;
    display: inline-block;
    width: 20%;
    float: left;
}

    ._headerleft .img-logo {
        float: left;
        max-height: 750px;
    }

        ._headerleft .img-logo img {
            max-height: 75px;
            padding: 3px;
        }

._headerright {
    height: 110px;
    text-align: right;
    display: inline-block;
    width: 80%;
    float: left;
    position: relative;
}

    ._headerright ._search {
        height: 82px;
        padding-right: 28px;
    }

._searchLang {
    float: right;
    padding-top: 13px;
    margin-left: 5px;
}

    ._searchLang a {
        color: #fff;
        padding-left: 3px;
    }

    ._searchLang .active {
        color: #d6aa3d;
        font-weight: bold;
    }

._searchitem {
    width: 150px;
    float: right;
    padding-top: 28px;
}

    ._searchitem .form-control {
        border-radius: 13px;
        height: 25px;
    }

._submenu {
    background-color: #fff;
    height: 39px;
    color: #314c93;
    border-bottom: 1px solid #f2f2f2;
}

._mainmenu li a {
    color: #fff;
}

    ._mainmenu li a .material-icons {
        position: absolute;
        left: 41px;
        top: -6px;
    }

#page-header {
    position: relative;
    z-index: 100;
    color: #030302;
    height: 110px;
}





    #page-header .primary-header {
        padding: 12px 10px 8px 10px;
    }

    #page-header .fa-angle-down:before {
        content: "\f107";
    }

    #page-header .fa-search:before {
        content: "\f002";
    }

    #page-header .logo-img {
        width: 100%;
        max-height: 100px;
        margin-left: 10%;
    }

        #page-header .logo-img:hover {
            -webkit-filter: none;
            filter: none;
        }



    #page-header .visible-md.lang {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        display: none;
        position: absolute;
        right: 10px;
        top: 5px;
    }

        #page-header .visible-md.lang .active {
            color: #fff;
            font-weight: 700;
        }

    #page-header .extra {
        position: relative;
        padding: 0 3vw;
    }

        #page-header .extra .search, #page-header .extra .search:hover {
            font-size: 1rem;
        }

        #page-header .extra a, #page-header .extra a:hover {
            color: #bfc0bf;
            margin: 0 .4rem;
            font-size: 1.5rem;
        }

        #page-header .extra .btn-login ~ .login-dropdown {
            display: none;
            position: absolute;
            top: 55px;
            right: 110px;
            background: #fff;
        }

            #page-header .extra .btn-login ~ .login-dropdown ul {
                text-align: left;
                list-style: none;
                margin: 0;
                padding: 0;
            }

                #page-header .extra .btn-login ~ .login-dropdown ul li {
                    padding: 0 40px 0 15px;
                }

                    #page-header .extra .btn-login ~ .login-dropdown ul li a {
                        font-size: 1rem;
                        color: #000;
                        display: block;
                    }

                    #page-header .extra .btn-login ~ .login-dropdown ul li:not(:last-child) {
                        border-bottom: 1px solid #000;
                    }

            #page-header .extra .btn-login ~ .login-dropdown.active {
                display: block;
            }

        #page-header .extra .btn-login, #page-header .extra .btn-login:hover {
            color: #fff;
            text-align: center;
            border-radius: 20px;
            padding: .1rem 1.1rem;
            font-size: .73rem;
        }

        #page-header .extra .lang a {
            font-size: .93rem;
            margin: 0;
        }

            #page-header .extra .lang a.active {
                color: #cf0a2c;
            }

    #page-header .header-top {
        padding: 1vw;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        #page-header .header-top .block51 .register-form textarea[type=checkbox], #page-header .header-top input[type=checkbox], .block51 .register-form #page-header .header-top textarea[type=checkbox] {
            display: none;
        }

    #page-header .header-bottom {
        background-color: #cf0a2c;
        text-transform: uppercase;
        margin-left: -1rem;
        margin-right: -1rem;
        font-size: 14px;
        min-height: 50px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.75);
    }

        #page-header .header-bottom.sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
        }

    #page-header .primary-header {
        margin: 0 auto;
        display: none;
    }

        #page-header .primary-header.active {
            display: block;
        }

        #page-header .primary-header a {
            color: #314c93;
            text-transform: uppercase;
            margin: 0 1rem;
            transition: all .2s ease-in-out;
            border-bottom: 1px solid transparent;
        }

            #page-header .primary-header a.active, #page-header .primary-header a:hover {
                border-bottom-color: #fff;
            }

    #page-header .fa-angle-right:before {
        content: "\f105";
    }

    #page-header article.container {
        margin-top: 2rem;
    }

    #page-header .container {
        margin: 0 auto;
    }

    #page-header .catalogy, #page-header .content {
        color: #030302;
    }

    #page-header aside.catalogy {
        padding-right: 5rem;
    }

        #page-header aside.catalogy ul {
            list-style: none;
        }

            #page-header aside.catalogy ul li a i {
                margin-right: 1rem;
                font-size: 1.2rem;
                color: #bfbdbd;
            }

            #page-header aside.catalogy ul li a {
                display: block;
                color: #030302;
                font-size: .93rem;
                padding: 1rem 1rem 1rem 0;
            }

                #page-header aside.catalogy ul li a:hover, #page-header aside.catalogy ul li a:hover i {
                    color: #cf0a2c;
                }

            #page-header aside.catalogy ul hr {
                border-style: solid;
                border-color: #575858;
                border-width: .5px 0 0;
            }

        #page-header aside.catalogy h1 {
            font-size: 1.87rem;
            text-transform: capitalize;
            margin: 1rem 0;
        }

    #page-header .content > h1 {
        font-size: 2.4rem;
        text-transform: uppercase;
        margin: 1rem 0;
    }

    #page-header .content-block h2 {
        color: #020202;
        font-size: 1.4rem;
        margin: 1rem 0;
    }

    #page-header .content-sub {
        font-size: 1.2rem;
        background-color: #eee;
        border-top: 5px solid #e74d3c;
    }

        #page-header .content-sub p {
            font-weight: 700;
            margin: 0 1rem;
        }

            #page-header .content-sub p:first-child {
                margin-top: 1rem;
            }

            #page-header .content-sub p:last-child {
                margin-bottom: 2rem;
            }

        #page-header .content-sub table.content-sub-table {
            margin: 2rem 0;
            border-collapse: collapse;
        }

        #page-header .content-sub table tbody tr td, #page-header .content-sub table thead th {
            border: 1px solid #c6c5c5;
            text-align: center;
            padding: 1rem;
        }

        #page-header .content-sub table thead th {
            font-weight: 700;
        }

    #page-header .contetn-sub table tbody tr {
        color: #575756;
    }

    #page-header .content-sub table.multiple-col tbody tr td, #page-header .content-sub table.multiple-col thead th {
        padding: 0;
    }

    #page-header .content-block-sm p {
        font-size: .93rem;
    }

    #page-header ul.unorder-line {
        list-style: none;
    }

        #page-header ul.unorder-line li:before {
            content: "-";
            margin-right: 1rem;
        }

    #page-header .action-block {
        text-align: center;
        margin: 1rem 0;
    }

    #page-header .btn-sightseeing, #page-header .btn-sightseeing:focus, #page-header .btn-sightseeing:hover {
        background-color: #cf0a2c;
        text-transform: uppercase;
        font-size: 1.6rem;
        color: #fff;
        padding: 1rem;
    }



@media only screen and (max-width:48em) {
    #page-header {
        background-color: #cf0a2c;
    }

        #page-header .logo {
            position: static;
        }

            #page-header .logo .logo-img {
                max-height: 50px !important;
                content: url(../images/svg/logo_mobile.svg);
            }

        #page-header .header-bottom, #page-header .primary-menu {
            display: none;
        }

        #page-header .header-top {
            position: relative;
            height: 50px;
        }

            #page-header .header-top .logo {
                margin: auto;
            }

            #page-header .header-top .menu_toggle {
                position: absolute;
                left: 2vw;
                top: 50%;
                font-size: 1.5em;
                color: #fff;
                padding: 3px 10px;
                border-radius: 5px;
                cursor: pointer;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        #page-header .menu_toggle {
            display: block;
        }
}

.anh_dichvu {
}

    .anh_dichvu img {
        height: 80px;
        width: 80px;
        border: 2px solid #00aae7;
        padding: 5px;
        border-radius: 50%;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

.title_dichvu {
    font-weight: bold;
    color: #337ab7;
    margin-bottom: 9px;
    display: block;
}

.info_dichvu {
    color: #333;
}

.col-part-dichvu {
    width: 100%;
    height: 200px;
}

.part-dv {
}

.m_menu {
    position: relative;
}

    .m_menu ul {
        display: none;
        position: absolute;
        min-width: 200px;
        max-width: 300px;
        margin-left: 0px;
        left: -12px;
        padding: 10px;
        top: 27px;
        background-color: #f2f2f2 !important;
    }

        .m_menu ul:hover {
            display: inherit;
        }

        .m_menu ul a {
            display: inline-block;
            width: 100%;
            padding: 10px 10px 6px;
            float: left;
            color: #444;
            font-size: 13px;
            border-bottom: 1px solid #fcfcfc;
        }

            .m_menu ul a:hover {
                background-color: #fcfcfc;
            }

    .m_menu:hover ul {
        display: inherit;
    }



@import url(https://fonts.googleapis.com/css?family=Lato);


/*| Navigation |*/

.nav {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
}

    .nav ul {
        list-style: none;
        position: relative;
        float: right;
        margin: 0px;
        padding: 0px;
        display: inline-table;
    }

        .nav ul li {
            float: left;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .nav ul li:hover {
                background: rgba(0,0,0,.15);
            }

                .nav ul li:hover > ul {
                    display: block;
                }

        .nav ul li {
            float: left;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .nav ul li a {
                display: block;
                padding: 7px 12px;
                color: #222;
                font-size: .9em;
                letter-spacing: 1px;
                text-decoration: none;
                text-transform: uppercase;
                color: #fff;
                font-weight: bold;
            }

        .nav ul ul {
            display: none;
            background: #fff;
            position: absolute;
            top: 98%;
            box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
            padding-left: 0px !important;
            padding-top: 10px;
        }

            .nav ul ul li {
                float: none;
                position: relative;
            }

                .nav ul ul li a {
                    padding: 10px 15px 8px 15px;
                    border-bottom: 1px solid rgba(0,0,0,.05);
                    text-align: left;
                    color: #444;
                    color: #444;
                    font-weight: inherit;
                }

            .nav ul ul ul {
                position: absolute;
                left: 100%;
                top: 0;
            }


/* Dropdown Button */
.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

.sidebar .menu {
    overflow: inherit !important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative!important;
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 100%;
    top: 0px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px!important;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    right: 0px;
    top: 0px;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}