.Left-LB {
    background: #eee;
    padding-left: 10px;
    line-height: 35px;
    font-weight: 700;
    text-transform: uppercase
}

.Left-content {
    padding: 10px;
    border: 1px solid #eee
}

    .Left-content h2 {
        border-bottom: 1px solid #eee
    }

        .Left-content h2 a {
            display: block;
            line-height: 30px;
            color: #333;
            font-weight: 400
        }

* {
    margin: 0;
    padding: 0
}

.display-none {
    display: none !important
}

.cl {
    clear: both
}

.ul-no-list {
    list-style: none
}

img {
    max-width: 100% !important
}

.w-50-pt {
    float: left;
    width: 50%
}

.w-33 {
    width: 32%;
    float: left;
    margin: 0 .5%;
    padding: 0
}

.MainBody {
    max-width:1200px;
    margin: 0 auto;background:#fff;
}

.ND {
    padding: 10px;
    line-height: 30px;
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;
    border: 1px solid #eee
}

a {
    text-decoration: none
}

.call-mobile {
    background: #ED1C24;
    position: fixed;
    bottom: 10px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 40px;
    color: #fff;
    left: 20px;
    z-index: 99999
}

.call-mobile1 {
    position: fixed;
    bottom: 52px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 40px;
    color: #fff;
    left: 20px;
    z-index: 99999
}

.call-mobile2 {
    position: fixed;
    bottom:13px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 40px;
    color: #fff;
    left:1px;
    z-index: 99999
}

.call-mobile i {
    font-size: 20px;
    line-height: 40px;
    background: #B52026;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    float: right
}

.call-mobile a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 10px
}

.Main-left {
    float: left;
    width: 20%
}

.Main-right {
    float: right;
    width:80%;background:#fff;
}

.bs-left {
    float: left;
    width: 40%
}

.bs-right {
    float: right;
    width: 58%;
    text-align: justify
}

.ul-Rot {
    margin: 0 auto;
    font-size: 12px;
    line-height: 30px;
    color: #111;
    margin: 0 !important;
    padding: 0 !important
}

    .ul-Rot li.li-rot-home {
        margin: 0 !important;
        padding: 0 !important;
        float: left
    }

    .ul-Rot li.li-rot-pc {
        float: left;
        font-weight: 400 !important;
        margin-left: 5px;
        margin-right: 5px
    }

        .ul-Rot li.li-rot-pc span {
            font-weight: 200
        }

    .ul-Rot li h1, h2 {
        font-size: 12px !important;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .ul-Rot li a {
        color: #004800
    }

body {
    font: 13.5px/1.4 arial,helvetica,clean,sans-serif !important;
    color: rgba(0,0,0,.85);
    font-weight: 400;
    line-height: 1.4;
    background: url(../Uploads/bg.png)fixed top center;
    background-repeat: no-repeat;
}

.txtretroshadow {
    text-align: center;
    font-size: 30px;
    color: #2c2c2c;
    letter-spacing: .05em;
    text-shadow: 4px 4px 0 #d5d5d5,7px 7px 0 rgba(0,0,0,0.2);
    padding: 10px 0
}

.txtelegantshadow-slogan {
    font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    color: #8b4513;
    letter-spacing: .15em;
    text-shadow: 1px -1px 0 #767676,-1px 2px 1px #737272,-2px 4px 1px #767474,-3px 6px 1px #787777,-4px 8px 1px #7b7a7a,-5px 10px 1px #7f7d7d,-6px 12px 1px #828181,-7px 14px 1px #868585,-8px 16px 1px #8b8a89,-9px 18px 1px #8f8e8d,-10px 20px 1px #949392,-11px 22px 1px #999897,-12px 24px 1px #9e9c9c,-13px 26px 1px #a3a1a1,-14px 28px 1px #a8a6a6,-15px 30px 1px #adabab,-16px 32px 1px #b2b1b0,-17px 34px 1px #b7b6b5,-18px 36px 1px #bcbbba,-19px 38px 1px #c1bfbf,-20px 40px 1px #c6c4c4,-21px 42px 1px #cbc9c8,-22px 44px 1px #cfcdcd,-23px 46px 1px #d4d2d1,-24px 48px 1px #d8d6d5,-25px 50px 1px #dbdad9,-26px 52px 1px #dfdddc,-27px 54px 1px #e2e0df,-28px 56px 1px #e4e3e2
}

.Head {
    background: rgba(0, 0, 0, 0.25);
}

.dautrang {
    min-height: 30px;
    line-height: 30px;max-width:1200px;margin:0 auto;
}

    .dautrang ul.ul-no-list {
        max-width: 1366px;
        margin: 0 auto
    }

.Head-li {
    float: left;
    text-align: center;
    color: #fff;
    margin-right: 2%
}

    .Head-li a {
        color: #fff
    }

        .Head-li a img {
            max-height: 70px
        }

.Search-Menu {
    background: #F5F5F5;
    border-bottom: 1px solid #DDD
}

.Search-Menu-logo {
    float: left;
    width: 20%
}

.Search-Menu-search {
    padding-top: 22px;
    float: left;
    width: 60%
}

.Search-Menu-cart {
    padding-top:10px;
    float: left;
    width: 20%
}

    .Search-Menu-cart a {
        color: red;
        font-weight: 700;
        font-size: 30px
    }

.keyword {
    box-sizing: border-box;
    display: table-cell;
    width: 80%;
    padding: 4px 0 4px 8px;
    height: 40px;
    line-height: 30px\9;
    border: 1px solid #aaa;
    background: transparent;
    position: relative;
    right: 0;
    margin: 0;
    outline: none;
    float: left;
    overflow: auto;
    border-radius: 0;
    background: #fff;
    border-right-width: 0
}

.btnKeyword {
    background:#ff7c0c url(../../hdvn.vn/icons/n-publicbg.png) no-repeat -750px 10px;
    width: 47px;
    height: 40px;
    border: none;
    cursor: pointer;
    display: block;
    border-radius: 0
}

.df-sld-left {
    padding-top: 10px;
    float: left;
    width: 50%
}

.df-sld-center {
    float: left;
    width: 28.6%;
    overflow: hidden !important;
    max-height: 620px;
    position: relative
}

.df-sld-right {
    float: right;
    width: 50%
}

    .df-sld-right h2 {
        text-align: center;
        font-size: 12px;
        height: 30px;
        overflow: hidden
    }

        .df-sld-right h2 a {
            color: #333
        }

.div-chinhsach {
    float: left;
    width: 22.8%;
    border-right: 1px solid silver;
    padding: 10px 1%;
    min-height: 70px
}

    .div-chinhsach strong {
        display: block;
        text-transform: uppercase
    }

.SlideShow {
    width: 100% !important
}

.div-loai-sp {
    float: left;
    width:19%;
    margin:10px 0.5%;
    border: 1px solid #eee
}
.div-loai-sp h2{text-align:center;height:40px;overflow:hidden;}.div-loai-sp h2 a{color:#333;display:block;font-size:12px;line-height:16px;}
.div-sp {
    box-shadow: 3px 3px 10px #909090;
    border: 1px solid #eee;
    float: left;
    width: 23.7%;
    margin: 0 .5% 10px !important
}

    .div-sp h3 a {
        font-size: 12px;
        color: #6b7285;
        text-align: center;
        display: block;
        line-height: 16px
    }

    .div-sp h3 {
        height: 40px;margin-top:8px;
        overflow: hidden
    }
.div-sp h3 a{display:block;line-height:16px;font-size:12px;}
.div-img-sp {
    text-align: center;height:150px;overflow:hidden;
    padding: 5px
}

.div-size {
    text-align: center
}

    .div-size span {
        margin: 0 10px
    }

.div-face-support {
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 250px;
    padding-left: 10px;
    border: 1px solid #6b7285;
    padding-right: 10px
}

    .div-face-support a {
        display: block;
        line-height: 30px;
        font-size: 13px;
        font-weight: 700;
        color: #6b7285;
        border-left: 0 !important;
        border-bottom: 0 !important
    }

.h2-LB-height-0 {
    height: 0;
    text-align: center
}

.df-sld-center .h2-LB-height-0 a {
    display: block;
    padding: 5px 0;
    position: relative;
    top: -50px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: wavy;
    background: url(../../hdvn.vn/icons/bg_trans.png);
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;
    color: red
}

.df-sld-right .h2-LB-height-0 a {
    display: block;
    padding: 5px 0;
    position: relative;
    top: -37px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: wavy;
    background: url(../../hdvn.vn/icons/bg_trans.png);
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;
    color: #6b7285
}

.an-PC {
    display: none
}

.div-blog {
    float: left;
    width: 31%;
    border: 1px solid #eee;
    margin: 10px 1%;
    border-bottom: 3px solid #8b4513 !important
}

.div-blog-img {
    height: 200px;
    overflow: hidden
}

.div-blog-name {
    height: 40px;
    overflow: hidden;
    text-align: center;
    margin-top: 10px
}

.div-blog-mota {
    height: 150px;
    overflow: hidden;
    line-height: 25px;
    text-align: justify;
    padding: 0 10px 3px
}

.div-blog-name a {
    color: #333;
    font-weight: 400
}

.div-area-blog {
    padding-left: 15px;
    padding-top: 15px;
    max-width: 1348px;
    margin: 0 auto;
    box-shadow: 3px 3px 5px 5px #eee inset
}

.Fot {
    background: #333;
    color: #fff;
    padding: 20px 0;
    line-height: 30px
}

    .Fot .chantrang {
        max-width: 1366px;
        margin: 0 auto
    }

    .Fot .fot-left {
        float: left;
        width: 33.3%
    }

    .Fot .fot-center {
        float: left;
        width: 33.3%
    }

    .Fot .fot-right {
        float: right;
        width: 33.3%
    }

    .Fot .LB-Title {
        text-transform: uppercase;
        padding-bottom: 10px
    }

    .Fot a {
        color: #f4f4f4;
        font-size: 12px
    }
.hotline-ef {
    bottom: 52px;
    left: 2%;
    z-index: 9999;
    position: fixed;
    font-size: 10px;
}
.hovicon.effect-8 {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
}
.hovicon.effect-8 {
    background: rgba(255,255,255,.07);
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    transform: scale(0.80);
    color: #fff;
}
.hovicon.effect-8 {
    background: rgba(169,169,169,.05);
    -webkit-transition: -webkit-transform ease-out .1s,background .2s;
    -moz-transition: -moz-transform ease-out .1s,background .2s;
    transition: transform ease-out .1s,background .2s;
}
.hovicon {
    display: inline-block;
    font-size: 45px;
    cursor: pointer;
    margin: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #1e77d1;
}
    .hovicon.effect-8 i {
        color: red;
    }
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.hovicon.effect-8:after {
    -webkit-animation: sonarEffect 1.3s infinite ease-out 75ms;
    -moz-animation: sonarEffect 1.3s infinite ease-out 75ms;
    animation: sonarEffect 1.3s infinite ease-out 75ms;
}
.hovicon.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.phone {
    position: absolute;
    top: 100px;
    color: #f15a23;
    padding: 5px;
    font-weight: bold;
    font-family: inherit;
    font-size: 150%;
    margin-left: 8px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 9px;
}
.hotline-ef p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
@media (max-width:400px) {
    .Search-Menu-logo, .Search-Menu-search {
        clear: both !important;
        width: 98% !important;
        padding: 0 1% !important;
        text-align: center
    }

    .Search-Menu-search {
        padding-left: 15px
    }
}

@media (max-width:500px) {
    .div-blog {
        width: 98% !important;
        clear: both !important
    }

    .div-blog-img {
        height: auto !important
    }

    .div-blog-mota {
        height: auto !important
    }
}

@media (max-width:600px) {
    .js-cd-navigation li {
        float: left;
        width: 50%
    }

    .bs-left, .bs-right {
        clear: both;
        width: 98%;
        margin: 10px auto
    }
}

@media (max-width:768px) {
    .df-sld-left {
        clear: both;
        width: 100%
    }

    .df-sld-right, .df-sld-center {
        clear: both;
        width: 100%
    }

    .Search-Menu-logo {
        padding-top: 15px
    }

        .Search-Menu-logo a img {
            max-height: 50px
        }

    .Search-Menu-search {
        width: 80%;
        padding-top: 5px
    }

    .Search-Menu-cart {
        clear: both;
        width: 95%;
        margin: 0 auto
    }

    .div-sp {
        width: 48%
    }

    .div-chinhsach {
        width: 47%
    }

    .an-PC {
        display: inline !important
    }

    .Search-Menu-cart {
        padding: 5px 0;
        text-align: center
    }

        .Search-Menu-cart a {
            font-size: 15px
        }

    .Search-Menu-logo {
        padding-top: 0
    }

    .Head-li {
        line-height: 18px;
        padding-top: 5px;
        font-size: 12px;
        text-align: left
    }

    .fot-left, .fot-center, .fot-right {
        clear: both !important;
        width: 96% !important;
        padding: 0 2%
    }
}

@media (max-width:800px) {
    .div-blog {
        width: 48%
    }

    .Main-left, .Main-right {
        clear: both;
        width: 100%
    }

    .Main-left {
        display: none
    }
    .call-mobile2{left:100px;}
}

@media (max-width:900px) {
    .MAIN {
        padding-bottom: 250px
    }

    .An-mobile {
        display: none !important
    }

    .div-face-support {
        background: #eee;
        border: 1px solid silver
    }
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.cpd_front_list, .cpd_front_list li {
    list-style-type: none !important;
    margin-left: 0 !important
}

    .cpd_front_list li b {
        float: right
    }

h2 .cpd_icon {
    vertical-align: top;
    margin-top: 2px
}

#cpdtoolccs h3 {
    margin-left: 1em
}

.cpd_backups {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse
}

    .cpd_backups tr:nth-child(2n) {
        background: #fff
    }

    .cpd_backups td {
        border-bottom: 1px #ccc solid
    }

    .cpd_backups a {
        text-decoration: none
    }

.cpd_green {
    font-size: 16px;
    font-weight: bold;
    color: green;
    margin-right: 3px
}

.cpd_halfsize {
    width: 49%;
    float: left
}

.cpd_settings fieldset {
    margin: 5px 5px 20px;
    padding: 0 10px 0;
    border: 1px solid #dfdfdf;
    background: #fafafa
}

.cpd_settings legend {
    background: #eee;
    border: 1px solid #dfdfdf;
    margin: 0 10px;
    padding: 1px 7px 2px;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px
}

.cpd_settings .form-table {
    margin-bottom: 5px !important
}

.cpd_red {
    color: red !important
}

.cpd_icon {
    display: inline-block;
    background: url(../../giongcaytot.com/wp-content/plugins/count-per-day/img/cpd_sprites.png) no-repeat top left;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    padding: 0 !important
}

.cpd_backup {
    background-position: 0 0
}

.cpd_clean {
    background-position: 0 -46px
}

.cpd_collection {
    background-position: 0 -92px
}

.cpd_computer {
    background-position: 0 -138px
}

.cpd_calendar {
    background-position: 0 -184px
}

.cpd_day {
    background-position: 0 -230px
}

.cpd_geoip {
    background-position: 0 -276px
}

.cpd_help {
    background-position: 0 -322px
}

.cpd_massbots {
    background-position: 0 -368px
}

.cpd_online {
    background-position: 0 -414px
}

.cpd_post {
    background-position: 0 -460px
}

.cpd_reads {
    background-position: 0 -506px
}

.cpd_referrer {
    background-position: 0 -552px
}

.cpd_reset {
    background-position: 0 -598px
}

.cpd_settings {
    background-position: 0 -644px
}

.cpd_summary {
    background-position: 0 -690px
}

.cpd_tools {
    background-position: 0 -736px
}

.cpd_uninstall {
    background-position: 0 -782px
}

.cpd_update {
    background-position: 0 -828px
}

.cpd_user {
    background-position: 0 -874px
}

.cpd_logo {
    width: 32px;
    height: 32px;
    vertical-align: middle
}

#cpd-flot-place {
    padding: 5px;
    background: #fff;
    border: 1px #ccc solid;
    margin: 5px 8px
}

    #cpd-flot-place .button {
        padding: 2px 10px;
        height: 20px;
        line-height: 14px
    }

#cpd-flot-choice {
    padding: 5px;
    text-align: center
}

#cpd-flot {
    clear: both;
    overflow: hidden;
    margin-top: 5px
}

#cpd-tooltip {
    position: absolute;
    z-index: 10;
    display: none;
    text-align: center;
    padding: 2px 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 3px 3px 4px rgba(0,0,0,.4)
}

.cpd-list-chart {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: -moz-linear-gradient(top,#ccc 0,#fff 80%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(80%,#fff))
}

.cpd-dashboard .inside {
    padding: 0 5px
}

.cpd-dashboard .postbox {
    min-width: 0 !important
}

.cpd-dashboard .cpd_front_list {
    padding-right: 5px;
    max-height: 200px;
    overflow-y: auto
}

.cpd-dashboard li {
    color: #777;
    padding-bottom: 2px;
    border-bottom: 1px #ddd dotted;
    overflow: hidden
}

    .cpd-dashboard li b {
        float: right;
        text-align: right;
        font-size: 1.2em;
        color: #2583ad
    }

    .cpd-dashboard li span {
        color: #f00
    }

.cpd-dashboard a {
    text-decoration: none
}

.column-cpd_reads {
    width: 50px;
    white-space: nowrap;
    overflow: visible
}

.cpd-r {
    float: right;
    text-align: right
}

.columns-prefs .columns-prefs-3, .columns-prefs .columns-prefs-4 {
    display: inline-block !important
}

.cpd_widget_item {
    padding: 2px 5px;
    background: #eee;
    cursor: move;
    border-radius: 4px
}

.cpd_widget_title {
    cursor: auto
}

.cpd_widget_item .widefat {
    width: 235px !important;
    margin-left: 15px
}

.cpd-thickbox {
    background-color: #f7f6f1;
    font-size: 13px
}

    .cpd-thickbox h2 {
        font: italic 1.5em Georgia,"Times New Roman","Bitstream Charter",Times,serif;
        margin: 0;
        padding: 0;
        color: #093e56
    }

    .cpd-thickbox li {
        padding-bottom: 5px;
        border-top: 0
    }

.cpd-notes {
    width: 100%;
    width: auto;
    margin: 1px;
    border-color: #000;
    border-collapse: collapse
}

    .cpd-notes td, .cpd-notes th {
        vertical-align: top;
        text-align: left;
        padding: 2px;
        font: 12px Verdana,Arial,Helvetica,sans-serif;
        border-bottom: 1px #aaa solid
    }

    .cpd-notes th {
        background-color: #8cbdd5;
        font-weight: bold
    }

    .cpd-notes .nowrap {
        white-space: nowrap
    }

    .cpd-notes .red {
        background-color: #f00;
        color: #ff0
    }

    .cpd-notes .green {
        background-color: #0a0;
        color: #ff0
    }

    .cpd-notes input {
        width: 97%;
        font: 12px Verdana,Arial,Helvetica,sans-serif
    }

.cpd-client-logo {
    padding-left: 25px;
    background: url(../../giongcaytot.com/wp-content/plugins/count-per-day/img/cpd_clients.png) no-repeat left -25px
}

.cpd-client-chrome {
    background-position: 0 0
}

.cpd-client-firefox {
    background-position: 0 -49px
}

.cpd-client-msie {
    background-position: 0 -98px
}

.cpd-client-opera {
    background-position: 0 -147px
}

.cpd-client-safari {
    background-position: 0 -196px
}

#cpd_referrers li a {
    width: 85%;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

.cpd-flag {
    display: inline-block;
    float: left;
    width: 23px;
    height: 12px;
    margin-top: 3px;
    background-image: url(../../giongcaytot.com/wp-content/plugins/count-per-day/img/cpd_flags.png);
    background-repeat: no-repeat
}

.cpd-flag-ae {
    background-position: 0 0
}

.cpd-flag-af, .cpd-flag-xh, .cpd-flag-zu {
    background-position: 0 -13px
}

.cpd-flag-al {
    background-position: 0 -26px
}

.cpd-flag-am {
    background-position: 0 -39px
}

.cpd-flag-ar {
    background-position: 0 -52px
}

.cpd-flag-at {
    background-position: 0 -65px
}

.cpd-flag-au {
    background-position: 0 -78px
}

.cpd-flag-az {
    background-position: 0 -91px
}

.cpd-flag-ba {
    background-position: 0 -104px
}

.cpd-flag-bd {
    background-position: 0 -117px
}

.cpd-flag-be {
    background-position: 0 -130px
}

.cpd-flag-bg {
    background-position: 0 -143px
}

.cpd-flag-bh {
    background-position: 0 -156px
}

.cpd-flag-bn {
    background-position: 0 -169px
}

.cpd-flag-bo {
    background-position: 0 -182px
}

.cpd-flag-br {
    background-position: 0 -195px
}

.cpd-flag-by {
    background-position: 0 -208px
}

.cpd-flag-bz {
    background-position: 0 -221px
}

.cpd-flag-ca {
    background-position: 0 -234px
}

.cpd-flag-ch {
    background-position: 0 -247px
}

.cpd-flag-ci {
    background-position: 0 -260px
}

.cpd-flag-cl {
    background-position: 0 -273px
}

.cpd-flag-cn {
    background-position: 0 -286px
}

.cpd-flag-co {
    background-position: 0 -299px
}

.cpd-flag-cr {
    background-position: 0 -312px
}

.cpd-flag-cs {
    background-position: 0 -325px
}

.cpd-flag-cy, .cpd-flag-el, .cpd-flag-gr {
    background-position: 0 -338px
}

.cpd-flag-cz {
    background-position: 0 -351px
}

.cpd-flag-da, .cpd-flag-dk {
    background-position: 0 -364px
}

.cpd-flag-de {
    background-position: 0 -377px
}

.cpd-flag-do {
    background-position: 0 -390px
}

.cpd-flag-dz {
    background-position: 0 -403px
}

.cpd-flag-ec {
    background-position: 0 -416px
}

.cpd-flag-ee {
    background-position: 0 -429px
}

.cpd-flag-eg {
    background-position: 0 -442px
}

.cpd-flag-en, .cpd-flag-us {
    background-position: 0 -455px
}

.cpd-flag-eo {
    background-position: 0 -468px
}

.cpd-flag-es {
    background-position: 0 -481px
}

.cpd-flag-eu {
    background-position: 0 -494px
}

.cpd-flag-fi {
    background-position: 0 -507px
}

.cpd-flag-fo {
    background-position: 0 -520px
}

.cpd-flag-fr {
    background-position: 0 -533px
}

.cpd-flag-gb {
    background-position: 0 -546px
}

.cpd-flag-ge {
    background-position: 0 -559px
}

.cpd-flag-gt {
    background-position: 0 -572px
}

.cpd-flag-hk {
    background-position: 0 -585px
}

.cpd-flag-hn {
    background-position: 0 -598px
}

.cpd-flag-hr {
    background-position: 0 -611px
}

.cpd-flag-hu {
    background-position: 0 -624px
}

.cpd-flag-id {
    background-position: 0 -637px
}

.cpd-flag-ie {
    background-position: 0 -650px
}

.cpd-flag-il {
    background-position: 0 -663px
}

.cpd-flag-in {
    background-position: 0 -676px
}

.cpd-flag-iq {
    background-position: 0 -689px
}

.cpd-flag-ir {
    background-position: 0 -702px
}

.cpd-flag-is {
    background-position: 0 -715px
}

.cpd-flag-it {
    background-position: 0 -728px
}

.cpd-flag-ja, .cpd-flag-jp {
    background-position: 0 -741px
}

.cpd-flag-jm {
    background-position: 0 -754px
}

.cpd-flag-jo {
    background-position: 0 -767px
}

.cpd-flag-kk {
    background-position: 0 -780px
}

.cpd-flag-kp {
    background-position: 0 -793px
}

.cpd-flag-kr {
    background-position: 0 -806px
}

.cpd-flag-kw {
    background-position: 0 -819px
}

.cpd-flag-ky {
    background-position: 0 -832px
}

.cpd-flag-lb {
    background-position: 0 -845px
}

.cpd-flag-li {
    background-position: 0 -858px
}

.cpd-flag-lk {
    background-position: 0 -871px
}

.cpd-flag-ls {
    background-position: 0 -884px
}

.cpd-flag-lt {
    background-position: 0 -897px
}

.cpd-flag-lu {
    background-position: 0 -910px
}

.cpd-flag-lv {
    background-position: 0 -923px
}

.cpd-flag-ly {
    background-position: 0 -936px
}

.cpd-flag-ma {
    background-position: 0 -949px
}

.cpd-flag-mk {
    background-position: 0 -962px
}

.cpd-flag-mm {
    background-position: 0 -975px
}

.cpd-flag-mo {
    background-position: 0 -988px
}

.cpd-flag-mt {
    background-position: 0 -1001px
}

.cpd-flag-mx {
    background-position: 0 -1014px
}

.cpd-flag-my {
    background-position: 0 -1027px
}

.cpd-flag-nb, .cpd-flag-nn, .cpd-flag-no {
    background-position: 0 -1040px
}

.cpd-flag-ni {
    background-position: 0 -1053px
}

.cpd-flag-nl {
    background-position: 0 -1066px
}

.cpd-flag-nz {
    background-position: 0 -1079px
}

.cpd-flag-om {
    background-position: 0 -1092px
}

.cpd-flag-pa {
    background-position: 0 -1105px
}

.cpd-flag-pe {
    background-position: 0 -1118px
}

.cpd-flag-ph {
    background-position: 0 -1131px
}

.cpd-flag-pk {
    background-position: 0 -1144px
}

.cpd-flag-pl {
    background-position: 0 -1157px
}

.cpd-flag-pr {
    background-position: 0 -1170px
}

.cpd-flag-pt {
    background-position: 0 -1183px
}

.cpd-flag-py {
    background-position: 0 -1196px
}

.cpd-flag-qa {
    background-position: 0 -1209px
}

.cpd-flag-ro {
    background-position: 0 -1222px
}

.cpd-flag-rs {
    background-position: 0 -1235px
}

.cpd-flag-ru {
    background-position: 0 -1248px
}

.cpd-flag-sa {
    background-position: 0 -1261px
}

.cpd-flag-se {
    background-position: 0 -1274px
}

.cpd-flag-sg {
    background-position: 0 -1287px
}

.cpd-flag-si {
    background-position: 0 -1300px
}

.cpd-flag-sk {
    background-position: 0 -1313px
}

.cpd-flag-sv {
    background-position: 0 -1326px
}

.cpd-flag-sy {
    background-position: 0 -1339px
}

.cpd-flag-th {
    background-position: 0 -1352px
}

.cpd-flag-tn {
    background-position: 0 -1365px
}

.cpd-flag-tr {
    background-position: 0 -1378px
}

.cpd-flag-tt {
    background-position: 0 -1391px
}

.cpd-flag-tw {
    background-position: 0 -1404px
}

.cpd-flag-tz {
    background-position: 0 -1417px
}

.cpd-flag-ua {
    background-position: 0 -1430px
}

.cpd-flag-unknown, .cpd-flag-a1, .cpd-flag-a2, .cpd-flag-o1 {
    background-position: 0 -1443px
}

.cpd-flag-uy {
    background-position: 0 -1456px
}

.cpd-flag-uz {
    background-position: 0 -1469px
}

.cpd-flag-ve {
    background-position: 0 -1482px
}

.cpd-flag-vn {
    background-position: 0 -1495px
}

.cpd-flag-ye {
    background-position: 0 -1508px
}

.cpd-flag-za {
    background-position: 0 -1521px
}

.cpd-flag-me {
    background-position: 0 -1534px
}

.cpd-flag-md {
    background-position: 0 -1547px
}

.cpd-flag-np {
    background-position: 0 -1560px
}

.cpd-flag-bs {
    background-position: 0 -1573px
}

.cpd-flag-cm {
    background-position: 0 -1586px
}

.cpd-flag-mn {
    background-position: 0 -1599px
}

.cpd-flag-kz {
    background-position: 0 -1612px
}

.cpd-flag-ng {
    background-position: 0 -1625px
}

.cpd-flag-kh {
    background-position: 0 -1638px
}

.cpd-flag-sd {
    background-position: 0 -1651px
}

.cpd-flag-mw {
    background-position: 0 -1664px
}

body {
    background: url(../uploads/bg-2.png) fixed top center;
    background-repeat: no-repeat
}

p, ul, li, a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none
}

.header-top {
    width: 100%;
    height: 35px;
    background: url(../uploads/images/icons/bg-top.png)
}

.header-top-main {
    width: 1000px;
    margin: 0 auto
}

.news-top {
    float: right;
    padding-top: 10px
}

.hotline-top {
    float: left;
    padding-top: 10px;
    width: 230px
}

.user-top {
    float: right;
    padding-top: 6px
}

    .user-top ul li {
        float: left;
        padding-right: 5px;
        padding-left: 5px
    }

        .user-top ul li a {
            color: black;
            font-size: 12px
        }

        .user-top ul li img {
            width: 20px;
            height: 20px
        }

        .user-top ul li a:hover {
            color: #02b030
        }

.fb-top {
    float: left;
    padding-left: 10px;
    padding-top: 7px
}

    .fb-top a {
        padding-top: -5px !important
    }

.news-top-title {
    font-size: 12px;
    font-weight: bold;
    padding-right: 380px
}

    .news-top-title a {
        font-weight: normal;
        color: #02b030
    }

.hotline-top-title {
    color: #7f7f7f;
    padding-right: 40px
}

    .hotline-top-title a {
        font-weight: bold;
        font-size: 14px;
        color: #ac0034
    }

.header-mid {
    width: 1000px;
    margin: 0 auto;
    padding: 0
}

.timkiem {
    width: 215px;
    margin: 0 auto;
    line-height: 26px;
    border-radius: 5px;
    background: white;
    margin-top: 8px;
    border: 1px solid silver
}

    .timkiem input[type="text"] {
        width: 80%;
        border: 0;
        padding-left: 15px;
        border-right: 1px solid silver
    }

    .timkiem input[type="submit"] {
        background: url(../../giongcaytot.com/wp-content/themes/template/img/search.png) no-repeat;
        border: 0;
        line-height: 10px;
        margin-left: 3px
    }

    .timkiem input[type="text"]::-webkit-input-placeholder {
        color: #414141;
        font-style: italic
    }

    .timkiem input[type="text"]::-moz-placeholder {
        color: #414141;
        font-style: italic
    }

    .timkiem input[type="text"]::-ms-input-placeholder {
        color: #414141;
        font-style: italic
    }

.logo {
    float: left
}

    .logo img {
        width: 170px
    }

.card {
    background: url(../../giongcaytot.com/wp-content/themes/template/img/giohang.png) top right no-repeat;
    padding-bottom: 6px
}

.card1 {
    padding-top: 10px
}

.giohang {
    color: #aca1a1;
    font-style: italic
}

    .giohang a {
        font-size: 18px;
        color: #ac0034
    }

    .giohang img {
        padding-left: 12px
    }

.header-menu {
    width: 1000px;
    margin: 0 auto
}

.menu-top {
    background: url(../../giongcaytot.com/wp-content/themes/template/img/bg-menu.png) no-repeat;
    height: 56px;
    box-shadow: 0 20px 15px -20px #c9c9c9;
    padding-top: 14px !important
}

    .menu-top ul li {
        float: left;
        padding-top: 10px;
        padding-left: 68px;
        position: relative
    }

        .menu-top ul li a {
            white-space: nowrap
        }

.menu-top {
    padding-left: 74px !important
}

    .menu-top ul li a {
        color: white;
        font-weight: bold;
        font-size: 14px
    }

        .menu-top ul li a:hover {
            color: red
        }

.img-header {
    float: left
}

.img-text {
    float: left
}

.content-tb {
    width: 228px;
    height: auto;
    float: left;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 10px 0 #bfbfbf;
    background: white
}

    .content-tb a {
        font-size: 12px;
        font-weight: bold;
        color: #959494;
        word-wrap: break-word
    }

.header-bot {
    width: 1000px;
    margin: 0 auto
}

.tb-header {
    padding-left: 653px;
    padding-top: 29px;
    position: absolute;
    margin-top: -290px;
    float: left
}

.img-text span {
    padding-right: 11px;
    color: #d80000;
    font-size: 12px;
    font-weight: bold;
    float: left
}

.img-text img {
    padding-left: 20px;
    padding-bottom: 10px
}

.title-header img {
    float: right;
    padding-top: 175px
}

.cont-header-right {
    background-image: url(../../giongcaytot.com/wp-content/themes/template/img/bg-cont.png);
    width: 55px;
    height: 142px;
    position: fixed;
    margin-left: 1370px
}

    .cont-header-right img {
        padding-top: 14px;
        padding-left: 14px
    }

.main {
    background: #fff;
    border-top: solid 4px #063;
    width: 1000px;
    margin: 0 auto;
    box-shadow: 0 5px 2px 0 #bfbfbf;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px
}

.main-top-left {
    width: 228px;
    float: left
}

.sp-title {
    background: transparent url(../../giongcaytot.com/wp-content/themes/template/img/sp.png) no-repeat scroll left top;
    padding: 5px 5px 10px 55px;
    margin-left: 17px
}

    .sp-title a {
        color: #063;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase
    }

.sp {
    padding-top: 20px
}

.sp-content {
    padding-left: 18px;
    padding-top: 29px
}

    .sp-content ul li {
        background: transparent url(../../giongcaytot.com/wp-content/themes/template/img/cam.png) 0 1px no-repeat;
        padding-left: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid silver;
        margin-bottom: 10px;
        margin-left: 10px;
        line-height: 20px
    }

        .sp-content ul li ul {
            padding-top: 15px;
            display: block
        }

            .sp-content ul li ul li {
                color: #555
            }

            .sp-content ul li ul li {
                background: none;
                border-bottom: dashed 1px #ccc;
                list-style: disc;
                padding-left: 2px;
                margin-left: 15px
            }

                .sp-content ul li ul li:last-child {
                    border-bottom: 0;
                    margin-bottom: 0
                }

        .sp-content ul li:last-child {
            border-bottom: 0
        }

        .sp-content ul li a {
            color: #333;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase
        }

            .sp-content ul li a:hover {
                color: #063
            }

.mui_ten {
    display: none
}

.sp-content ul li ul li a {
    font-weight: bold;
    color: #666
}

.sp-content ul li ul li ul li a {
    font-weight: normal
}

.spm-content1-main {
    width: 180px;
    background: white;
    padding: 7px;
    box-shadow: 0 0 10px 0 #bfbfbf
}

    .spm-content1-main img {
        width: 100%
    }

.spm-content1 {
    padding-left: 28px;
    padding-top: 20px
}

.bgs {
    padding-top: 16px;
    padding-bottom: 15px
}

    .bgs a {
        font-size: 14px;
        font-weight: bold;
        color: #757575 !important
    }

.gia span {
    color: #f00;
    font-weight: bold;
    font-size: 14px
}

.gia_km span {
    color: #f00;
    font-weight: bold;
    font-size: 14px
}

.gia_km {
    text-decoration: line-through
}

.main-top-right {
    float: left;
    padding-left: 27px;
    width: 730px;
    padding-bottom: 10px
}

    .main-top-right h2 {
        background: url(../../giongcaytot.com/wp-content/themes/template/img/sp_noibat.png) 0 8px no-repeat;
        padding-left: 45px;
        height: 25px;
        padding-top: 10px;
        color: #063;
        border-bottom: 2px solid silver;
        padding-bottom: 5px;
        text-transform: capitalize
    }

.mtr-cont ul li {
    float: left;
    padding-left: 29px;
    text-align: center;
    width: 211px
}

.mtr-img {
    background-color: white;
    padding: 5px;
    box-shadow: 0 0 10px 0 silver;
    overflow: hidden
}

    .mtr-img img {
        width: 100%;
        height: 142px
    }

.t-sp h3 {
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e
}

.g {
    color: #ff7011;
    font-size: 14px;
    font-weight: bold
}

.dm {
    background: url(../../giongcaytot.com/wp-content/themes/template/img/next.png) 8px 10px no-repeat;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    background-color: #063;
    color: #fff;
    padding: 7px 18px;
    font-size: 12px
}

    .dm:hover {
        background: url(../../giongcaytot.com/wp-content/themes/template/img/next.png) 8px 8px no-repeat;
        background-color: red
    }

    .dm a {
        color: white
    }

.bder-img {
    background: url(../../giongcaytot.com/wp-content/themes/template/img/border-img.png);
    height: 2px;
    margin-top: 37px;
    margin-bottom: 30px
}

.mtr-cont {
    padding-top: 15px
}

    .mtr-cont ul li:nth-child(3n+1) {
        clear: both;
        padding-left: 0
    }

.main-footer {
    padding-bottom: 7px;
    float: left;
    width: 100%;
    background: url(../../giongcaytot.com/wp-content/themes/template/img/bg_footer.jpg) no-repeat;
    background-size: cover
}

.main-footer-cont {
    padding-left: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px
}

.bdo {
    float: left;
    width: 190px;
    height: 85px;
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 silver
}

.bder-bot {
    background: url(../../giongcaytot.com/wp-content/themes/template/img/bder-bot.png) no-repeat;
    height: 6px
}

.bdo img {
    width: 100%
}

.vie {
    float: right;
    width: 240px;
    color: #fff;
    padding-left: 35px;
    border-left: 1px solid silver;
    line-height: 23px
}

.vie-left {
    float: left
}

.vie-right {
    float: right
}

.conta {
    color: #fff;
    float: left;
    padding-left: 25px;
    line-height: 20px;
    padding-bottom: 9px;
    width: 350px
}

    .conta h3 {
        margin-bottom: 5px;
        margin-top: 10px;
        color: #fff
    }

.cle-bot {
    height: 30px;
    width: 100%
}

.copyright {
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    font-size: 11px;
    color: #466a11;
    font-weight: normal
}

    .copyright a {
        color: #466a11
    }

.clear {
    clear: both
}

.tr_scrol_left ul li {
    height: 250px
}

.t-sp h3 a, .bgs {
    color: #333;
    text-transform: capitalize
}

.woocommerce-pagination {
    float: left;
    margin-bottom: 20px;
    margin-left: 1px;
    padding-top: 10px;
    width: 100%
}

.page-numbers {
    float: right;
    width: 100%
}

.woocommerce-pagination li {
    float: left !important;
    font-size: 15px;
    height: 22px !important;
    list-style: outside none none !important;
    margin: 0 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 26px !important
}

    .woocommerce-pagination li .current {
        background: none repeat scroll 0 0 #063;
        border-color: #e9e9e9;
        color: #fff
    }

    .woocommerce-pagination li * {
        border: 1px solid rgba(0,0,0,0);
        border-radius: 14px !important;
        display: block !important;
        font-weight: bold !important;
        height: 22px !important;
        list-style: outside none none !important;
        padding-top: 4px !important;
        text-decoration: none !important;
        width: 26px !important;
        color: #333
    }

    .woocommerce-pagination li a:hover {
        background: none repeat scroll 0 0 #063;
        color: #fff
    }

.next:hover, .prev:hover {
    background: none repeat scroll 0 0 rgba(0,0,0,0) !important;
    color: #380c00 !important
}

.single_left {
    float: left;
    margin-right: 30px;
    width: 300px
}

.chi_tiet_sp_img img {
    width: 300px
}

.single_right {
    float: left;
    width: 385px
}

.chi_tiet_sp_img {
    float: left;
    width: 290px
}

.chi_tiet_sp_2 {
    float: left;
    width: 290px
}

.single_left .newsticker-jcarousellite_1 ul li {
    cursor: pointer;
    margin-right: 10px
}

    .single_left .newsticker-jcarousellite_1 ul li img {
        border: 1px solid #ccc !important;
        height: 75px;
        margin-bottom: 16px;
        padding: 2px;
        width: 70px
    }

.single_right h2 {
    color: #6a6a6a;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase
}

.single_table {
    width: 100%
}

    .single_table .tr_1 {
        font-weight: bold
    }

    .single_table tr td, .single_table tr {
        border-bottom: 1px solid #6a6a6a;
        padding: 10px 0
    }

        .single_table tr td a {
            color: #a83c23
        }

.tr_content_single {
    padding-bottom: 10px
}

.chi_tiet_gio_hang_img {
    float: left;
    width: 180px
}

.chi_tiet_gio_hang_chi_tiet {
    float: left;
    width: 230px
}

.chi_tiet_gio_hang_gia {
    float: left;
    width: 505px
}

.tr_chi_tiet_gio_hang_so_luong li {
    display: inline;
    list-style: outside none none
}

.tr_chi_tiet_sp_gio_hang {
    padding-top: 10px
}

    .tr_chi_tiet_sp_gio_hang li {
        display: inline;
        list-style: outside none none
    }

.tr_content {
    padding-top: 15px;
    line-height: 22px;
    font-size: 14px;
    line-height: 22px
}

.hupso_toolbar {
    display: none
}

.hupso-share-buttons {
    text-align: right
}

.single_table .tr_2 {
    padding-right: 5px;
    text-align: right
}

.cho_vao_gio_hang {
    background: none repeat scroll 0 0 #f7a200;
    border: medium none;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    margin-top: 25px;
    padding: 10px;
    float: right
}

    .cho_vao_gio_hang a {
        color: #fff;
        font-size: 18px;
        font-weight: bold
    }

.clear {
    clear: both
}

.noi_dung img {
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 30px;
    width: 182px
}

.noi_dung {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 25px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px
}

    .noi_dung a {
        color: #333;
        padding: 0;
        margin: 0;
        margin-bottom: 26px;
        font-size: 14px;
        font-weight: Bold
    }

    .noi_dung h4 {
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: Bold
    }

.expert {
    color: #333;
    line-height: 22px;
    font-size: 13px
}

.noi_dung a.xem_the {
    color: #ed3334;
    float: right;
    font-size: 13px
}

    .noi_dung a.xem_the:hover {
        text-decoration: underline
    }

.noi_dung li {
    margin-bottom: 26px;
    font-size: 12px
}

.group_tin_khac {
    margin-top: 10px
}

.m_content {
    line-height: 22px
}

.tr_gio_hang_xem {
    padding: 20px 0;
    text-align: center;
    background: url(../../giongcaytot.com/wp-content/themes/template/images/gio_hang.png) 0 10px no-repeat;
    height: 40px;
    padding-right: 5px;
    padding-top: 9px;
    padding-left: 45px;
    line-height: 27px
}

.tr_m_k_gio_hang {
    color: #0a8c6c;
    font-weight: bold
}

.tr_gio_hang_xem a.tr_m_xem {
    background: #ed3237;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px
}

    .tr_gio_hang_xem a.tr_m_xem:hover {
        background: #0a8c6c
    }

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px
    }

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

.thong_tin_thanh_toan h3, .thong_tin_gio_hang {
    border-bottom: 1px dashed #ccc;
    color: #ed3237;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.thong_tin_thanh_toan table {
    margin: 0 auto;
    width: 80%
}

    .thong_tin_thanh_toan table tr td {
        padding-bottom: 10px;
        vertical-align: top;
        padding-top: 10px
    }

        .thong_tin_thanh_toan table tr td.col_1 {
            font-weight: bold;
            padding-right: 0;
            width: 200px
        }

        .thong_tin_thanh_toan table tr td input[type="text"] {
            width: 250px
        }

        .thong_tin_thanh_toan table tr td input.so_nha[type="text"] {
            margin-bottom: 10px;
            width: 120px
        }

        .thong_tin_thanh_toan table tr td textarea {
            height: 80px;
            width: 250px
        }

.giao_hang {
    margin-bottom: 30px;
    margin-top: 10px
}

.tr_tranh_toan {
    background: none repeat scroll 0 0 #ed3237;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px
}

.giao_hang {
    text-align: center
}

.tr_tranh_toan_1 {
    background: none repeat scroll 0 0 #ed3237;
    border: medium none;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    padding: 6px 10px
}

.tr_m_n_mua_ngay {
    margin-top: 20px;
    width: 200px
}

.button_tr_them_gio_hang {
    margin-top: 15px;
    text-align: center
}

.chi_tiet_gio_hang_img {
    float: left;
    width: 180px
}

.chi_tiet_gio_hang_chi_tiet {
    float: left;
    width: 230px
}

.chi_tiet_gio_hang_gia {
    float: left;
    width: 505px
}

.tr_chi_tiet_gio_hang_so_luong li {
    display: inline;
    list-style: outside none none
}

.tr_chi_tiet_sp_gio_hang {
    padding-top: 10px
}

    .tr_chi_tiet_sp_gio_hang li {
        display: inline;
        list-style: outside none none
    }

.table_tr_gio_hang tbody tr td {
    border-bottom: 1px dashed #ccc
}

.table_tr_gio_hang thead td {
    border: medium none;
    font-weight: bold
}

.table_tr_gio_hang tbody {
    border: 2px solid #cbcbcb;
    padding: 3px
}

.img_table_cart {
    float: left
}

.title_card {
    color: #ed3237 !important;
    font-weight: bold;
    position: relative
}

.text_soluong {
    position: relative;
    top: -3px;
    width: 60px
}

.thanh_toan {
    margin-top: 20px;
    text-align: center
}

    .thanh_toan a {
        background: none repeat scroll 0 0 #1b89e7;
        color: #fff;
        font-weight: bold;
        margin-right: 8px;
        padding: 8px 16px
    }

.table_tr_gio_hang tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border: solid 1px #ccc
}

.table_tr_gio_hang thead tr td {
    background: #0a8c6c;
    color: #fff;
    padding: 10px 0;
    text-align: center
}

.table_tr_gio_hang tr td, .table_tr_gio_hang {
    border-collapse: collapse
}

.tr_tong_tien {
    font-size: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 20px !important;
    padding-top: 20px;
    text-align: right !important
}

.tr_gia_tt {
    color: #f00;
    font-size: 20px
}

.do {
    color: #f00
}

.thanh_toan {
    display: none
}

.row-fluid {
    float: left;
    width: 100%
}

.column_container {
    float: left;
    margin: 25px 30px 0 0;
    width: 45%
}

.sectionTitle {
    border-bottom: 1px solid #e9e9e9;
    height: 20px;
    margin-bottom: 25px
}

    .sectionTitle h3 strong {
        border-bottom: 2px solid #ed3237;
        color: #ed3237;
        font: 600 16px/16px arial;
        padding: 0 4px 0 0
    }

.rbText {
    color: #666;
    font: 500 13px/16px arial
}

.column_container.form {
    float: left;
    margin: 25px 0 0;
    width: 35%
}

.column_container2 {
    float: left;
    margin: 0 20px 0 0;
    width: 50%
}

    .column_container2.span12 {
        float: left;
        margin: 0 20px 0 0;
        width: 100%
    }

        .span4 label, .column_container2.span12 label {
            color: #484848;
            font: 500 13px/16px arial
        }

.span4 input {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #e9e9e9;
    color: #acacac;
    display: inline-block;
    font: 12px Arial,sans-serif;
    height: 32px;
    margin: 0 0 10px;
    padding-left: 12px;
    resize: none;
    width: 100%
}

.message {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #e9e9e9;
    color: #acacac;
    display: inline-block;
    font: 12px Arial,sans-serif;
    height: 110px;
    margin: 0 0 10px;
    padding-left: 12px;
    resize: vertical;
    width: 99%
}

.column_container2.span12 {
    float: left;
    margin: 0 20px 0 0;
    width: 100%
}

.gui {
    background: none repeat scroll 0 0 #1b89e7;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    text-transform: uppercase;
    width: 114px
}

.rbText.clearfix.autop > h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px
}

.rbText.clearfix.autop > b {
    font-weight: bold
}

.submit {
    background: #ed3237;
    color: #fff;
    border-radius: 5px;
    padding: 7px 15px;
    border: 0;
    cursor: pointer
}

.so_dien_thoai_font {
    font-size: 16px
}

.menu_mobile {
    display: none !important
}

.mousetrap {
    display: none
}

.xac_nhan_gio_hang {
    font-size: 15px;
    text-align: center
}

    .xac_nhan_gio_hang li {
        border-bottom: 1px solid;
        font-size: 17px;
        width: 300px
    }

.xac_nhan_gio_hang_1 {
    margin: 0 auto;
    width: 310px
}

.xac_nhan_gio_hang span {
    font-size: 14px
}

.xac_nhan_gh_ten {
    font-size: 17px
}

    .xac_nhan_gh_ten span {
        font-size: 17px
    }

.xac_nhan_gio_hang h2 {
    font-size: 30px
}

.button_lietke {
    background: url(../../giongcaytot.com/wp-content/themes/template/images/button_lietke.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-bottom: 3px;
    width: 111px
}

.button_huy {
    background: url(../../giongcaytot.com/wp-content/themes/template/images/button_huy_1.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-bottom: 3px;
    width: 111px
}

.tr_m_chay {
    display: none
}

.hugo {
    margin-bottom: 10px
}

.nivo-controlNav {
    display: none !important
}

.tr_banner {
    background: #fff;
    padding: 10px;
    border: solid 1px #ccc;
    margin: 10px 0
}

.tr_mobile {
    display: none !important
}

.tr_pc {
    display: block !important
}

.d_mneu_mobile {
    margin: 0 auto;
    background: #063 repeat-x;
    width: 100%;
    margin-top: 15px;
    float: left;
    position: relative;
    height: 40px;
    overflow: hidden;
    z-index: 9999999
}

.slide {
    width: 100%;
    height: 284px;
    overflow: hidden
}

.sp-content li ul {
    display: none
}

.sp-content li:hover ul {
    display: block
}

.thong_tin_bao_gia .column_container {
    margin: 0 120px;
    width: 390px
}

    .thong_tin_bao_gia .column_container .span4 input {
        width: 377px
    }

.link_download {
    text-align: center
}

.tr_gia {
    text-decoration: line-through
}

.d_tuyen_dung {
    float: left;
    line-height: 35px
}

    .d_tuyen_dung a {
        color: #7f7f7f
    }

        .d_tuyen_dung a span {
            font-weight: bold;
            margin-right: 20px
        }

.d_dangky {
    float: left;
    line-height: 35px
}

.d_search_card {
    float: right;
    margin-top: 10px
}

.d_slogan {
    float: left;
    text-align: center;
    width: 590px
}

#cssmenu > ul > li {
}

.tr_content_1 .m_content ul, .tr_content_1 .m_content ul li {
    list-style: none
}

.name-slogan {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px
}

    .name-slogan h1 {
        font-size: 19px;
        font-weight: bold;
        font-family: Cambria;
        color: #063;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center
    }

    .name-slogan span {
        color: #f00;
        font-weight: bolder;
        font-size: 15px
    }

        .name-slogan span a {
            color: #f00
        }

.tr_sp_h2 {
    margin: 0
}

.m_content img {
    max-width: 100%
}

.d_tuyen_dung {
    color: #f00;
    font-size: 14px;
    font-weight: bold
}

.hugo {
    display: none !important
}

.m_content ul {
    margin-left: 30px
}

.footer_11 {
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 3px;
    width: 100%;
    z-index: 999999999
}

.footer_1_trctent {
    bottom: 5px;
    padding: 10px 0;
    background: #f00;
    width: 320px;
    margin: 0 auto;
    font-size: 20px;
    z-index: 999999999999;
    border-radius: 8px
}

    .footer_1_trctent a {
        color: #fff
    }

.hotline-ef {
    bottom: 52px;
    left: 2%;
    z-index: 9999;
    position: fixed;
    font-size: 10px
}

.hovicon {
    display: inline-block;
    font-size: 45px;
    cursor: pointer;
    margin: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #1e77d1
}

    .hovicon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .hovicon.effect-8 {
        background: rgba(169,169,169,.05);
        -webkit-transition: -webkit-transform ease-out .1s,background .2s;
        -moz-transition: -moz-transform ease-out .1s,background .2s;
        transition: transform ease-out .1s,background .2s
    }

        .hovicon.effect-8:after {
            top: 0;
            left: 0;
            padding: 0;
            z-index: -1;
            box-shadow: 0 0 0 2px rgba(255,255,255,.1);
            opacity: 0;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9)
        }

    .hovicon.effect-8 {
        background: rgba(255,255,255,.07);
        -webkit-transform: scale(0.80);
        -moz-transform: scale(0.80);
        -ms-transform: scale(0.80);
        transform: scale(0.80);
        color: #fff
    }

        .hovicon.effect-8 i {
            color: red
        }

        .hovicon.effect-8:after {
            -webkit-animation: sonarEffect 1.3s infinite ease-out 75ms;
            -moz-animation: sonarEffect 1.3s infinite ease-out 75ms;
            animation: sonarEffect 1.3s infinite ease-out 75ms
        }

    .hovicon.effect-8 {
        animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim
    }

.phone {
    position: absolute;
    top: 100px;
    color: #f15a23;
    padding: 5px;
    font-weight: bold;
    font-family: inherit;
    font-size: 150%;
    margin-left: 8px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 9px
}

    .phone a {
        color: red;
        font-size: 13px
    }

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,0,0,.82),0 0 10px 10px rgba(255,0,0,.82),0 0 0 10px rgba(255,0,0,.82)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,0,0,.82),0 0 10px 10px rgba(255,0,0,.82),0 0 0 10px rgba(255,0,0,.82);
        transform: scale(1.5);
        opacity: 0
    }
}

.song {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

.hotline-ef a {
    color: #f00;
    font-weight: bold
}

body {
    background-size: 100% 100%
}

@media screen and (max-width:1024px) {
    .tr_mobile {
        display: block !important
    }

    .tr_pc {
        display: none !important
    }

    .d_tuyen_dung, .group_right {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .header-top-main, .header-mid, .header-menu, .header-bot, .main, .copyright {
        width: 98%
    }

    .main-top-right {
        width: 95%;
        padding-left: 15px
    }

    .mtr-cont ul li {
        width: 30%
    }

    .bdo {
        display: none
    }

    .conta {
        padding-left: 0
    }

    .copyright {
        text-align: center
    }

    .main-top-right {
        padding-bottom: 10px
    }

    .slide {
        height: auto
    }
}

@media screen and (max-width:1024px) {
    .logo {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        float: none
    }

    .search {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 5px
    }

    .card {
        background: none;
        margin: 0;
        text-align: center;
        width: 100%
    }

    .card1 {
        text-align: center
    }

    .header-menu {
        padding-top: 0
    }

    .d_slogan {
        margin-left: 0;
        width: 100%;
        float: none;
        text-align: center
    }

    .d_tuyen_dung {
        float: none;
        width: 100%;
        text-align: center
    }

    .news-top {
        width: 100%;
        float: none;
        text-align: center
    }

    .hotline-top-title {
        padding-right: 0
    }

    .user-top ul li {
        float: none;
        padding: 0
    }

    .user-top {
        float: none;
        text-align: center
    }

    .header-mid {
        float: none;
        margin-top: 10px
    }

    .d_search_card {
        float: none
    }
}

@media screen and (max-width:860px) {
    .single_left {
        float: none;
        margin: 0 auto
    }

    .single_right {
        clear: both;
        float: none;
        margin: 0 auto;
        width: 80%
    }

    .column_container, .column_container.form {
        width: 100%
    }

    .header-top-main {
        background: url(../../giongcaytot.com/wp-content/themes/template/img/bg-top.png);
        background-size: cover;
        padding-bottom: 15px;
        width: 100%
    }

    .header-top {
        background: none
    }

    .d_slogan img {
        max-width: 100%
    }
}

@media screen and (max-width:730px) {
    .conta {
        width: 100%;
        text-align: center
    }

    .vie {
        display: none
    }

    .mtr-cont ul li {
        padding-left: 4%
    }
}

@media screen and (max-width:550px) {
    .mtr-cont ul li {
        padding-left: 0;
        width: 95%
    }

    .mtr-img {
        max-height: auto;
        height: 200px
    }

        .mtr-img img {
            height: 100%;
            width: auto
        }

    .noi_dung .img {
        text-align: center
    }

    .noi_dung img {
        float: none;
        margin-right: 0
    }

    .noi_dung {
        float: none;
        text-align: center
    }

        .noi_dung a.xem_the {
            float: none
        }
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #menu-button {
        display: none
    }

    #cssmenu > ul > li {
        float: left
    }

    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center
    }

        #cssmenu.align-center > ul > li {
            display: inline-block;
            float: none
        }

    #cssmenu.align-center ul ul {
        text-align: left
    }

    #cssmenu.align-right > ul > li {
        float: right
    }

    #cssmenu.align-right ul ul {
        text-align: right
    }

    #cssmenu > ul > li > a {
        padding: 0 6px;
        line-height: 40px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        -webkit-transition: color .1s ease;
        -moz-transition: color .1s ease;
        -ms-transition: color .1s ease;
        -o-transition: color .1s ease;
        transition: color .1s ease;
        white-space: nowrap
    }

    #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
        color: #ff0
    }

    #cssmenu > ul > li.has-sub > a::after {
        position: absolute;
        top: 21px;
        right: 10px;
        width: 4px;
        height: 4px;
        content: "";
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: border-color .2s ease;
        -moz-transition: border-color .2s ease;
        -ms-transition: border-color .2s ease;
        -o-transition: border-color .2s ease;
        transition: border-color .2s ease
    }

    #cssmenu > ul > li.has-sub:hover > a::after {
        border-color: #009ae1
    }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        z-index: 999;
        top: 36px;
        opacity: .95
    }

    #cssmenu li:hover > ul {
        left: auto
    }

    #cssmenu.align-right li:hover > ul {
        right: 0
    }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%
    }

    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        -ms-transition: height .2s ease;
        -o-transition: height .2s ease;
        transition: height .2s ease
    }

    #cssmenu ul li:hover > ul > li {
        height: 35px
    }

    #cssmenu ul ul li a {
        background: #333;
        line-height: 14px;
        padding: 10px 20px;
        border-bottom: 1px dashed #c2c2c2;
        width: 280px;
        text-decoration: none;
        color: #ddd;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        text-transform: capitalize
    }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
            color: #fff
        }

    #cssmenu ul ul li.has-sub > a::after {
        position: absolute;
        top: 13px;
        right: 10px;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        content: "";
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: border-color .2s ease;
        -moz-transition: border-color .2s ease;
        -ms-transition: border-color .2s ease;
        -o-transition: border-color .2s ease;
        transition: border-color .2s ease
    }

    #cssmenu.align-right ul ul li.has-sub > a::after {
        right: auto;
        left: 10px;
        border-bottom: 0;
        border-right: 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd
    }

    #cssmenu ul ul li.has-sub:hover > a::after {
        border-color: #fff
    }

@media all and (max-width:1000px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
    #cssmenu {
        width: 100%
    }

        #cssmenu ul {
            width: 100%;
            display: none;
            background: #0a8c6c;
            z-index: 99999999
        }

        #cssmenu.align-center > ul, #cssmenu.align-right ul ul {
            text-align: left
        }

        #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
            width: 100%;
            height: auto;
            border-top: 1px solid #ccc
        }

            #cssmenu ul li a, #cssmenu ul ul li a {
                width: 100%
            }

        #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {
            float: none;
            display: block
        }

        #cssmenu ul ul li a {
            padding: 15px 15px 15px 40px;
            font-size: 12px;
            color: #fff;
            background: none
        }

            #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
                color: #fff
            }

        #cssmenu ul ul ul li a {
            padding-left: 60px
        }

        #cssmenu ul ul, #cssmenu ul ul ul {
            position: relative;
            left: 0;
            right: auto;
            width: 100%;
            margin: 0
        }

            #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
                display: none
            }

    #menu-line {
        display: none
    }

    #cssmenu #menu-button {
        display: block;
        padding: 15px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold
    }

        #cssmenu #menu-button::after {
            content: '';
            position: absolute;
            top: 15px;
            right: 20px;
            display: block;
            width: 15px;
            height: 2px;
            background: #fff
        }

        #cssmenu #menu-button::before {
            content: '';
            position: absolute;
            top: 20px;
            right: 20px;
            display: block;
            width: 15px;
            height: 3px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff
        }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120,120,120,.15);
        height: 42px;
        width: 42px;
        cursor: pointer
    }

        #cssmenu .submenu-button::after {
            content: '';
            position: absolute;
            top: 17px;
            left: 20px;
            display: block;
            width: 1px;
            height: 11px;
            background: #fff;
            z-index: 99
        }

        #cssmenu .submenu-button::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 22px;
            display: block;
            width: 11px;
            height: 1px;
            background: #fff;
            z-index: 99
        }

        #cssmenu .submenu-button.submenu-opened:after {
            display: none
        }
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

    .mm-panel.mm-opened {
        -webkit-transform: translate3d(0%,0,0);
        -moz-transform: translate3d(0%,0,0);
        -ms-transform: translate3d(0%,0,0);
        -o-transform: translate3d(0%,0,0);
        transform: translate3d(0%,0,0)
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate3d(-30%,0,0);
        -moz-transform: translate3d(-30%,0,0);
        -ms-transform: translate3d(-30%,0,0);
        -o-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0)
    }

    .mm-panel.mm-highest {
        z-index: 1
    }

.mm-menu > .mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

    .mm-menu > .mm-panel.mm-hasnavbar {
        padding-top: 40px
    }

    .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
        content: '';
        display: block;
        height: 20px
    }

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

    .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {
    height: 40px;
    bottom: auto
}

    .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after {
        top: 16px;
        bottom: auto
    }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

    .mm-navbar > * {
        display: block;
        padding: 10px 0
    }

    .mm-navbar a, .mm-navbar a:hover {
        text-decoration: none
    }

    .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px;
        color: #fff !important;
        font-weight: bold
    }

    .mm-navbar .mm-btn {
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        z-index: 1
    }

        .mm-navbar .mm-btn:first-child {
            padding-left: 20px;
            left: 0
        }

        .mm-navbar .mm-btn:last-child {
            text-align: right;
            padding-right: 20px;
            right: 0
        }

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 34px
}

    .mm-listview a, .mm-listview a:hover {
        text-decoration: none
    }

    .mm-listview > li {
        position: relative
    }

        .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {
            border-color: inherit
        }

            .mm-listview > li > a, .mm-listview > li > span {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: inherit;
                display: block;
                padding: 10px 10px 10px 20px;
                text-transform: capitalize;
                margin: 0
            }

                .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
                    padding-right: 50px
                }

            .mm-listview > li:not(.mm-divider):after {
                content: '';
                border-bottom-width: 1px;
                border-bottom-style: solid;
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0
            }

            .mm-listview > li:not(.mm-divider):after {
                left: 20px
            }

    .mm-listview .mm-next {
        background: rgba(3,2,1,0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2
    }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 50px
        }

        .mm-listview .mm-next.mm-fullsubopen {
            width: 100%
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: 0
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
                margin-right: 0
            }

.mm-menu > .mm-panel > .mm-listview {
    margin: 20px -20px
}

    .mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -20px
    }

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

    .mm-listview .mm-inset > li {
        padding: 5px 0
    }

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

    .mm-listview .mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px
    }

.mm-prev:before, .mm-next:after, .mm-arrow:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: 0;
    border-bottom: 0;
    left: 20px
}

.mm-next:after, .mm-arrow:after {
    border-top: 0;
    border-left: 0;
    right: 20px
}

.mm-menu {
    background: url(../../giongcaytot.com/wp-content/themes/template/js/menu/bg_menu_re.png) repeat;
    border-color: #888;
    color: #fff
}

    .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
        color: #fff
    }

    .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
        border-color: #fff
    }

    .mm-menu .mm-listview {
        border-color: #888
    }

        .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
            border-color: #fff
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: rgba(255,255,255,.5)
        }

        .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
            background: rgba(0,0,0,.05)
        }

    .mm-menu .mm-divider {
        background: rgba(0,0,0,.05)
    }

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease
}

html.mm-opened {
    overflow: hidden;
    position: relative
}

    html.mm-opened body {
        overflow: hidden
    }

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3,2,1,0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
    z-index: 999999999
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%,0);
    -moz-transform: translate(80%,0);
    -ms-transform: translate(80%,0);
    -o-transform: translate(80%,0);
    transform: translate(80%,0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px,0);
        -moz-transform: translate(140px,0);
        -ms-transform: translate(140px,0);
        -o-transform: translate(140px,0);
        transform: translate(140px,0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px,0);
        -moz-transform: translate(440px,0);
        -ms-transform: translate(440px,0);
        -o-transform: translate(440px,0);
        transform: translate(440px,0)
    }
}

.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
    max-height: 80%
}

    .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
        max-height: 100%
    }

.mm-menu.mm-measureheight > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

    em.mm-counter + a.mm-next {
        width: 90px
    }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
            margin-right: 90px
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0
    }

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: #fff
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important
    }

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0,0,0,.05)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform,left,right;
    -moz-transition-property: -moz-transform,left,right;
    -ms-transition-property: -ms-transform,left,right;
    -o-transition-property: -o-transform,left,right;
    transition-property: transform,left,right
}

    .mm-iconpanel .mm-panel.mm-opened {
        border-left: 1px solid;
        border-color: inherit
    }

    .mm-iconpanel .mm-panel.mm-subopened {
        overflow-y: hidden;
        left: -40px;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-0 {
        left: 0
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-1 {
        left: 40px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-2 {
        left: 80px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-3 {
        left: 120px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-4 {
        left: 160px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-5 {
        left: 200px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-6 {
        left: 240px
    }

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: 0;
    top: auto;
    bottom: 0;
    height: 100px
}

    .mm-navbar-bottom b {
        width: 100%
    }

.mm-navbar-top ~ .mm-navbar-top {
    border-bottom: 0
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
    border-top: 0
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-close:after {
    content: 'x'
}

.mm-navbar[class*="mm-navbar-content-"] > * {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar > .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

    .mm-navbar > .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px
    }

    .mm-navbar > .mm-breadcrumbs > a {
        text-decoration: underline
    }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panel {
    top: 40px
}

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px
}

.mm-hasnavbar-top-1 .mm-fixeddivider {
    top: 40px
}

.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 80px
}

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px
}

.mm-hasnavbar-top-2 .mm-fixeddivider {
    top: 80px
}

.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panel {
    top: 120px
}

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px
}

.mm-hasnavbar-top-3 .mm-fixeddivider {
    top: 120px
}

.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panel {
    top: 160px
}

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px
}

.mm-hasnavbar-top-4 .mm-fixeddivider {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panel {
    bottom: 40px
}

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panel {
    bottom: 80px
}

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panel {
    bottom: 120px
}

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panel {
    bottom: 160px
}

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2 > * {
    width: 50%
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px
}

    .mm-search input {
        border: 0;
        font: inherit;
        font-size: 14px;
        line-height: 26px;
        outline: 0;
        display: block;
        width: 100%;
        height: 26px;
        margin: 0;
        padding: 0 10px
    }

        .mm-search input::-ms-clear {
            display: none
        }

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 80px
    }

        .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
            top: 40px
        }

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults > a.mm-next {
    display: none
}

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px
    }

.mm-menu .mm-search input {
    color: rgba(0,0,0,.7)
}

.mm-menu .mm-noresultsmsg {
    color: #fff
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    -moz-transition: right .4s ease;
    -ms-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.85%
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px
    }

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: #fff
}

input.mm-toggle, input.mm-check {
    position: absolute;
    left: -10000px
}

label.mm-toggle, label.mm-check {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2
}

    label.mm-toggle:before, label.mm-check:before {
        content: '';
        display: block
    }

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 1px
    }

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
    bottom: auto;
    margin-top: 0
}

li.mm-vertical label.mm-toggle {
    top: 5px
}

li.mm-vertical label.mm-check {
    top: 5px
}

label.mm-toggle, label.mm-check {
    right: 20px
}

    label.mm-toggle + a, label.mm-toggle + span {
        padding-right: 80px
    }

    label.mm-check + a, label.mm-check + span {
        padding-right: 60px
    }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
    right: 60px
}

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        margin-right: 50px
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px
    }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
    right: 100px
}

    em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span {
        margin-right: 90px
    }

.mm-menu label.mm-toggle {
    background: #888
}

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3
    }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0,0,0,.7)
}

.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after {
    content: none
}

.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after {
    left: 0 !important
}

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(0.7,.7) translate3d(-30%,0,0);
    -moz-transform: scale(0.7,.7) translate3d(-30%,0,0);
    -ms-transform: scale(0.7,.7) translate3d(-30%,0,0);
    -o-transform: scale(0.7,.7) translate3d(-30%,0,0);
    transform: scale(0.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1,1) translate3d(0%,0,0);
    -moz-transform: scale(1,1) translate3d(0%,0,0);
    -ms-transform: scale(1,1) translate3d(0%,0,0);
    -o-transform: scale(1,1) translate3d(0%,0,0);
    transform: scale(1,1) translate3d(0%,0,0)
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(0.7,.7) translate3d(30%,0,0);
    -moz-transform: scale(0.7,.7) translate3d(30%,0,0);
    -ms-transform: scale(0.7,.7) translate3d(30%,0,0);
    -o-transform: scale(0.7,.7) translate3d(30%,0,0);
    transform: scale(0.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1,1) translate3d(0%,0,0);
    -moz-transform: scale(1,1) translate3d(0%,0,0);
    -ms-transform: scale(1,1) translate3d(0%,0,0);
    -o-transform: scale(1,1) translate3d(0%,0,0);
    transform: scale(1,1) translate3d(0%,0,0)
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(-30%,0,0);
    -moz-transform: translate3d(-30%,0,0);
    -ms-transform: translate3d(-30%,0,0);
    -o-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%,0,0);
    -moz-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(30%,0,0);
    -moz-transform: translate3d(30%,0,0);
    -ms-transform: translate3d(30%,0,0);
    -o-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%,0,0);
    -moz-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu {
    opacity: 1
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    -moz-transform: scale(1.5,1.5) translate3d(100%,0,0);
    -ms-transform: scale(1.5,1.5) translate3d(100%,0,0);
    -o-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

    .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
        -webkit-transform: scale(1,1) translate3d(0%,0,0);
        -moz-transform: scale(1,1) translate3d(0%,0,0);
        -ms-transform: scale(1,1) translate3d(0%,0,0);
        -o-transform: scale(1,1) translate3d(0%,0,0);
        transform: scale(1,1) translate3d(0%,0,0)
    }

        .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
            -webkit-transform: scale(0.7,.7) translate3d(-30%,0,0);
            -moz-transform: scale(0.7,.7) translate3d(-30%,0,0);
            -ms-transform: scale(0.7,.7) translate3d(-30%,0,0);
            -o-transform: scale(0.7,.7) translate3d(-30%,0,0);
            transform: scale(0.7,.7) translate3d(-30%,0,0)
        }

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1) {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4) {
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        -ms-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5) {
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        -ms-transition-delay: 500ms;
        -o-transition-delay: 500ms;
        transition-delay: 500ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6) {
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7) {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        -ms-transition-delay: 700ms;
        -o-transition-delay: 700ms;
        transition-delay: 700ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8) {
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        transition-delay: 800ms
    }

    html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9) {
        -webkit-transition-delay: 900ms;
        -moz-transition-delay: 900ms;
        -ms-transition-delay: 900ms;
        -o-transition-delay: 900ms;
        transition-delay: 900ms
    }

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0)
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px,0);
        -moz-transform: translate(140px,0);
        -ms-transform: translate(140px,0);
        -o-transform: translate(140px,0);
        transform: translate(140px,0)
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px,0);
        -moz-transform: translate(10000px,0);
        -ms-transform: translate(10000px,0);
        -o-transform: translate(10000px,0);
        transform: translate(10000px,0)
    }
}
@media(max-width:768px){
    p.phone{display:none;}

}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0)
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px,0);
        -moz-transform: translate(-140px,0);
        -ms-transform: translate(-140px,0);
        -o-transform: translate(-140px,0);
        transform: translate(-140px,0)
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px,0);
        -moz-transform: translate(-10000px,0);
        -ms-transform: translate(-10000px,0);
        -o-transform: translate(-10000px,0);
        transform: translate(-10000px,0)
    }
}

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px #fff
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%,0);
    -moz-transform: translate(-80%,0);
    -ms-transform: translate(-80%,0);
    -o-transform: translate(-80%,0);
    transform: translate(-80%,0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px,0);
        -moz-transform: translate(-140px,0);
        -ms-transform: translate(-140px,0);
        -o-transform: translate(-140px,0);
        transform: translate(-140px,0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px,0);
        -moz-transform: translate(-440px,0);
        -ms-transform: translate(-440px,0);
        -o-transform: translate(-440px,0);
        transform: translate(-440px,0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important
}

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

.mm-menu.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8)
}

    .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
        border-color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-dark .mm-listview {
        border-color: rgba(0,0,0,.15)
    }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
            border-color: rgba(255,255,255,.4)
        }

        .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
            background: #888
        }

        .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
            background: rgba(255,255,255,.05)
        }

    .mm-menu.mm-theme-dark .mm-divider {
        background: rgba(255,255,255,.05)
    }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255,255,255,.8)
    }

    .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-dark .mm-fixeddivider span {
        background: rgba(255,255,255,.05)
    }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15)
}

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333
    }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: white;
    border-color: #888;
    color: rgba(0,0,0,.6)
}

    .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a {
        color: #fff
    }

    .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
        border-color: #fff
    }

    .mm-menu.mm-theme-white .mm-listview {
        border-color: #888
    }

        .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
            border-color: #fff
        }

        .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.05)
        }

        .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
            background: rgba(0,0,0,.03)
        }

    .mm-menu.mm-theme-white .mm-divider {
        background: rgba(0,0,0,.03)
    }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0,0,0,.6)
    }

    .mm-menu.mm-theme-white em.mm-counter {
        color: #fff
    }

    .mm-menu.mm-theme-white .mm-fixeddivider span {
        background: rgba(0,0,0,.03)
    }

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: #fff
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: #fff
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: #888
}

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: white
    }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: black;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6)
}

    .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
        border-color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-black .mm-listview {
        border-color: rgba(255,255,255,.2)
    }

        .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
            border-color: rgba(255,255,255,.4)
        }

        .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
            background: rgba(255,255,255,.3)
        }

        .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
            background: rgba(255,255,255,.2)
        }

    .mm-menu.mm-theme-black .mm-divider {
        background: rgba(255,255,255,.2)
    }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255,255,255,.6)
    }

    .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255,255,255,.4)
    }

    .mm-menu.mm-theme-black .mm-fixeddivider span {
        background: rgba(255,255,255,.2)
    }

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2)
}

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: black
    }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0 0;
    float: left;
    position: relative
}

    .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1
    }

    .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%
    }

    .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s {
        width: 25%;
        padding-top: 25%
    }

    .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l {
        width: 75%;
        padding-top: 75%
    }

    .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl {
        width: 100%;
        padding-top: 100%
    }

    .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span {
        line-height: 1px;
        text-align: center;
        padding: 50% 10px 0 10px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
        left: 0
    }

    .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next {
        width: auto
    }

        .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after {
            content: none;
            display: none
        }

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

    .mm-menu.mm-tileview .mm-panel:after {
        content: none;
        display: none
    }

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

.header1, .content1, .footer1 {
    text-align: center
}

.header1, .footer1 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 40px;
    padding: 0 50px
}

    .header1.fixed1 {
        position: fixed;
        top: 0;
        left: 0
    }

    .footer1.fixed1 {
        position: fixed;
        bottom: 0;
        left: 0
    }

    .header1 a {
        background: center center no-repeat transparent;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 10px
    }